*{ margin: 0px;
    padding: 0px;
    border-width:0px;}

html {
background: url(./Bilder/hintergrund.jpg);
background-repeat:repeat-x;
background-color:#CDDFF3;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}

#Container {width: 796px; height: 494px;
            left:50%; margin-left:-398px; margin-top:-247px; position:absolute; top:50%;
            background: url(./Bilder/start_bg.jpg);}


#Text_rechts {width:295px;height:100px; margin-bottom:11px; margin-left:260px; margin-top:50px; position:absolute; color:#663366;}
#Text_links {width:390px; height:405px; margin-left:26px; margin-top:50px; position:absolute;
            color:white; overflow:hidden;}
            
/* Absatz in Hörbeispiele 1 -Duo */            
#Text_links_Interpreten {font-style:italic; width:390px; height:405px; margin-left:226px; margin-top:50px; 
            position:absolute;
            color:white; overflow:hidden;}
            
#Text_Presse {width:410px; height:405px; margin-left:26px; margin-top:50px; position:absolute; color:#663366;
             overflow:hidden;}
#Text_musik {width:240px; margin-bottom:11px; margin-left:330px; margin-top:50px; position:absolute; color:#663366;}

#Galerie_thumbs { list-style-type:none; color:white; 
height:405px; margin-left:26px; margin-top:50px; position:absolute;}
#Galerie_zu { position:absolute;  left:0px; top:496px;}
#Bildwechsler { position:absolute;  left:559px; top:496px; }
.Galeriebild   {margin-top: 1px; margin-left:1px;}



li {margin-left:15px;}

a:link,a:visited {
color:#663366;
text-decoration:none;
}
a:hover,a:focus {
color:#663366;
text-decoration:none;
font-weight:bold;
}



img {
text-decoration:none;
border-width:0px;
}




#Menu {position:absolute; top:50px; right:52px;  width:168px; }

#Menu li
{text-indent:10px; position:relative; margin-bottom:3px; height:18px ;width:168px; right:0px; z-index:3; list-style-type:none;}

/* So wirkt nicht nur der Text, sondern der ganze Button als link */
#Menu a  {display:block;width:168px; font-weight:normal;}

/* Macht die Flyouts sichtbar - unsichtbar */
#Menu li ul {display:none;}
#Menu li:hover  ul {display:block; position:absolute; top:0; left:-183px;}

/* Hovert die Knöpfe */
#Menu li  { background: url(./Bilder/Knopfe/knopf_passiv.jpg); }
#Menu li:hover {background: url(./Bilder/Knopfe/knopf_aktiv.jpg); }
           

/* Der aktuelle Seitenbutton wird in der Menuliste invertiert dargestellt*/
#Menu li.aktiv {
 background: url(./Bilder/Knopfe/knopf_aktiv.jpg); color:#663366;  
}




/* Falls mal gescrollt werden muss ... */
#Scrollpfeile {width:15px; height:190px; margin-left:8px; margin-top:51px; position:absolute;}
.Scroller-Container {position:absolute;}

/* Die Querlinien in der Linkliste */
hr {display: block; width: 100%; height: 2px; clear: both;border-top: 1px solid #663366;margin: .6em 0 .6em; }