/* Begin Typography & Colors */
body {
        font-family: Verdana, Arial, Sans-Serif;
        background-color: #008000;
        background-image: url(hint2.jpg);
        text-align: justify;
        scrollbar-face-color: #008040;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #00CA00;
        scrollbar-3dlight-color: #04FF04;
        scrollbar-arrow-color:  #006F00;
        scrollbar-track-color: #EFEFEF;
        scrollbar-darkshadow-color: #98AAB1;
        }

.taboben { background-color: #92AEEC; width: 100%; height: 100px }

.projekte { position:absolute; top:0px; right:10px; z-index: 9;}

.musik { position:absolute; top:500px; left:0px; z-index: 1;}

.projektes { text-decoration: none; font-size: 9px; color: #FFFFFF; }
.projektes a:link { font-size: 9px; text-decoration: none; color: #FFFFFF;}
.projektes a:visited { font-size: 9px; text-decoration: none; color: #FFFFFF;}
.projektes a:hover { text-decoration: none; color: #970097; }


.baum1 { position:absolute; top:10px; left:0px; z-index: 1;}
.baum2 { position:absolute; top:20px; left:90px; z-index: 2;}
.baum3 { position:absolute; top:35px; left:200px; z-index: 4;}
.baum4 { position:absolute; top:30px; left:300px; z-index: 3;}
.baum5 { position:absolute; top:20px; left:390px; z-index: 3;}
.baum6 { position:absolute; top:10px; left:500px; z-index: 1;}
.baum7 { position:absolute; top:12px; right:0px; z-index: 1;}
.baum9 { position:absolute; top:9px; right:100px; z-index: 2;}
.weihbaum { position:absolute; top:180px; left:420px; z-index: 1;}
.weihmann { position:absolute; top:220px; left:460px; z-index: 2;}

.wachter { position:absolute; top:190px; right:100px; z-index: 3;}
.vogel { position:absolute; top:10px; left:300px; z-index: 3;}
.hase { position:absolute; top:100px; left:50px; z-index: 3;}

.navig { position:absolute; top:180px; right:200px; z-index: 10;}
.tabnavi { widht: 80px; background-image: url(hint3.gif); }

.navis { text-decoration: none; font-size: 12px; color: #000000; }
.navis a:link { font-size: 12px; text-decoration: none; color: #FFFFBB;}
.navis a:visited { font-size: 12px; text-decoration: none; color: #FFFFBB;}
.navis a:active { font-size: 12px; text-decoration: none; color: #C0C0C0;}
.navis a:hover { text-decoration: none; color: #FFFF82; }


.steinetab { position:absolute; top:270px; left:50; z-index: 8;}

.seitenzahl { position:absolute; top:430px; left:300; z-index: 8; }


.tabindexsteine { height:109px; }
td.tabindexsteineb { width: 150px; }
td.tabindexsteines { width:68px; height:109px; background-image: url(grabstein-klein.gif); }

.name1 { text-decoration: none; font-weight: bold; font-size: 9px; color: #000000; }
.name1 a:link { font-weight: bold; font-size: 9px; text-decoration: none; color: #000000;}
.name1 a:visited { font-size: 9px; text-decoration: none; color: #000000;}
.name1 a:hover { text-decoration: none; color: #FFFF82; }

.seitenzahls { font-weight: bold; font-size: 11px; color: #FFFFBB; line-height: 20px; }
.seitenzahls a:link { font-weight: bold; font-size: 11px; text-decoration: none; color: #FFFFBB; line-height: 20px; }
.navis a:visited { font-size: 12px; text-decoration: none; color: #FFFFBB;}
.seitenzahls a:hover { text-decoration: none; color: #FFFF82; }

.tabseitenzahl { height:20px; background-image: url(hint3.gif); width: 250px; }


.inhalttab { position:absolute; top:150px; left:100px; z-index: 9;}


.tabsteingross { width: 300px; height:454px; background-image: url(grabstein-gross.gif); }

.name2 { text-decoration: none; font-weight: bold; font-size: 20px; color: #000000; }
.name2 a:link { font-weight: bold; font-size: 20px; text-decoration: none; color: #000000;}
.name2 a:visited { font-size: 13px; text-decoration: none; color: #000000;}
.name2 a:hover { text-decoration: none; color: #FFFF82; }

.tabtext1 { width: 300px; background-image: url(hint3.gif); }

.text1 { font-size: 12px; color: #C0C8C8; }
.text1 a:link { font-size: 12px; color: #C0C8C8;}
.text1 a:visited { font-size: 12px; color: #C0C8C8;}
.text1 a:hover { color: #FFFF82; }

.text2 { font-size: 11px; color: #B2BABA; }
.text2 a:link { font-size: 11px; color: #B2BABA;}
.text2 a:visited { font-size: 11px; color: #B2BABA;}
.text2 a:hover { color: #FFFF82; }

td.komschreiben { background-image: url(hint3.gif); }

.bilder { max-width: 50%; }