@font-face {
	font-family: rotisserif;
	src: url("rotissemiserif-webfont.eot") 
}
@font-face { 	
	font-weight: normal;
	font-style: normal;
	font-family: rotisserif;
	src: url("RotisSemiSerif.ttf") 
}
@font-face {
	font-family: rotissans;
	src: url("rotissemisans-webfont.eot") 
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: rotissans;
	src: url("RotisSemiSans.ttf")
}
body, 
html { 
	margin: 0; 
	padding: 0;
	background-color: #707070;
	font-family: rotisserif, Helvetica, futuraweb, Arial;
	font-weight:normal;
	color:#274d26;
	line-height:135%;
	width:100%;
	height:100%;
	position:relative;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body { 
	font-size:14px;

}	

.hintergrundbildimg {
	height: auto;
	min-height: 100%;
	min-width: 1400px;
	width: 100%;
	z-index: 0;
	position: fixed !important;
	top: 0;
	left: 0;
    
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

@media screen and (max-width: 1400px) { 
	.hintergrundbildimg {
		left: 50%;
		margin-left: -700px;  
	}
}
/*2 spaltiges layout */
.joWrapper2Col .innenabstand-0{
	padding-right:0px;
}

.logo{
	position: absolute;
	top: 2px;
	left: -10px;
	z-index: 999;
}

/*allgemeine formatierungen */ 
img{
	border:none;
	border:0px;
	outline:none;
}
.hide{
	display:none;
}
form{
	display:inline; 
}
a{
	color:#074227;
	text-decoration:none;
	border:none;
	border:0px;
	outline:none;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.abstandoben{
	margin-top:50px;
}
.textwhite{
	color:white;
}
.underline{
	text-decoration:underline;
}
.textcenter{
	text-align:center;
}
.positionrelative{
	position:relative;
}
.positionabsolute{
	position:absolute;
	z-index:200;
}
.schrifthell{
	color:#fefffe;
}			
.schrift10{
	font-size:10px;
}	
.schrift11{
	font-size:11px;
}
.overflowhidden{
	overflow:hidden;
}						
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.fett{
	font-weight:bold;
}

.content-0{
	background-image:url(../images/white.png); 
	background-repeat:repeat;
	min-height:200px;
	
}
.content-1{
	background-color:transparent;
}
.content-3{
	background-image:url(../images/white.png); 
	background-repeat:repeat;
	min-height:200px;	
}
.home .bildbanner{
    min-height: 405px;
}
.bildbanner{
	min-height:315px;
}
.innenabstand-0{
	padding:25px 25px 25px 25px;
}
.innenabstand-1{
	padding:15px 0 15px 0;
}
.bildbannersubmenu{
	line-height:0;
}
.weite976{
	display:block;
	width:950px; 
	margin:0 auto;
	text-align:left;
}

.weite350{
	width:90%;
}

.uppercase{
	text-transform:uppercase;
}		
h1{
	font-size:38px;
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	line-height:120%;
	color:#274d26;
}

/* hauptnavgation */
.navigation{
	position:relative;
	background-image:url(../images/wshop03_M013.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:9999;
	height:75px;
}
.menu1{
	list-style-type: none;
	margin:0 0 0 200px;
	padding:0;
	clear:both;
	zoom:1;
	background-image:url(../images/transparent10x10.png); 
	background-repeat:repeat;
	background-position:0 0;
	height:100%;
}
.menu1 li{
	float:left;
	position:relative;
	height:75px;
}
.menu1 li a{
	color:#b3cfbf;
	font-size:14px;
	display:block;
	text-decoration:none;
	position:relative;
	z-index:9999; 
	line-height:100%;
	margin:40px 15px 0 15px;
}
.menu1 .active{
	color:#ffffff !important;
}

/*ausklappmenu 2*/
.menu2{
	position:absolute;
	z-index:999;
	top:75px;
	height:auto;
	margin:0px;
	padding:0px;
	display:none;
	cursor:pointer;
	background-color:transparent;
	zoom:1;
	left:50%;
}
.menu2 ul{
	margin:0px;
	padding:0px;
}
.menu2 li{
	clear:both;
	float:none;
	display:block;
	text-align:center;
	padding:7px 20px 10px 20px;
	margin:0px;
	list-style-type:none;
	white-space: nowrap;
	height:auto;
}
.menu2 li a{
	color: #B3CFBF;
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
	line-height:120%;
	margin:auto;
}
.menu2 .first{
	padding-top:10px;
	-moz-box-shadow: inset 0px 5px 14px -7px black;
	-webkit-box-shadow: inset 0px 5px 14px -7px black;
	box-shadow: inset 0px 5px 14px -7px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.menu2 .last{
	background-image:none;
}
.linavi2bg,
.navi2bg{
	position:absolute !important;
	z-index:0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.linavi2bg{
	display:none;
}


.menu2 .active{
	color:#ffffff !important;
}
.schatten {
	-moz-box-shadow: 0 2px 15px 0px black;
	-webkit-box-shadow: 0 2px 15px 0px black;
	box-shadow:  0 2px 15px 0px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.schatten2 {
	-moz-box-shadow: 0px 2px 5px 0px  black;
	-webkit-box-shadow:  0px 2px 5px 0px  black;
	box-shadow:   0px 2px 5px 0px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}

.two_col_left{
	width:370px;
	padding-top:145px;
}
.two_col_right{
	width:430px;
}

.inputdiv{
	position:absolute;
	right:125px;
	top:10px;
	width:135px;
	background-color:#cbe8d3;
	border-left:#718378 1px solid;
	border-top:#718378 1px solid;
	border-right:#c1dac8 1px solid;
	border-bottom:#c1dac8 1px solid;
	
		
}

/* footer */
.footer{
	height:35px;
	position:relative;
	background-image:url(../images/footer_background.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.footerright ul,
.footerleft ul{
	list-style-type: none;
	margin:0;
	padding:0;
	clear:both;
	zoom:1;
	z-index:9990;
	position:relative;
}
.footerright  li,
.footerleft li{
	float:left;
	padding:0 3px 0 3px;
}

.footerright .litext,
.footerleft .litext,
.footerright li a,
.footerleft li a{
	color: #B3CFBF;
	font-size:12px;
	display:block;
	text-decoration:none;
	position:relative;
	z-index:2;
}
.footerright{
	color:#ffffff;
	font-size:15px;
	padding:8px 30px 0 0;
}
.footerleft{
	padding:8px 0 0 15px;
}
.fbstrich{
    left: 760px;
    position: absolute;
    top: -6px;
}
.fblogo{
	background-image:url(../images/fblogo.jpg); 
	background-repeat: no-repeat;
    color: #B3CFBF;
    font-size: 12px;
    height: 20px;
    left: 17px;
    margin-left: -7px;
    padding-left: 27px;
    position: absolute;
    top: 0;
    width: 110px;
}

.actsubmenu,
.submenuitem{
	padding:8px 0px 8px 20px;
	background-image:url(../images/weiss_transparent_menue.png); 
	background-repeat:repeat;
	background-position:0 0;
	margin-bottom:1px;
}

.actsubmenu{
	background-image:url(../images/weiss_transparent_menue_aktiv.png); 
}

.submenuitem a{
	color:#000000;
	font-size:11px;
}


.hoehe_banner {
	padding:8px 0 8px 0;
}


.clearfix:after {
content: ""; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.schrift14{
font-size:14px;
}

.textbereich{
	padding:0 30px 30px 30px;
}
.news-latest-item{
	padding:20px 10px;
}
.news-single-item h2,
.submenu_left a,
h2,
h2 a{
font-size:14px;
margin:0;
padding:0;
font-weight:normal;
text-decoration:none;
}
.news-single-item h2,
.news-latest-item h2{
padding-top:10px;
}
/*Formatierung der linken spalte */


.weite_links1 h1{
color:#ffffff;
font-size:14px;
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:bold;
}
.weite150{
width:90px;
}
.weite110{
width:125px;
}
.innenabstand2{
	padding:10px 5px 10px 5px;
}
.innenabstand-3{
	padding:10px 10px 0;
}
.abstandlinks1{
padding-left:5px;
}



.abstandaussen{
margin:5px;
}


/* zweite menuebene */
.menuebene2{
	position:relative;
	overflow:hidden;
	bottom:0px;
	left:0px;
	width:100%;
}
.spec-menue{
	list-style-type:none;
	margin:0;
	padding:0;
	width:1000px;
	display:block;
}

.spec-menue-title{
	position:relative;
	z-index:999;
	background-color:#274d26;
	padding:8px 0 8px 15px;
}
.spec-menue li{
	float:left;
	cursor:pointer;
	position:relative;
	padding-top:140px;
}
.spec-menue a{
	color:#ffffff;
}
.spec-menue .image{
	z-index:998;
	line-height:0px;
	text-align:center;
}
.spec-menue img{
	position:absolute;
	bottom:20px;
	left:0;	
	width:100%;
	height:auto;
}

/* weite der floats definieren fur die entsprechende anzahl der untermenupunkte */
/* 2 menupunkte */
.submenucount2 li{
	width:472px;
	overflow-x:hidden;
	margin-left:6px;
}

/* 3 menupunkte */
.submenucount3 li{
	width:313px;
	overflow-x:hidden;
	margin-left:6px;
}
/* 4 menupunkte */
.submenucount4 li{
	width:233px;
	overflow-x:hidden;
	margin-left:6px;
}
/* 5 menupunkte */
.submenucount5 li{
	width:186px;
	overflow-x:hidden;
	margin-left:6px;
}

/*der erste menupunkt bekommt keinen abstand nach links*/
#submen1{
	margin-left:0px !important;
}


#ageCheck{
	position:absolute;
	z-index:99999;
	top:0px;
	left:0px;
	background-image:url(../images/bg_trans_agecheck.png);
	width:100%;
	height:100%;
}
#ageCheckWrap{
	position:relative;
	top:50%;
	margin: -200px auto 0 auto;
	background-color:#ffffff;
	opacity:0.9;
}
#agecheckinnenabstand{
	padding:30px;
}

#ageCheckWrap .h1{
	text-transform:uppercase;
	margin:10px 0 10px 0;
	font-size:32px;
}
#ageCheckWrap .claim{
	width:590px;
}
.ageCheckNein,
.ageCheckJa{
	margin:	30px 0 0 0;
	width:250px;
	background: rgb(31,65,29);
	background: -moz-linear-gradient(top,  rgba(31,65,29,1) 0%, rgba(10,30,12,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,65,29,1)), color-stop(100%,rgba(10,30,12,1))); 
	background: -webkit-linear-gradient(top,  rgba(31,65,29,1) 0%,rgba(10,30,12,1) 100%); 
	background: -o-linear-gradient(top,  rgba(31,65,29,1) 0%,rgba(10,30,12,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(31,65,29,1) 0%,rgba(10,30,12,1) 100%); 
	background: linear-gradient(to bottom,  rgba(31,65,29,1) 0%,rgba(10,30,12,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f411d', endColorstr='#0a1e0c',GradientType=0 ); 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.ageCheckNein a,
.ageCheckJa a{
	display:block;
	color:white;
}
.ageCheckNein a{
	padding: 7px 25px 7px 20px;
	margin-left:5px;
	background-image:url(../images/ageCheckNein-pfeil.png);
	background-repeat:no-repeat;	
	background-position:left;
}
.ageCheckJa a{
	padding: 7px 15px 7px 25px;
	margin-right:5px;
	background-image:url(../images/ageCheckJa-pfeil.png);
	background-repeat:no-repeat;
	background-position:right;
}
/* teaserboxen */
.teaserbox_0{
	float:left;
	width:225px;
	height:160px;
	overflow:hidden;
	position:relative;
	margin-right:15px;
	-moz-box-shadow:  0px 0px 8px 0px black;
	-webkit-box-shadow:  0px 0px 8px 0px black;
	box-shadow:  0px 0px 8px 0px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.teaserbox_0 img{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
.teaserbox_0 h2 a,
.teaserbox_0 h2{
	font-size:15px;
	font-weight:normal;
	padding: 0 0 5px 0;
}

.teaserbox_0 .teasertext{
	position:absolute;
	z-index:100;
	background-image:url(../images/weisstransparent.png);
	background-position:0 0;
	background-repeat:repeat;
	bottom:0;
	left:0;
	height:80px;
	font-size:13px;
	line-height:130%;
	color:#0f2716;
	width:100%;
}
.teaserbox_0 .teasertext a{
	font-size:13px;
	line-height:130%;
	color:#0f2716;
}
.teaserbox_0 .teaserinnenabstand{
	padding:10px;
}
/*teaserbox rechts*/
.teaserbox_3{
	width:221px;
	position:relative;
	margin-bottom:15px;
	-moz-box-shadow:  0px 0px 8px 0px black;
	-webkit-box-shadow:  0px 0px 8px 0px black;
	box-shadow:  0px 0px 8px 0px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.teaserbox_3 img{
	position:relative;
	z-index:1;
	left:0;
	top:0;
}
.teaserbox_3 h2 a,
.teaserbox_3 h2{
	font-size:12px;
	font-weight:normal;
	padding: 0 0 5px 0;
	font-weight:normal;
}
.teaserbox_3 .teasertext{
	position:absolute;
	z-index:100;
	background-image:url(../images/teaserbox-band.png);
	background-position:0 0;
	background-repeat:no-repeat;
	bottom:0;
	left:0;
	height:29px;
	font-size:11px;
	line-height:130%;
	color:#ffffff;
	width:223px;
}
.teaserbox_3 .teasertext a{
	font-size:11px;
	line-height:130%;
	color:#ffffff;
}
.teaserbox_3 .teaserinnenabstand{
	padding:10px 10px 0 10px;
}
/*teaserbox 4 */
.teaserbox_4{
	zoom: 1; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: alpha(opacity=60);	
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	width:135px;
	height:112px;
	position:relative;
	margin-bottom:15px;
	-moz-box-shadow:  0px 0px 8px 0px black;
	-webkit-box-shadow:  0px 0px 8px 0px black;
	box-shadow:  0px 0px 8px 0px black;
	float:left;
	margin-right:15px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.teaserbox_4.aktiv{
	opacity:1 !important;
}
.teaserbox_4 img{
	position:relative;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.teaserbox_4 .bodytext,
.teaserbox_4 h2 a,
.teaserbox_4 h2{
	font-size:10px;
	font-weight:normal;
	padding: 0 0 5px 0;
	font-weight:normal;
}
.teaserbox_4 .bodytext{
	text-align:right;
}
.teaserbox_4 .teasertext{
	position:absolute;
	z-index:100;
	background-color:#274d26;
	top:35px;
	left:0;
	height:45px;
	font-size:10px;
	line-height:130%;
	color:#ffffff;
	width:100%;
}
.teaserbox_4 .teasertext a{
	font-size:10px;
	line-height:130%;
	color:#ffffff;
}
.teaserbox_4 .teaserinnenabstand{
	padding:6px 6px 0 6px;
}
/*teaserbox 0 allgemein */
.joteaserboxheadline{
	float:left;
}
.joteasertextpfeil{
	float: right;
    margin: 6px 0 0;
}
.engagement .joteasertextpfeil{
	float: right;
    margin: 4px 0 0;
}
/*teaserbox 0 startseite */
.home .joteaserboxheadline,
.home .joteaserboxtext{
	float:none;
	clear:both;
}

/* teaserboxen neu*/
.joTeaserbox_0{
	position:relative;
	-moz-box-shadow:  0px 0px 8px 0px black;
	-webkit-box-shadow:  0px 0px 8px 0px black;
	box-shadow:  0px 0px 8px 0px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.joTeaserbox_0 img{
	
	z-index:1;
	left:0;
	top:0;
}
.joTeaserbox_0 h2 a,
.joTeaserbox_0 h2{
	font-size:15px;
	font-weight:normal;
	padding: 0 0 5px 0;
}

.joTeaserbox_0 .teasertext{
	z-index:100;
	bottom:0;
	left:0;
	font-size:13px;
	line-height:130%;
	background-color:#074b26;
	color:#0f2716;
	width:100%;
}
.joTeaserbox_0 .teasertext a{
	line-height:130%;
	color:#0f2716;
	color:#ffffff;
	text-align:left;
	font-size:15px;
}
.joTeaserbox_0 .teaserinnenabstand{
	padding:5px 10px 5px 10px;
}
.joEvents_0{
	background-image: url(../images/events_hg.jpg);
	background-repeat: no-repeat;
	height: 390px;
	margin:0 0 20px 0;
}
.joEvents_0 .joEvents_0innenabstand{
	padding:20px;
}
.joEventsScroll{
	height:300px;
}
.joEvents_1{
	margin:20px 0 20px 0;
}
.joEvents_1 .joEventsTitle{
	background-image: url(../images/white.png);
	background-repeat: repeat;
	position:absolute;
	bottom:0px;
	z-index:1000;
	width:100%;
	height:55px;
}
.joEvents_1 .joEventsLink{
	background-image: url(../images/vereins_white.png);
	background-repeat: repeat;
	padding:0 0 0 10px;
	margin-top:10px;
}
.joEventsLinkPfeil{
    margin: 0px 0px 0px 5px;
}
.joEvents_1 .joEventsPadding{
	padding:10px;
}
.joEvents_1 a{
	color:#074227;
}
.joEvents_0 a{
	color:#ffffff;
}
.joEvents_1 .joEventBackground{
	position:absolute;
	left:0;
	top:0;
}
.joEvents h2{
	color:#ffffff;
	font-size:25px;
	padding:10px 10px 15px 0;
}
.joKeyVisual{
	position:absolute;
	right:-44px;
	top:-50px;
}
.joEvents .joMonat{
	color:#ffffff;
	padding:15px 0 2px 0;
	font-size:18px;
}
.joEvents_0 .joEventsDate,
.joEvents_0 .joEventsTitle{
	float:left;
	margin:0 0 3px 0;
	color:#ffffff;
}
.joEvents_0 .joEventsTitle{
	text-decoration:underline;
}
.joEvents_0 .joEventsDate{
	width:30%;
}

.joEvents_0 .joEventsTitle{
	width:70%;
}

/*menuelemente in seite */
.csc-menu-def{
	list-style-type:none;
	margin:-5px -10px 20px;
	padding:0px;
	border-top:2px #074227 solid;
	border-bottom:2px #074227 solid;
}

.csc-menu-def li{
	background-color: #074b26;
	margin: 5px;
	float:left;
	
}
.joMenuAuswahl3 li{
	width:303px;
}
.joMenuAuswahl3  .joFirstMenu{
	margin-left: 10px;
}
.joMenuAuswahl3  .joLastMenu{
	margin-right:0px;
}
.csc-menu-def li a{
	color:#ffffff;
	font-size:17px;
	display:block;
	padding:10px;
}


/*sponsoring subsite */
/*engagement */
.engagement .slideshow .overview li {
	height: auto;
	width: auto;
	margin-right:40px;
}
.engagement .slideshow .viewport{
	overflow:visible;
}
/*sportengagement */
.sportengagement h1.csc-firstHeader{
	padding-bottom:10px;
	padding-top:15px;
}
.sportengagement .slideshow .viewport{
	overflow:visible;
}
.sportengagement .slideshow .overview li {
	margin-left:0px;
	margin-right:14px;
	width: auto;
	height:auto;
}
.sportengagement .slideshow .overview .joSlideElementNummer_1{
	margin-left:0px;
}
/*trennlinien */
hr{
	box-shadow: 0 0 10px 0 #274D26;
	border:none;
	height:1px;
	background-color:#274D26;
}
.home hr{
	display:none;
	margin:0px;
}
.joHrBottom{
	margin-bottom:20px;
}
.joHrTop{
	margin-top:20px;
}

/*kulturengagement */
.kulturengagement .bildbanner{
	position:static; 
}
.kulturengagement .content-0{
	padding-bottom:150px;
}
.unserepartner .content-3{
	padding-bottom:150px;
}
.kulturengagement .joWrapper2Col{
	position:relative;
}
.kulturengagement .innenabstand-0{
	padding-right:25px;
}
.kulturengagement .csc-menu-def{
	border:none;
	border:0px;
}
.kulturengagement  .csc-menu-def li{
	width:180px;
	background-image: url(../images/pfeil.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.kulturengagement .contentright{
	width:425px;
	padding-top: 0px;
}
.kulturengagement .contentleft{
	width:470px;
}

/*eventkalender */
.eventkalender .contentleft{
	width:425px;
}
.eventkalender .contentright{
	width:425px;
	padding-top: 0px;
}

.eventkalender .innenabstand-0{
	padding-right:25px;
}
.eventkalender .joEvents{
	margin-top:50px;
}
.eventkalender .content-0{
	padding-bottom:100px;
}
.eventkalender .joWrapper2Col{
	position:relative;
}
.eventkalender .bildbanner{
	position:static; 
}

.joPositionrelative{
	position:relative; 
}



.joEvents_1{
	float: left;
    margin: 20px 15px 30px 0;
}
.joEventLast{
	margin-right: 0;
}

.content-3 .joText,
.content-3 h1.csc-firstHeader{
	padding-left:15px;
	padding-top:15px;
}

/*volleyball handball*/
.wintersport .content-3,
.fussball .content-3,
.sportengagement .content-3,
.weiteresportengagements  .content-3,
.volleyballhandball .content-3{
	padding-bottom:150px;
}









/*2 spaltig */
.contentleft{
	width:700px;
}
.contentright{
	width:221px;
	padding-top:15px;
}



/*produktmenu*/
.spec-menue-prod{
	list-style-type:none;
	margin:0;
	padding:30px 0 0 0;
	float:left;
	position: relative;
	left: 50%;
}
.spec-menue-prod .spec-menue-title-1{
	background-color:#264c25;
}
.spec-menue-prod .spec-menue-title-2{
	
    color:#264c25 !important;
    background-image: url('../images/produkte-1436.png');
}
.spec-menue-prod .spec-menue-title-3{
	background-color:#17347e;
}
.spec-menue-prod .spec-menue-title-4{
    background-color:#F9DD16;
	color:#274D26 !important;
}
#submen2 {
    overflow: hidden;
    position: relative;
    top: 1px;
}

.produkte #submen2 {
    height: 399px!important;
}

.spec-menue-title-2 {
    position: absolute;
    bottom: -6px;
    height: 31px;
    width: 215px;
    z-index: 999;
    background-size: 235px;
    line-height: 180%;
}

.spec-menue-prod .spec-menu-title-prod {
	padding:5px 0 5px 0;
	color:#ffffff;
	font-size:18px;
	text-align:center;
}
.spec-menue-title{
	position:relative;
	z-index:999;
	background-color:#274d26;
	padding:8px 0 8px 15px;
	color:#ffffff;
}

.spec-menue-prod li{
	cursor:pointer;
	position:relative;
	float:left;
	right: 50%;
	position:relative;
	width:215px;
	margin:0 10px 0 10px;
}

.spec-menue-prod .image{
	position:relative;
	z-index:199;
	line-height:0px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50% 0;
	padding-top: 11px;
}
.spec-menue-prod .aktiv{
	background-image:url(../images/produkt-bottle-glow.png);
}

/* slideshow */

.slideshow .rightstep{
	height:55px;
	width:27px;
	top:60px;
	background-image:url(../images/slideshow_rightstep.png); 
	background-repeat:no-repeat;
}
.slideshow .leftstep{
	height:55px;
	width:27px;
	top:60px;
	background-image:url(../images/slideshow_leftstep.png); 
	background-repeat:no-repeat;
}
.slideshow .leftstep{
	left:0px;
}
.slideshow .rightstep{
	right:0px;
}
.slideshow { 
	/* height: 170px;*/
	margin:25px 0 25px -30px;
}
.slideshow .viewport { 
	/*float: left;*/
	width: 950px;
	/*height: 170px;*/
	overflow-x: hidden; 
	position: relative;
	margin: 0 0 0 30px;
}
.slideshow .buttons { 
	display: block; 
	margin: 0px 0 0 0; 
	float: left; 
	cursor:pointer;
}
.slideshow .next { 
	margin: 0px -30px 0 0;  
}
.slideshow .disable { 
	visibility: hidden; 
}
.slideshow .overview { 
	list-style: none; 
	/*position: absolute; */
	position: relative;
	padding: 0; 
	margin: 0; 
	left: 0; 
	top: 0;
}
.slideshow .overview li{ 
	float: left; 
	margin: 0 16px 0 0; 
	padding: 0; 
	height: 170px; 
	width: 225px;
}

/*ajax call*/
.ajaxcontent{
	height:315px;
}
.bannerboxajax{
	top:0px;
	z-index:9998;
	font-size: 20px;
    line-height: 100%;
	display:none;
	color:#ffffff;
	width:100%;
}
.bannerboxinnenabstand{
	padding:5px 15px 15px 15px;
}

/*bannerelemente */
.bannerelement{
	
}
/*bannerelement kennerdaten -> nur links unten erschein eine abgerundete ecke*/
.bannerelement-7{
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
	width:420px;
	left:-4px;
	min-height:150px;
	bottom:30px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
/*bannerelement audioplayer -> nur links unten erschein eine abgerundete ecke*/
.bannerelement-11{
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
	width:420px;
	left:-4px;
	min-height:80px;
	bottom:30px;
	background-color:#274d26;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.joAudioPlayerHeadline{
	font-size:16px;
	font-weight:normal;
	padding:5px 0 10px 0;
}
.joPlaylistItem{
	background-color:#355B35;
	box-shadow: 0px 0px 0px 0px rgba(39, 77, 38, 0.90) inset;
	margin-bottom:1px;
	background-position: 0 0;	
}
.joPlaylistItem a{
	color:#ffffff;
	font-size:12px;
	display:block;
	padding:0px 5px 0px 25px;

	background-image: url(../images/lautsprecher.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
.joPlaylistItem.active {
	background-color: #242B22;
}
/*bannerelement sortiment -> links und rechts unten erscheint jeweils eine abgerundete ecke*/
.bannerelement-8{
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	left:-4px;
	right:-4px;
	min-height:150px;
	bottom:30px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
/* bannerelement slideshow */
.bannerelement-9{
	background-color:#274d26;
	width:100%;
	height:100%;
	overflow:hidden;
}
/*abstande nach oben bei slideshow */
.bannerelement-9 .bannerboxinnenabstand{
	padding-top:100px;
}
/*popups + elements alkoholfrei */
.alkoholfrei .bannerelement{
	background-image:url(../images/kennerdaten_banderole_alkoholfrei.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
/*abstande nach oben bei sortiment */
.bannerelement-8 .bannerboxinnenabstand{
	padding-top:30px;
}
/*popups pilslegende */
.pilslegende .bannerelement{
	background-color:#274d26;
}
/*popups + elements lemon */
.lemon .bannerelement{
	background-image:url(../images/lemonverlauf.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
/*popups + elements lemon */
.radler .bannerelement{
	background-image:url(../images/radlerverlauf.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}

/*close - button*/
.close{
	position:absolute;
	right:5px;
	top:10px;
	padding:15px;
	background-image:url(../images/close1.png);
	background-repeat:no-repeat;
	background-position:70% 30%;
	cursor:pointer;
	z-index:999999;
	background-color:transparent;
}

.eventsaufdembrauerei-gutshof .bannerbox-news a{
	color:#fff;
}


/*galerie*/
.bannerelement .viewport{
	width:800px !important;
	margin-left:60px;
}
.bannerelement .viewport li{
	width:150px !important;
	margin:0 26px 0 26px !important;
}
.bannerelement .slideshow {
	margin:0 !important;
}
.slideshowbak{
	overflow:hidden;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.slideshowbak li{
	float:left
	margin:0 25px 0 25px;
	padding:0px;
}
.galerieslideshowright{
	background-image:url(../images/slideshow_rightstep.png); 
	background-repeat:no-repeat;
	height: 55px;
    top: 120px;
    width: 27px;
	right:40px;
	left:auto;
}
.galerieslideshowleft{
	background-image:url(../images/slideshow_leftstep.png); 
	background-repeat: no-repeat;
    height: 55px;
    left: 40px;
    top: 120px;
    width: 27px;
}
/*schatten fur die bildergalerie*/
.schatten3 {
	-moz-box-shadow: 0px 0px 15px 1px black;
	-webkit-box-shadow: 0px 0px 15px 1px black;
	box-shadow: 0px 0px 15px 1px black;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}

/*sortiment slideshow */
.bigpic{
	position:absolute;
	top: -57px;
	left: 380px;
}
.productslideshow{
	width:180px;
	top:0px;
	right:30px;
}
.productslideshowright,
.productslideshowleft{
	width:13px;
	height:27px;
	z-index:9999;
	background-repeat:no-repeat;
	position:absolute;
}

.productslideshowleft{
	left:-20px;
	top:65px;
	background-image:url(../images/productslide_leftstep.png);
}
.productslideshowright{
	right:-20px;
	top:65px;
	background-image:url(../images/productslide_rightstep.png);
}
.productslideshowright a,
.productslideshowleft a{
	position:relative;
	z-index:9999;
}
.opacity100{
	opacity:1 !important;
}
.smallpic{
	opacity:0.5;
	float:left;
	display:block;
	margin-right:5px;
}
.hideit{
	display:none;
}
.slidemask{
	width:100%;
	overflow:hidden;
	height:145px;
}

/* uberschriften und texte im bildbanner*/
.bildbanner h1,
.bildbanner h2{
	color:#ffffff;
	text-align:left;
}
.bildbanner h1{
	padding:0 0 5px 0;
	margin:0;
	font-size:34px;
	font-weight:normal;
}
.bildbanner h2{
	padding: 0 0 10px;
	margin:0;
	font-size:18px;
	font-weight:normal;
}
.bildbanner h3{
	padding: 0 0 10px;
	margin:0;
	font-size:20px;
	font-weight:normal;
	line-height:110%;
}
.bildbanner .bannertext{
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
}
.radler .bannertext{
	font-size:18px;
	color:#274D26;
	font-weight:normal;
}
.radler .col1 h2{
	color:#274D26;
}

/*tabelle unter kennerdaten */
.bannerboxajax table{
	float:left;
	margin-right:20px;
	border-spacing: 0px;
	width:175px;
	font-size:13px;
}
.bannerboxajax thead, th, span{
	padding:0px;
	margin:0px;
	text-align:left;
}
.bannerboxajax table td{
	border-top:#719670 1px solid;
	padding:2px 0 2px 0;
}

/*radler textfarbe in bannerboxen*/
.radler  h1{
	color:#274d26 !important;
}




/*jobs,etc*/
.bannerbox-8{
	top:60px;
	width:100%;
}
/*popup jobs und gutshof*/


.bannerbox-zweispaltig,
.bannerbox-news{
	/*background-color:#274d26;*/
	
	/*margin-top:300px;
	height:808px;*/
}
.bannerbox-2{
	
}
.bannerbox-2 .bannerbox-news{
	margin-top:150px;
	background-color:#006d48;
	background-image:url(../images/popHG.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-box-shadow: 0px 0px 50px #000000;	
	-moz-box-shadow: 0px 0px 50px #000000;	
	box-shadow: 0px 0px 50px #000000;
	height:auto;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.bannerbox-zweispaltig{
	font-size:13px;
}
.bannerbox-zweispaltig .bannerboxinnenabstand{
	padding: 20px 0 20px 40px;
}
.ajaxcontentright,
.ajaxcontentleft{
	width:450px;
}
.ajaxcontentright{
	padding-top:45px;
}
.bannerbox-zweispaltig a{
	color:#ffffff;
}


/*popup marken*/
.kampagne .bannerbox-6,
.kampagne .bannerbox-7{
	background-color:#274d26;
	top:0px;
	bottom:0px;
	height:auto;
	left:0px;
	right:0px;
}
/*popup geschichte, unternehmensfilm, brauereifuhrung*/
.unternehmensfilm .bannerbox-6,
.unternehmensfilm .bannerbox-7,
.brauereifuehrung .bannerbox-6,
.brauereifuehrung .bannerbox-7,
.geschichte .bannerbox-6,
.geschichte .bannerbox-7{
	top:0px;
	height:315px;
	left:0px;
	right:0px;
}
/*gridelement wrapper*/
.wrapper{
	padding:30px 0 40px 0;
}

/*startbutton fur die filme im headerbereich*/
.bildbannersubmenu .teaserbox_4{
	float:none;
	position:absolute;
	opacity:1;
	left:55%;
	margin-left:-72px;
	width:68px;
	height:68px;
	-webkit-border-radius: 10px;
    -khtml-border--radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.bildbannersubmenu .teaserbox_4 .teasertext{
	left: -15%;
    width: 90px;
}
.bildbannersubmenu .teaserbox_4 .teasertext{
	top:auto;
	bottom:-50px;
	height:auto;
}
.bildbannersubmenu .teaserbox_4 .teasertext .teaserinnenabstand{
	padding:3px 0 3px 0;
}
.bildbannersubmenu .teaserbox_4 .teasertext .teaserinnenabstand h2{
	text-align:center;
	font-size:13px;
	padding: 2px 0 2px;
}

/*pressemitteilungen -> presse-5*/
#presse-5{
	width:650px;
	padding-top:20px;
}
#presse-5 .presseout{
	margin-bottom:1px;
	width:510px;
}
#presse-5 .hell{
	background-color:#C0CAC0;
}
#presse-5 .dunkel{
	background-color:#D7DBD4;
}
#presse-5 .newspic img{
	padding: 7px 0 3px 7px;
}
#presse-5 .newstitle{
    width: 430px;
}
#presse-5 .newstitle a{
	color:#074227;
}
#presse-5 .downloadlinkadstand{
	padding:0 0 0 8px;
}
#presse-5 .newsdownload{
	background-color: #264E25;
	height: 20px;
    margin: 24px 8px 0;
    padding: 1px 40px 0 15px;
	background-image:url(../images/pfeil.png); 
	background-repeat:no-repeat; 
	background-position: 95% 50%;
}
#presse-5 .newsdownload  a{
	color:white;
}
#presse-5 .newstitleabstand{
	padding:20px 0 0 8px;
}

/*events gutshof -> presse-6*/
#presse-6 .presseout{
	margin-bottom:1px;
}
#presse-6 .hell{
	background-color:#C0CAC0;
}
#presse-6 .dunkel{
	background-color:#D7DBD4;
}
#presse-6 .newspic{
	padding: 7px 0 7px 7px;
}
#presse-6 .datum{
	width:28px;
}
#presse-6 .datum2{
	width:150px;
}
#presse-6 .datum2full{
	padding: 3px 0 0 15px;
}
#presse-6 .monat{
	background-color:#074227;
	color:white;
	font-size: 10px;
	line-height:100%;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}
#presse-6 .tag{
	background-color:white;
	color:#074227;
	font-size: 13px;
	font-weight:normal;
	line-height:100%;
	text-align:center;
}
#presse-6 .newstitle{
    width: 470px;
}
#presse-6 .newstitle a{
	color:#074227;
}
#presse-6 .downloadlinkadstand{
	padding:0 0 0 8px;
}
#presse-6 .newsdownload{
    margin: 15px 0 20px;
}
#presse-6 .newsdownload .ort a{
	color:#074227;
}
#presse-6 .newstitleabstand{
	padding:10px 0 0 15px;
}

/*pressemitteilungen -> jobs-5*/
#presse-10{
	padding-bottom:100px;
}
#presse-10 .presseout{
	margin-bottom:1px;
}
#presse-10 .hell{
	background-color:#C0CAC0;
}
#presse-10 .dunkel{
	background-color:#D7DBD4;
}
#presse-10 .newspic img{
	padding: 7px 0 3px 7px;
}
#presse-10 .newstitle{
    width: 430px;
	font-size:18px;
}
#presse-10 .newstitle a{
	color:#074227;
}
#presse-10 .downloadlinkadstand{
	padding:0 0 0 8px;
}
#presse-10 .newsdownload{
	background-color: #264E25;
	height: 20px;
    margin: 5px 8px 5px 0;
    padding: 1px 40px 0 15px;
	background-image:url(../images/pfeil.png); 
	background-repeat:no-repeat; 
	background-position: 95% 50%;
}
#presse-10 .newsdownload  a{
	color:white;
}
#presse-10 .newstitleabstand{
	padding: 5px 0 5px 40px;
}

/*bannerbox news*/
.bannerbox-news .datum{
	position:absolute;
	width:100px;
	left:20px;
	top:-35px;
	text-align:center;
}
.bannerbox-news .datum .monat{
	background-color: #006d48;
	font-size:35px;
	color: #ffffff;
	font-weight:bold;
	text-transform:uppercase;
	height:auto;
	line-height:100%;
	padding:0;
	font-family:helvetica;
}
.bannerbox-news .datum .tag{
	background-color: #ffffff;
	font-size:60px;
	color:#000000;
	font-weight:bold;
	font-family:helvetica;
	line-height:100%;
}
.bannerbox-news .newscontent{
	margin:0 0 0 130px;
	width:433px;
}
.bannerbox-news .newspic{
	width:320px;
	text-align:center;
	margin:10px 20px 0 0;
}
/*gridelemente */
.grid2right,
.grid2left{
	width:49%;
	font-size: 12px;
}
/* ajax events */
.newscontent .datum2full{
	font-size: 18px;
	margin:10px 0 0 0;
}
.newscontent h2{
	font-size: 30px;
	line-height: 100%;
}
.newscontent .details{
	font-size: 17px;
    margin: 3px 0 10px;
}
.newscontent .fulltext{
	font-size: 13px;
    line-height: 100%;
}
.newscontent .ort{
	font-size: 13px;
    margin: 10px 0 0;
}
/* ausbldung & praktika */
.jobs .bannerbox-7 .col1 .bannertext{
    font-size: 12px;
	margin-left: 40px;
	width:470px !important;
}
.bannerbox-7 .col1 h2{
	font-size: 28px;
    padding: 10px 40px;
}
.bannerbox-7 .col1 h3{
	font-size: 20px ;
}
.bannerbox-7 .col2{
    font-size: 12px;
	margin-right: 40px;
}
.bannerbox-7 .col2 a{
	color:#fff;
}
.brauereibesichtigung h2{
	background-color: #274D26;
    font-size: 10px;
    width: 230px;
	padding: 2px 0 0 10px;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 40px;
}
.brauereibesichtigung h2 a{
    color: #FFFFFF;
}
.brauereibesichtigung .contentleft{
	width:450px;
	font-size: 12px;
}
.brauereibesichtigung .contentright{
	width:440px;
	padding-top: 57px;
	font-size: 12px;
}
/* krisen layer */
#krisen-layer{
	position:fixed;
	top:0px;
	left:0px;	
	width: 100%;
	height: 100%;
	z-index: 10000;
}
#krisen-layer-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.9;
}
#krisen-layer-content{
	background-color: #FFFFFF;
    height: 318px;
    left: 50%;
    margin: -125px 0 0 -290px;
    position: absolute;
    top: 50%;
    width: 570px;
    z-index: 500;
}
#krisen-layer-head{
	color:#000;
	line-height: 220%;
	margin:20px 10px 10px 10px;
}
#krisen-layer-close{
	background-image:url(../images/krisenlayer-close.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	top:-10px;
	right:-10px;
}
#krisen-layer-dividing{
	border-top:3px solid #888888;
	width:50px;
	height:1px;
	margin:10px;
}
#krisen-layer-copy{
	color:#888888;
	margin:10px;
}
#krisen-layer-btn{
	background-image:url(../images/krisenlayer-btn-hg.jpg);
	background-repeat:repeat-x;
	width:85px;
	height:25px;
	margin:10px;
	padding:2px 5px 2px 20px;
}
#krisen-layer-btn a{
	color: #FFFFFF;
    left: 20px;
    position: absolute;
    text-decoration: none;
    top: -5px;
}
#krisen-layer-pfeil{
	background-image:url(../images/krisenlayer-pfeil.png);
	background-repeat: no-repeat;
    height: 9px;
    left: 20px;
    position: absolute;
    top: 290px;
    width: 7px;
} 
/*navigation 3 und bannerelemente -> fahnchen allgemein */
/*navigation menu 3*/

.menu3{
	list-style-type: none;
	margin:0 0 0 0;
	padding:0;
	clear:both;
	zoom:1;
	position:absolute;
	left:-2px;
	bottom:15px;
	z-index:400;
}

.menu3 li a{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	position:relative;
	z-index:9999;  
	display:block;
	padding: 2px 60px 2px 10px;
}
/*seitenspezifische anpassungen */
/*engagement -> menu3  -> muss unten platziert werden -> position:relative aus bildbanner entfernen */
.engagement .bildbanner{
	position:static !important;
}
.engagement .contentleft{
	margin-bottom:480px;
}
.engagement .menu3{
	bottom:45px;
}
/*brauereigutshofevents */
.eventsaufdembrauerei-gutshof .contentleft{
	width:900px;
}
/*jobs weite */
.jobs .contentleft{
	width:900px;
}

/*radler linkfarbe */
.radler .menu3 li a{
	color:#274d26;
	font-size:12px;
	text-decoration:none;
	position:relative;
	z-index:9999;  
}
.wgFahne{
	position:relative;
	left:-2px;
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
	margin-bottom:10px;
	min-width:140px;
	background-image:url(../images/pfeil.png); 
	background-repeat:no-repeat; 
	background-position: 95% 50%;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.wgFahne img{
	position:absolute;
	right: 20px;
    top: 1px;
}
.wgFahneWrapper{
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.wgFahneSchatten{
	box-shadow: 0px 5px 10px #161a1a;
	-webkit-box-shadow: 0px 5px 10px #161a1a;
	-moz-box-shadow: 0px 5px 10px #161a1a;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.wgFahneEcke1{
	left:0;
	top:-5px;
	height:6px;
	width:4px;
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.wgFahneEcke2{
	left:4px;
	top:-1px;
	height:1px;
	width:4px;
} 

.wgFahneEcke3{
	right:0;
	top:-5px;
	height:6px;
	width:4px;
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}

.wgFahneEcke4{
	right:4px;
	top:-1px;
	height:1px;
	width:4px;
} 

.wgFahneContent{
	/*padding:2px 60px 2px 10px;*/
	text-align:left;
}
.wgFahneContent,
.wgFahneContent a{
	color:#ffffff;
}

/* grunes fahnchen -> standard */
.wgFahne,
.wgFahneEcke3,
.wgFahneEcke1{
	background-color:#274d26;
}
.wgFahneEcke2{
	background: -moz-linear-gradient(left,  rgba(39,77,38,1) 0%, rgba(39,77,38,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,77,38,1)), color-stop(100%,rgba(39,77,38,0)));
	background: -webkit-linear-gradient(left,  rgba(39,77,38,1) 0%,rgba(39,77,38,0) 100%);
	background: -o-linear-gradient(left,  rgba(39,77,38,1) 0%,rgba(39,77,38,0) 100%);
	background: -ms-linear-gradient(left,  rgba(39,77,38,1) 0%,rgba(39,77,38,0) 100%);
	background: linear-gradient(to right,  rgba(39,77,38,1) 0%,rgba(39,77,38,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274d26', endColorstr='#00274d26',GradientType=1 );
}
.wgFahneEcke4{
	background: -moz-linear-gradient(left,  rgba(39,77,38,0) 0%, rgba(39,77,38,0) 1%, rgba(39,77,38,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,77,38,0)), color-stop(1%,rgba(39,77,38,0)), color-stop(100%,rgba(39,77,38,1)));
	background: -webkit-linear-gradient(left,  rgba(39,77,38,0) 0%,rgba(39,77,38,0) 1%,rgba(39,77,38,1) 100%);
	background: -o-linear-gradient(left,  rgba(39,77,38,0) 0%,rgba(39,77,38,0) 1%,rgba(39,77,38,1) 100%);
	background: -ms-linear-gradient(left,  rgba(39,77,38,0) 0%,rgba(39,77,38,0) 1%,rgba(39,77,38,1) 100%);
	background: linear-gradient(to right,  rgba(39,77,38,0) 0%,rgba(39,77,38,0) 1%,rgba(39,77,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00274d26', endColorstr='#274d26',GradientType=1 );
}
/* blaues fahnchen */
.alkoholfrei .wgFahne,
.alkoholfrei .wgFahneEcke1,
.alkoholfrei .wgFahneEcke3{
	background-color:#00519e;
}
.alkoholfrei .wgFahneEcke2{
	background: -moz-linear-gradient(left,  rgba(0,81,158,1) 0%, rgba(0,81,158,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,81,158,1)), color-stop(100%,rgba(0,81,158,0)));
	background: -webkit-linear-gradient(left,  rgba(0,81,158,1) 0%,rgba(0,81,158,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,81,158,1) 0%,rgba(0,81,158,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,81,158,1) 0%,rgba(0,81,158,0) 100%);
	background: linear-gradient(to right,  rgba(0,81,158,1) 0%,rgba(0,81,158,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00519e', endColorstr='#0000519e',GradientType=1 );
}
.alkoholfrei .wgFahneEcke4{
	background: -moz-linear-gradient(left,  rgba(0,81,158,0) 0%, rgba(0,81,158,0) 1%, rgba(0,81,158,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,81,158,0)), color-stop(1%,rgba(0,81,158,0)), color-stop(100%,rgba(0,81,158,1)));
	background: -webkit-linear-gradient(left,  rgba(0,81,158,0) 0%,rgba(0,81,158,0) 1%,rgba(0,81,158,1) 100%);
	background: -o-linear-gradient(left,  rgba(0,81,158,0) 0%,rgba(0,81,158,0) 1%,rgba(0,81,158,1) 100%);
	background: -ms-linear-gradient(left,  rgba(0,81,158,0) 0%,rgba(0,81,158,0) 1%,rgba(0,81,158,1) 100%);
	background: linear-gradient(to right,  rgba(0,81,158,0) 0%,rgba(0,81,158,0) 1%,rgba(0,81,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000519e', endColorstr='#00519e',GradientType=1 );
}

/* gelbes fahnchen */
.radler .wgFahne,
.radler .wgFahneEcke1,
.radler .wgFahneEcke3{
	background-color:#f8dc15;
}
.radler .wgFahneEcke2{
	background: -moz-linear-gradient(left,  rgba(248,220,21,1) 0%, rgba(248,220,21,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,220,21,1)), color-stop(100%,rgba(248,220,21,0)));
	background: -webkit-linear-gradient(left,  rgba(248,220,21,1) 0%,rgba(248,220,21,0) 100%);
	background: -o-linear-gradient(left,  rgba(248,220,21,1) 0%,rgba(248,220,21,0) 100%);
	background: -ms-linear-gradient(left,  rgba(248,220,21,1) 0%,rgba(248,220,21,0) 100%);
	background: linear-gradient(to right,  rgba(248,220,21,1) 0%,rgba(248,220,21,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dc15', endColorstr='#00f8dc15',GradientType=1 );
}
.radler .wgFahneEcke4{
	background: -moz-linear-gradient(left,  rgba(248,220,21,0) 0%, rgba(248,220,21,0) 1%, rgba(248,220,21,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,220,21,0)), color-stop(1%,rgba(248,220,21,0)), color-stop(100%,rgba(248,220,21,1)));
	background: -webkit-linear-gradient(left,  rgba(248,220,21,0) 0%,rgba(248,220,21,0) 1%,rgba(248,220,21,1) 100%);
	background: -o-linear-gradient(left,  rgba(248,220,21,0) 0%,rgba(248,220,21,0) 1%,rgba(248,220,21,1) 100%);
	background: -ms-linear-gradient(left,  rgba(248,220,21,0) 0%,rgba(248,220,21,0) 1%,rgba(248,220,21,1) 100%);
	background: linear-gradient(to right,  rgba(248,220,21,0) 0%,rgba(248,220,21,0) 1%,rgba(248,220,21,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8dc15', endColorstr='#f8dc15',GradientType=1 );
}

/*video player */


.videoContainer{
	position:relative;
	overflow:hidden;
	line-height:0%;
}
#myVideo{
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	border:none;
	position:relative;
	left:0px;
	right:0px;
	z-index:1;
	background-color:#000000;
}
/*ipad und iphone */
@media only screen and (max-width: 1024px)  and (orientation:landscape),(orientation:portrait)  {
	.sound{
		display:none !important;
	}
} 
@media screen and (device-aspect-ratio: 2/3){
	

}
@media only screen and (max-device-width: 480px)  and (orientation:landscape),(orientation:portrait)  {
	.joBigPlay{
		display:none !important;
	}
}  

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{
	width:100%;
	display:none;
	position:relative;
	height:25px;
	background: rgb(42,42,42);
	background: -moz-linear-gradient(top,  rgba(42,42,42,1) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(42,42,42,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(42,42,42,1) 1%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(42,42,42,1) 1%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(42,42,42,1) 1%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(42,42,42,1) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#000000',GradientType=0 );
}

.control div.btn {
	float:left;
	cursor:pointer;
	padding:12px;
	background-repeat:no-repeat;
	background-image:url(../images/joPlay.png);
	background-position:50% 50%;
	background-color:transparent;
}

.control div.btnPlay{
	background-image:url(../images/joPlay.png);
}
.control div.paused{
	background-image:url(../images/joPause.png);
}

.control div.sound{
	float:right;
	background-repeat:no-repeat;
	background-image:url(../images/joLoud.png);
	background-position:50% 50%;
	border:none;
	border:0px;
	margin:0;
	padding:12px;
	vertical-align:text-top;
	z-index:9999;
	background-color:transparent;
}
.control div.sound2{
	background-image:url(../images/joLoud.png) !important;
}
.control div.muted{
	background-image:url(../images/joMute.png) !important;
}



/* PROGRESS BAR CSS */
/* Progress bar */
.progress {
	width:85%;
	margin:10px 0 0 0;
	height:4px;
	position:relative;
	float:left;
	cursor:pointer;
	background: #444;
	box-shadow:0 2px 3px #333 inset;
	-moz-box-shadow:0 2px 3px #333 inset;
	-webkit-box-shadow:0 2px 3px #333 inset;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(http://www.wernesgruener.de/typo3conf/ext/jo_wernesgruenerde_base/Resources/Public/javascript/PIE.htc);
}
.timeBar{
	z-index:10;
	width:0;
	background: #2e542b; 
}
.bufferBar{
	z-index:5;
	width:0;
	background: #777;
}
.joBigPlay{
	position:absolute;
	z-index:9999;
	width:68px;
	height:68px;
	top:45%;
	left:50%;
	margin:-32px 0 0 -32px;
	background-image:url(../images/joPlayBtn.png) !important;
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* teaser startseite */
.teaserbox_12{
	position:absolute;
	top:0px;
	margin-top:0px !important;
	overflow:visible !important;

}
.teaserbox_12 img{
	position:relative;
	height:auto;
}
/* formhandler eventbuchung */
.joVeranstaltung{
	padding:31px 0 0 0;
}
.joVeranstaltungHeadline{
	padding:10px 0 10px 0;

}
.joEinzelpreis,
.joKartenAnzahl,
.joKartenPreisGesamt,
.joVeranstaltungBeginn,
.joVeranstaltungEinlass,
.joVeranstaltungDatum{
	width:30%;
	padding:3px 0 3px 0;
	
}
.joVeranstaltungBeginn{
	
}
.joVeranstaltungEinlass{
	
}
.joEinzelpreis{

}
.joKartenAnzahl{

}
.joKartenPreisGesamt{

}
.joBorderBottom{
	border-bottom: #719670 1px solid;
}
#formhandler_buchung_anzahl{
	background-color: #8E9E96;
	color: #FFFFFF;
	font-size: 12px;
	padding-bottom: 5px;
	width: 50px;
	font-family: rotissans;
}
.kontaktlink{
	font-size:13px;
	color:#ffffff;
	padding: 19px 0 0 23px;
	/*richtiges bild einsetzen und positionieren */
	background-image:url(../images/briefumschlag.jpg);
	background-position:0 23px;
	background-repeat:no-repeat;
}
.kontaktlink a{
	color:#ffffff;
}

.joCEAufklappbar {
	margin:20px 0 0 -37px;
}
.joCEAufklappbar .csc-header .wgFahneContent h2,
.joCEAufklappbar #joKlappText-close .wgFahneContent{
	margin:0 0 0 20px;
	cursor:pointer;
}
.joCEAufklappbar .csc-header .wgFahne{
	background-image:none;
	width:180px;
}
.joCEAufklappbar #joKlappText-close.wgFahne{
	background-image:url(../images/pfeil-oben.png);
	width:100px;
}
.joCEAufklappbar .joKlappText{
	margin:20px 0 20px 40px;
}
.ceproperty-5{
	background-image:url(../images/stoerer-rot.png);
	background-repeat:no-repeat;
	left: -10px!important;
	top: 485px!important;
	color:white;
	height:73px;
}
.ceproperty-5 .csc-header{
	margin: 10px 10px 0 20px;
}
.ceproperty-5 .csc-header h2{
	font-size:26px;
}
.wernesgruenerkurztripfuerfreunde .content-0 .csc-header h1{
	margin:20px 0;
	width:580px;
}
.wernesgruenerkurztripfuerfreunde .einsenden,
.wernesgruenerkurztripfuerfreunde .fbteilen{
	background-color:#00411f;
	padding:5px 10px;
	margin:40px 100px 40px 0px;
}
.wernesgruenerkurztripfuerfreunde .einsenden a,
.wernesgruenerkurztripfuerfreunde .fbteilen a{
	color:white;
	font-size:25px;
}
.wernesgruenerkurztripfuerfreunde .innenabstand-0{
	padding: 25px 25px 25px 35px;
}
.joFbWrapper{
	position:relative;
	top:50%;
	margin-top:-335px;
}
.joFbWrapper .innenabstand-1{
	padding:0px;
}
.eventsaufdemgutshof .contentleft{
	width: 900px;
}
.joOrt{
	text-decoration:none;
}

.geschichte section {
	margin-bottom: 30px;
}

.markenwelt #tb_54075 {
	position: absolute;
	top: 15px;
	right: 0px;
}
.kampagne #tb_54076 {
	position: absolute;
	top: 90px;
	right: 0px;
}
.produkte #tb_54077 {
	position: absolute;
	top: 540px;
	right: 0px;
}
.markenwelt #tb_54075 .teasertext,
.kampagne #tb_54076 .teasertext,
.produkte #tb_54077 .teasertext  {
	display: none;
}