#body
{
background-color:black;
}
#kontainer
{
position:relative;
left:0px; top:0px;
margin:auto;
width: 800px;
}

#bild-rechts{
position:absolute;
left:680px; top:510px;
margin:0px; 
padding:0px;
z-index: 1;
}

#hauptmenue
{
margin:0px; 
padding:0px; 
position:absolute;
left:0px; top:55px;
background-image: url(menue1.jpg);
text-align:center;
font-family:Verdana;
font-weight:bold;
color: #3399FF;
font-size: 0.75em;
}

/* Eigenschaften Hauptmenü Listeneintrag*/
#hauptmenue ul, #hauptmenue li
{
/*Setzt Zeichen vor den Link */
list-style-type: none;
margin:0px; 
padding:0px; 
}

#hauptmenue li a:link, #hauptmenue li a:visited, #hauptmenue li a:active 
{
display:block;
padding-top: 20px;
margin:0px;
text-decoration:none;
width: 150px;
height: 50px;
color: #3399FF;
}

#hauptmenue li a:hover {
/*background-color:#B1C7D1;*/
color: red;  
background-image:url(menue2.jpg);            
}

#inhalt {
margin:0; 
padding:10px; 
position:absolute;
left:155px; top:55px;
width: 625px;
height: 471px;
border: solid 1px #b3b2b2;
font-family:Verdana;
font-weight:bold;
font-size: 0.75em;
color: white;
}

#inhalt a {color: #FFFE01;}

*.editor {
white-space:pre;
}

*.biotextposition {
left:10px;
}

#band {width: 540px; margin: auto;}
#band2 {width: 360px; margin: auto;}

*.bandfotos {
position: relative;
height:150px;
width:150px;
float: left;
padding: 0 15px;
text-align: center;
}

*.bandfotosbioposition{
left:10px;
}

h1 {
font-weight: bold;
font-size: 1em;
font-family: Verdana;
color: white;
margin:0px; 
padding:0px; 
}

#fusszeile {
margin:0; 
padding:0; 
position:absolute;
left:0px; top:550px;
width: 800px;
height: 60px;
border: solid 1px #b3b2b2;
font-family:Verdana;
font-weight:bold;
font-size: 0.75em;
color: white;
}

#kopfzeile {
margin:0; 
padding:0; 
position:relative;
left:0px; top:0px;
width: 800px;
height: 50px;
border: solid 1px #b3b2b2;
background-image:url(Kopf.jpg);
font-family:Verdana;
font-weight:bold;
font-size: 0.75em;
color: white;  
}

.thumbnail{
position: relative;
z-index: 1;
float:left;
margin:5px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

/* Vergrössern des Bildes */
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
/*left: -1000px;*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}
/* Vergrössern des Bildes für Hover*/
.thumbnail:hover span{
visibility: visible;
top: 0;
left: -100px; /*horizontales Offset für das grosse Bild */
}

a.hoerprobe:link {font-size: 1.5em; color:white;}
a.hoerprobe:visited {font-size: 1.5em; color:white;}
a.hoerprobe:active  {font-size: 1.5em; color:white;}