html { min-height: 100%; background: #fff; }
body { width: 100%; font-family: 'Open Sans', sans-serif; color: #666; font-size: 100.01%; font-weight: 400; line-height: 130%; padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
a { color: #AC1426; text-decoration: none; }
a:hover { color: #3aa996; text-decoration: underline; }
a:focus { outline: none; }
img { margin: 0; padding: 0; border: 0; }
.clear { clear: both; padding: 0; height: 0; margin: 0; }

h1, h2, h3, h4, p, table { line-height: 135%; margin: 0px 0px 15px 0px; }
h1 { font-size: 34px; font-weight: 700; color: #8E0011; margin: 0 0 10px 0; }
h2 { font-size: 20px; font-weight: 400; color: #8E0011; margin: 0 0 10px 0; }
.page-header .h2 { font-size: 20px; font-weight: 700; color: #8E0011; margin: 0 0 10px 0; }
.readmore {margin: 0 0 40px 0; }
h3 { font-size: 16px; font-weight: 400; color: #8E0011; border-bottom: 1px dotted #666; padding: 15px 0 0 0; margin: 0 0 10px 0; }
#mainNav ul, #subNav ul, #footerNav ul { list-style-type: none; }

.widthFix { max-width: 1280px; height: auto; min-height: 100%; position: relative; margin: 0 auto; z-index: 1;  }
	
#header, #emotion { width: 100%; position: relative; }
	#logo { background: rgba(255,255,255,.6); display: block; width: 420px; height: 140px; padding: 20px 15px; position: absolute; top: 0; left: 20px; }
		#logo a, #logo img, #emotion img, #mainNav img { display: block; width: 100%; height: auto; }

#mainNav { background: #005e4e; width: 100%; position: relative; z-index: 1000; padding: 0 20px; }
	#mainNav .widthFix { height: 42px; }
		#menu { opacity: 1; z-index: 1000; float: right; margin-right: 50px;}
			#menu ul li { float: left; margin: 0; position: relative; }
				#menu ul li a { display: block; font-size: 18px; line-height: 42px; color: #fff; padding: 0 18px; text-decoration: none; }
					#menu ul li:hover, #menu ul li a:hover, #menu ul li.current a, #menu ul li.active a { background: #3aa996; }		
		/* ZWEITE MENÜEBENE */
		#menu ul ul { padding: 0; position: absolute; top: 42px; left: 0; overflow: visible; width: 190px; }
			#menu ul ul li { float: none; display: none;}
				#menu ul ul li a { max-height: 0; background: #3aa996; width: 100%; font-size: 16px; line-height: 38px; color: #fff; text-shadow: none; white-space: nowrap; }
					#menu ul li:hover ul li a { max-height: 38px; }
					#menu ul ul li a:hover, #menu ul ul li.current a, #menu ul ul li.active a { background: #5d081b; color: #fff; }
					
		/* DRITTE MENÜEBENE */
			#menu ul ul ul { padding: 0; top: 0px; left: 188px; overflow: visible; z-index: 999; display: none; width: 210px;}
			#menu ul ul ul li { }
			#menu ul ul ul li a { max-height: 0; background: #3aa996; width: 100%; font-size: 16px; line-height: 38px; color: #fff; text-shadow: none; white-space: nowrap; }
		
	
		
		#lang { width: 100px; height: 36px; position: absolute; top: -20px; left: 30px; }
		#lang { width: 225px; right: 8px; }
		#lang h3 { height: 18px; float: left; font-size: 14px; font-weight: 300; line-height: 140%; margin: 0 10px 0 0; }
		#lang a { background-repeat: no-repeat; display: block; float: left; width: 36px; height: 36px; text-indent: -5000px; margin: 0 4px 0 0; }
		#lang a { width: 30px; margin: 0 10px 0 0; }
		#lang ul li.lang-active { background-color: transparent; }
		#lang img { width: 36px; height: auto; }

		
		#lang .German { background-position: -36px 0; }
		#lang .lang-active .German, #lang .German:hover { background-position: -36px -18px; }
		#lang .English { background-position: -66px 0; }
		#lang .lang-active .English, #lang .English:hover { background-position: -66px -18px; }		
		

#main { width: 100%; padding: 0 20px; position: relative; z-index: 1; }
	#main .widthFix { background: #fff; min-height: 300px; -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,0.4); box-shadow: 0 0 8px 2px rgba(0,0,0,0.4); }
		
#content { line-height: 130%; padding: 40px 40px 60px 40px; position: relative; overflow: hidden; }

#sidebar { width: 340px; float: left; padding: 40px 0 60px 40px; position: relative; }

	#subNav { width: 100%; }
		#subNav ul a { display: block; font-size: 16px; padding: 8px 0 8px 15px; color: #666; position: relative; text-decoration: none; }
			#subNav ul a::before { position: absolute; top: 0; left: 0; line-height: 34px; }
				#subNav ul li a:hover::before, #subNav ul li.current a::before { content: '\e802'; }
				#subNav ul li a:hover, #subNav ul li.current a { font-weight: 700; color: #005e4e; }
		
	#sidebar .moduletable { font-size: 14px; }


#boxNav { width: 100%; padding: 20px 0% 0% 0%;  }
	#boxNav ul li { background: #fff; width: 47%; display: inline-block; vertical-align: top; padding: 0 0 0 40px; margin: 0 1% 25px 1%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		#boxNav ul li a { font-size: 0.9em; color: #a51c2c; font-weight: 700; text-decoration: underline; float:right; padding: 0 10px 10px 0;}
		#boxNav ul li a.order { background: #a51c2c !important; display: block !important; float: right !important; width: 170px !important; font-size: 16px !important; font-weight:400 !important; line-height: 34px !important; color: #fff !important; margin: 0 0px 10px auto !important; padding: 0px 11px 0px 11px !important; border: 0 !important; }
		#boxNav ul li a:hover { color: #a51c2c; font-weight: 700; text-decoration: none;}
		#boxNav ul li a.order:hover { background-color: #bd362f;
    *background-color: #a9302a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#mod-custom125 { display:none; }
#boxRef { width: 100%; padding: 20px 0% 0% 0%; }
	#boxRef ul li { background: #transparent; width: 90%; display: inline-block; vertical-align: top; padding: 0 0 0 40px; margin: 0 1% 25px 1%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		#boxRef ul li a { font-size: 1.0em; color: #a51c2c; font-weight: 700; text-decoration: underline; float:right; padding: 0 10px 10px 0;}
		#boxRef ul li a.order { background: #a51c2c !important; display: block !important; float: right !important; width: 170px !important; font-size: 16px !important; font-weight:400 !important; line-height: 34px !important; color: #fff !important; margin: 0 0px 10px auto !important; padding: 0px 11px 0px 11px !important; border: 0 !important; }
		#boxRef ul li a:hover { color: #a51c2c; font-weight: 700; text-decoration: none;}
		#boxRef ul li a.order:hover { background-color: #bd362f;
    *background-color: #a9302a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


			#boxNav img { display: block; width: 100%; height: auto; }
			#main .custom_boxContent p { padding: 10px 15px 0px 15px;}
				#main .custom_boxContent h2 { font-size: 20px; color: #038083; margin: 15px 0 10px 15px; }
				#main .custom_boxContent h3 { font-size: 18px; color: #038083; margin: 0px 0 10px 0px; border-bottom: 1px dotted #333; padding: 15px 0 0 0;}


#content .list-title { font-size: 1.0; color: #a51c2c; font-weight: 700; text-decoration: underline; float:left; padding: 10px 10px 10px 10px; }




#footerNav { background: #3aa996; width: 100%; height: 40px; position: relative;  }
	#footerNav ul { position: absolute; top: 0px; right: 0; }
		#footerNav ul li { float: left; }
			#footerNav ul li a { display: block; background: rgba(0,0,0,.2); font-size: 18px; line-height: 40px; color: #fff; padding: 0 15px; margin-left: 2px; text-decoration: none; }
				#footerNav a:hover, #footerNav a.current { background: #005e4e; }
	#social { position: absolute; top: 0; left: 0; }
		#social a { background: rgba(0,0,0,.2); display: block; float: left; width: 40px; height: 40px; font-size: 22px; line-height: 40px; text-align: center; color: #fff; text-decoration: none; margin-right: 2px; }
			#social a:hover { background: #3aa996; color: #fff; }

#footer { background: #005e4e; width: 100%; padding: 0 40px; font-size: 16px; line-height: 140%; }
	#footer h4 { font-size: 18px; margin: 0 0 8px 0; }
	#footer p { margin: 0 0 8px 0; }
	#footer a { color: #fdfdfd; }
	#footer a:hover { color: #3aa996; }
	#address1, #note { float: left; color: #fdfdfd; position: relative; padding: 30px 0 20px 0; }	
	#address1 { margin-right: 70px; }
	#address2, #note { float: left; color: #fdfdfd; position: relative; padding: 30px 0 20px 0; }	
	#address2 { margin-right: 270px; }
	#note { float: right; text-align: right; }
		#note .oekoportal { padding: 75px 0px 0px 0px; }
		#note .top50solar { padding: 3px 0px 0px; height: auto; float: right; }
		#note .copyright { font-size: 13px; line-height: 140%; }
			#note .copyright a { color: #fdfdfd; }
			#note .copyright a:hover { color: #3aa996; }

/* TABELLEN + LISTEN */
#content ul, #content ol { line-height: 130%; padding-left: 35px; margin: 0 0 25px 0; }
	#content li { padding: 2px 0; }

/* CONTENT BILDER */
#content .bild-voll { display: block; width: 100%; height: auto; margin: 0 0 20px 0; }
#content .bild3rechts { display: block; float: right; width: 25%; height: auto; margin: 4px 0 20px 25px; }
#content .bild-drittel { display: block; float: right; width: 36%; height: auto; margin: 4px 0 20px 25px; }
#content .bild3links { display: block; float: left; width: 36%; height: auto; margin: 4px 0 20px 25px; }

#content .boxleft { float: left; width: 100%; margin: 0 6% 0 0; }
#content .boxright { float: left; width: 47%; }

#content .sige_thumb{float:left;}
#content .sige_thumb img{background: none; display: block; width: 100%; height: auto; border: none; margin: 0; padding: 0;}


/* GOOGLE MAPS */
#content .responsiveContainer { width: 100%; position: relative; padding-bottom: 60%; height: 0; margin: 0 0 25px 0; overflow: hidden; }
.video.responsiveContainer { padding-bottom: 58%; }
#notice { padding: 5px; white-space: nowrap; }
#notice h4 { font-size: 18px; padding: 0; margin: 0; }
#map, .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }





/* EFFEKTE */
.barakuda, .padi { -webkit-transition: opacity .4s; -moz-transition: opacity .4s; transition: opacity .4s; }
#footerNav a { -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }
#mainNav, #menu a, #menu ul ul { -webkit-transition: max-height .4s, background-color .6s, color .6s; -moz-transition: max-height .4s, background-color .6s, color .6s; transition: max-height .4s, background-color .6s, color .6s; }
#menu { -webkit-transition: max-height .4s, opacity .4s; -moz-transition: max-height .4s, opacity .4s; transition: max-height .4s, opacity .4s; }
#menu ul li.open ul { -webkit-transition: max-height 1s; -moz-transition: max-height 1s; transition: max-height 1s; }

/* Responsive Menu */
#toggle { display: none; width: 76px; height: 46px; margin: 0 auto; padding: 20px 20px 0 20px; }
#toggle span::after, #toggle span::before { content: ""; position: absolute; left: 0; top: -10px; }
#toggle span::after { top: 10px; }
#toggle span { position: relative; display: block; }
#toggle span, #toggle span::after, #toggle span::before { width: 100%; height: 5px; background-color: #fff; transition: all 0.4s; backface-visibility: hidden; border-radius: 3px; }

/* on activation */
#toggle.on span { background-color: transparent; }
#toggle.on span::before { -moz-transform: rotate(45deg) translate(7px, 7px); -webkit-transform: rotate(45deg) translate(7px, 7px); -o-transform: rotate(45deg) translate(7px, 7px); -ms-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); }
#toggle.on span::after { -moz-transform: rotate(-45deg) translate(7px, -8px); -webkit-transform: rotate(-45deg) translate(7px, -8px); -o-transform: rotate(-45deg) translate(7px, -8px); -ms-transform: rotate(-45deg) translate(7px, -8px); transform: rotate(-45deg) translate(7px, -8px); }
#toggle.on + #menu { opacity: 1; max-height: 1000px; }

/* ++++++++++++++  pagination  ++++++++++++++ */
#content .pagination { width: 100%; clear: both; }
#content .pagination ul { list-style-type: none; margin: 0; padding: 0;	text-align: center; }
#content .pagination li { display: inline; padding: 2px 5px; text-align: left; border: solid 1px #eee; margin: 0 3px; }
.pagenav { padding:2px; clear:both; }
#content .pagination li.pagination-start,
#content .pagination li.pagination-next,
#content .pagination li.pagination-end,
#content .pagination li.pagination-prev { border: 0; }
#content .pagination li.pagination-start,
#content .pagination li.pagination-start span { padding: 0; }
p.counter {	float: right; font-weight: normal;  }
.readonly plg-desc { visibility: hidden; }
#content .jg_category { padding: 15px 0 0 0; }

#login-form { width: 100%; font-size: 14px; }
#login-form .control-group { margin: 0 0 10px 0; }
#login-form label { display: inline-block; width: 100px; }
#form-login-remember label { display: inline-block; width: 150px; }
#form-login-submit button { margin: 10px 0; color: #fff; background: #005e4e; padding: 5px 10px; border: 0; }
#form-login-submit button:hover { background: #3aa996; }
#login-form ul { font-size: 13px; padding-left: 20px; margin: 0 0 20px 0; }

#content div.event_legend_name { font-size: 12px; font-weight: 400; }

/* Fix for some issues 
------------------------------------------- */

@media (max-width: 1220px) {

#menu { opacity: 1; z-index: 1000; }
#menu ul li a { font-size: 18px; padding: 0 16px; }
#menu ul ul li a { font-size: 15px; line-height: 32px; }
#menu ul ul ul li a {	font-size: 15px; }
#content { padding: 30px 25px 50px 40px; }

#footer {  padding: 0 25px; }
	#address { padding: 20px 0 15px 0; }	
	#address { margin-right: 30px; }
	#address2 { margin-right: 20px; }
	
#menu ul ul {	width: 165px; }
#menu ul ul ul {left: 163px;}
.moduletable_menu ul ul ul {
	width: 180px !important;
}
}

/* Fix for some issues 
------------------------------------------- */

@media (max-width: 1100px) {

#menu { opacity: 1; z-index: 1000; }
#menu ul li a { font-size: 16px; padding: 0 13px; }
#menu ul ul li a { font-size: 14px; line-height: 32px; }
#menu ul ul ul li a {	font-size: 14px; }
.moduletable_menu ul ul ul {
	width: 180px !important;
}
}

/* Portrait tablet to landscape and desktop 
------------------------------------------- */

@media (max-width: 979px) {

#toggle { display: block; }

#mainNav .widthFix { height: 46px; }

#menu { background: #fff; width: 55%; margin: 15px auto 0 auto; position: relative; float:  none; opacity: 0; max-height: 0; overflow: hidden; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 0 2px 2px rgba(0,0,0,.3); }
#menu ul { padding: 5px 15px; }
#menu ul li { float: none; margin: 0; }
	#menu ul li a { font-size: 16px; line-height: 48px; padding: 0 0 0 15px; color: #666; text-shadow: none; border-top: 1px dotted #999; }
		#menu ul li:first-child a { border: none; }
		#menu ul li:hover, #menu ul li a:hover, #menu ul li.current a, #menu ul li.active a { background: #fff; color: #005e4e; font-weight: 700; }
	/* ZWEITE MENÜEBENE */
	#menu ul ul { max-height: 0; position: relative; top: 0; left: 0; width: 270px; }
	#menu ul li.active ul, #menu ul li:hover ul { max-height: 1000px; }
	#menu ul ul li span.more { display: none; }
		#menu ul ul li { margin: 0; }
		#menu ul ul li:last-child { margin: 0; }
			#menu ul ul li a, #menu ul ul li a:hover, #menu ul li.current ul li a, #menu ul li.active ul li a { background: none; width: 100%; max-height: 34px;   font-weight: 400; padding: 0 0 0 45px; color: #666; text-shadow: none; border: none; }
				#menu ul li:hover ul li a:hover, #menu ul li.current ul li a:hover, #menu ul li.active ul li a:hover, #menu ul li.active ul li.current a   { font-weight: 700; color: #005e4e; }
					#menu ul ul ul { left: 25px; }
					#menu ul li.active ul li.active ul  li a, #menu ul li:hover ul li:hover ul  li a { background: none; }
					#menu ul ul ul li a { color: #666; line-height: 25px; }
#main { padding: 0; }
#content { padding: 20px 20px 40px 20px; }

#boxNav { width: 96%; padding: 40px 2% 0 2%;  }
	#boxNav ul li { width: 45%; margin: 0 1% 25px 1%; }

#footer { font-size: 18px; padding: 0 20px; }
	#address, #contact, #note { width: 100%; float: none; padding: 25px 0 0 0; margin: 0; text-align: center; }	
	#note { padding: 25px 0px; }
	#note .oekoportal, #note .top50solar { display: inline; width: 30%; float: none; padding: 0; margin: 0 0 0 0; }
		#note img { display: block; float: none; width: 30%; height: auto; padding: 20px 40px; margin-left: 36%; }

}
												/*NESCRIS.COM*/
@media (max-width: 850px) {
	
	#note img { padding: 20px; margin-left: 36%; }
}
@media (max-width: 710px) {
	#address1,#address2 { float: none;  }
}


/* Landscape phone to portrait tablet 
------------------------------------- */

@media (max-width: 767px) {

html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

#header, #emotion { width: 100%; position: relative; }
	#logo { background: rgba(255,255,255,1); display: block; width: 100%; height: auto; padding: 20px 15px; position: relative; top: 0; left: 0; }
		#logo a, #logo img { display: block; width: 200px; height: auto; margin: 0 auto; }
		#logo img { width: 100%; }
		
#menu { width: 55%; }

#footerNav { height: 104px; }
	#footerNav ul { width: 75%; position: absolute; top: 15px; right: 20px; }
		#footerNav ul li { width: 33.3%; }
			#footerNav ul li a { font-size: 16px; line-height: 34px; text-align: center; padding: 0; margin: 0px 0 6px 6px; }

#note img { padding: 20px; margin-left: 36%; }

#boxNav { width: 90%; padding: 30px 5% 0 5%;  }
	#boxNav ul li { width: 100%; float: none; margin: 0 0 20px 0; }

#mod-custom125 { display:block; }
#content .list-title { font-size: 0.8em; color: #a51c2c; font-weight: 700; text-decoration: underline; float:left; padding: 10px 10px 10px 10px; }


}

/* Landscape phones and down 
---------------------------- */

@media (max-width: 479px) {

#menu { width: 95%; }
	#menu ul { padding: 5px 10px; }
		#menu ul li a { font-size: 18px; line-height: 42px; padding: 0 0 0 10px; }
	/* ZWEITE MENÜEBENE */		
	#menu ul ul li a, #menu ul li.current ul li a, #menu ul li.active ul li a { max-height: 30px; font-size: 15px; line-height: 30px; padding: 0 0 0 30px; }

#content { padding: 20px 15px 30px 15px; }

#boxNav { width: 90%; padding: 30px 5% 0 5%;  }
	#boxNav ul li { width: 100%; float: none; margin: 0 0 20px 0; }

#footerNav { height: 144px; }
	#footerNav ul { right: 15px; }
		#footerNav ul li { width: 50%; }
	#social { left: 15px; }

#footer { font-size: 14px; padding: 0 15px; }
#note img { padding: 15px 10px; margin-left: 36%; }



/* BILDER */
#content .bild-drittel { display: block; float: none; width: 100%; height: auto; margin: 0 0 20px 0; }
#content .boxleft { float: none; width: 100%; margin: 0; }
#content .boxright { float: none; width: 100%; }

}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?96996158');
  src: url('../font/fontello.eot?96996158#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?96996158') format('woff'),
       url('../font/fontello.ttf?96996158') format('truetype'),
       url('../font/fontello.svg?96996158#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]::before, [class*=" icon-"]::before, #subNav a::before, #menu span.more::before { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }

.icon-left:before { content: '\e801'; } /* '' */
.icon-right:before { content: '\e802'; } /* '' */
.icon-up:before { content: '\e803'; } /* '' */
.icon-down:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-mail-black:before { content: '\e806'; } /* '' */
.icon-facebook:before { content: '\e808'; } /* '' */
.icon-gplus:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e80b'; } /* '' */
.icon-phone:before { content: '\e80e'; } /* '' */
.icon-location:before { content: '\e80f'; } /* '' */
								/* 'NESCRIS.COM' */


#menu ul ul li:hover ul {
	display: block;
}
#menu ul li:hover ul li {
	display: block;
}