/* CSS Document */

/*
Farbwerte:

grau: #a4aaa6
grün: #164612
gelb: #fff9e3
grünaktiv:#567541
grau_menue: #878889



*/


@import url("normalize.css");

body{
height: 100%; /* wichtig */
background-color: #a4aaa6;
font-size:62.5%;
font-family:Arial, sans-serif;
}
/*Schriftgrössen und Farben*/
h1{
font-size:1.6em;
color: #164612;
margin-bottom:10px;
}

p, a{
margin:10px 0;
color:#000000;
}

h2{
color: #164612;
}

p, h2{
font-size:1.2em;
}

#column_left a{
text-decoration:none;
}

#column_left ul, #column_content ul, #column_content_e ul {
font-size:1.2em;
}

#column_left ul ul {
font-size:1.0em;
}

#column_content table li{
font-size:0.8em;
}

#column_content ul li{
margin:10px 0;
}




#mainnav a, #mainnav #aktiv, #branch a, #seknav a{
font-size:1.4em;
color:#878889;
text-decoration:none;
}


#wrapper {
	position:absolute;
	background-color:#fff9e3;
	width: 795px;
	margin-left:-397px;
	left: 50%;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
}
/*Kopfbereich*/
#branch ul{
float:right;
margin:5px 40px 0 0;
}

#branch ul li{
display:inline;
margin-left:1em;
}

a#branchaktiv, #branch a:hover{
text-decoration:underline;
}


#branch img{
margin: 22px 0 22px 260px;
}

/*Kopfbereich ende*/
/*navigation*/
#mainnav {
	background-color: #164612;
}

#mainnav a#aktiv, #mainnav a:hover{
background-color:#567541;
color:#fff9e3;
}

 #seknav a#sekactive, #seknav a:hover{
background-color:#567541;
color:#fff9e3;
}



#seknav, #mainnav{
height: 30px;
}

#mainnav ul, #seknav ul{
 padding: 7px 0; 
 margin: 0 40px;
}

#mainnav ul li, #seknav ul li{
display:inline;
}

#mainnav a, #seknav a{
padding: 7px 0.4em; 
margin-left: 3px;
}




#headimg{
height: 121px;
border-top:#164612 solid 5px;
border-bottom:#164612 solid 5px;
}
#headimg img{
margin:4px 0 0 0;
}


/*Contentbereich*/

#contentwrapper{
margin:0 0 115px 0;
}
#column_content, #column_left{
float:left;
}

#column_content table{
width: 435px;
}

#column_content table td{
vertical-align:top;
padding:10px 0;
}

td .breit{
width: 300px;
}

/*Navi links*/
#column_left{
width: 260px;
margin-bottom:80px;
}

#column_left ul{
margin:40px 0  40px 40px;
border-top:#164612 2px solid;
}

#column_left a, #column_left li{
text-decoration:none;
margin:0;
padding:0;
line-height:1.4em;
}

#column_left ul a{
display:block;
height:17px;
_height:10px;
border-bottom:#164612 2px solid;
}

#column_left a:hover, .sekaktiv{
color:#fff9e3;
background-color:#567541;
}

#column_left ul ul{
margin:0;
border:none;
}

#column_left ul ul a{
padding:0 0 0 10px;
}

/*Contentbereich*/

#column_content{
width:455px;
}

#column_content_e, #column_content{
margin:40px 40px 40px 40px;
height:250px;
overflow:auto;
}

#logowrapper{
height:100px;
}

#logolinks, #logomitte,#logorechts{
width:33%;
float:left;
text-align:center;
} 




#footer{
position:absolute;
bottom:0;
bottom:-1px;
height:75px;
}

#footerba{
position:absolute;
display:block;
bottom:65px;
right:5px;
}

.clear{
clear:both;
}

table{
font-size:1.2em;
width:685px;
}

td{
width:30%;
}

.abstand{
margin-left:20px;
}

.abstand2{
margin-left:42px;
}
/*Kontaktformular, Newsletterformular*/
#Info{
width:430px;
}
#rechts{
padding:1px 0 0 0;
}

#links{
float:left;
width:210px;
height:170px;
}

#kontakt label{
float:left;
width:150px;
}
#kontakt input{
width:270px;
}

#senden{
width:100px;
}

#mitteilung, #mitteilung_2{
width:420px;
}