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

textarea, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, input, select {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 none;
}
body {
    background: none repeat scroll 0 0 white;
    color: black;
    line-height: 1;
}
ol, ul {
    list-style: none outside none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/************* GLOBALES ********/


@font-face {
	font-family: 'agrar';
	src: url('/font/agrar.eot'); /* IE9 Compat Modes */
	src: url('/font/agrar.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/font/agrar-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/font/agrar-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/font/agrar.svg#svgagrar') format('svg'); /* Legacy iOS */
	}

.nomobile {
display:none;
}
.mobile {
display:inherit;
}

.inside {
position:relative;
}

body{
font-family:'Roboto Slab', Arial;
font-size:14px;
line-height:1.5em;
background: #f6f8e3;
}

h1, h2, h3, h4, h5, h6{
font-family:'agrar',Arial;
}		

a:link{
text-decoration:underline;
color: #596e19;
}

a:visited{
text-decoration:underline;
color: #596e19;
}

a:focus{
text-decoration:none;
color: #596e19;
}

a:hover{
text-decoration:none;
color: #596e19;
}

a:active{
text-decoration:underline;
color: #596e19;
}

.fett{
font-weight:bold;
}

.weiss{
color: #ffffff;
}

.pastell{
color: #f6f8e3;
}

.hellgruen{
color: #a6c626;
}

.gelbgruen{
color: #d8dd0b;
}

.dunkelgruen{
color: #596e19;
}

#Inhalt p{
margin-bottom:1em;
}
/*********** LAYOUT ************/

#Kopf{
}

#Blatt{
width:320px;
margin:0 auto;
background: #f6f8e3;
-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);
}

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

#Inhalt{
float:left;
width:100%;
}

#Mehrwertspalte{
float:right;
width:100%;
}

#Fuss{
clear:both;
background: #596e19;
}

.zweispaltig{
}

.spalte{
}
	
/*********** KOPF ****************/

#Kopf{

}

#Kopfbild,
#Kopfbild img,
#KopfAbschlussOben,
#KopfAbschlussUnten {
display:none;
}

#Kopfbild .active {
display:block;
}

#Kopfbild img,
#KopfAbschlussOben,
#KopfAbschlussUnten {
width:100%;
}

#KopfAbschlussObenKlein{
}
#Kopfbild{
display:block;
}



#Kopf {
height:262px;
position:relative;
overflow:hidden;
margin-bottom:2em;
border-bottom:4px dotted;
border-color: #596e19;
}
#Kopfbild {
display:none;
}
#Kopfbild img {
position:absolute;
}

#KopfAbschlussUnten {
display:none;
}
#KopfAbschlussOben {
display:none;
}

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

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

#Logo{
position:absolute;
z-index:999999;
left:0.5em;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
width:43%;
height:auto;
}


/************* META NAVI **********/

#MetaNavi{
text-align:center;
font-size:0.9em;
font-family:'Roboto Slab', Arial;
margin:0 auto;
width:60%;
}	
#MetaNavi ul li{
float:left;
margin-right:1em;
}	
#MetaNavi ul li:last-child{
margin-right:0;
}	
#MetaNavi a:link{
text-decoration:none;
color: #596e19;
}	
#MetaNavi a:visited{
text-decoration:none;
}	
#MetaNavi a:focus{
text-decoration:none;
}	
#MetaNavi a:hover{
text-decoration:none;
}	
#MetaNavi a.active{
text-decoration:none;
}	

/*********** HMENU *********/

#HMenu{
font-family:'agrar', Arial;
text-align:center;
position:absolute;
top:120px;
}

#HMenu a:link{
text-decoration:none;
color: #596e19;
}
#HMenu a:visited{
text-decoration:none;
color: #596e19;
}
#HMenu a:focus{
text-decoration:none;
color: #596e19;
}
#HMenu a:hover{
text-decoration:none;
color: #596e19;
}


#HMenu ul li{
margin-bottom:0.4em;
}
/********** INHALT ***************/

#Inhalt h1{
color: #a6c626;
font-size:1.7em;
text-align:center;
line-height:1em;
margin-bottom:1em;
}
#Inhalt h1:nth-child(n+2){
margin-top:1em;
}

#Inhalt h2{
color: #a6c626;
font-size:1.5em;
margin-bottom:1em;
clear:both;
overflow:hidden;
}
#Inhalt h3{
color: #a6c626;
font-size:1.3em;
margin-bottom:0.7em;
clear:both;
overflow:hidden;
}

#Inhalt ul li{
list-style-position:outside;
list-style-type:none;
padding-left:7px;
text-indent:-8px;
}

#Inhalt ul li:before{
content: "\00BB" " ";
color: #596e19;
}

ul.spezialliste li span:first-child{
font-weight:bold;
}


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

.Teaser{
}

.Teaser h2{
text-align:center;
}
.Teaser h2 a:link, .Teaser h2 a:visited, .Teaser h2 a:focus, .Teaser h2 a:hover{
color: #a6c626;
}

.Teaser img{
}

.Teaser a:link{
text-decoration:none;
}
.Teaser p a:link, .Teaser p a:visited, .Teaser p a:focus .Teaser p a:hover{
color:#000;
}
/********** ZWEISPALTIG *************/

.spalte {
}

.spalte img{
/*width:100%;*/
max-width:296px;
margin-bottom:1em;
}

/*************** SUPER SONDER TIP **************/

#tip{
color: #ffffff;
background-color: #596e19;
clear:both;
overflow:hidden;
margin-top:1em;
margin-bottom:1em;
padding:1em;
outline:7px dotted;
outline-color: #f6f8e3;
outline-offset:-4px;
}

#tip a:link, #tip a:visited, #tip a:focus, #tip a:hover, #tip a:active{
color: #ffffff;
}

#tip h1, #tip h2, #tip h3, #tip h4, #tip h5, #tip h6{
color: #ffffff;
}

/********** BILDER ************/

img.weisser_Rahmen{
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);
}


/************ 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:295px;
height:auto;
width:100%;
}

.BildKasten > div > div{
background:#fff;
text-align:center;
padding:5px;
font-size:0.9em;

}

.BildKasten.right{
margin:0.7em 0 0.7em 1.7em;
}

.BildKasten.left{
margin:0.7em 1.7em 0.7em 0;
}

#Pager a:link, #Pager a:visited{
text-decoration:none;
color: #596e19;
}

#Pager a:focus, #Pager a:hover{
text-decoration:underline;
color: #596e19;
}


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


.MWBlock:nth-child(n+2){
margin-top:1em;
}

#Mehrwertspalte li{
font-size:0.9em;
}
#Mehrwertspalte p{
font-size:0.9em;
}

.MWBlock h1{
font-family:'Roboto Slab', Arial;
background: #a6c626;
color: #596e19;
padding:0.5em;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
font-size:1.2em;
margin-bottom:0.3em;
}

.MWBlock h1 a:link{
color: #596e19;
text-decoration:none;
}

.MWBlock p, ul{
padding-left:0.7em;
}

.MWBlock ul li{
list-style-position:outside;
list-style-type:none;
padding-left:7px;
text-indent:-8px;
}

.MWBlock ul li:before{
content: "\00BB" " ";
color: #596e19;
}
/*************** FUSS *****************/

#Fuss{
font-size:0.8em;
}

#Fuss > .inside{
color: #ffffff;
padding:0.5em;
text-align:center;
overflow:hidden;
}

#Fuss a:link{
color: #ffffff;
text-decoration:underline;
}
#Fuss a:visited{
color: #ffffff;
text-decoration:underline;
}
#Fuss a:focus{
color: #ffffff;
text-decoration:none;
}
#Fuss a:hover{
color: #ffffff;
text-decoration:none;
}
#Fuss a:active{
color: #ffffff;
text-decoration:none;
}

.fussmenu{
text-align:center;
width:75%;
margin:0 auto;
}


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

label, input, textarea, legend {
font-family:inherit;
font-size:1em;
}

legend {
padding-left:0.5em;
padding-right:0.5em;
}
fieldset {
border: 1px solid #A6C626;
}

input, textarea, select {
border:1px solid #dddddd;
padding:4px;
}

.table {
margin: 0.5em 0;
}
.colgroup, .col {
display:none;
}
.tr {
margin: 0.5em 0;
}
.th {
vertical-align:top;
}
.td {
vertical-align:top;
}

.w20{
width:99%;
}

.w99{
width:99%;
}
.w100{
width:100%;
}
.breit{
width:99%;
}