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

html, body {
	background: url(../img/top1.png) repeat-x top left;
	font-family: 'DeliciousRoman', Tahoma, Arial, serif; font-weight: normal;  font-style: normal;
	-moz-transition: all 0.5s ease-in-out 0s; }			
header {width: 100%; min-width: 72em; margin: 0; z-index: 0; top: 0; height: 117px; clear: both;}
p, div, section, article {font-family: 'DeliciousRoman', Tahoma, Arial, serif; font-weight: normal; }
bold, strong {font-family: 'DeliciousRoman', Tahoma, Arial, serif; font-weight: bold; }
italic {font-family: 'DeliciousItalic', Tahoma, Arial, serif; font-weight: 100; }
	
@font-face {
    font-family: 'DeliciousRoman';
    src: url('fonts/delicious-roman-webfont.eot');
    src: url('fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-roman-webfont.woff') format('woff'),
         url('fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: 100;
    font-style: normal;}
@font-face {
    font-family: 'DeliciousItalic';
    src: url('fonts/delicious-italic-webfont.eot');
    src: url('fonts/delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-italic-webfont.woff') format('woff'),
         url('fonts/delicious-italic-webfont.ttf') format('truetype'),
         url('fonts/delicious-italic-webfont.svg#DeliciousItalic') format('svg');
    font-weight: 100;
    font-style: italic;}


/* LOGO */
#logos {  position: absolute;  overflow: hidden; height: auto; float: left; z-index: 999;}	
#logo { float: left; z-index: 999;}
#logo2 { width: 320px; z-index: 99; margin-top: 15px; margin-left: 20px; float: left;}


/* ------------ BACK TO TOP SCROLL ------------ */	
#scroll {background: url(../img/up.png) no-repeat; width: 0px; height: 0px; z-index: 999; position: relative; right: 15px; top: -10000px; opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#scroll:hover, #scroll:focus {-webkit-transition: background 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 1.0; -khtml-opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}


/* ALLGEMEIN */
*::-moz-selection {background-color: #005B64; color: white;}
a {color: #12BC8B; text-shadow: 1px 1px 1px #fff; font-weight: bold; text-decoration: none; -moz-transition: all 0.4s ease-in-out 0s;}
a:hover {background: #f2f2f2; -moz-transition: all 0.4s ease-in-out 0s; color: #11C98D; text-decoration: none;}
a:active:hover, a:focus:hover, a.active {background: #f2f2f2; -moz-transition: all 0.5s ease-in-out 0s; text-shadow: 1px 1px 0 #fff;}
.highlightit img {opacity: 0.6;}
.highlightit:hover img, .highlightit:focus img {-moz-transition: all 0.3s ease-in-out 0s; opacity: 1;}
.highlightit1 img {opacity: 0.8;}
.highlightit1:hover img, .highlightit1:focus img  {-moz-transition: all 0.4s ease-in-out 0s; opacity: 1;}
#logos a:hover, #nav a:hover, #social a:hover, #scroll a:hover {background-color: transparent;}	

.clear {clear: both;}
.margintop {margin-top: 50px; top:50px;}
.googleplus { top: 0.5em; float: left; width: 60px; position:relative; cursor: pointer;    /* - use this to position your share icon on your page -  */   }  
.googlehider { opacity:0;  height:56px; width:56px; position:absolute; top:0; left:0; z-index:3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  }  
.mygoogle { position:absolute; top:0; left:0; z-index:2;  }  
.googleplus2 { top: 0em;  width: 51px; position:relative; cursor: pointer;    /* - use this to position your share icon on your page -  */   }  
googlehider2 { opacity:0;  height:51px; width:51px; position:absolute; top:0; left:0; z-index:3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:alpha(opacity=0);  }  
.mygoogle { position:absolute; top:0; left:0; z-index:2;  }  

	
/* NAVIGATION */
nav { float: right; max-width: 590px; margin-right: 5.5em; text-transform: uppercase; display: inline-block; z-index: 99999999999;}
	
/* LANGUAGE */
#lang { font-size: 0.8em;left: 0.5em; margin-top: -2.7em;  position: absolute;  background: #000; line-height: 1.9em; text-align: center; color: #999;z-index: 99999990;}
#lang a, #lang a:active {color: #999; text-shadow: none; font-weight: normal;}
#lang a:hover, lang a:focus {color: #12C28C; background: #000;}	
			
/* IMAGE */
#image {color: #eee; text-shadow: 0px 1px 1px #333; width: auto; background: url(../img/header_b.jpg) repeat left top; background-size: cover; min-height: 333px; z-index: 0;}
#image a img {margin-right: 0.7em;}
#image h1 {color: #fff; font-size:240%; line-height: 1.3em; margin: 0.7em 0 0.6em 0;font-weight: 500;}
#image2 { color: #eee; text-shadow: 0px 1px 1px #333; width: auto; background: url(../img/header_b.jpg) repeat left center;  background-size: cover; min-height: 1.2em; z-index: 140;}
#image2grad {background-image: linear-gradient(top, rgb(191,191,191) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(191,191,191) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(191,191,191) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(191,191,191) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(191,191,191) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgb(191,191,191)), color-stop(1, rgb(255,255,255))); min-height: 3em; background-size: cover; width: auto; z-index: -1000;}


/* NEWS BOX */ 
.news img {left: 0; position: absolute;top: 0;}
.news { padding: 0 0 0 194px; position: relative; line-height: 1.25em; margin-bottom: 1.2em;}
.news .button { background: #fff; color: #000; font-size: 1.0em; border-radius: 0.3em; text-shadow: 1px 1px 0 #000; line-height: 1.8em; padding: 0 1.0em 0 1.0em;}
.news.button a, .news.button a:link {color: #fff;}	
.news.button:hover, .news.button:focus {background: #284a54;}
	
.quote img {left: 0; position: absolute;top: 0;}
.quote { padding: 0 0 0 85px; position: relative; }
.line {height: 1px; background: #ccc; margin-top: 1em; margin-bottom: 1em;}


#footer {background: url(../img/white.png) repeat; padding: 1em 2em 2em 2em; position: relative; min-height: 280px, font-size: 0.95em; font-weight: 100; color: #fff; line-height: 0.9em; border-radius: 0.5em;}
#footer a, #footer a:active,  #footer a:link {text-shadow: none; color: #3EBBC4;}
#footer a:hover, #footer a:focus {background: transparent; color: #12C28C;}
#footer .img1 {left: 0; position: absolute; top: 0; padding: 20px;}
#footer h4 {color: #fff; text-transform: uppercase; font-size: 1.2em; line-height: 0.7em; margin-bottom: 0.9em;}
#footer ul li, #footer ul, #footer li, #footer ol {line-height: 1.8em; list-style:none; position:relative; left: -10px;}
#footer img {margin-right: 15px; margin-top: 15px;}

#footer2 {position: relative; height: auto; font-size: 0.9em; color: #fff; line-height: 1em;}
#footer2 a, #footer2 a:active {text-shadow: none; }
#outline { background: url(../img/3oem_outline.png) no-repeat center; background-size: auto; padding: 1.2em; width: 141px; height: 142px;}
	


	
@media all {

	.ym-hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width:100%;
		min-width: 450px;
		overflow:hidden;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		line-height:1em;
	}

	.ym-hlist ul {
		margin:0;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:right; /* LTR */
	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		font-family: 'Delicious', Arial, sans-serif, font-weight: 600;
		float:left; /* LTR */
		font-size:1.0em;
		list-style-type: none;
	   -moz-transition: all 0.3s ease-in-out 0s;
	   	padding: 0 0.5em;
	}

	.ym-hlist ul li a,
	.ym-hlist ul li strong {
	    font-family: 'Delicious', Arial, serif, font-weight: 300;
		background: url(../img/top1.png) repeat-x;
		color:#3ebbc4;
		display:block;
		font-size:1.1em;
		line-height: 173px;
		font-weight:100;
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(0,0,0,0 );
		width:auto;}

	.ym-hlist ul li :focus, 
	.ym-hlist ul li a:hover, 
	.ym-hlist ul li a:active  {
		color: #fff;
		text-decoration:none;
		text-shadow: none;
		outline: 0 none;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    background: url(../img/menu.png) repeat-x;
	}

	.ym-hlist ul li.active, .ym-hlist ul li.active a{
		-moz-transition: all 0.5s ease-in-out 0s;
		color: #fff;
		text-shadow: none;
	}
	
	#kontakt ul #kontakt, #kontakt ul #kontakt a, #kontakt ul #kontakt a:active, #kontakt ul #kontakt a:link{
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
	#brands ul #brands, #brands ul #brands a, #brands ul #brands a:active, #brands ul #brands a:link{
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
	#service ul #service, #service ul #service a, #service ul #service a:active, #service ul #service a:link{
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
	#about ul #about, #about ul #about a, #about ul #about a:active, #about ul #about a:link {
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}						
	#news ul #news, #news ul #news a, #news ul #news a:active, #news ul #news a:link {
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
	#projekte ul #projekte, #projekte ul #projekte a, #projekte ul #projekte a:active, #projekte ul #projekte a:link{
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
	#ir ul #ir, #ir ul #ir a, #ir ul #ir a:active, #ir ul #ir a:link{
		color: #fff;text-decoration:none; text-shadow: none; outline: 0 none; -moz-transition: all 0.3s ease-in-out 0s; background: url(../img/menu.png) repeat-x;}
												
					
	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		-moz-transition: all 0.5s ease-in-out 0s;
	    background: url(../img/menu.png) repeat-x;
		color:#fff;
	    text-decoration:none;
		text-shadow: none;
	}


.uplink {
	width: 81px;
	height: 81px;
	position: fixed;
	margin-top: -3.5em;
	margin-left: 0em;
	z-index: 30000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}.uplink:hover, .uplink:active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
   -moz-transition: all 0.3s ease-in-out 0s;}
   
   
@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){
	#logo2 { display: none; opacity: 0;  height: 0; width: 0;}
	nav {float: left; margin-left: 22%;}
}

.cc_container {
    font-size: 16px !important;
    font-family: 'DeliciousRoman', Tahoma, Arial, serif !important;
    border: none !important;
	background: rgba(0,91,100,.9) !important;
	color: #fff !important;
	z-index: 9999;
}
.cc_container a {
    color: #ccc !important;
	text-decoration: underline !important;
	text-shadow: none !important;
}
.cc_container a:hover, .cc_container a:active {
	text-decoration: none !important;
	background: transparent;
}
.cc_container .cc_btn, .cc_container .cc_btn {
    background-color: #fff !important;
    color: #005B64 !important;
	text-decoration: none !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #bbb !important;
	color: #005B64 !important;
}
.cc_container ::-moz-selection {
    background: #005B64 !important;
}