@charset "utf-8";
/* CSS Document */
body{
font-family:goudy; /* Schriftfamilie generell festgelegt */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100.1%; /* Darstellung alte IExplore */
color:#8d7a6b; /* Graubraun */
}
*{margin:0;padding:0;} /* Standardabstände an allen Elementen entfernen. */

/* ---------- Links vordefinieren ---------- */
a{text-decoration:none;
color:#ffffff;
background:#8da6b; /* Graubraun */
}

/* Verlinkte Bilder in allen Browsern gleich darstellen. Um das aufs CSS zu übernehmen, Bilder nicht per Background-URL definieren sondern per :before und :after. */
a img{border:0;outline:0;} 

/* ---------- Listen vordefinieren ---------- */
/* Beispiele */
ul,ol{list-style:none;
	margin:0 1.88em 0 15.625em;
	/*margin-left:15.625em;*/
	/*background:#8d7a6b;*/}
li{font-size:0.75em;
margin-left:0px;}
li:hover{
background:#ffffff; 
text-decoration:none;}
li:hover a{color:#8d7a6b;}
li:focus{color:#ffffff;
background:#59a5a3; /* Petrol */
text-decoration:none;}
li:active{color:#ffffff;
background:#66c1bf; /* Petrol hell */
text-decoration:none;} /*----- WICHTIG! -----
*/
li:active a{color:#ffffff;}
/* Nach Reset */
dl,dd{margin:0;padding:0;} /* In Definitionslisten ist das Einrücken i.d.R. unerwünscht. */
dd{margin-bottom:10px;}

/* ---------- Formulare vordefinieren ---------- */
input{border:1px solid #ccc;} /* Um ein input-Feld sollte ZWINGEND ein Rahmen mit 1px gesetzt werden. Bei relativen Breiten- und Höhenangaben - Rahmen NICHT größer als 1px wählen, Standard-Padding überschreiben. KEINE 100% Breite verwenden!!!! Wenn man einem Input-Element 100% zuweist, hat man IMMER einen Scrollbalken. Das ist doof!!!  :) */


 /* ---------- Clearen ---------- */
 .clearfix:after,.clearfix:before{ /* .clearfix-Klasse an den Elterneleemnten, in denen die gefloateten Kinder liegen. */
	 content:"";
	 display:table; /* Nimmt als Tabelle keinen Platz weg */
	 clear:both;
	 }