@import url(webfonts.css);
@import url(layersliderDE.css);
@import url(layerflagsDE.css);
@import url(chosenimage/chosen.css);
@import url(chosenimage/chosenImage.css);
@import url(jquery-ui-1.8.16.custom.css);
@import url(jquery.fancybox.css);
@import url(tables.css);
@import url(validationEngine.jquery.css);
@import url(qTip/jquery.qtip.min.css);
@import url(/scripts/clueTip/jquery.cluetip.css);
@import url(jquery.gridster.css);
@import url(wueu.css);
@import url(pagination.css);
@import url(/shariff/shariff.complete.css);

html, body {
	/*font-family:'Oswald', sans-serif;*/
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}


body {
	margin:0;
	padding:0;
}

h1 {
	font-size:160%;
}

h2 {
	/*font-size:130%;*/
	font-size:115%;
}

h3 {
	font-size:110%;
}

a {
	text-decoration:none;
	color:#00407c;
	/*color:#595959;*/
}

th a {
	color:white;
}

#document a:hover {
		color:#02244E;
		text-decoration:underline;
	}
		
a > img {
	border:0px;
}

strong, b {
	/*font-weight:700;*/
	font-weight:600;
}


/* Klassen */

.height40 {
	height:40px;
}

.flagblue {
	background-color:#013068;
	overflow:hidden;
}

.flaggreen {
	background-color:#96C038;
	/*overflow:hidden;*/
}

.clickable {
	cursor:pointer;	
}
/*
.navflag {
	width:14px;
}
*/
/*
.font_sa57 {
	font-size-adjust:0.57;
	margin-top: -3px !important;
}*/
.c000 {
	color: #000 !important;
}

/* IDs */

input[type=submit], button {
	background-color:f0f0f0;
	border: 1px solid #c3c3c3;
	padding: 5px 8px;
	margin:10px auto 2px auto;
	cursor:pointer;
}

.buttonclick {
	margin:10px auto;
	color:#383838;
	font-size:90%;
}

#wrapper {
	margin:auto;
	width:1000px;
	max-width:1000px;
	min-width:1000px;
}

.sublue {
	color:#013068
}

#flagblue {
	height:40px;
	background-color:#013068;
}

#flagwhite {
	min-height:108px;
	background-color:#fff;
}

#flaggreen {
	height:40px;
	background-color:#96C038;
}

#header {
	position:fixed;
	top:0px;
	z-index:1001;
	width:1000px;
	min-height:202px;
	background-color:#fff;
}

	#header img#logo {
		margin-top:10px;
		margin-left:10px;
		height:90px;
		float:left;
	}		
			
		#header #campagnes {
			clear:both;
			margin-bottom:10px;
		}
		
			#header #campagnes .campagne {
				background-size:100% 100%;
				overflow:hidden;
			}

			#header #campagnes #cmp1 {
				float:left;
				width:660px;
				height:172px;
				background-color:#e7e7e7;
			}
		
			#header #campagnes #cmp2 {
				margin-left:680px;
				background-color:#e7e7e7;
				height:172px;
			}

		#header #topmenu {
			float:right;
			margin:-40px 0px 10px 0px;
		}
			#header #topmenu li.firstmainmenu {
				float:left;
				width:110px;
				height:80px;
				list-style:none;
				text-align:center;
				padding-top:60px;
				cursor:pointer;
				background-color:#749134;
			}
			#header ul#topmenu li.firstmainmenu:nth-child(2n) {
				background-color:#81A756;
			}
			
			#header ul#topmenu li.firstmainmenu:nth-child(3n) {
				background-color:#79A629;
			}
			
			#header ul#topmenu li.firstmainmenu:hover {
				background-color:#013068;
			}
				#header ul#topmenu li.active {
					background-color:#013068 !important;
				}

			#header ul#topmenu li.firstmainmenu a {
				color:#fff;
				text-decoration:none;
			}
				#header #topmenu li:hover {
					background-color:#013068 !important;
				}
				
		
		#header ul#mainmenu {
			list-style-type:none;
			margin:0;
			height:40px;
			line-height:40px;
			padding:0px;
		}
		
			#header ul#mainmenu li, #header .submainmenu li {
				float:left;
				color:#fff;
				cursor:pointer;
				padding:0 15px;
				border-right:1px solid #FFF;
				text-align: left;
			}
				#header ul#mainmenu li.firstmainmenu:first-child {    
					padding: 0 15px 0 10px !important;
				}

				#header ul#mainmenu li.firstmainmenu:last-child {    
					border:none;
				}

			
					#header li div.submainmenu {
						display:none;
						position:absolute;
						top:0px;
						left:0px;
						z-index:1000;
						list-style-type:none;
						margin:0;
						padding:0;
						/*margin-top:5px;*/
						min-width:380px;
						border:1px solid #96c038;
						background-color:#F7F7F7;
					}
					
					#topmenu li div.submainmenu {
						min-width:55%;
						/*min-width: auto;
   						width: 55%;*/
					}
					#topmenu li div.onediv {
						/*width:23%;*/
						min-width:23%;
					}
					#topmenu li div.onediv .oneul {
						width:96%;
					}
						
							.submainmenu ul:last-child {
								margin-left:40%;
								width:45%;
							}
							.submainmenu ul:first-child  {
								float:left;
								padding:0px;
								width:45%;
								margin:0px 4px;/**/
							}
						div.submainmenu ul li{
							padding:0px;
							list-style:none;
							border-bottom:1px solid #96c038;
							border-right: none !important;
							margin: 5px 0px;
							padding: 3px 15px 3px 6px!important;
							float:none !important;
							color:#000 !important;    
							line-height: 25px !important;
						}						div.submainmenu ul li:last-child {
							border:none;
						}
						
				
					#header li div.subdiv {
						display:none;
						position:absolute;
						top:0px;
						left:0px;
						z-index:1000;
						list-style-type:none;
						margin:0;
						padding:0;
						/*margin-top:5px;*/
						border:1px solid #96c038;
						background-color:#F7F7F7;
					}
						div.subdiv ul {	
							float:left;						
							padding:0px;
							margin:0px 4px;
							/*min-width:180px;*/
							min-width:201px;
						}
						div.subdiv ul li{
							padding:0px;
							list-style:none;
							border-bottom:1px solid #96c038;
							border-right: none !important;
							margin: 3%;
							padding: 0 16px 0 0!important;
							float:none !important;
							color:#000 !important;    
							line-height: 30px !important;
						}
						div.subdiv ul li:last-child {
							border:none;
						}
					
						
				#header ul#mainmenu li:hover {
					background-color:#013068;
					color:#FFF !important;
				}
				
					#header .submainmenu ul:first-child li:hover,.subdiv ul li:hover {
						background-color:#013068;
						color:#FFF !important;
					}
					
						
					/*#header ul#mainmenu .submainmenu ul:first-child li:hover a,.subdiv ul li:hover a {
						margin-left:8px;
					}*/
					
					#header .submainmenu ul:last-child li:hover {
						background-color:#013068;
						color:#FFF !important;
					}
			


				#header ul#mainmenu li a {
					color:inherit;
					text-decoration:none;
				}
				
				#header li ul.submainmenu {
					display:none;
					position:absolute;
					top:0px;
					left:0px;
					z-index:1000;
					list-style-type:none;
					margin:0;
					padding:0;
					min-width:300px;
					border-top:10px solid #fff;
				}
					
					#header li ul.submainmenu li {
						float:none;
					}

			/*Sorten Submenue ANF*/
			.megasubmenu {
				padding: 5px 1px !important;
   				width: 636px;
    				z-index: 1001 !important;
			}
			@media screen and (min-width:0\0) {			
				.megasubmenu {					padding: 5px 1px !important;
					width: 636px;
					z-index: 1001 !important;
				}	
			}
			.megasubmenu .megazeile {
					float:left;
					/*margin:10px;*/
					width:99%;
					margin: 2px 7px;
			}
				.megasubmenu .megaspalte {
					float:left;
					/*width:28%;
					margin-bottom:5px;*/
					width:30%;
					/*margin-left: 10px;*/
					margin-left: 25px;
				}
				.megasubmenu .megazeile .megaspalte:last-child {
					/*margin-left: 0px;*/
				}
				.megasubmenu .megazeile .megaspalte:first-child {
					margin-left: 1px;
					/*margin-left: 10px;*/
				}
					.megasubmenu .megaspalte .megablock {
						float:left;
						width:100%;
						/*margin-bottom: 6px; 2.10.15*/
						min-height: 18px;
					}
						.megasubmenu .megaspalte .megablock .megablocktitle {
							line-height:20px;
							border-bottom: 1px solid #96c038; /*green border*/
							color: #000 !important;
							margin-left: 6px;
							height: 40px;
							display: table-cell;
    							vertical-align: bottom;
							width:180px;
						}
							.megasubmenu .megaspalte .megablock .megablocktitle a {
								font-weight:500;/**/
								float:left;
								margin-left:6px;
							}
						.megasubmenu .megaspalte .megablock .megablocktitle:hover {
							/*border-bottom: 1px solid #013068; green border*/
							color: #013068 !important;
						}
							.megasubmenu .megaspalte .megablock .megablocktitle a.magacult:hover {
								font-weight:500;
							}
						.megasubmenu .megaspalte .megablock .subculture {
							padding-left:0px;
							margin-left:0px;
							float:left;
							width:100%;
							margin: 4px auto;
						}
							.megasubmenu .megaspalte .megablock .subculture li {
								font-size:14px;
								border:none; 
								padding-left:0px; 
								line-height:17px !important; 
								margin: 1px 0; 
								padding:2px 15px 2px 6px !important;
							}
								.megasubmenu .megaspalte .megablock .subculture li a {
									color:#626262;
								}
						
			/*Sorten Submenue END*/	

div#breadcrumb {
	color: #666;
    	font-size: 10pt;
    	font-weight: bold;
    	height: 36px;
    	margin-bottom: 6px;
    	padding: 4px 0 0 10px;
  	/* padding: 0px 8px 0 0px; */
	line-height:24px;
}







@media screen and (max-device-width: 1224px) {		
	div#breadcrumb {
		padding: 6px 8px 0 8px;
	}
}

div#breadcrumb a {
    color: #666;
    text-decoration: none;
}

	div#breadcrumb #searchfield {
		width: auto;
		clear:left;
		text-align:right;
		float:right;
		height:24px;
		margin-right:4px;
	}

	div#breadcrumb #searchfield form > * {
		/*
		top: -30px;			
		position: relative;
		*/
	}

		
		div#breadcrumb #searchfield #search_q {    
			right: 3px;
			width: 195px;
			margin-right: 0;
			position: relative;
			padding:1px;
		}
		
		div#breadcrumb #searchfield img {
			border: none;
			margin-left: 0;
		    /*	padding: 3.2px;*/
			padding: 3.2px 0;
			vertical-align: bottom;
			cursor:pointer;
		}	
			#searchfield #search_icon:hover {
				/*width:17px;*/
			}
			
.headershadow {
	box-shadow:0px 3px 5px 0px rgb(20, 20, 20, 0.3);
	/*
	-webkit-box-shadow: 0px 5px 5px 0px rgba(194,194,194,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(194,194,194,1);
	box-shadow: 0px 5px 5px 0px rgba(194,194,194,1);
	*/
}

div#main {
	margin:426px auto auto auto;
	width:1000px;
}

#main #mainleft {
	float:left;
	width: 200px;  
	overflow: hidden;
}

#main.nomainleft #mainleft {
	display:none;
}


#main #maincontent {
	margin-left:230px;
	width:770px;
}

#main.nomainleft #maincontent {
	margin-left:0px;
	width:1000px;
}

#mainleft .blocks {
    /*height: 330px;*/
    line-height: 22px;
    margin-bottom: 50px;
    width:180px;
    overflow:hidden;
}
	#mainleft .blocks .moduletitle{
		width: 100%;
		min-height: 25px;
		border-bottom:1px solid #96c038;
		margin-bottom:10px;
		font-weight:500;
		color:#383838;
		font-size:115%;
	}
	
	@media screen and (max-device-width: 1224px) {
		#mainleft .blocks .moduletitle{
			padding-left:8px;
		}
	}
	#mainleft .blocks .modulebody {
		/*width: 170px;
		height: 330px;*/
		overflow:auto;
	}
	
	#mainleft .blocks .modulecontent{
		width: 100%;
		overflow:hidden;
	}
	@media screen and (max-device-width: 1224px) {
		#mainleft .blocks .modulecontent{
			padding-left:8px;
		}
	}
	.zipbutton {
		width:50px;
	}
	hr.greenline {
		border-color:#96c038;	
	}
	#maincontent #mainclear {
		float:left;
		width: 100%;
	}
	#maincontent #mainclear .blocks {
		clear:left;
	}
	
	
	#maincontent > #title {
		width: 100%;
		float:left;
		padding:6px 0;
		margin-top:15px;
	}
	#maincontent .moduletitle  {
		width: 100%;
		min-height: 25px;
		border-bottom:1px solid #96c038;
		margin-bottom:10px;
		margin-top: 0;
		/*margin-top: -1px;*/
		margin-bottom: 5px;
		float: none;
	}
	#maincontent .moduletitle, #maincontent .moduletitle, #maincontent .moduletitle, #maincontent h1.moduletitle  {
		font-weight:500;
		font-size:115%;
		color:#383838;		
		display:table;
		line-height: 22px;
		height:25px;
	}
	
	#mainleft .blocks .modulecontent ul {
		margin:0;
		padding:0;
	}

		#mainleft .blocks .modulecontent ul li {
			color:#000;
		}

			#mainleft .blocks .modulecontent ul li:hover {
				/*
				background-color:#013068;
				color:#fff;
				*/
			}

		#mainleft .blocks .modulecontent ul li a {
			color:inherit;
		}

			#mainleft .blocks .modulecontent ul li a:hover {
				text-decoration:underline;
				color:inherit;
			}

	@media screen and (max-device-width: 1224px) {
		#maincontent .moduletitle, #maincontent h1.moduletitle  {	
			width:100%;
		}
	}
	#maincontent .moduletitle, #maincontent h2.moduletitle  {
		font-weight:400;
		font-size:115%;
		color:#383838;	
		display:table;	
	}
	@media screen and (max-device-width: 1224px) {
		#maincontent .moduletitle, #maincontent h2.moduletitle  {
			color:#383838;	
			width:100%;
		}
	}
	#maincontent .moduletitle h1 {
		margin-top:0px;
		margin-bottom:0px;
	}


	
		#maincontent #funcs {
			bottom: 2px;/**/
			float: right;
		    	position: relative;
		}
		
			#maincontent #funcs a {
				margin-left:8px;
			}
	
	#maincontent .modulebody {
		float:left;
		width:100%;
	}
	
	/*home Aktuelles*/
	#maincontent .modulecontent div.aktlcontent {
		float:left;
		width:48%;
		margin-bottom:35px;		
	}
		#maincontent .modulecontent div.bleft {
			margin-right:4%; 
		}
			
			#maincontent .modulecontent div .akt_img {
				height:220px;
				overflow:hidden;
			}
			
			#maincontent .modulecontent div.withlinks a p{
				line-height:22px;
				margin-top:1px;
			}
			#maincontent .modulecontent div.withlinks span{
				color: #595959;
			}
			
				#maincontent .modulecontent div.withlinks h3 {
					margin-top:1px;
					font-weight:500;
					height: 38px;
				}
				
				
	/* block Event */
	
	.modulecontent .eventslink div {
	    	margin: 0;
	    	padding: 0;
	    	width: 100%;
	}
	div.evdatum, div.evort {
		color: #595959;
	}
	div.evtitel a {
		color: #000;
	}
	
	/*block Vertriebsberater*/
	.vertierbsuche {
		width:84%;
		margin-right:1%;
	}
	
		
	/*Maincontent Liste*/
	#maincontent #doclist {
		float:left;
		/*margin-top:10px;*/
		margin-bottom:10px;
		width: 100%;
	}
	#maincontent .gcontent {
		float:left;
	}
	 #doclist .entry {
		padding-bottom:5px;
		margin-bottom:3px;
		border-bottom:1px solid #96c038;
	 }
	  #doclist .entry:last-child {
		border-bottom:none;
	 }
			 
		#maincontent #doclist .entry a {
			text-decoration:none;
			color:#000;
		}
			#doclist .teaser p, #doclist .teaser .teasertext a {
				text-decoration:none;
				color:#383838 !important;
			}
	 
			 #doclist .entry .title .showtitle h3, #doclist .entry .title .showtitle h3 a {
				 color: #012E65 !important;
			 }
				
			.vidtext  {
				color:#383838 !important; 
				font-size: 98.7%;
			}
			#doclist .teaser p > a {
				color:#013068 !important;
			}	
				#doclist .teaser p > a:hover{
					color:#02244E !important;
					text-decoration:underline !important;
				}
			
				
		#doclist .entry .title {
			width:100%;
			font-weight: 600;
			margin-top:0px;
			padding-top:0px;
		}
		#doclist .entry .teaser {
			padding-bottom:6px;
		}
		
		#doclist .entry .teaser .teaserimg {
			float:left; 
			width:100px;
			/*max-height:100px; 
			overflow:hidden;*/
		}
		
		div.videntry:hover{
			background-color:#e1e4ed;
		}
		div.finderresult:hover{
			background-color:#e1e4ed;
		}

	#maincontent .submenu {
		float:left;
		width: 31%;
		margin-right:3% ;
	}
		.submenu3 .title {
			position:relative;
			padding:3px 0 0 5px;
			top:-33px;
			background: white; 
               opacity: 0.7;
			filter:Alpha(Opacity=70);
    			width: 242px;
			margin-bottom:0px;
			padding-bottom:0px;
			line-height:30px;
			overflow:hidden;
		}
		.submenu3 .href {
			background-color:#f7f7f7;
		    border: 1px solid #96c038;
		    display: none;
		    margin-top: 0;
		    padding: 5px;
		    padding-left: 0px;
		    position: absolute;
    		    width: 240px;
		    z-index: 1;
		}
			.submenu .title a {
				color:#383838;
				font-weight:500;
				white-space:nowrap;
			}
			.submenu .href .sub3descrip {
				margin:8px;
				float:left;
			}
			.submenu .href ul{
				padding:3px auto;
				margin:3px auto;
				padding-left:0px;
				margin-left:0px;
			}
				.submenu .href ul li {
					color:#383838;
					font-weight:500;
					list-style:none;
					margin:auto 10px;
					padding-left: 6px;
					border-bottom:1px solid #96c038;
					line-height:30px;
				}
				
					.submenu .href ul li:hover {
						background-color:#013068;
					}
						.submenu .href ul li:hover  a {
							color:#fff;
						}

					
				.submenu .href ul li:last-child {
					border-bottom:none;
				}
			
			.submenu .href ul li a{
				color:#383838;
			}
	#maincontent .submenu:last-chid {
		float:left;
		width: 32%;
		margin-right:0px !important;
	}
	
	
	#document table.kontakt td {
	    border: 1px solid #e7e7e7;
	}
		#document table.kontakt tr td table td {
		    border: 0px !important;
		}
	#document table.kontakt li {
		list-style-image:url(../images/greyarr10.png);
	}
	
	#document  div.imgright {
	    float: right;
	    margin-left: 8px;
	}
	#document div.imgleft {
	    float: left;
	    margin-right: 8px;
	}
	#document div.imgdoc {
	    border: 1px solid #e2e8ec;
	    font-size: 8pt;
	    font-style: italic;
	    font-weight: normal;
	    padding: 10px;
	}
	
	#document div.imgdoc-noborder {
	    border: none;
	}
	
	#document a {
		text-decoration:underline;	
	}
	
	#document ul {
		clear:left;	
	}

div.tags {
	color: rgba(0,0,0,0.7);
	font-size: 85%;
	font-style:italic;
}

div.tags a {
	text-decoration:underline;
	color: rgba(0,0,0,0.7);
}

div#srtlist {
    margin: auto auto 10px;
    padding: 6px 0 0;
}
	div#srtlist ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}
		div#srtlist ul li {
		    background-repeat: no-repeat;
		    background-size: 20px 20px;
		    float: left;
		    /*height: 28px;
		    line-height: 20px;*/
		    margin: auto 6px;
		    padding-left: 24px;
		    /*width: 158px;*/
		    width: 160px;
		    overflow:hidden;
		    
		   	font-size: 97%;
    			height: 40px;
    			line-height: 20px;
		}
		div#srtlist ul li:first-child {
		    margin-left: 6px;
		}
		div#srtlist ul li:last-child {
		    margin-right: 0;
		}
/*			div#srtlist ul li a {
			    color: inherit;
			    text-decoration: none;
			    text-transform: uppercase;
			}
			div#srtlist ul li a:hover {
			    border-bottom: 1px solid;
			    color: #b91e1d;
			}*/

#maincontent .event {
	width: 100%;
	padding:6px 0;
	min-height:45px;
	border-bottom: 1px solid #96c038;
}
#maincontent .event:last-child {
	border-bottom: none;
}
	#maincontent .event .eventimg {
		float:left;
		width: 120px;
	}

.finderresult {
	width: 100%;
	padding:6px 0;
	min-height:80px;
	border-bottom: 1px solid #96c038;
	float:left;
}

#finderresults .finderresult:last-child {
	border-bottom: none;
}
	.finderresult .finderresultimg {
		float:left; 
		width:80px;
		max-height:80px; 
		overflow:hidden;
	}
	
	.finderresult .finderresulttext {
		margin-left:100px;
	}
		.finderresult .finderresulttext .finderresulttitle {
		}
		.finderresult .finderresulttext .finderresultcontext {
		}
		.finderresult .finderresulttext .finderresultcattree {
			color:#96C038;
		}

.shariff {
	/*width:200px;*/
}

/*FOOTER*/		
	#footer ul#footmenu {
		list-style-type:none;
		margin:5px 0;
		padding:0px 0;
		height:40px;
	}
	#footer .fcopyright, #footer .fcopyright a{
		font-size:10pt;
		color: #383838;
		text-decoration:none;
	}
	
		#footer ul#footmenu li {
			float:left;
			color:#fff;
			cursor:pointer;
			padding:0px 16px;
			border-right:1px solid #FFF;
			margin: 5px 0;/*ME*/
		}
		
		#footer ul#footmenu li:last-child {
			border-right:none;
		}
			#footer ul#footmenu li:hover {
				background-color:#013068;
			}
			#footer ul#footmenu li a {
				color:inherit;
				text-decoration:none;
				font-size:10pt;
			}
	
	
/*Sortensuche*/	
div#srtquery {
	text-align:left !important;
}

	div#srtquery h2 {
		border: 1px solid #bcc2c6;
		line-height:24px;
		width:90%;
		padding-left:6px;
		color:#666;
		margin-bottom:20px;
	}

	.srtcontainer {
		width:250px;
		border:0px solid;
	}

		.srtcontainer:nth-child {
			margin-right:0;
		}
		
		div#srtquery div.culture {
			color:#B91E1D;
			font-weight:normal;
			padding-left:50px;
			font-size:11pt;
			line-height:60px;
			background-repeat:no-repeat;
			height:40px;
			overflow:hidden;
			border-bottom:1px solid #003064;
			margin-bottom:8px;
		}

			div#srtquery ul.srt {
				list-style-type:none;
				margin:0 0 0 50px;
				padding:0 0 20px 0;
			}
				div#srtquery ul.srt li {
					font-weight:normal;
					text-transform:uppercase;
					font-size:10pt;
					height:16px;
					line-height:18px;
					padding:2px;
				}

					div#srtquery ul.srt li a {
						display:block;
						color:#000;
						text-decoration:none;
					}

						div#srtquery ul.srt li a:hover {
							background-color:#e7e7e7;
							text-decoration:underline;

						}

/*Event*/
.eventslink {
	text-decoration:none;
	color: #000;
}

.eventslink:hover{
	text-decoration:underline;
}


#maincontent > .eventcontent {
    float: left;
    position: relative;
    width: 100%;
}
	#maincontent > .eventcontent > #document {
	    float: none;
	}
	
	
		form.fevents input[type="text"] {
		    border: 1px solid #ccc;
		    width: 212px;
		}
		form.fevents select {
		    width: 230px;
		}
		form.fevents textarea {
		    width: 212px;
		}
		form.fevents input[type="submit"] {
			float:right;
		    width: 132px;
		    cursor:pointer;
		}
		form.fevents input, form.fevents select, form.fevents textarea {
		    margin-top: 4px;
		}
		form.fevents input, form.fevents select,form.fevents textarea {
		    border: 1px solid #c3c3c3;
		    /*border-radius: 5px; ME*/
		    padding: 5px 8px;
		    margin:2px auto;
		}

.pageline .item {
	margin-left:5px;	
}

/*Variaties*/
#maincontent > #product {
	float:left;
	width: 100%;
	font-size: 90%;
}
	#varcont > .ui-tabs-nav {
		padding:0px !important;
	}



.productmenu {
	float:left;
}
	#susages {
		float:right;
		border:none;
		color: #383838;
	}
	@media screen and (max-device-width: 1224px) {
		#susages {
			margin-bottom:5px;
			height:15px;
		}
	}
		#susages option {
			border:none;
		}
		
		
.gytape, a.gtype {
	margin-right:20px;
}

.crmail, .clright {
	text-decoration:underline;
}

/*sortenlist*/
.varhidden {
	display:none;
}
#showall {    
	float: left;
    	padding-left: 6px;
    	padding-top: 8px;
}
	#showall img {
		width:20px;
	}
	#showall .green {
		color:#96C038;    
		position: relative;
    		top: -5.6px;
	}


/* Mediathek */
		pre {
			font-family:Arial, Helvetica, sans-serif;
		}
		.gcontent .videntry {
			margin-top:10px;
			color:#262626;
			overflow:hidden;
			border-bottom:1px solid #96c038;
			font-size:98%;
		}

		.gcontent .videntry:last-child {
			border-bottom:none;
		}
		
		/*
		div.videntry:hover{
			background-color:#e1e4ed;
		}
		*/
		div.videntry h2 {
			font-size:115%;
		}
		div.videntry a {
			color:inherit;
			text-decoration:none;
		}
		div.vidpreview {
			float:left;
			width:180px;
			height:100px;
			overflow:hidden;
		}
		div.vidpreview img {
			margin-top:-0px;
		}
		div.viddescription {
			height:115px;
			overflow:hidden;
			margin-left:200px;
			padding:4px 4px 4px 0;
			line-height:20px;
			vertical-align:text-top;
		}
			div.viddescription h2 {
				margin-top: 0px;
				margin-bottom: 9px;
			}
		div.viddate {
			margin:0 0 4px 0;
			font-weight:500;
			color:#666;
		}
		
		
/* WUEU Map Legende*/
#legends.wueu {
	position:absolute;
	top: 0px;
	left:0px;
	line-height:8px;
}
#legends.varieties {
	position:absolute;
	top: 0px;
	left:0px;
}

#legends .legende {
	clear:left;	
}
#legends .legende .legendecolor {
	width:12px;
	height:9px;
	margin-right:3px;
	margin-left:5px;
	margin-top:2px;
	display:inline-block;
}

#legends .legende span {
	font-size:9px;	
}
	
.em07 {
	text-transform:uppercase;
	font-size:68%;
}

.szusatz {
    font-size: 77%;
    /*text-transform: uppercase;*/
}
.llh {
	line-height:20px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.slh {   
	line-height: 14px;
    margin-top: -3px;
    padding-bottom: 4px;
    padding-top: 4px;
}
.placeholder { color: #aaa; }

.ui-dialog {
	font-size: 0.9em;
}

ul.self {
	padding-left:18px;
	margin:0px;
}

ul.self li {
	list-style-image:url(/images/96C038.png);
	margin-bottom:10px;
}

.img_voll img {
	/*float:left;*/
	max-width:770px;
}

.cblue {
	color: #013068 !important;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing: 1px;
	word-spacing: 10px;
	text-shadow: 1px 1px #065081;
}
	.cblue:hover {
		color: #fff !important;
	}
	
.ui-widget {
    font-size: 0.9em;
}

.cgrey {
	color:#2A2A2A;
}

span.dummy {
	display:none;	
}

/*jki image*/
.jki {
	text-decoration:none;
	float:left;
}
.jkireg {
	margin-top: -100px;
}
	.jkiimg {
		width:120px; float:right; margin-top:15px;
	}
	
.vkimg {
	margin:0 0 6px 0;
}
span.pre45 {
	display:inline-block;
	width:45px;
}
span.pre55 {
	display:inline-block;
	width:55px;
}
span.pre80 {
	display:inline-block;
	width:80px;
}

.catal_block {
	position:relative;	
}

.catal_block .catal_title {
	position:absolute;
	bottom:0;
	opacity: 0.8;
	background-color: #fff;
	padding: 6px 4px;
	width:100%;
}

/*
.catal_title {
	background-color: #fff;
	line-height: 20px;
	margin-top: -50px;
	min-height: 50px;
	opacity: 0.8;
	padding: 4px 6px;
	vertical-align: middle;
}*/

div#map.wueu_map {
	width:640px;
	height:480px;
}

span.a {
	color:#013068;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   -ms-user-select: none;
   user-select: none;
}

#mainclear .aktlcontent {
	margin-bottom:30px;
}
	#mainclear .aktlcontent .withlinks_early h2 {
	    background-color: #013068;
	    color: #fff !important;
	    height: 45px !important;
	    line-height: 42px;
	    padding: 2px 20px 2px 4px;
	}
	#mainclear .aktlcontent .earlyfoot {
	    padding: 2px 10px 2px 6px;
	    background-color: #96c038;
	    color: #fff !important;
	    height: 30px !important;
	}
		#mainclear .aktlcontent .earlyfoot p {
			font-size:90%;
			margin-top:3px;
	    		color: #fff !important;
		}
		#mainclear .aktlcontent .earlyfoot .earlycult {
			position:relative;
			float:right;
			background-color:#C00402;
			color: #FFF;
			padding:4px 7px;
			margin-top: -55px;
		}
		
div#privacystatement {
		border:1px solid #828282;
		background:#e7e7e7;
		padding:10px 20px;
		margin:20px 0 0 0;
		font-size:14px;
	}
	div#privacystatement button {
		float:right;
		cursor:pointer;
	}
	div#privacystatement a.privacylink {
		text-decoration:underline;
	}



/*
.szusatz {
    white-space: nowrap;
}
*/

/* -------------------------------------------------------------
NEW FORMULAR STYLE
WICHTIGE STYLE INFOS:
#wrap mit class="lwf-new"
#Zeilen werden in class="form-row" gewrapt
#Feldbezeichnungen in <span>
#input Felder ohne wrapper
#class="checkbox" richtet input feld links aus
#span die class="span-right" geben um ihn rechts auszurichten
#standard Ausrichtung ist input rechts und span links
#Checkboxen kommen in einen class="accept" wrap
---------------------------------------------------------------- */

.lwf-new .form-row {
	clear: both;
}

.lwf-new .form-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.lwf-new .form-row span {
	float:left;
	visibility:visible;
	font-size: 18px;
}

.lwf-new .form-row span span {
	clear:both;
	float: none;
}

.lwf-new .form-row input,
.lwf-new .form-row .captcha-image,
.lwf-new .form-row select {
	float:right;
	visibility:visible;
}

.lwf-new .form-row .captcha-image {
	width: 100%;
	display: block;
	text-align: right;
	margin-top:8px;
}

.lwf-new .form-row input[type="text"],
.lwf-new .form-row input[type="password"] {
	padding: 5px 8px;
	margin: 4px auto;
	border: 1px solid #ccc;
	width: 260px;
}

.lwf-new .form-row select {
	padding: 4px 5px;
	margin: 4px auto;
	border: 1px solid #ccc;
	width: 278px;
}

.lwf-new .form-row #zipcode {
	width:50px;
	margin-right:8px;
}

.lwf-new .form-row #city {
	width:184px;
}

.lwf-new .form-row .checkbox {
	float:left;
	width:13px;
	display:block;
}
 
.lwf-new .form-row .span-right {
	width:calc(100% - 30px);
	float:left;
	display:block;
	margin-bottom:8px;
	margin-left:8px;
}

.lwf-new span.last {
	display: block;
	clear: both;
	text-align:right;
	width:100%;
}

.lwf-new .accept {
	margin-top:24px;
	padding-top:24px;
	padding-bottom:16px;
	margin-bottom:24px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.lwf-new .accept:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.lwf-new input[type="submit"] {
	border: 1px solid #c3c3c3;
	padding: 5px 8px;
	margin: 2px auto;
	float: right;
	width: 132px;
	cursor: pointer;
}

#maincontent #mainclear #map {
	margin-bottom:30px;
	float:none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topright: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
	-khtml-border-top-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	-khtml-border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

div.videntry:hover {
	background-color: transparent;
}

.moduletitle .legends {
	float:right;
	margin-top:7px;	
}

.moduletitle .legends .legends_item {
	float:left;
	width:50px; 
	height: 15px;
	line-height: 15px;
	text-align:center;
	font-size:12px;
	margin-right:5px;
}

.moduletitle .legends .legends_item:last-child {
	margin-right:0px;
}

.submenu3 .image {
	width:246px; 
	border:none; 
	height:130px; 
	overflow:hidden;	
}


#maincontent .submenu3:nth-child(3n) {
	margin-right:0;
}

li.select2-image {
	background-position: 6px 50%;
	background-size: auto 12px;
	padding-left: 23px;		
	background-repeat: no-repeat;
}

.fett {
	font-weight:bold;
}

ul.taglist {
	list-style:none;
	padding:0;
	margin:0;
}
	ul.taglist li {
		float:left !important;
		margin-right:0.6em;
		line-height:1.05em;
	}
	ul.taglist li:hover {
		font-size:1.05em;
	}
	ul.taglist a {
		text-decoration:underline !important;
	}