@media screen 
{
	body
	{
		font:400 13px/18px 'Roboto', sans-serif;
		background:#a11e27;
		color:#102827;
	}
	html[lang^="de"] { overflow-y: scroll; }

	::selection {background: #cd152a; color:#FFF;}
	::-moz-selection {background: #cd152a; color:#FFF;}
	
	.container
	{
		width:80%;
		max-width: 1500px;
		margin:0 auto;
		background:#FFF;
		-webkit-box-shadow: 0 0 62px 0 rgba(0,0,0,0.56); box-shadow: 0 0 62px 0 rgba(0,0,0,0.56);
	}

	h1 {font-size:1.615em; line-height:1.2em; color:#cd152a; margin-bottom:1.5em; font-weight:bold;}
	h2 {font-size:1.231em; color:#cd152a; font-weight:bold; margin-bottom:1em;}		
		h2.line{border-top:1px solid #919191; padding-top:1em; margin-top:1em;}
	h3, h4, h5, h6 {font-size:1.1em; margin-botom:0.2em;}
	
	h1, h2, h3, h4, h5, h6 
	{
		text-rendering: optimizeLegibility;/* optimize text kerning */
	}

		#brandContainer{
		background:#1a171b; height:48px; width:100%; margin-top:-48px; position:relative;
	}
	#brandContainer .container{background:#1a171b; box-shadow:none; -webkit-box-shadow:none; height:48px;}
	#brandContainer:before{content:"Unternehmen"; width:145px; height:46px; background:url(../images/sprite.png) -81px 0 no-repeat; text-align:center;  position:absolute; top:48px; left:50%; margin-left:-72px; text-transform:uppercase; color:#FFF; padding-top:3px;}
	body.en #brandContainer:before{content:"Business"; }
		#brandContainer:hover{margin-top:0px;}
		#brands{list-style:none; text-align: center;}
		#brands > li > a{display:inline-block; margin-right: 1.5em;; /* opacity:0.8; */}
		#brands > li:last-child > a{margin-right: 0em;}
		#brands > li {transition: all ease-in-out .3s 0s; overflow: hidden; height: 48px; display: inline-block;}
		#brands > li:hover{transition: all ease-in-out .3s 0s;background-color: #cccccc;}
	.kockmann a{background: url("../images/brands/kockmann-white.png") no-repeat; width:152px ; height: 50px;}
	.kockmann a:hover{background: url("../images/brands/kockmann-farbe.png") no-repeat; width: 152px; height: 50px; }
	.energenta-ersatzbrennstoffe a{background: url("../images/brands/energeta-white.png") no-repeat; width: 310px; height: 50px; }
	.energenta-ersatzbrennstoffe a:hover{background: url("../images/brands/energeta-farbe.png") no-repeat; width: 310px; height: 50px; }
	.energenta a{background: url("../images/brands/energeta-sued-white.png") no-repeat; width: 261px; height: 50px; }
	.energenta a:hover{background: url("../images/brands/energeta-sued-farbe.png") no-repeat; width:261px ; height: 50px;}
	.emrec a{background: url("../images/brands/emrec-white.png") no-repeat; width:131px ; height: 50px;}
	.emrec a:hover{background: url("../images/brands/emrec-farbe.png") no-repeat; width:131px ; height: 50px; }
	.koellmann a{background: url("../images/brands/koellman-white.png") no-repeat; width: 100px; height: 50px;}
	.koellmann a:hover{background: url("../images/brands/koellman-farbe.png") no-repeat; width: 100px; height: 50px; }
	.ensace a{background: url("../images/brands/ensace-white.png") no-repeat; width: 166px; height: 50px; }
	.ensace a:hover{background: url("../images/brands/ensace-farbe.png") no-repeat; width: 166px; height: 50px;}

	/* ALL NAVIGATIONS */
	nav ul,	.navi
	{
		list-style:none;
	}
	.navi a
	{
		display:block;
	}

	/*=NAVIGATION MAIN */
	#navi {background:#000000; height:40px; padding-left:42px; width:100%; float:left;}
		#navi > li {float:left; height:40px; position:relative; padding-top:12px;}
			#navi > li > span,
			#navi > li > a {display:inline-block; color:#FFF; text-decoration:none; font-weight:900; text-transform:uppercase; padding: 0 16px; line-height:1em; border-left:1px solid #3b3b3b; font-size:1.15em;}
			#navi > li:first-child > a{border-left:none; padding-left:0px;}
			#navi > li:hover > a, 
			#navi > li.active > a {color:#cccccc;}
			#navi > li > ul {opacity:0; visibility:hidden; position:absolute; top:40px; background:#cd152a; padding:5px 0; margin-top:12px; z-index:33;}
			#navi > li > ul:before{border-left:10px solid transparent;
				border-right:10px solid transparent;
				border-bottom:6px solid #cd152a;
				border-top:0;
				height:0;
				left:12px;
				position:absolute;
				top:-6px;
				width:0;
				content:""	}
				#navi > li:hover > ul{opacity:1; visibility:visible; margin-top:0px;}
				#navi > li > ul > li:first-child > a {border-top:none;}
				#navi > li > ul > li > a { font-size:1.1em; color:#FFF; text-transform:uppercase; text-decoration:none; line-height:1.8em; border-top:1px solid #ad1022; padding:0px 18px; white-space:nowrap; display:block; font-weight:bold;}
				#navi > li > ul > li > a:hover,
				#navi > li > ul > li > a.active {background:#ad1022;}

	/*=NAVIGATION ADDITIONAL */
	#content #naviAdd {list-style:none;}
		#content #naviAdd > li { border:none; float:left; background:none; padding:0px; clear:none;}
			#naviAdd > li > a {color:#555555; text-transform:uppercase; padding:5px 0px; margin-right:10px;text-decoration:none;}
				#naviAdd > li:first-child > a{padding-left:0px;}
			#naviAdd > li:hover > a,
			#naviAdd > li.active > a {color:#151515;}


	#naviFixed{ width:48px; height:172px; background:#000000; position:fixed; top:164px; left:0px;}
		#naviFixed > li{display:block; width:48px; height:58px;}
			#naviFixed > li > a{opacity:0.7; display:block; width:48px; height:58px; text-indent:-9999px;}
			#naviFixed > li:first-child > a{height:57px;}
			#naviFixed > li.active > a,
			#naviFixed > li:hover > a{opacity:1;}
			
			#naviFixed > li.kontakt > a{ background:url(../images/sprite.png) 12px -16px no-repeat;}
			#naviFixed > li.contact > a{ background:url(../images/sprite.png) 12px -16px no-repeat;}
			#naviFixed > li.facebook > a{ background:url(../images/sprite.png) 12px -73px no-repeat;}
			#naviFixed > li.anfahrt > a{ background:url(../images/sprite.png) 12px -131px no-repeat;}
			#naviFixed > li.approach > a{ background:url(../images/sprite.png) 12px -131px no-repeat;}
	/*=CONTENT */
	#main p, #main ul, #main ol, #main dl, #main table, .floatList
	{
		margin-bottom:0.8em;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	#branding{float:left; padding:39px 0 27px 42px; }
	#phoneNavLang{float:right; padding:8px 30px 0 0; width:235px}
		ul.languages{float:right; list-style:none; margin-bottom:8px;}
			ul.languages > li{float:left; margin-left:3px; width:16px; height:11px;}
				ul.languages > li > a{display:block; text-indent:-9999px; outline:none; width:16px; height:11px; opacity:0.6;}
				ul.languages > li.active > a,
				ul.languages > li:hover > a {opacity:1;}
				ul.languages > li.de > a{background:url(../images/sprite.png) 0 0 no-repeat;}
				ul.languages > li.en > a{background:url(../images/sprite.png) -19px 0 no-repeat;}
	#phoneNavLang > p{font-size:1.404em; color:#003d90; width:235px; font-weight:bold; float:right;}
		#phoneNavLang p > span{background:url(../images/sprite.png) -283px 8px no-repeat #cd152a; color:#fff; font-size:1.333em; display:block; height:34px; padding:7px 5px 0 0; text-align:right;}
		#phoneNavLang p > a{color:#cd152a; text-decoration:none; display:block; padding-top:4px; text-align:right;}
			#phoneNavLang p > a:hover{color:#102827;}
			
	
	#slideshowContainer{width:100%; float:left; height:225px; position:relative;}
		#slideshowContainer .claim{width:733px; position:absolute; top:70px; left:0px;  text-align:center; text-transform:uppercase; font:400 2.448em/1.4em 'Ropa Sans', sans-serif; z-index:889;}
			body.en #slideshowContainer .claim{font-size:2.385em;}
			#slideshowContainer .claim > strong{ display:inline-block; background:#FFF; color:#1a171b; padding:0 14px; font-weight:normal;}
			#slideshowContainer .claim > span{display:inline-block; background:#cd152a; color:#FFF; padding:0 14px;}
		#kontakt{
			position:absolute; right:0px; top:0px; width:282px; height:225px; background:#FFF; background:rgba(255,255,255,0.83); z-index:22; font-size:1.077em; padding:20px 28px;
		}
			#kontakt .headline{font-size:1em; line-height:1.2em; font-weight:bold; margin-bottom:0.5em;}
			#kontakt dl{ overflow:hidden;}
				#kontakt dt{float:left; width:30%;}
				#kontakt dd{float:left; width:70%;}
			#kontakt > p{margin-bottom:1em;}
			#kontakt p > a{color:#cd152a;}
			#kontakt p > a:hover{color:#102827;}
				#kontakt a#routePlanen{display:block; background:url(../images/sprite.png) -289px -63px no-repeat #cd152a; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-left:20px; line-height:2.15em; font-size:1.009em; margin-top:1.5em;}
				#kontakt a#routePlanen:hover{background:url(../images/sprite.png) -289px -63px no-repeat #102827;}
	
	#main {padding:0 0 0 28px; }

	#sidebar {margin:0 0 0 1.5%; width:28.5%; float:left; padding:36px 28px; line-height:1.2em;}
		#sidebar .headline{background:url(../images/sprite.png) -238px -282px no-repeat; display:block; margin-bottom:1.5em; padding:9px 0 10px 75px;}
		#sidebar .headline > strong{font-size:1.7em; text-transform:uppercase; font-weight:900; display:block; line-height:1em; padding-bottom:1px; }
		#sidebar p{margin-bottom:1.5em;}
		
		#sidebar #zertifikate{display:block; background: #cd152a; color:#FFF; text-align:center; text-transform:uppercase; font-weight:900; text-decoration:none; font-size:1.154em; margin-top:1.5em; line-height:2.6em;}
			#sidebar #zertifikate:hover{background:#102827;}
			
		#sidebar .zertifikatImage{margin-bottom:1em;}
		#sidebar > div{text-align:center;}
		
	#content {margin: 0 1.5%; width:90%; float:left; padding:48px 0 17px;}
	
	#content a{
		color:#cd152a;
	}
	#content a:hover{
		color:#102827;
	}
	#content dl{
		overflow:hidden;
	}
	#content dt{
		float:left;
		width:30%;
		clear:both;
	}
	#content dd{
		float:left;
		width:70%;
	}
	
	#content ul{
		list-style:none;
	}
	#content ul > li{
		padding:8px 10px;
		border-top:1px solid #cecece;
	}
	#content ul > li:first-child{
		border-top:none;
	}
	#content ul > li:nth-child(odd){
		background:#edf3f7;
	}
	#content ul > li{float:none; clear:both; overflow:hidden;}
	#content ul > li > span{float:left; display:block;}
		#content ul > li > span.desc{width:60%; }
		#content ul > li > span.size,
		#content ul > li > span.file{width:20%; text-align:center;}
	#content iframe, #content .contentImage{
		padding:4px; background:#FFF;
		border:1px solid #cecece;
	}
	#content .floatLeft{
		float:left;
		margin:0 1em 1em 0;
	}
	#content .floatRight{
		float:right;
		margin:0 0 1em 1em;
	}
	#content hr{
		border-top:1px solid #dde1e8;
		background:none;
		margin:1.5em 0;
	}
	#content .firstOfLine{clear:both; float:left;}
	#content .gallery{margin-bottom:1.5em; padding:4px; background:#FFF; border:1px solid #cecece; }
	
	#footer{padding-top:40px; width:100%; float:left;}
		#fb{display:block; text-indent:-9999px; outline:none; float:left; width:109px; height:28px; margin:0 25px 1.5em 0; background:url(../images/sprite.png) 0 -214px no-repeat; }
		#content #footer hr{margin-bottom:1em;}
		#footer iframe{border:none; height:30px; margin-top:3px;}
		
	a, ul, li, span, input, button, textarea, #brandContainer{
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear
	}
/*---------- Mobile Link ----------*/
#mobile-link {
	background: #000;
	clear: both;
	display:none;
	position: relative;
	z-index: 10;
}

#mobile-link .btn-mobile {
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}

}