/* -- Allgemeines -- */
body { color: black; margin: 0; padding: 1%; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, ?lteren Operas und IE */
 font-family: verdana, arial, sans-serif ; background-color: #ef7d17; background-image: none; background-position: 0 0; }
a { color: #ef7d17; text-decoration: underline; }
a:hover { color: #be2d3b; }

a:visited { color: #908e8b; } 
.skip { /* Da ein wichtiger Screenreader das display: none; auch f?lschlicherweise f?r sich versteht und nichts vorlie?t obwohl das hier sich vor allem an Blinde richtet, muss man es so l?sen dass man diesen Link au?erhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
 position: absolute;
 margin-left: -10000px;
}
h5 { color: #cd660a; font-size: large; font-weight: bold; padding-top: 20px; border-top: 1px dotted #908e8b; }
h1 { 
 font-size: 2.8em;
 line-height: 1em;
 padding: 20px 0 20px 5%;
 margin: 0;
 border-bottom: 1px dotted #aaa;
}
h2 { font-size: large; font-weight: bold; line-height: 130%; margin: 0.83em 0; }
h1, h2, h3, h4, h5, h6 { 
 color: #cd660a; font-family: Georgia, "Times New Roman", Times, serif; }
img { 
 border: solid 1px #aaa;
 padding: 1px;
 max-width: 95%; 
}
.fleft { 
 float: left;
 margin: 0 1em 0.2em 0; 
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { 
 font-size: 0.8em; 
 max-width: 900px; 
 margin: auto; 
 border: 1px solid #aaa; 
 border-top: 0; 
}

/* - Logo bzw. Kopf - */
#logo { background: #be2d3b no-repeat; 
 height: 100px; 
 padding: 10px 20px 15px; text-align: right; line-height: normal; font-size: 40px; 
 overflow: hidden; 
 letter-spacing: -2px; 
 white-space:nowrap;  /*Annett */
 top: 20px; margin: 0; 
}
#logo a {
 color: white; 
 text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
 color: black;
 background: white;
 padding-right: 0.1em; /* damit das wei?e rechts und links genau so breit ist. */
 font-weight: bold;
}

/* - Men? - */
#menu { padding: 10px 10px 10px 5px; margin: 0; text-align: right; color: #f19b4f; line-height: normal; background-color: #908e8b; background-image: none; background-position: 0 0; white-space: nowrap; }
#menu li { font-size: 1.1em; display: inline; 
 list-style-type: none; 
 border-left: 1px solid white; 
 padding: 10px 20px; font-weight: bold; }
#menu li a { color: white; text-decoration: none; }

/* - Subnavigation, Rechte Spalte - */
#subnav { width: 26%; 
 min-width: 10em; 
 float: right; 
 padding: 70px 1%; margin: 1%; border-left: 1px dotted #aaa; 
 font-size: 0.9em; 
}
#subnav dt { 
 font-size: 1.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 0.5em;
 margin-top: 1em;
 border-top: 1px dotted #aaa; 
}
#subnav dd { 
 padding: 0;
 margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main { padding: 0 31% 10px 20px; 
 line-height: 1.5em; background-color: white; background-image: none; 
}