/* - - - Farben - - - */

/*
    #F7ECCF (Hintergrund)
    #0159BB (blau,  Hintergrund fuer Navigation)
    #F7A601 (orange, Schriftfarbe fuer Navigation)
    #ED2B30 (rot, Hervorhebung)
*/

/* - - - Grundeinstellungen - - - */
body { background: #F7ECCF; color: #000; font: 81.25%/1.5 Arial, sans-serif; text-align: center; margin: 0; padding: 0; }

/* - - - Ueberschriften - - - */
h1, h2, h3, h4, h5, h6 { color: black; font-weight: bold; font-family: Arial, sans-serif; }
h1 { font-size: 1.85em; color: red; margin: 0; padding: 0; }
h2 { font-size: 1.5em; margin: 0; }
h3 { font-weight: bold; margin: 0 0 10px 35px; }

/* - - - Absaetze - - - */
p { line-height: 1.5em; margin: 0 35px 1.3em 35px; }

/* - - - Links - - - */ 
#navigation a { text-decoration: none; font-weight: bold; color: #FFF; }
#navigation a:hover { text-decoration: underline; font-weight: bold; color: #FFF; }
#content a { text-decoration: none; font-weight: normal; color: #000; }
#content a:hover { text-decoration: underline; font-weight: normal; color: #000; }

/* - - - IDs - - - */
#container { background: url(../images/streifen.jpg) repeat-y 0 100%; position: relative; border: 0 solid; border-top: 0; margin: 0 auto; text-align: left; width: 838px; }
#content_bottom { background: url(../images/schatten-unten.jpg) no-repeat 0 0; width: 833px; height: 14px; margin: 0; position: absolute; bottom: 0; left: 0; }
#primary-content { background: #0159BB; float: left; margin: 0 0 0 15px; min-height: 700px; width: 200px; }
#haus { position: absolute; bottom: 0; left: 15px; }
#page-index #secondary-content { text-align: center; }
#secondary-content { border-top: 5px solid #DC191B; float: left; width: 611px; padding-bottom: 15px; }
#secondary-content img#icons { margin-left: 35px; }

/* Navigation */
#navigation { margin: 0; padding: 0; color: #ffffff; list-style: none; margin-top: 40px; }
#navigation li { margin: 10px 60px; }    
#navigation .aktiv { color: #F7A601; font-weight: bold; }

/* Fußbereich */
#footer { clear: both; }

img#logo { display: block; margin: 1.5em auto; }

input { width: 380px; }

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 17px; border: 0 solid; }
legend { padding: 0 0.4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; padding: 0.4em; width: 370px; }

.eingabefehler { border: 1px solid #ED2B30; }

/* Horizontale Formelemente
------------------------------------------------------------------------- */
form.hform p { margin: 0 0 0.5em 0; }
form.hform p label { float: left; width: 100px; }

form.hform p input {  }
form.hform p select {  }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 0; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

/* Vertikale Formelemente
------------------------------------------------------------------------- */
form.vform p { margin: 0 0 0.5em 0; }
form.vform p label { display: block; }

form.hform p input {  }
form.hform p select {  }

form.vform p input.button { width: auto; }
form.vform p input.checkbox { width: auto; }
form.vform p input.radio { width: auto; }

form.vform p.checkbox label { display: inline; }