/*
 http://www.oktoberfestband.net
 Author: Steffen Reimann
 23.01.2005
*/

* {border: 0; padding: 0; margin: 0;}
/*  === BODY ===
   Haupthintergrund "blaue Wolke"
   Allgemeine Texteinmstellungen
   Schrift-Farbe "schwarz"
   Im gesamten Browserfenster
   keine Ränder und Innenabstände
*/
body{
 background-image: url('../grafiken/background.jpg');
 background-attachment: fixed;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-size: 12pt;
 font-weight: normal;
 color: black;
 height: 100%;
 line-height: 1.5;
 min-width: 800px; /* the min width of our "layout" IE ignores this */
}
/*  === HEAD ===
   Hintergrundfarbe "orange: #E4A839"
*/
#head{
 background-color: #E4A839;
 width: 100%;
 top: 0px;
 left: 0px;
 height: 60px;
 position: absolute;
 text-align: left;
 color: black;
}

/*  === Content ===
   Hintergrundbild Noten
*/
#content {
 background-image: url('../grafiken/back.gif');
 border: 1px solid #AFAFAF;
 padding: 10px;
 margin: 70px 165px 10px 165px;
}

/*  === NAVIGATION ===
   Hintergrundfarbe "transparent" damit der Untergrund durchscheint
   Höhe das gesamte Fenster liegt über dem oberen Balken
*/
#nav1{
 position: absolute;
 padding: 10px;
 background: transparent;
 top: 60px;
 left: 0px;
 width: 100px;
}

/*  === NAVIGATION ===
   Hintergrundfarbe "transparent" damit der Untergrund durchscheint
   Höhe das gesamte Fenster liegt über dem oberen Balken
*/
#nav2{
 background: transparent;
 padding: 10px;
 position: absolute;
 top: 60px;
 right: 0px;
}


/*=========================================================================*/
/*==   Formatierungen                                                      */
/*=========================================================================*/
/*  stellt für alle Bilder ein dass sie keinen rahmen haben  */

ul {
 margin-left: 15px;
}

.foto-description {
 position: relative;
 top: -200px;
 left: 250px;
 width: 300px;
}

acronym {
 border-bottom: 1px dotted #6F6F6F;
}

.music-table {
 font-size: 10pt;
}
.cd {
 width: 20px;
 height: 20px;
 margin-left: 10px;
 vertical-align: text-bottom;
}

.playlist {
  width: 100%;
}

.playlist td {
  width: 50%;
  vertical-align: top;
}

.playlist th {
  text-align: left;
}

img {
 border: 0px;
}



/*  Abstand des Logos zum Rand  */
#logo {
 margin: 5px;
}

/*  Überschrift : Günther Friedmann Band  */
#head-h1{
 top: 10px;
 left: 165px;
 position: absolute;
 font-size: 22pt;
}

#copyright{
 font-size: 8pt;
 text-align: right;
}

.mail:before {
 content: url('../grafiken/umschlag.gif');
 margin-right: 2px;
}

a{
 text-decoration: none;
}
a:link {
 text-decoration: none;
}
a:visited {
 color: #9000E0;
 text-decoration: none;
}
a:active {
 color: #9000E0;
 text-decoration: underline;
}

/*  Navigationsbuttons */
#nav1 a, #nav2 a {

 display: block;
 background-image: url('../grafiken/button.jpg');
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-size: 10pt;
 color: #000000;
 width: 110px;
 min-width: 110px;
 margin-bottom:5px;
 padding: 8px 0px 8px 30px;
 border: 1px solid #AFAFAF;

 font-weight: bold;
 color: #000000;
 text-decoration: none;
}

h1 {
 font-size: 18pt;
}

.extern:before {
 content:url('../grafiken/linkexternicon.gif');
 margin-right:2px;
}

/* Startseitenextras */
#startlogo {
 position:relative;
 top:0px;
 left: 140px;
 margin-bottom:20px;
}
/* right*/
#start-text-part1 {
 position:absolute;
 left:280px;
 top:60px;
 background:transparent;
 font-weight:bold;
}
#start-text-part2 {
 position:absolute;
 left:320px;
 top:110px;
 background:transparent;
 font-weight:bold;
}
#start-text-part3 {
 position:absolute;
 left:335px;
 top:160px;
 background:transparent;
 font-weight:bold;
}
#start-text-part4 {
 position:absolute;
 left:320px;
 top:210px;
 background:transparent;
 font-weight:bold;
}
#start-text-part5 {
 position:absolute;
 left:280px;
 top:260px;
 background:transparent;
 font-weight:bold;
}
/* left */
#start-text-part6 {
 position:absolute;
 left:-30px;
 top:60px;
 background:transparent;
 font-weight:bold;
}
#start-text-part7 {
 position:absolute;
 left:-70px;
 top:110px;
 background:transparent;
 font-weight:bold;
}
#start-text-part8 {
 position:absolute;
 left:-85px;
 top:160px;
 background:transparent;
 font-weight:bold;
}
#start-text-part9 {
 position:absolute;
 left:-70px;
 top:210px;
 background:transparent;
 font-weight:bold;
}
#start-text-part10 {
 position:absolute;
 left:-30px;
 top:260px;
 background:transparent;
 font-weight:bold;
}