@charset "utf-8";
/* CSS Document */


body{
background:url(/img/layout/hintergrund.jpg) no-repeat;
background-attachment:fixed;
background-size:100%;
}

/*********** LAYOUT ************/

#Blatt{
width:960px;
margin:0 auto;
-webkit-box-shadow: 0 0 7px 3px rgba(0,0,0,0.5);
box-shadow: 0 0 7px 3px rgba(0,0,0,0.5);
}


#Inhalt{
max-width:695px;
margin-top:2em;
margin-bottom:2em;
}

#Seite{
padding-left:1.3em;
padding-right:1.3em;
}

#Mehrwertspalte{
margin-top:2em;
width:204px;
padding:10px;
border-left:1px solid;
border-left-color:#596e19;
}
	
.zweispaltig{
width:100%;
}

.spalte{
width:46%;
}
	
/*********** KOPF ****************/

#Kopf {
height:530px;
position:relative;
overflow:hidden;
border-bottom:none;
margin-bottom:0;
}

#KopfAbschlussOben {
display:block;
position:absolute;
top:0;
}

#Kopfbild {
display:block;
position:absolute;
top:120px;
width:100%;
}
#Kopfbild img {
position:absolute;
}

#KopfAbschlussUnten {
display:block;
position:absolute;
bottom:0;
}

#KopfAbschlussObenKlein{
display:none;
}
#Kopfbild img.active {
}


/*** LOGO ******/

#Logo{
width:100%;
height:auto;
max-width:175px;
left:1.3em;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

	
/*********** META MENU *****************/
#MetaNavi{
font-size:1em;
width:25%;
}	

/*********** HMenu *****************/

#HMenu{
font-size:1em;
border-bottom:1px solid #666666;
position:absolute;
bottom:0;
top:auto;
}
#HMenu ul{
}

#HMenu ul li{
float:left;
width:19%;
height:58px;
background: #f6f8e3;
border-bottom: 1px solid;
border-bottom-color:#f6f8e3;
margin-right:0.6%;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
margin-bottom:0;
}

#HMenu ul li a:link{
height:50px;
display:block;
padding-top:10px;
}

#HMenu a:link{
color: #596e19;
}
#HMenu a:visited{
color: #596e19;
}
#HMenu a:focus{
color: #596e19;
}
#HMenu a:hover{
color: #596e19;
}


#HMenu ul li.active{
height:60px;
margin-bottom:-3px;
}

/************* STARTSEITE TEASER **************/

.Teaser{
}

.Teaser img{
}

.Teaser h2{
height:2em;
}



.Teaser p{
height:10em;
}
/********** ZWEISPALTIG *************/

.spalte{
float:left;
padding:0.9em;
}


.spalte:nth-of-type(odd){
clear:both;
}

.spalte:first-child{
border-right:1px solid;
border-right-color: #596e19;
}
.zweispaltig > .spalte:nth-of-type(2){
border-left:1px solid;
border-left-color: #596e19;
margin-left:-1px;
}

.spalte img{
max-width:306px;
}


/************** EINPSALTIG ***********/

.einspaltig{
padding:0.9em;
clear:both;
}


/******* FORMULARE ******/


.table {
display: table;
}
.colgroup {
display: table-column-group;
}
.col {
display: table-column;
}
.tr {
display: table-row;
}
.th, .td {
display: table-cell;
padding: 0.5em;
}

.w20{
width:20%;
}

.iconWeiter{
margin-left:21%;
}

/************ NEWS ***************/

.BildKasten img{
border:5px solid #fff;
-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.25);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.25);
max-width:306px;
}


.BildKasten.right{
float:right;
}

.BildKasten.left{
float:left;
}

/************** MEHRWERTSPALTE *************/


.MWBlock h1{
width:170px;
}

/********** FUSS ************/

#Fuss > .inside{
font-size:1.1em;
padding:1.3em;
text-align:center;
}

div.dotted {
clear:both;
border-top:3px dotted #ffffff;
margin-bottom:0.5em;
margin-top:0.5em;
}
div.dotted hr {
clear:both;
display: none;
}

hr.dotted{
clear:both;
border-top:3px dotted #ffffff;
}

#Fuss ul li{
float:left;
margin-right:0.5em;
}

.fussmenu br{
display:none;
}