/* Standard-CSS für www.silkelange.de */

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

html {
color:#000;
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
line-height: 16px;
background-color:#67392E;
}

<!-- background-color:#422; -->
a:link,a:visited {
color:#000;
text-decoration:none;

}
a:hover,a:active,a:focus {
color:#2E7079;
text-decoration:none;
}


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


/* Begin Sektions-Definitionen ------------------------------------------ */


.Container {width: 907px; height: 510px;
            left:50%; margin-left:-453px; margin-top:-255px; position:absolute; top:50%; }
            

.Kopf {background-color:#fff; height: 55px;}
.Kopf img {position:absolute; top:35px; right:38px; display:block;}

.Korper {background: url(./Bilder/haupt.jpg); height: 455px; z-index:1; }

.Zentrum {width: 805px; height: 300px; position:absolute; top:130px; left:65px; background-color:#fff; z-index:5;}
.Zentrum img {margin-top:6px; margin-left:6px; float:left;}



.Bilder {width: 521px; height: 288px; position:absolute; top:6px; left:6px;  float:left;
            background: url(./Bilder/bild1.jpg); background-repeat:no-repeat;}
#Galleriebild {position:absolute; top:-6px; left:-6px;}
            
#Balken { position:absolute; left:182px; top:253px; width:328px; margin-right: -1px;
             padding: 5px 5px 5px 5px;
             filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}


.Navigation {list-style-type:none;position:absolute; left:183px; top:263px;z-index:20;}
.Navigation li {float:left; padding: 5px; z-index:20;}

li a {font-size: 9px;color:#D19E67; text-decoration:none;}
li a:link {font-size: 9px;color:#D19E67; text-decoration:none;}
li a:hover, li a:active, li a:focus {color:black;text-decoration:none;}

a:link .Bildnummer, a:visited .Bildnummer  {color:#D19E67; text-decoration:none;}
a:hover .Bildnummer, a:active .Bildunmer, a:focus .Bildunmmer {color:black;}

.Problem {width:260px;font-size:11px;}
a:link .Problem, a:active .Problem, a:visited .Problem {position:absolute; left:350px; top:-258px;filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
a:hover .Problem {color:black; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.Linkzentrum {width: 805px; height: 300px; position:absolute; top:130px; left:65px; text-align:right; background-color:#fff; z-index:5;}
.Linkzentrum img {margin-top:6px; margin-right:6px; float:right;}

.Text {background-color:#fff;margin-top:12px; padding-left:18px; margin-right:6px; 
        padding-right:54px; height:282px; overflow:auto;text-decoration:none;}
ul {padding-left:18px;}

.Text a:link,  .Text a:visited { color:#D19E67;text-decoration:none;}
.Text a:hover,  .Text a:active,  .Text a:focus {color:#000;text-decoration:none;}

.Pfeil {position:absolute; left:270px; bottom:9px;}
.Bildunterschrift {position:absolute; bottom:6px; line-height:15px;} 





/* Bildwechsler Linkknöpfe -------------------------------------- */

a.Aktuell:link,a.Aktuell:visited  { height:74px; width:63px;  position:absolute; top:166px; left:0px; z-index:3;
            background: url(./Bilder/Knopfe/aktuell_passiv.jpg)}
a.Aktuell:hover, a.Aktuell:active, a.Aktuell:focus { background: url(./Bilder/Knopfe/aktuell_aktiv.jpg)}

a.Termine:link,a.Termine:visited  { height:74px; width:63px;  position:absolute; top:247px; left:0px; z-index:3;
            background: url(./Bilder/Knopfe/termine_passiv.jpg)}
a.Termine:hover, a.Termine:active, a.Termine:focus { background: url(./Bilder/Knopfe/termine_aktiv.jpg)}

a.Links:link, a.Links:visited {height:74px; width:63px; position:absolute; top:329px; left:0px; z-index:3;
            background: url(./Bilder/Knopfe/links_passiv.jpg)}
a.Links:hover, a.Links:active, a.Links:focus { background: url(./Bilder/Knopfe/links_aktiv.jpg)}

.Gallerie, a.Gallerie:link, a.Gallerie:visited {height:74px; width:63px; position:absolute; top:410px; left:0px; z-index:3;
            background: url(./Bilder/Knopfe/galerie_passiv.jpg)}
.Gallerie, a.Gallerie:hover, a.Gallerie:active, a.Gallerie:focus { background: url(./Bilder/Knopfe/galerie_aktiv.jpg)}

a.Projekte:link, a.Projekte:visited {height:63px; width:75px;position:absolute; top:55px; left:70px; z-index:3;
            background: url(./Bilder/Knopfe/projekte_passiv.jpg)}
a.Projekte:hover, a.Projekte:active, a.Projekte:focus { background: url(./Bilder/Knopfe/projekte_aktiv.jpg)}

a.Projekte_unterpunkt {height:63px; width:75px;position:absolute; top:55px; left:70px; z-index:3; background: url(./Bilder/Knopfe/projekte_aktiv.jpg)}

a.Unterricht:link, a.Unterricht:visited {height:59px; width:75px;position:absolute; top:451px; left:70px; z-index:3;
            background: url(./Bilder/Knopfe/unterricht_passiv.jpg)}
a.Unterricht:hover, a.Unterricht:active, a.Unterricht:focus { background: url(./Bilder/Knopfe/unterricht_aktiv.jpg)}

a.Vita:link, a.Vita:visited {height:75px; width:75px;position:absolute; top:83px; left:151px; z-index:3;
            background: url(./Bilder/Knopfe/vita_passiv.jpg)}
a.Vita:hover, a.Vita:active, a.Vita:focus { background: url(./Bilder/Knopfe/vita_aktiv.jpg)}

a.Kontakt:link, a.Kontakt:visited {height:74px; width:75px;position:absolute; top:410px; left:151px; z-index:3;
            background: url(./Bilder/Knopfe/kontakt_passiv.jpg)}
a.Kontakt:hover, a.Kontakt:active, a.Kontakt:focus { background: url(./Bilder/Knopfe/kontakt_aktiv.jpg)}