body{background-color:#d2e3e2; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:20px 10px; padding:0}

h1{font-size:14px; text-align:left}
h1.event_headline{font-weight:bold; border-bottom:2px solid #28A398; position:relative; text-indent:5px;text-align: left;}
h2{font-size:16px; text-align:left}
/* h5{font-size:12px; font-weight:bold; border-bottom:2px solid #28A398; position:relative; left:-20px; text-indent:5px}
*/
h5{font-size:12px; font-weight:normal; border-bottom:1px solid #28A398; position:relative; text-indent:5px; background-color:#D2E3E2; padding:2px}

/* div#calendar-event{margin-left:50px; margin-right:30px}
*/
/* #header_logo{visibility:hidden}
*/
a, a.active, a.visited{color:#22968c}

.csc-uploads a{font-size:12px !important}

td.csc-uploads-fileSize{font-size:12px; color:gray}

#header{width:100%; height:auto; position:relative}

#header img{width:899px; height:300px}

div#telefon{z-index:1000}
#telefon img{position:absolute; top:185px; left:25px; width:auto; height:100px; z-index:1000}

#container{text-align:left; width:900px; background-color:#fff; height:auto; padding:20px; min-height:700px; left:50%; margin-left:-450px; position:relative}

#content{border:0px solid red; height:auto; /* width:897px; */width:910px; padding:0px; min-height:300px; line-height:1.5; text-align:justify; overflow:auto; margin-bottom:10px}

#imageflow_sponsoren{height:140px !IMPORTANT; width:900px; position:relative; margin-top:40px}
#imageflow_sponsoren_navigation{height:0px !IMPORTANT; visibility:hidden; display:none !IMPORTANT}
.imageflow{overflow:visible !IMPORTANT}
span#sponsoren{text-align:center; width:900px; color:#28A398; position:absolute; top:0px}
#footer{text-align:left; background-color:#28a398; width:900px; color:#d2e3e2; position:relative; height:60px; line-height:60px; vertical-align:middle}
#footer a{color:#d2e3e2; border:0px; text-decoration:none}
#footer img{vertical-align:middle; text-align:left; margin:15px 6px; height:24px; width:auto; border:0px}
#footer span{margin-left:30px}

div.fce_2col{width:100%; border:0px solid black; height:auto; float:left; overflow:hidden}
div.zwei .dtstart-container {width: 80px !IMPORTANT;}
div.zwei .summary {margin-left: 95px;text-align: left;}

.align-center{text-align:center}
p.align-center{text-align:center; width:500px; margin-left:190px}

.null{width:0px; float:left}
.eins{width:170px; float:left}
.zwei{width:328px; float:left}
.drei{width:519px; float:left}
.vier{width:720px; float:left}
.fuenf{width:877px; float:left}
.clear{clear:both}
.halb{width:428px; float:left}

.margin{margin:10px !IMPORTANT}
.nomargin{margin:0px !IMPORTANT}

.kartenlinks a{line-height:25px; text-align:left !IMPORTANT}
.kartenlinks{text-align:left !IMPORTANT}

table.fce_event{font-size:12px; line-height:1.5; margin-top:20px; width:100%}
td#event_datum{font-size:14px; width:159px; text-align:right}
tr#event_headline{font-size:14px; font-weight:bold;  vertical-align:bottom}
tr#event_headline td{border-bottom:2px solid #28a398}
tr.event_row{vertical-align:top}
td.event_row_2{width:120px; font-weight:bold}
td.event_row_3{width:570px}

table.fce_news{font-size:12px; line-height:1.5; margin-top:20px; width:100%}
td#news_datum{font-size:14px; width:159px; text-align:right}
tr#news_headline{font-size:14px; font-weight:bold;  vertical-align:bottom}
tr#news_headline td{border-bottom:2px solid #28a398}
tr.news_row{vertical-align:top}

table.fce_zentrum{font-size:12px; line-height:1.5; margin-top:20px}
table.fce_zentrum div{float:none}
tr#zentrum_headline{font-size:14px; font-weight:bold;  vertical-align:bottom}
tr#zentrum_headline td{border-bottom:2px solid #28a398; width:877px}
tr.zentrum_row{vertical-align:top}
td#zentrum_text{width:577px}
td#zentrum_bild{width:300px}

.indent{padding-left:20px}

div.tx-powermail-pi1{float:none !IMPORTANT}
div.tx-powermail-pi1 div{float:none !IMPORTANT}
div.tx-powermail-pi1 label{width:140px; text-align:right; position:absolute}
div.tx-powermail-pi1 input, textarea{margin-left:100px}
fieldset{border:1px}
div#recaptcha_area{margin-left:100px}
iframe#map{width:519px; height:500px; border:0px}

/********************** menu ***************************/
#navi{background-color:#fff; height:40px; margin-top:20px; width:902px; margin-left:-1px}
#navi_intern{width:902px; margin-left:-1px; margin-top:-1px; height:25px}
ul#menu_intern a{padding:5px !Important}
ul#menu_intern li{background-color:#7bc9bd !Important; margin-bottom:10px}
li#intern a{background-color:#fff !Important; color:#a2a3a2}

ul.menu, ul.menu ul{list-style-type:none; font-size:12px; padding:0px; margin:0px; z-index:100}
ul.menu a{display:block; padding:11px; font-weight:normal; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase}

ul.menu li{padding:0; margin:0; float:left; border:0px solid #fff; margin-left:1px; background-color:#28a398; vertical-align:middle; overflow:visible; width:149px}

/* F�r Unterpunkte keine Float-Eigenschaft */
ul.menu ul li{ float:none;  width:148px !IMPORTANT}

/* Links auf Unterpunkten sollen die Hintergrundfarbe �ndern */
ul.menu li.hover{background-color:#2db8a8}

/* Zweite Ebene */
 ul.menu ul{margin-left:0; padding:0 0 0px; position:absolute; background-color:#22968c; border:0px solid #fff; border-right:0px solid #fff; display:none}

 /* Zweite Ebene anzeigen */
 ul.menu li.hover ul, ul.menu li:hover ul{ display:block}

/* Dritte Ebene */
 ul.menu li.hover ul ul, ul.menu li:hover ul ul{ display:none;  margin-left:147px; /* Breite eines Listenelements - �berlagerung */ margin-top:-38px; /* H�he eines Listenelements */ }
 
ul.menu ul ul li{width:190px !IMPORTANT; border-left:1px solid white}
 ul.menu ul ul a{text-align:left; width:190px}
 
 /* Dritte Ebene anzeigen */
 ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul{ display:block}

/* non IE */
html>body{}

/* IE only*/
*html{}

/* Dies sind die Klassenstile f�r das Untermen� wenn sich die Maus */
/* �ber der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul{display:block}

/********************** menu ende ***************************/
p{padding:0px; margin:0px}
a{text-decoration:none}

#filter{width:897px; height:40px; text-align:center; line-height:30px}
#filter fieldset{display:inline}
#filter legend{display:inline}

.image-grid{margin-left:25px; padding-left:0px; width:815px}
.image-grid:after{clear:both; content:""; display:block; height:0; overflow:hidden}
.image-grid li{color:#555; float:left; height:241px; line-height:18px; margin:10px 0 0 35px; overflow:hidden; text-align:center; width:128px; cursor:pointer}
.image-grid li img, .image-grid li strong{display:block}
.image-grid li strong{color:##076059; font-weight:normal; min-height:40px; vertical-align:middle; height:40px; text-shadow:0 0 3px rgba(34,140,150,0.85); /* text-shadow:0 0 3px rgba(34,140,150,0.85); */}
.image-grid li b{font-weight:normal}

/* Login Fenster */
div.tx-felogin-pi1{position:relative; left:100px; width:520px; z-index:1}
div.tx-felogin-pi1 form{position:relative; top:30px; padding-left:180px; background-image:url("img/lock.png"); background-repeat:no-repeat; background-position:10px 10px; height:170px}
/* Mini login startseite */
form.login_home fieldset{padding:0px; margin:0px}
form.login_home input{width:106px; position:relative}
p.pagebrowser{text-align:center}
table.sheetcal{border:1px solid gray; padding:0px; margin:0px; font-family:"Helvetica Neue"; font-size:10px; text-align:center; width:45px; position:relative}
tr.sheetcal_month{background-color:#2DB8A8; color:#fff; height:14px; text-align:left; text-indent:2px}
tr.sheetcal_day{background-color:#F1F3F4; color:#000; font-size:24px; height:30px; width:30px}
div.cal_list_container{position:relative; height:47px; padding-left:10px}
div.cal_list_date{position:relative; width:80px !Important; float:left; height:100%}
div.cal_list_event{position:relative; width:500px; float:left}
div#calendar-event p {margin: 10px !IMPORTANT;}

.zwei div.cal_list_container{padding:0px !IMPORTANT}
.zwei .tx-cal-controller{margin-top:15px !IMPORTANT; width:320px !IMPORTANT; margin-bottom:20px !IMPORTANT}
.zwei div.cal_list_event{position:relative; width:240px !IMPORTANT}
.zwei table.month-small{margin-left:55px}
table.month-small .sideback{background-image:none; background-color:#22968C}
table.month-small .sideback a{color:#fff !IMPORTANT; text-decoration:none !IMPORTANT}
.monthSelected, .monthSelectedWeek{background-color:#D2DFDF}
.monthToday{ background:none repeat scroll 0 50% #2db8a8 !important;  border-color:#fff !important;  border-style:solid !important;  border-width:0px !important}
.month-small a, .month-small a:link, .monthoff a:visited{ color:#22968C; text-decoration:underline} 

div#calendar-event-backlink {text-align: right;}
div#calendar-event-backlink a {margin-right: 5px;} 

/* Kalender by To */
#calendar-event .csc-textpic .csc-textpic-imagewrap {float:none;width:100%;}
#calendar-event .csc-textpic .csc-textpic-imagerow {float:left;width:170px;height:220px; overflow: hidden;}
#calendar-event .csc-textpic .csc-textpic-imagewrap img {width:160px;height:auto;}


.dtstart-container {width: 8em !important;}

.contenttable {width: 100%; box-sizing: border-box;}
.contenttable td:first-child {width: 200px;}
.contenttable td {vertical-align: top; padding-bottom: 1em;}
