.mainheader, .header 	{ z-index: 9999999;}
.mainheader.scrolled { top: 0px; height: 60px; border-bottom: 1px solid #a21a26; position: fixed; left: 0px; right: 0px; z-index: 9999999; background-color: #fff;}
.animated     { -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }
.mainheader.scrolled .header {height: 60px; min-height: 60px;}
.mainheader.scrolled .header .menu li {margin-top: 6px;}

.scrolledhome { display: none; margin-left: 80px;}
.scrolledhome a { padding: 0 !important;}

.mainheader.scrolled .scrolledhome {display: block; float: right;}

.container img {max-width: 100%;}

.posRelative {
	position: relative;
}

.paddingB20 {
	padding-bottom: 20px;
}

/* #Site Styles
================================================== */
.metanavi 	{ margin-top: 10px; position: relative;}
.meta 		{ height: 30px; background-color: #d20000;}
.meta p 	{ color: #fff; line-height: 30px; font-size: 12px; padding-left: 10px;}
.meta a 	{ color: #fff; text-decoration: none}

.menu 		{ margin-bottom: 0px;}

.metamenu li { display: block; float: left; margin-top: 0px; padding-right: 15px;}
.metamenu li a { font-size: 14px; text-decoration: none;}
.metamenu li a:hover { color: #d20000; }
.metamenu li:last-child { padding-right: 0px;}

#logo 		{ position: absolute; right: 0px; top: -10px; z-index: 999999999; }

.bigslider 	{ background: #e7e7e7; min-height: 200px; max-height: 600px; overflow-y: hidden; width: 100%; }
.biginnerslider { position: relative; width: 100%; }

.slider 	{ background: #e7e7e7 url(../images/page_slider_bg.png) bottom right no-repeat; height: 305px; }
.innerslider {  }

#Breadcrumbs a { text-decoration: none;}

#prev 		{ cursor: pointer; z-index: 999999; position: absolute; left: 5px; top: 45%; height: 50px; width: 50px; background: transparent url(../images/prev.png) center center no-repeat;}
#next 		{ cursor: pointer; z-index: 999999; position: absolute; right: 5px; top: 45%; height: 50px; width: 50px; background: transparent url(../images/next.png) center center no-repeat;}
#pager 		{ position: absolute; left: 45%; bottom: 50px; z-index: 99999; font-size: 20px;}
#pager span { width: 25px; height: 25px; display: inline-block; color: #fff; cursor: pointer; font-size: 40px;}
#pager span.cycle-pager-active { color: red;}

#pageslider li {overflow: hidden; text-align: center; position: relative; height: 305px;}
#pageslider li img { /*display: block;*/ margin: 0 auto; height: 305px; position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.psinner 	{ float: right; position: relative; color: #fff; height: 300px;}
.psinner h1 { color: #fff; padding-top: 100px;}
.pslink 	{ display: block; position: absolute; right: 0px; bottom: 15px; color: #fff !important; text-decoration: none;}


.footer 	{ background: transparent url(../images/footer_bg.png) bottom left no-repeat; min-height: 350px; background-size: contain;}
.footer p 	{ color: #fff; padding-top: 160px;}
.footer a 	{ color: #fff;}

#newsbox 	{ position: relative; float: right; max-width: 320px; width: 100%; background: transparent url(../images/newsbox.png) top left; overflow:hidden;}
#newsbox p 	{ padding: 10px; color: #000; }
#newsbox a 	{ color: #000;}
#newsbanner { position: absolute; width: 217px; height: 46px; background: transparent url(../images/newsbanner.png) right top no-repeat; right: -13px; top: 60px; z-index: 1000;}
#newsbanner a { color: #fff; line-height: 36px; padding-left: 35px; font-weight: bold; font-size: 16px; text-decoration: none;}

.rightfloat { float: right;}

.right 		{ text-align: right ;}


#markenlogos 	{ height: 196px; width: 100%;}
#markenlogos a 	{  padding-right: 40px;}
#pagegal 		{ float: left; clear: both; width: 100%;}
.pagegal img 	{ border: 1px solid #999;}
.maincont		{ padding-bottom: 100px;}
.backlink 		{ float: right; color: #d20000; display: block; clear: both; margin-top: 20px; cursor: pointer; text-decoration: none; padding-bottom: 10px;}

.nobottom 		{ padding-bottom: 20px;}
.newsholder 	{ border-top: 1px solid #dddddd; padding-top: 20px;}
.onenews 		{ float: left; clear: both; margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
.subhead 		{ font-weight: 500;}
.onenews img 	{ display: block; float: left; margin-right: 20px;}

.video 			{ background-color: #000; padding-top: 30px; padding-bottom: 30px; color: #fff; margin-bottom: 20px;}
.vplayer 		{ padding-left: 20px;}

.marken 		{ padding-left: 20px;}

.phTitle 		{ float: left; clear: both; border-top: 1px solid #333; border-bottom: 1px solid #333; padding-top: 5px; padding-bottom: 5px; margin-bottom: 20px;}
.oneprodukt 	{ border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 20px; float: left; clear: both; position: relative;}
.produktimg img { max-width: 100%; height: auto;}
.produktlink 	{ display: block; position: absolute; right: 0px; bottom: 10px; color: #d20000; text-decoration: none; padding-bottom: 10px;}

.pfacts 		{ float: left; clear: both; width: 100%; }
.pftitle 		{ float: left; width: 45%; padding: 2px;}
.pfvalue 		{ float: left; width: 45%; background-color: #e3e3e3; margin: 2px; padding-left: 2px;}
.produktprev p 	{ padding-top: 20px;}

.proddetails,
.produktdetails 	{ margin-top: 80px;}
.produktdetails p 	{ padding-top: 20px; padding-bottom: 20px;}
.produktdetails .pftitle { padding-left: 10px; }
.produktdetails .pfvalue { float: right; }
.brdou 				{ border-top: 1px solid #333; border-bottom: 1px solid #333; clear: both; padding: 5px 10px}

.downloads 		{ margin-top: 50px;}

.downloadfiles 	{ padding-left: 10px;}
.downloadfiles a { color: #276bab; text-decoration: none}

.gfteaser 		{ background-color: #dfd8d0; padding-top: 20px; padding-bottom: 20px; margin-bottom: 15px;}
.gftext 		{ background-color: #05549f; height: 307px;}
.gftext .inner 	{ padding: 15px; color: #fff;}
.gfbild 		{ overflow: hidden}
.gfbild img 	{ height: auto;}

.middlebox 		{ padding-left: 30px; padding-right: 30px;}
.teaserboxen 	{ margin-top: 30px; margin-bottom: 30px;}
.teaserboxen  p { word-wrap: break-word;}
.teaserboxen img {max-width: 100%;}

.homelink 		{ text-decoration: none; color: #d20000 !important; float: right;}

#homeslider 	{ position: relative; width: 100%; max-width: 100%; min-height: 100px; max-height: 600px; overflow: hidden;}
#homeslider li 	{ display: block; max-width: 100%;}
#homeslider li  img { }

#mobilemenu 	{ display: none;}
#eckbanner 		{ position: absolute; min-width: 50%; height: 100%; max-width: 50%; right: 0px; bottom: 0px; z-index: 999; background: transparent url(../images/bigsliderbg.png) bottom right no-repeat; background-size: contain;}

#secondslider 	{ position: absolute; z-index: 10000; top: 0px; width: 100%; height: 100%; }
#textslider 	{ height: 100%; max-width: 100%; }
#textslider li 	{ right: 0px; bottom: 10px;}

.homeinner 		{ position: absolute; right: 10px; bottom: 10px; z-index: 19999; color: #fff; width: 250px;}
.homeinner h1 	{ color: #fff; text-transform: uppercase;}
.homeinner p 	{color: #fff;}

.mobile 		{ display: none;}
.mainmenu 		{ display: none;}

.submenu 		{ display: none;}

.markenholder 		{ display: none; z-index: 999999; position: absolute; height: 670px; background: transparent url(../images/markenbg.png) top left repeat-x; left: 0px; top: 53px; padding-top: 20px; width: 95%;}
.markenholder > li 	{ display: block; float: left; width: 210px; margin-right: 5px; padding-left: 17px; border-right: 1px solid #666; min-height: 300px; margin-top: 13px;}
.markenholder > li:last-child { border-right: none;}
.markenholder li h3 { font-size: 20px;}
.markenholder > li ul { margin-left: 0px; padding-left: 0px;}
.produktholders > li { padding-top: 8px;}
.produktholders li a { color: #276bab !important; text-decoration: none; font-size: 14px;}
.produktgruppen 	{ width: 90%; margin-top: 5px; }
.produktgruppen li 	{ border-top: 1px solid #000; margin-bottom: -6px;}
.produktgruppen li:last-child { border-bottom: 1px solid #000;}
.produktgruppen li a { color: #000 !important; }

.menu > li { margin-top: 12px;}
.superlink:hover .markenholder {display: block;}

.container table { width: 100% !important; }

.homeNewsSlider {
	padding-bottom: 10px;
}

.homeNewsSlider .youtubeThumb {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.homeNewsSlider .cycle-pager {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
}
	.homeNewsSlider .cycle-pager span {
		text-indent: -999999px;
		display: inline-block;
		width: 10px;
		height: 10px;
		overflow: hidden;
		background: #05549f;
		border-radius: 10px;
		margin: 0 5px;
		cursor: pointer;
	}

	.homeNewsSlider .cycle-pager span.cycle-pager-active {
		background: red;
	}

/* #registration page Styles
================================================== */
.formFieldsContainer {
	margin-left: -10px;
	margin-right: -10px;
}
	.formFieldsContainer input {
		widht: 100%;
	}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) {
		body { overflow-x: hidden;}
		
		.menu { z-index: 99999; top: 40px;}
		li.langs 	{ background-color: #e7e7e7 ; border-bottom: 5px solid #d20000;}
		li.langs a 	{ width: 50px; display: block; float: left;}
		.meta p {font-size: 11px;}
		.homeinner { right: 35px; bottom: -8px;}
		.teaserboxen { margin-right: 0px !important;}

		#mobilemenu { z-index: 9999999999; position: absolute; left: 5px; top:87px; display: block; width: 40px; height: 38px; background: transparent url(../images/tabletmenu.jpg) center center no-repeat; cursor: pointer;}	
		.mainmenu 	{ z-index: 99999; position: absolute; left: 0px; right: 0px; top: 126px; background-color: #fff;}
		.mainmenu li { line-height: 35px;}
		.mainmenu li span { padding-left: 10px;}
		.mainmenu li a { padding-left: 10px; text-decoration: none; color: #d20000; }
		.mainmenu .scrolledhome { display: block;}
		.superlink:hover .markenholder {display: none;}
		.markenholder { left: -31px; background-color: #fff; height: auto; width: 100%;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body { overflow-x: hidden;}
		.mainmenu 	{ z-index: 99999; position: absolute; left: 0px; right: 0px; top: 160px; background-color: #fff;}
		.mainmenu li { line-height: 35px;}
		.mainmenu li span { padding-left: 10px;}
		.mainmenu li a { padding-left: 10px; text-decoration: none; color: #d20000; }
		.mainmenu .scrolledhome { display: block;}
		.superlink { overflow-x:hidden; }
		.markenholder > li { background-color: #fff; width: 100%; }
		.nomobile 	{ display: none !important;}
		#mobilemenu { z-index: 9999999; right: 10px; top: 125px; position: absolute; display: block; width: 40px; height: 38px; background: transparent url(../images/tabletmenu.jpg) center center no-repeat; cursor: pointer;}
		.markenholder { min-height: 700px; height: auto; left: -30px; top: 20px;}
		.markenholder > li { float: left; clear: both;}
		.menu 		{ z-index: 99999;}
		.footer 	{ background-image: none;}
		.footer p 	{ color: #000; padding-top: 0px;}
		.middlebox 	{ margin-left: 0px !important; float: none !important; clear: both; padding-left: 0px;}
		.mobile 	{ display: block;}
		li.langs 	{ background-color: #e7e7e7 ; border-bottom: 5px solid #d20000;}
		li.langs a 	{ width: 50px; display: block; float: left;}

		#logo 		{ right: 5px;}
		#logo img 	{ max-width: 150px;}

		.metamenu 	{ background-color: #d20000; display: block; width: 100%; height: 30px; line-height: 30px !important; margin-top: 30px;}
		.metamenu a {color: #fff; line-height: 30px !important; padding-left: 10px; }
		.metamenu li a:hover { color: #fff;}
		.subheader .container,
		.subheader .columns,
		.header 		{ padding-left: 0px !important; padding-right: 0px !important; width: 100% !important;}
		.menu 			{ margin-top: 40px;}

		.bigslider 		{ min-height: 100px;}
		#homeslider 	{ width: 100%; min-height: 200px;}
		#homeslider li 	{ width: 100%; overflow: hidden; height: 100%;}
		#homeslider li img { min-height: 200px;}
		.homeinner h1,
		.homeinner p,
		.homeinner a { 	text-shadow: 4px 4px 2px black; }

		/*.homeinner 		{ display: none;}*/

		.innerslider 	{ max-height: 305px;}
		.psinner 		{ position: absolute;}
		.produktlink 	{ padding-top: 30px; clear: both; float: right; position: relative;}
		.proddetails img { max-width: 100%;}
		.pslink 		{ right: -11px; bottom: 12px; font-size: 13px;}

		.teaserboxen a 	{ margin-top: -40px; padding-bottom: 10px;}

		.gftext 		{ height: auto;}
		.gfbild img 	{ height: auto; max-width: 100%; padding-top: 10px;}

		#pager 			{ bottom: 5px; left: 5%;}
		.maincont iframe { max-width: 100%; width: 100% !important; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.slider { background: none; height: 145px; }
		#pageslider li {height: 110px;}
		#pageslider li img { position: relative; top: 0; left: 0; right: 0; bottom: 0; height: 110px; }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/