/*

dunkelgrün: 10872e
hellgrün:		4AAB4D
schwarz: 		1a171b
*/

body
{
background-color: #cdd6dd;
font-family: verdana, arial;
font-size: 8pt;
color: #1a171b;
}

.main
{
width: 908px;
margin: 0px auto;
padding-top: 50px;
position: relative;
z-index: 1;
}

/*ul, li
{
margin: 0px;
padding: 0px;
}*/

.bogen
{
position: relative;
width: 978px;
margin: 0px;
top: -229px;
left: -33px;
z-index: 3;
}

.head
{
//overflow: hidden;
height: 209px;
width: 908px;
}

.headImg
{
background-color: #fff;
padding-bottom: 2px;
width: 900px;
}

.navi
{
width: 900px;
height: 22px;
background: url("mainNavBg.gif") repeat-x #fff;
padding: 9px 0px 0px 0px;
z-index: 0;
}

.navi a
{
color: #4f565c;
margin: 0px 0px 0px 40px;
}

.navi a:hover, .navi a.active
{
color: #10872e;
}

.navVerlauf
{
background: url("navUntenVerlauf.gif") top left repeat-x;
width: 900px;
height: 30px;
position: absolute;
top: 207px;
left: 10px;
display: none;
}

.navVerlauf2
{
width: 900px;
height: 15px;
}

.contentSection
{
overflow: auto;
/*margin-top: -15px;*/
}

.containerLeft
{
float: left;
}

.dleft
{
padding: 18px 18px 18px 10px;
margin-right: 3px;
width: 156px;
overflow-x: hidden;
}

#picLeft1
{
padding: 0px;
width: 184px;
}

#subnavi ul, #subnavi2 ul
{
padding-left: 22px;
padding-bottom: 10px;
margin-left: 0px;
}

#subnavi li, #subnavi2 li
{
padding-bottom: 5px;
}

#subnavi
{
background-color: #10872e;
}

#subnavi li a, #subnavi2 li a,#subnavi li,#subnavi2 li
{
color: #fff;
}

#subnavi li a:hover, #subnavi li.active a,#subnavi2 li a:hover, #subnavi2 li.active a, #subnavi li.active,#subnavi2 li.active
{
color: #1a171b;
}

#subnavi2
{
background-color: #4aab4d;
}

.content
{
/*width:424px;*/

height: 100%;
}
/*.chunks{width:220px;overflow-x:hidden;}*/
.cleft
{overflow-x:hidden;}

.dcontent
{
width: 441px;
min-height: 300px;
background-color: #fff;
float: left;
margin-right: 5px;
padding: 20px 35px 40px 20px;
}

.dcontentBig
{
width: 656px;
min-height: 300px;
background-color: #fff;
float: left;
margin-right: 0px;
padding: 20px 45px 40px 20px;
}

.dright
{
width: 220px;
min-height: 150px;
background-color: #fff;
float: left;
width:220px;
overflow-x:hidden;
/*padding: 20px 20px 20px 20px;*/
}

.containerRight
{
overflow: auto;
}

.drucken
{
position: absolute;
width: 80px;
display: none;
height: 20px;
z-index: 10;
font-size: 7pt;
}

.drucken a
{
color: #a4a6a4;
}

.drucken span
{
padding-top: 2px;
display: block;
}

.cright
{
padding: 20px 20px 20px 20px;
font-size: 7pt;
}

.shadows div
{
height: 28px;
width: 28px;
position: absolute;
z-index: 5;
}

.shadows div.SchattenU
{
height: 28px;
background: url("shadow/shadowU.gif") bottom left repeat-x; 
z-index: 4;position: absolute;
}

.shadows div.SchattenR
{
width: 28px;
background: url("shadow/shadowR.gif") top left repeat-y;
z-index: 3;
position: absolute;
}

.SchattenROR
{ background: url("rundungen/or.gif") top left no-repeat; } 
.SchattenRORb
{ background: url("rundungen/orb.gif") top left no-repeat; } 
.SchattenRORbb
{ background: url("rundungen/orbb.gif") top left no-repeat; } 
.SchattenROL
{ background: url("rundungen/ol.gif") top left no-repeat; }
.SchattenROLb
{ background: url("rundungen/olb.gif") top left no-repeat; }
.SchattenRUL
{ background: url("rundungen/ul.gif") top left no-repeat; } 
.SchattenRUR
{ background: url("rundungen/ur.gif") top left no-repeat; } 
.SchattenEUL
{ background: url("shadow/shadowEUL.gif") bottom left no-repeat; } 
.SchattenEUR
{ background: url("shadow/shadowEUR.gif") bottom left no-repeat; } 
.SchattenEOR
{ background: url("shadow/shadowEOR.gif") bottom left no-repeat; } 
.SchattenEORb
{ background: url("shadow/shadowEORb.gif") bottom left no-repeat; } 


h1
{
font-size: 11pt;
color: #10872e;
font-weight: normal;
padding-top: 5px;
}

.B_crumbBox
{
font-size: 7pt;
padding-bottom: 5px;
display: block;
}

hr
{
border: 0;
border-top: 1px dotted #10872e;
margin-bottom: 10px;
margin-top: 5px;
}

.bread hr
{
margin-bottom: 0px;
}

/*search*/
.cnavi
{
float: left;
}

.search
{
float: right;
position: relative;
top: -6px;
//top: -4px;
padding-right: 20px;
}

#ajaxSearch_input
{
height: 16px;
font-size: 8pt;
width: 97px;
border: 1px solid #9aa7af;
margin-bottom: 1px;
}

#ajaxSearch_submit
{
height: 18px;
width: 24px;
border: 1px solid #10872e;			 
background-color: #10872e;
color: #fff;
font-size: 8pt;
position: relative;
top: 3px;
//top: -1px;
}

.topNav
{
/*position: relative;
left: 700px;
top: -80px;*/
float:  right;
}

.topNav a
{
color: #1a171b;
}

.topNav a:hover
{
color: #10872e;
}

.font
{
/*position: relative;
left: 790px;
top: -60px;*/
float:  right;
clear: right;
padding-top: 10px;
}

.font a
{
background-color: #10872e;
color: #fff;
display: block;
float: left;
margin-left: 3px;
}

.font span
{
display: block;
float: left;
padding: 2px 0px 0px 0px;
}

.font a.big
{
font-size: 11pt;
height: 18px;
width: 15px;
padding: 0px 0px 0px 4px;
}

.font a.large
{
font-size: 10pt;
height: 16px;
width: 14px;
padding: 2px 0px 0px 4px;
}

.font a.normal
{
font-size: 8pt;
height: 14px;
width: 13px;
padding: 4px 0px 0px 5px;
}

.obenNav
{
position: absolute;
z-index: 10;
margin: 0px auto;
width: 900px;
padding-top: 15px;
display: none;
}

.content a, .containerRight a, .underlineIt a
{
color: #10872e;
}

/*formular*/
.formular, .textarea
{
width: 280px;
}

#wetter table
{
margin: 0 0 5px 0; 
}

#wetter img
{
margin: 5px 5px 5px 0px;
}

fieldset legend
{
padding: 10px 10px; 
}

fieldset
{
border: 1px solid #10872e;
padding: 10px;
}

#EmailForm .text, #EmailForm textarea
{
width: 300px;   
} 

.bgTable td
{
background-color: #F7F7F7; 
}

/*Aktuelles*/
.fleft
{
float: left;
}

.fright
{
float: right;
}

h2
{
font-size: 10pt;
font-weight: bold;
}

.newsHead
{
width: 100%;
}

.newsDiv p
{
clear: left;
}

.newsHead .fleft
{
width: 360px;
}

.newsHead .fright
{
width: 81px;
text-align: right;
}

