@charset "utf-8";
/* CSS Document */
#container { /* Ist daf?r gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz au?en am Fenster ist. */
 font-size: 0.7em; /* Ein Kompromiss ?ber den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgr??e f?r zu gro?, wissen aber nicht wie man das ?ndert. */
 width: 90%;
 min-width: 900px;
 max-width: 1290px; 
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 border: 1px solid #aaa; /* Eine kleine optische Abgr?nzung */
 /* border-top: 0; /* Ganz oben allerdings w?rde es mit dem grauen komisch aussehen, deshalb weg damit. */
}

body {
 font-size: 18px;
 font-family: Times New Roman;
}

a { color: #fb7a34; text-decoration: none; cursor:pointer; } /* Alle unbesuchten Links */
a:hover { color:#666666; cursor:pointer; }
a:visited { color: #fb7a34; } /* Besuchte Links */

h2 { /* Die ?berschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
 font-size: 18px;  
 line-height: 1.0em; 
 }
h3 {
font-size: 14px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
}
 
#slogan {
 font-family: Georgia ;
 background: #fb7a34; 
 height: 20px;
 padding: 0 20px;
 text-align: right;
 line-height: 20px;
 font-size: 15px; 
 overflow: hidden; /* Einzig der Mozilla k?nnte den Text unverh?ltnissm??ig zum Hintergrund ver?ndern. Damit dann wenigstens das Men? benutzbar bleibt schneiden wir alles was herausragt ab. */
 letter-spacing: -1px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
 margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
}
#logo {
background:#000000;
}

#menu { 
 background: #000000;
 padding: 3px 3%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Men?s rechts und links sein. */
 margin: 0;
 text-align: right;
 color: #97aa6e; /* Hier deffinieren wir die Farbe des Men?punktes welcher kein Link ist, also den Men?punkt der Seite auf der wir uns gerade befinden. */
}
#menu li {
 font-size: 1.0em;
 display: inline; /* Damit die Men?punkte nebeneinander und nicht untereinander erscheinen. */
 list-style-type: none; /* Die Bullets vor den Men?punkten schalten wir ab. */
 border-left: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 10px 0 15px;
 font-weight: bold;
}

#foot { 
font-family: Georgia ;
 background: #fb7a34;
 padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Men?s rechts und links sein. */
 margin: 0;
 text-align: right;
 color: #ffffff; /* Hier deffinieren wir die Farbe des Men?punktes welcher kein Link ist, also den Men?punkt der Seite auf der wir uns gerade befinden. */
}

.schatten {
background: url(../images/schatten.gif) no-repeat right bottom;
padding: 4px 10px 10px 4px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;
}