/* CSS Document */
body {margin:0;background:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:100%;color:#333;}
img {border:0;}

a {color:#993333;outline:none;}
a:hover, a:focus, a.aktiv {text-decoration:none;color:#993333;}
p {margin:14px 0;}
ul, li {display:block;}
h1 {font-size:2em;font-weight:normal;font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:1em;color:#993333;}
h2 {margin-bottom:8px;font-size:1.6em;font-weight:normal;font-family:Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:1em;color:#993333;}
.balken {font-weight:bold;background:#e5e2dc;padding:5px;color:#333;font-size:1em;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}

input, textarea, select {padding:1px 2px;margin-bottom:10px;border:1px solid #ccc;background:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1em;color:#333;}
select {padding:0;}
.absenden {padding:2px 10px;background:#993333;font-size:1.1em;color:#fff;cursor:pointer;border:none;}

.trenner1 {margin:0 0 1px 0;}
.trenner2 {margin:0 0 10px 0;}
.trenner3 {margin:0 0 25px 0;}
.trenner_dashed {border-bottom:1px dashed #666;}
.trenner_solid {border-bottom:1px solid #ccc;}

.cl {clear:left;}
.cb {clear:both;}

.head {position:absolute;}
.header_float {float:right;text-align:right;padding:10px 10px 0 0;}
.header, .header_impressum, .header_koeppel, .header_kontakt, .header_kontakt, .header_mitarbeiter, .header_netzwerk, .header_news, .header_uebersicht, .header_veranstaltungen, .header_weiterempfehlen {height:275px;margin:0;letter-spacing:.1em;font-size:.7em;}
.header_impressum {background:url(images/impressum_background_loop.jpg) repeat-x;}
.header_koeppel {background:url(images/koeppel_background_loop.gif) repeat-x;}
.header_kontakt {background:url(images/kontakt_background_loop.jpg) repeat-x;}
.header_mitarbeiter {background:url(images/mitarbeiter_background_loop.jpg) repeat-x;}
.header_netzwerk {background:url(images/netzwerk_background_loop.jpg) repeat-x;}
.header_news {background:url(images/news_background_loop.jpg) repeat-x;}
.header_uebersicht {background:url(images/uebersicht_background_loop.jpg) repeat-x;}
.header_veranstaltungen {background:url(images/veranstaltungen_background_loop.jpg) repeat-x;}
.header_weiterempfehlen {background:url(images/empfehlen_background_loop.jpg) repeat-x;}
/*Liste Übersicht************/
ul.liste_uebersicht {margin:0;padding:0;list-style:none;font-size:.85em;}
ul.liste_uebersicht li {float:left;width:200px;display:block;margin:2px 0;padding-left:15px;background:url(images/listenpunkt.gif) no-repeat center left;}

.navi ul.navi_oben {width:650px;height:44px;margin:-10px 0 10px 0;padding:0;list-style:none;}
.navi ul.navi_oben li {float:left;margin:0 10px 0 0;text-indent:-999em;}
.navi ul.navi_oben li a {display:block;height:44px;}
.navi ul.navi_oben li a:hover {background-position:left -44px!important;}
.navi ul.navi_oben li a:active, .navi ul.navi_oben li a.aktiv {background-position:left -88px!important;}

.navi ul.navi_oben li.dienstleistungen a {width:129px;background: url(images/button_dienstleistungen.gif) no-repeat;} 
.navi ul.navi_oben li.news a {width:49px;background: url(images/button_news.gif) no-repeat;}
.navi ul.navi_oben li.koeppel a {width:97px;background: url(images/button_koeppel.gif) no-repeat;} 
/*.navi ul.navi_oben li.mitarbeiter a {width:73px;background: url(images/button_mitarbeiter.gif) no-repeat;} */
.navi ul.navi_oben li.veranstaltungen a {width:130px;background: url(images/button_veranstaltungen.gif) no-repeat;} 
.navi ul.navi_oben li.kontakt a {width:87px;background: url(images/button_kontakt02.gif) no-repeat;} 
/*.navi ul.navi_oben li.impressum a {width:73px;background: url(images/button_impressum.gif) no-repeat;} */
.navi ul.navi_oben li.netzwerk a {width:80px;background: url(images/button_netzwerk.gif) no-repeat;} 



/* kompass **************/
.navigation {position:absolute;top:215px;left:0;padding:0 0 30px 40px;float:left;width:255px;font-size:.8em;}
.navtext {margin:20px 0 -15px 45px;}
.newsletter_anmelden {margin:25px 0 0 5px;padding:10px;width:210px;border:1px dashed #999;background:#f6f3ed;}
.veranstaltung_anmelden {margin:25px 0 0 5px;padding:10px;width:210px;border:1px dashed #999;background:#f6f3ed;}
.anfahrt {margin:20px 0 0 10px;padding:5px;width:220px;border:1px dashed #999;}
.anschrift {margin:20px 0 0 10px;padding:5px 15px;width:180px;border:1px dashed #999;background:#f6f3ed;}
.fr_virtuell {margin:0 0 15px 0;}
.googlemaps {float:left;padding:5px;width:300px;border:1px dashed #999;}
.kontaktformular {float:left;width:320px;}
.content, .content_kleiner {position:absolute;top:230px;left:300px;width:65%;margin:-20px 20px 20px 0;padding-bottom:10px;line-height:1.5em;font-size:.8em;}
.content_kleiner {line-height:1.3em;font-size:.8em;}
.iaia {overflow:hidden;}
.comic {font-family:Comic Sans MS,Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;font-size:1.1em;font-weight:bold;}
.button {margin:20px 0 0 20px;}
.button_anmelden {float:left;margin:15px 15px 0 0;}
html:root .button_anmelden {margin:10px 15px 0 0;}
.anmeldebox {background:#eeefef;padding:10px 15px;}
.mitarbeiterpic {float:left;margin:0 10px 30px 0;}
.seitenwechsel {background:#e5e2dc;padding:5px;text-align:center;}
.veranstaltungpic {float:left;margin:4px 10px 10px 0;border:1px solid #999;}