a:link { text-decoration: none; color: #FF8000; }
a:visited { text-decoration: none; color: #FF8000; }
a:hover { text-decoration: underline; color: #FF8000; }
a:active { text-decoration: underline; color: #FF8000; }


.text
{
font-size: 12px;
color: #999999;
line-height: 21px;
font-family: Courier New,Courier,Monaco,monospace;
}

.lesen
{
font-size: 11px;
color: #666666;
line-height: 18px;
font-family: Verdana,Arial,Helvetica;
}

.head
{
font-size: 14px;
color: #666666;
line-height: 21px;
font-family: Courier New,Courier,Monaco,monospace;
}


.sb {scrollbar-3dlight-color:#666666;
           scrollbar-arrow-color:#cc3300;
           scrollbar-base-color:#ffffff;
           scrollbar-darkshadow-color:#6666666;
           scrollbar-face-color:#ffffff;
           scrollbar-highlight-color:#ffffff;
           scrollbar-shadow-color:}
		   
		   
		   #bildcontainer
{
    text-indent:-9999px; /*damit rutscht der Text ganz magisch 10k Pixel aus dem Bild raus *g* */
}
#bilderleiste li
{
    margin:0;
    padding:0;
    margin-right:10px;     /*Abstand zwischen den einzelnen Bildern*/
    list-style-type:none;   /*die Punkte vor den list items wegnehmen*/
    float:left;                   /*floaten, damit sie nebeneinander stehen*/
}

/*erstmal die normalen Bilder und Hovers festlegen*/
#link1 {background:url("Prinz_Fuchs_quad.jpg")}
#link2 {background:url("Prinz_Fuchs_Schlange_quad.jpg")}
#link3 {background:url("grafiken/link3.gif")}
#link4 {background:url("grafiken/link4.gif")}

#link1 a:hover {background:url("grafiken/link1_hover.gif")}
#link2 a:hover {background:url("grafiken/link2_hover.gif")}
#link3 a:hover {background:url("grafiken/link3_hover.gif")}
#link4 a:hover {background:url("grafiken/link4_hover.gif")}

/*so, jetzt 
#bilderleiste a
{
    display:block; /*sonst wird das nicht richtig angezeigt*/
    width:130px; /*so Breit ist jedes Bild*/
    height:0; /*Trick, um die Browser auszutricksen, ist eine gängige Image Replacement technique*/
    padding-top:130px; /*so hoch ist das Bild eigentlich, da aber height 0 gesetzt wird, braucht es das*/
    overflow:hidden; /*jeglichen "Überfluss" nicht anzeigen... als ob wir in Deutschland Überfluss hätten ;)*/
}