body { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #e3e2d7; width: 808px; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; }

h2 { color: #036; font-size: 20px; font-weight: normal; background-image: url(../media/pfeil.gif); background-repeat: no-repeat; text-indent: 15px; margin-top: 35px; margin-bottom: 6px; margin-left: -15px; }
h3 { color: #c60; font-size: 14px; font-weight: normal; font-style: italic; margin-top: 6px; margin-bottom: 12px; }
h4 { font-size: 12px; margin-top: 12px; margin-bottom: 6px; }

div#rahmen { background-image: url(../media/hg.gif); background-repeat: repeat-y; width: 100%; padding-bottom: 6px; }

/* Referenzen */
h4 a { color: black; margin-top: 12px; margin-bottom: 0; }

/* Kopf oben */
h1 { font-size: 1px; background-image: url(../media/kopf.jpg); position: relative; width: 800px; height: 169px; margin: 0; border-left: 1px solid #9cf; border-bottom: 1px solid #9cf; border-right: 1px solid #9cf; }
h1 a { text-decoration: none; position: absolute; top: 70px; left: 44px; width: 314px; height: 77px; }

/* Menueleiste oben */
ul#hauptmenue { background-image: url(../media/hg_menue.gif); background-repeat: repeat-x; text-align: center; width: 800px; height: 29px; margin: 0; padding: 0; border-color: #9cf; border-style: solid; border-width: 0 1px 1px; display: block            }
ul#hauptmenue li { color: #cff; line-height: 29px; position: relative; height: 29px; display: inline; }
ul#hauptmenue li a { color: #ccffff; font-size: 12px; text-decoration: none; height: 29px; margin-right: 4px; margin-left: 4px; }
ul#hauptmenue li a em {display: none; font-size: 1px;letter-spacing: -5px; position: absolute; left: 50%; bottom: -7px; width: 13px; height: 7px; margin-left: -13px; }
ul#hauptmenue li a:hover {color: white; }
ul#hauptmenue li a:hover em { background-image: url(../media/marker_weiss.gif); background-repeat: no-repeat; display: block }
ul#hauptmenue li a.aktiv { color: white; }
ul#hauptmenue li a.aktiv em { color: #c60; background-image: url(../media/marker.gif); background-repeat: no-repeat; display: block  }

/* Links Spalte */
div#linkespalte { position: relative; width: 200px; float: left; height: 500px }


/* Menue links */
div#linkespalte ul#untermenue { position: relative; top: 35px; left: 15px; width: 100%; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; display: block }
div#linkespalte ul#untermenue li { line-height: 25px; display: block; background-image: url(../media/liste_1.gif); background-repeat: no-repeat; background-position: 0 5px; margin-bottom: 18px; padding-left: 20px; }
div#linkespalte ul#untermenue li.aktiv {  }
div#linkespalte ul#untermenue li.aktiv a {}
div#linkespalte ul#untermenue li.aktiv strong { background-color: #e6f2ff; background-image: url(../media/liste_1_aktiv.gif); background-repeat: no-repeat; background-position: 15px 50%; position: absolute; left: -14px; width: 201px; height: 25px; z-index: 0; display: block; }
div#linkespalte ul#untermenue li a { color: #036; text-decoration: none; position: relative; z-index: 10; padding-top: 5px; }
div#linkespalte ul#untermenue li a:hover {color:  #c60;}
/* Submenue */
div#linkespalte ul#untermenue li ul { line-height: 18px; margin: 6px 0 0; padding: 0; list-style-type: none; list-style-position: outside; }
div#linkespalte ul#untermenue li ul li { line-height: 18px; background-image: url(../media/liste_2_blau.gif); background-repeat: no-repeat; margin-bottom: 0; margin-left: 0; padding: 0 0 0 12px; }
div#linkespalte ul#untermenue li ul li.aktuell { background-image: url(../media/liste_2.gif); background-repeat: no-repeat; }
div#linkespalte ul#untermenue li ul li.aktuell a {color:  #c60;}
/* Buecher Hineweis */
p#buecher { color: #6699cc; text-align: center; width: 200px; margin-top: 50px; margin-right: auto; margin-left: auto; }
p#buecher img { display: block; text-align: center; margin: 50px auto 6px; }
p#buecher a { display: block; width: 67px; height: 16px; line-height: 16px; color: white; font-size: 11px; text-decoration: none; background-image: url(../media/button.gif); background-repeat: no-repeat; margin-top: 6px; margin-right: auto; margin-left: auto; }

/* rechte Spalte mit INhalten*/
div#rechtespalte { text-align: justify; margin-right: 100px; position:relative;left:30px;width:440px;float:left}
div#rechtespalte p {margin-bottom: 12px;margin-top: 0px;}
div#rechtespalte h2 {
	clear:left;
}
div#rechtespalte img.bild { float: left; margin-right: 12px; margin-bottom: 12px; border: solid 1px #0167af;}
div#rechtespalte a { color: #036; background-image: url(../media/pfeil_blau.gif); background-repeat: no-repeat; background-position: 0 4px; text-decoration: none; padding-left: 7px; }
div#rechtespalte a img {margin-left: -7px;}
div#rechtespalte a:hover { color: #c60; background-image: url(../media/pfeil_orange.gif); }

/* Anmelde Formular */
form fieldset {margin-top: 10px; margin-bottom: 10px; padding: 15px;}
form fieldset p input { background-color: #e6f2ff; border: solid 1px #036; }
form fieldset p.fehler {color: red;}
form p input {}
legend {font-weight: bold}
label {display: block;float: left; width: 100px;}

/* Fusszeile */
div#fusszeile { line-height: 37px; background-color: #b2d8ff; background-image: url(../media/abschluss.gif); background-repeat: repeat-x; background-position: 0 37px; height: 37px; clear: both; margin-top: 50px; margin-right: 6px; margin-bottom: -10px; padding-bottom: 6px; padding-left: 202px; }
div#fusszeile p { color: #69c; background-color: #cce5ff; text-align: center; margin-top: 0; padding-top: 0; border-left: 1px solid #9cf; }