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

*{margin:0;padding:0}

/*
"ratio-n4", "ratio" //reg
"ratio-n5", "ratio" //med
"ratio-i5", "ratio" //med it
"ratio-i7", "ratio" //bold it
*/
/*
font-family: "ratio-i5","ratio",sans-serif;
font-style: italic;
font-weight: 500;

font-family: "ratio-n5","ratio",sans-serif;
font-weight: 500;

font-family: "ratio-i7","ratio",sans-serif;
font-style: italic;
font-weight: 700;


*/

body{
  font-family:"ratio-n4","ratio", Verdana, Geneva, sans-serif;
  font-size:14px;
  width:100%;height:100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("../basic/background_1700.jpg");
  background-repeat: no-repeat;
}

a.lightgreen{font-family: "ratio-n5","ratio",sans-serif;
font-weight: 500;color:rgb(121,181,28);}

a{color:rgb(91,142,40);}


h1{font-family: "ratio-i5","ratio",sans-serif;
font-style: italic;
font-weight: 500;font-size:24px}
h1.herzlich{
	padding-left:22px;
	background-image:url(heart.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#wrapper{width:1008px;height:auto;background-color:#FFF;margin:auto;
-moz-box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow:4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5);
box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5);
padding-top:10px;
}

#wrapper:after{content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


#head{width:988px;height:90px;background-color:#79b51c;margin:auto;margin-bottom:10px;background-image: url(../basic/biomammut_head_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;}
#head img{margin-top:15px;margin-left:10px;border:none;}
#menue{width:988px;height:30px;background-color:#fff;margin:auto;margin-bottom:10px;position:relative;z-index:1000;}
#menue ol{
	list-style-type: none;
}

#menue ol ol{display:none;background-color:#FFF;padding-bottom:10px; padding-right:10px;position:absolute}

#menue >ol> li ol li {
    float: none;
    display: block;
    margin-top: 10px;
	
}
#menue > ol > li{
	float:left;
	height:30px;
	position:relative;
}

#menue ol > li > ol li a{
	font-size:15px;height:25px;display:block;background-color:#5b8e28;padding-top:5px;color:#fff;text-decoration:none;width:132px;margin-left:10px;text-align:center;font-family: "ratio-i5","ratio",sans-serif;
font-style: italic;
font-weight: 500;
		
}

#menue li a{font-size:15px;height:25px;display:block;background-color:#5b8e28;padding-top:5px;color:#fff;text-decoration:none;width:113px;margin-left:10px;text-align:center;font-family: "ratio-i5","ratio",sans-serif;
font-style: italic;
font-weight: 500;}

/*Breite des ersten Elements bei 7 Elementen => 136px */
#menue > ol > li:first-child a{margin-left:0px;width:125px}

#menue li.sel > a, #menue li.selover > a{background-color:rgb(5,68,19);}
#menue li li a:hover{background-color:rgb(5,68,19);}

#footMenue { 
	
	margin-left: 355px;
	margin-top: 5px;
	text-align:center;
}

ol#footnavig {
	list-style-type:none;	
}

#footMenue ol#footnavig li {
	float:left;
	width: 35px;
	text-align:center;
	margin-left: 20px;
	margin-top:2px;
	
}

#footMenue ol#footnavig li a {
	text-decoration:none;
	color: #FFF;
	
}



#banner{
	width:988px;
	height:312px;
	margin:auto;
	margin-bottom:10px;
	position:relative;

}
#banner img{position:absolute;left:0px;top:0px;visibility:hidden}
#banner img:first-child{visibility:visible}
#banner .goldbutton {
	position: absolute;
	left:auto;
	right: 15px;
	top: 10px;
	visibility:visible;
}

#contentwrapper{margin-left:10px;height:auto}
#contentwrapper:after{content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#leftcol {width:190px;float:left;}
#content {margin-left:20px;float:left;width:478px;position:relative}
#rightcol{width:280px;margin-left:20px;float:left}

#foot{width:100%;height:25px;background-color:#79b51c;position:relative;margin-top:160px}
#foot img{position:absolute;bottom:10px;right:55px}


/***************************Banner Inhalte ***********************************/

#banner .alignment-top {
	position: absolute;
	top: 25px; 
	left: 0px;
	color: white;
}

#banner .alignment-bottom {
	position: absolute;
	bottom: 25px; 
	left: 0px;
	color: white;
}

#banner .div_h1{background-color:rgba(121,181,28,0.8);padding:10px;padding-left:20px}
#banner .div_p{background-color:rgba(91,142,40,0.8);padding:10px;padding-left:20px}
#banner h1 {font-size:36px;font-family: "ratio-i7","ratio",sans-serif;
font-style: italic;
font-weight: 700;}
#banner .alignment-top p, #banner .alignment-bottom p {font-size:17px;font-style:italic}


/**************************Slideshow********************************************/


#slideshow-container div{position:absolute;top:0px;left:0px}
#slideshow-container div img{position:static !important}

/**********************************Maps ************************************/

/* MODUL GOOGLEMAPS */ 
#google_maps {
	width: 400px;
	height: 300px;
}



/********************************Linke Spalte ******************************/

/* MODUL VERLINKUNG - BLOCK */ 
.verlinkung {
	margin-bottom:10px;	
}
.verlinkung a {
	text-align:center;
	text-decoration:none;
	color:white;
	background-color: #79B51C;	
	font-style: italic;
	width: 100%;
	display:block;
	padding-bottom:5px;
	font-size:14px;
}

.verlinkung a span {padding-top:3px;}
.verlinkung img{border:none}


#rightcol .verlinkung a{background-color: rgb(5,68,19);}


/***************************Content ***************************/
#content h1{color: rgb(5,68,19);font-style: italic;}
#content p{line-height:17px;color:#333}

#content h1 + p{margin-top:15px}
#content p + p{margin-top:15px}
#content p + h1{margin-top:25px}
#content h1 + ul{margin-top:15px}
#content ul{margin-left:20px;color:#333}
#content p strong{font-family: "ratio-n5","ratio",sans-serif;
font-weight: 500;}
#content div.googlemapstext{width:200px;float:left;padding-right:10px}
/*#content div.googlemapstext p + p{margin-top:0px}*/
/* MODUL GOOGLEMAPS */ 
#google_maps {
	width: 268px;
	height: 348px;
	float:left
}

#content h3{color:rgb(121,181,28);font-family: "ratio-n5","ratio",sans-serif;
font-weight: 500;font-size:14px}
/*****************************Erzeuger**************************/

div.erzeuger{margin-top:25px;padding-bottom:25px;border-bottom:solid 1px rgb(121,181,28)}  
div.erzeuger:after{content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
div.erzeuger .text{width:244px;float:left;padding-right:10px}
div.erzeuger .text a{color:#000;;font-family: "ratio-n5","ratio",sans-serif;
font-weight: 500;}
div.erzeuger .img{width:200px;float:left}

/****************************** Angebote **************************/

#freeplace_flyer{
	position:absolute;
	top:25px;
	left:210px;
	background-image: url(../basic/flyer_september_gedreht.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:300px;width:222px;
}
#presse { margin-top: 50px; }

.pressemitteilung  {
	margin-bottom:20px;	
}
.pressemitteilung h3 {
	font-size:12px !important;
	color: #79B51C !important;
	font-weight:bold !important;
}

.pressemitteilung a
{
	font-weight: 500;
	color: #3E3D40;
	line-height: 16px;
}

#freeplace_flyer img{height:262px;float:right;-moz-box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);
-webkit-box-shadow:4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);
box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);border:none}