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

.mich-unternehmen-txt h2 {font-weight: bold;font-size: 14px;margin-bottom: 10px}

#CentralArea{padding-right:32px;}
#RightPanel {vertical-align: top;}
#site-ar{width:1280px;}
#inhalt {width:1280px; margin:0px auto;font-family: arial}

.header-bg{background: url(../gfx/header-bg.jpg) no-repeat; background-position: center 0;height:223px;}
#header-bg-article{background: url(../gfx/header-bg.jpg) no-repeat; background-position: center 0;height:223px; margin: 0 auto}
.topnav{float:right;margin-top:10px;margin-right:-38px;}
.topnav-link{background: url(../gfx/trenner-topnav.png) no-repeat !important; height:41px; font-family: arial; font-size: 12px; padding:13px 20px;float:left;}
.topnav-link a, .topnav-link a:visited, .topnav-link a:link{color:#999999; text-decoration: none;}
.topnav-link a:hover{text-decoration: underline;}

.logo-ar{background: url(../gfx/logo-ar.jpg) no-repeat;height:91px;width:312px; margin-top:55px; float:left;}
.vorteile{background: url(../gfx/vorteile.png) no-repeat;height:30px;width:795px; float:right; margin: 3px 4px 46px 0px;}

nav {background:#FFF;margin-top:51px;}
nav ul {text-align:left;}
nav ul li {display:inline;}
nav ul li:hover {background:#E6E6E6;}
nav ul li a {display:block;padding:10px 25px;color:#666666;}
nav ul li ul {position:absolute;width:110px;background:#FFF;}
nav ul li ul li {width:110px;float:none;}
nav ul li ul li a {width:110px;border-bottom:1px solid; border-color: #f0f0f0; display:block;color:#f0f0f0; text-align:left; font-size: 11px; font-family: arial; text-decoration: none; padding-top:10px !important;padding-bottom:10px!important;}
nav ul li ul li:hover a {background:#F7F7F7;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;padding-left:0px;width:761px; border: 1px solid #f0f0f0;}
.row {float:left;margin-right:30px;}

nav ul li ul li ul.undernav {float:right;}

nav ul li ul li. hover ul.undernav{}

.car-155419011 {background: url(../gfx/benz-car.png) no-repeat; height:600px; width:226px;float:right; margin: 30px 30px 0px 0px !important;}
.car-734666011 {background: url(../gfx/amg-car.png) no-repeat; height:210px; width:226px;float:right; margin: 0px 30px 0px 0px !important;}
.car-844595011 {background: url(../gfx/smart-car.png) no-repeat; height:210px; width:226px;float:right; margin: 0px 30px 0px 0px !important;}
.car-716981011 {background: url(../gfx/rosier-car.png) no-repeat; height:210px; width:226px;float:right; margin: 10px 30px 0px 0px !important;}

.logo-155419011 {background: url(../gfx/benz-gross.png) no-repeat; height:45px; width:178px; overflow:hidden; background-size: 178px; background-position: center}
.logo-734666011 {background: url(../gfx/amg.png) no-repeat; height:45px; width:145px; background-position: center 18px}
.logo-844595011 {background: url(../gfx/smart.png) no-repeat; height:45px; width:110px; background-position: center}
.logo-716981011 {background: url(../gfx/mercedes-benz-classic.png) no-repeat; height:45px; width:255px ;background-position: center}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	font-family: arial;
	font-size: 11px;
	margin-top: 0px;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 999;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* Content */

/*Sidebar*/

#ar-content{width:1280px; margin: 0px auto;font-family: arial}
#ar-content-article{width:1174px; margin: 0px auto;font-family: arial;height:40px}
.breadcrumb{height:40px;}
.breadcrumb-link{font-size:14px; ; float:left;margin-right:5px;}
.breadcrumb-link a, .pr-navi-link a:visited, .pr-navi-link a:link {text-decoration: none;color: #666666;padding-right:5px;}
.breadcrumb a:hover{text-decoration: underline;}
.pr-navi{height:40px;}
.pr-navi-link{font-size:14px; ; float:left;margin-right:5px;}
.pr-navi-link a, .pr-navi-link a:visited, .pr-navi-link a:link {text-decoration: none;color: #666666;padding-right:5px;}
.pr-navi-link a:hover{text-decoration: underline;}

.ar-side-box-title{background: url(../gfx/side-head.png) no-repeat; width:163px;height:27px; margin:0px 0px 15px -12px; font-size: 18px; color: #666;padding: 8px 0px 0px 24px;}

.ar-content-area{margin-top: 20px}

.ar-content-left{background-color: white;width: 195px; box-shadow:0px 0px 20px -10px; float:left;padding-bottom: 47px;margin-bottom:40px;}

.ar-content-right{background-color: white;width: 195px; box-shadow:0px 0px 20px -10px; float:right; padding-bottom:27px;margin-bottom:0px;}

.ar-content-center{width: 830px;float: left;margin: 0px 30px;font-family:arial;}
.ar-content-center a { color: #666!important; text-decoration: underline; }

.ar-side-box{margin-bottom:20px}

.ar-marke{margin:0px 0px 15px 14px}
.ar-marke .Auswahl {box-shadow: inset 2px 2px 8px -4px #888;width: 161px; height: 28px;border:1px solid #d1d1d1;color:#b7b6b6;font-size:12px; font-style: italic;padding:5px 0px 0px 5px;}
.ar-marke option {font-style: normal; color: black}

#s {box-shadow: inset 2px 2px 8px -4px #888;width: 154px; height: 28px;border:1px solid #d1d1d1;color:#b7b6b6;font-size:12px; font-style: italic;padding:1px 0px 0px 5px;margin-left: 14px;}
#ss {box-shadow: inset 2px 2px 8px -4px #888;width: 160px; height: 28px;border:1px solid #d1d1d1;color:#b7b6b6;font-size:12px; font-style: italic;padding:1px 0px 0px 5px;margin-left: 14px;}

#submitButton{background:url(../gfx/search-button.jpg) no-repeat; width:91px; height:29px;overflow:hidden;text-indent:-9999px; border:none;cursor:pointer;padding-top:0px;margin: 15px 0px 0px 83px;}
#submitButton:hover{cursor:pointer;}

.ar-standorte{margin-left: 14px}
.standort-map{background: url(../gfx/standort-map.jpg) no-repeat; width:200px;height:188px;margin: 10px 0px 15px 1px}

.ar-newsletter{background: url(../gfx/newsletter.jpg) no-repeat; width:177px;height:68px;margin-left: 5px}
.newsletter-button {background:url(../gfx/anmelden-button.jpg) no-repeat; width:108px; height:29px; margin:15px 0px 0px 5px;float: left}

.side-navi {background-color:#a01c13;color: white;width:175px; margin-top:-16px;}
.side-navi ul {position: relative;list-style-type: none}
.side-navi ul li {position: relative;list-style-type: none;border-bottom: 1px solid #fff;}
.side-navi ul ul{
	display: none;
	margin-left: 155px;
	float: left;
	height: 0;
	position: absolute;
	z-index:10000;
	top: 0;
	background-color: #000;
	-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

.side-navi ul ul li{background-color: #a9aaac;width:160px;}

.side-navi ul li:hover > ul
{
	display: block;
	background-color:#000;
}

.side-navi li{padding:5px 0px 5px 20px; font-size: 14px;list-style-type: none;}
.side-navi a, .side-navi a:visited, .side-navi a:link{color:white;display: inline-block;width: 150px; text-decoration: none;}
.side-navi li:hover{background-color:#73150e;}
.side-navi a:hover{text-decoration: none}

.side-navi ul ul li:hover{background-color:#c3c6c8;}
.side-navi ul ul a:hover{text-decoration: none}
.side-navi ul ul li a{display: inline-block}





/* Right Sidebar */

.ar-mich-button {background:url(../gfx/mich.jpg) no-repeat; width:138px; height:29px; margin:5px 0px 35px 12px;float: left; cursor: pointer;}

.ar-standorte-button {background:url(../gfx/standort-button.jpg) no-repeat; width:138px; height:29px; margin:5px 0px 35px 12px;float: left; cursor: pointer;}

.paypal-big {background:url(../gfx/paypal-big.jpg) no-repeat; width:150px; height:50px; margin:21px 0px 5px 12px;}
.lastschrift-big {background:url(../gfx/lastschrift-big.jpg) no-repeat; width:150px; height:50px; margin:0px 0px 5px 12px;}
.creditcard-big {background:url(../gfx/kreditkarte-big.jpg) no-repeat; width:150px; height:50px; margin:5px 0px 35px 12px;}

.paypal-mich {background:url(../gfx/paypal-big.jpg) no-repeat; width:150px; height:50px; margin:5px 0px 5px 12px;float:left;}
.lastschrift-mich {background:url(../gfx/lastschrift-big.jpg) no-repeat; width:150px; height:50px; margin:5px 0px 5px 12px;float:left;}
.creditcard-mich {background:url(../gfx/kreditkarte-big.jpg) no-repeat; width:150px; height:50px; margin:5px 0px 35px 12px;float:left;}


.ups-big {background:url(../gfx/ups-big.jpg) no-repeat; width:150px; height:50px; margin:21px 0px 20px 12px;}


.ar-kontakt-txt{font-size:12px; color:#666666;width:163px; margin-left: 12px}

.ar-kontakt-rosier{background:url(../gfx/rosier-kontakt.jpg) no-repeat; width:164px; height:83px; margin:21px 0px 21px 12px;}}

.side-kontakt{}

.ar-phone{background: url(../gfx/ar-phone.png) no-repeat; height:17px; font-size: 12px;color: #666666;padding-left:25px;margin: 0px 0px 15px 13px;}
.ar-fax{background: url(../gfx/ar-fax.png) no-repeat; height:17px; font-size: 12px;color: #666666;padding-left:24px;margin: 0px 0px 15px 15px}
.ar-mail{background: url(../gfx/ar-mail.png) no-repeat; height:17px; font-size: 12px; color: #666666;padding-left:25px;line-height: 18px;margin: 0px 0px 15px 13px}
.ar-mail a { color: #666!important; text-decoration: underline; }


/* Startseite */
.benz-coll{background:url(../gfx/benz-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden;}
.rcs-coll{background:url(../gfx/rcs-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.amg-coll{background:url(../gfx/amg-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.brabus-coll{background:url(../gfx/brabus-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.smart-coll{background:url(../gfx/smart-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.benz-coll2{background:url(../gfx/benz-coll2.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.modell-coll{background:url(../gfx/modell-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.r-f-coll{background:url(../gfx/r-f-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.s-w-coll{background:url(../gfx/s-w-coll.jpg) no-repeat; width:266px; height:220px;float:left;margin:0px 7px 25px 7px; display: inline-block;overflow: hidden}
.ar-rollup{display: block;background: rgba(0,0,0,0.7);position: relative; transition: transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; height: 150px;margin-top: 174px;color: white;padding:13px 0px 0px 10px;}
.benz-coll:hover .ar-rollup {transform: translateY(-110px); -webkit-transform: translateY(-110px); -ms-transform: translateY(-110px);}
.rcs-coll:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.amg-coll:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.brabus-coll:hover .ar-rollup {transform: translateY(-110px); -webkit-transform: translateY(-110px); -ms-transform: translateY(-110px);}
.smart-coll:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.benz-coll2:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.modell-coll:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.r-f-coll:hover .ar-rollup {transform: translateY(-95px); -webkit-transform: translateY(-95px); -ms-transform: translateY(-95px);}
.s-w-coll:hover .ar-rollup {transform: translateY(-110px); -webkit-transform: translateY(-110px); -ms-transform: translateY(-110px);}
.ar-rollup-h1{font-size: 18px;margin-bottom: 12px}
.ar-rollup-h1 a, .ar-rollup-h1 a:visited, .ar-rollup-h1 a:link {color: #fff!important;text-decoration: none;}
.ar-rollup-h1 a:hover{text-decoration: underline;}
.ar-rollup-h2{font-size: 14px;margin-bottom: 14px}
.ar-rollup-h2:hover{cursor: default;}
.ar-rollup-link{background:url(../gfx/entdecken.png) no-repeat; width:138px; height:29px;float: left;cursor: pointer}
.ar-rollup-link:hover{
	cursor: pointer;
	box-shadow: 2px 2px 4px hsla(300,15%,25%,0.5) inset;
}
.roll-dev{margin:0px -5px 30px -5px;height: 735px}

/*Kategorie-Sortierung*/

.sortline {clear: both; background:url(../gfx/kat-nav-bg.jpg) no-repeat; margin:0px 0px 18px 0px; padding:0px 15px 6px 10px; font-size:14px; height: 35px; line-height: 35px; position: relative; width:800px; font-family: arial}
.sortline .sortname { float:right;}
.sortline .active_sort {background: none repeat scroll 0 0 white; border: 1px solid #ececec; background:url(../gfx/pfeil_runter.png) right center no-repeat; color: black; float: left; line-height: 24px;  padding-left: 18px; position: relative;min-width: 150px; cursor: pointer; padding-right:20px; font-size: 11px}
.sortline .sort_button { float: left; background:url(../gfx/sort_button.png) no-repeat; width: 32px; height:32px; position: relative;cursor: pointer;border: 1px solid #f1f1f1; border-left:0px;}
.sortline .sort_container { position: relative; float:right; margin-top:4px;background:white;}
.sortline .sort_items { display:none; background: white; border: 1px solid grey; right:0px; line-height: 20px; padding: 10px; position: absolute; top: 27px; width: 250px; z-index: 4;}
.sortline .sort_items a { display: block; color:#004494;}
.sortline .sort_items a:visited, .sortline .sort_items a:active {color:#404040;}
.sortline .found { float:left;}
.sortline .pageFormat  { margin:0px auto; display: inline-block; width: 340px; text-align: center;color:white; margin-left: 60px}
.sortline .pageFormat img { border:0px solid white; }
.sortline .pageFormat a,.sortline .pageFormat a:visited,.sortline .pageFormat a:active {border: none; text-decoration: none; color:#f49e00; font-size: 16px; padding:7px 6px; padding-top:2px;color:white; }
.sortline .pageFormat a:last-child {border-right: 0px solid pink}
.sortline .pageFormat a.disabled {font-weight: bold; color:white; border: none}
.sortline .pageFormat .imglinks1 { width:34px; position: absolute; top:1px;padding:0px; right:34px;}
.sortline .pageFormat .imglinks2 { width:34px; position: absolute; top:1px;padding:0px; right:0px;}
.found{color:white;}

.kat-bg{background: url(../gfx/kat-bg.png) no-repeat; width:270px; height:430px;margin: 0px 3px 40px 3px;float: left;text-align: center;}
.art-kat img{margin:40px auto 10px auto;text-align: center;}
.art-kat .art-img {height: 170px}
.art-kat{margin:0px auto;width:250px;min-height: 245px;position: relative}

/* Mich-Seite*/

.mich-title{background: url(../gfx/mich-titel-bg.png) no-repeat; width:350px;height:30px; margin:0px 0px 15px -12px; font-size: 18px; color: white;padding: 5px 0px 0px 24px;}
.mich-title-big a,.mich-title-big a:visited,.mich-title-big a:link{color:white !important;}
.mich-title-big a:hover{text-decoration: none !important}


.mich-title-big{background: url(../gfx/kat-nav-bg.jpg) no-repeat; background-size: 100%; width:790px; height:30px; margin:0px 0px 15px -1px; font-size: 18px; color: white !important;padding: 5px 24px 0px 24px; display: inline-block;}

.mich-unternehmen{background: url(../gfx/mich-unternehmen.jpg) no-repeat; width:179px;height:161px;margin-left: 0px;float: left;padding-bottom: 40px}

.mich-unternehmen-txt{width:608px;margin:0px 0px 0px 20px;font-size:14px;color: #666666;float: left;line-height: 19px;}
.mich-unternehmen-txt a, .mich-unternehmen-txt a:visited, .mich-unternehmen-txt a:link{text-decoration: underline;color: #666666}
.mich-unternehmen-txt a:hover{color: 203b8a;}

.mich-unternehmen-txt-kontakt{width:800px;margin:0px 0px 0px 0px;font-size:14px;color: #666666;float: left;line-height: 19px;}
.mich-unternehmen-txt-kontakt2{width:800px;margin:0px 0px 0px 0px;font-size:12px;color: #666666;}

.versand-mich-txt{margin:-14px 0px 0px 105px}

.mich-standorte{background: url(../gfx/standort-mich.jpg) no-repeat; width:179px;height:161px;margin-left: 0px;float: left;padding-bottom: 40px}

.mich-kontakt-mammes{background: url(../gfx/Malte_Mammes_130x80.jpg) no-repeat; width: 130px; height: 80px; margin-left: 0px; margin-top:15px;float: left;padding-bottom: 40px; margin-right: 20px}
.mich-kontakt-dreesmann{background: url(../gfx/Niels_Dreesmann.jpg) no-repeat; width: 130px; height: 80px; margin-left: 0px; margin-top:15px;float: left;padding-bottom: 40px}

.mich-kontakt-data{float:left;margin-top:22px;margin-left:12px;}

.ar-phone-big{background: url(../gfx/ar-phone-big.png) no-repeat; height:18px; font-size: 18px;color: #666666;padding-left:40px;margin: 0px 0px 15px 13px;}
.ar-fax-big{background: url(../gfx/ar-fax-big.png) no-repeat; height:18px; font-size: 18px;color: #666666;padding-left:40px;margin: 0px 0px 15px 15px}
.ar-mail-big{background: url(../gfx/ar-mail-big.png) no-repeat; height:18px; font-size: 18px; color: #666666;padding-left:40px;line-height: 18px;margin: 0px 0px 15px 13px}
.ar-mail-big a { color: #666!important; text-decoration: underline; }

.platz-1{background: url(../gfx/platz-1.jpg) no-repeat; width:194px;height:94px;margin-left: 0px;float: left;margin-top:7px;}
.top-10{background: url(../gfx/top-10.jpg) no-repeat; width:194px;height:94px;margin-left: 0px;float: left;margin-left: 54px;margin-top:7px;}
.top-1000{background: url(../gfx/top-1000.jpg) no-repeat; width:312px;height:94px;margin-left: 0px;float: right;margin-top:7px;margin-bottom: 30px}

.oldenburg-head{background: url(../gfx/oldenburg.jpg) no-repeat; width:829px;height:246px;margin: 20px 0px;margin-top:7px;}
.friesoythe{background: url(../gfx/friesoythe.jpg) no-repeat; width:829px;height:246px;margin: 20px 0px;margin-top:7px;}
.westerstede{background: url(../gfx/westerstede.jpg) no-repeat; width:829px;height:273px;margin: 20px 0px;margin-top:7px; background-size: 829px auto}
.wilhelmshaven{background: url(../gfx/wil.jpg) no-repeat; width:829px;height:246px;margin: 20px 0px;margin-top:7px;}
.wittmund{background: url(../gfx/wittmund.jpg) no-repeat; width:829px;height:246px;margin: 20px 0px;margin-top:7px;}
.bad-zw{background: url(../gfx/bad-zw.jpg) no-repeat; width:829px;height:246px;margin: 20px 0px;margin-top:7px;}

.benz-ktkt{background: url(../gfx/benz-label.png) no-repeat; width:169px;height:45px;margin: 30px 0px 40px;float: left;text-align: center;}
.rosier-ktkt{background: url(../gfx/mercedes-benz-classic-klein.png) no-repeat; width:169px;height:11px;margin: 10px 0px 40px 0px;float: left;text-align: center;}
.amg-ktkt{background: url(../gfx/amg.png) no-repeat; width:144px;height:14px;margin:20px 0px 40px 0px;float: left;text-align: center;}
.peugot-ktkt{background: url(../gfx/peugot.jpg) no-repeat; width:130px;height:100px;margin: 5px 0px 10px 0px;float: left;text-align: center}
.smart-ktkt{background: url(../gfx/smart.png) no-repeat; width:115px;height:40px;margin: 10px 0px 35px 0px;float: left;text-align: center}
.bosch-sv-ktkt{background: url(../gfx/bosch-sv.jpg) no-repeat; width:150px;height:90px;margin: 5px 30px 15px 25px;float: left;text-align: center}
.iveco-ktkt{background: url(../gfx/iveco.jpg) no-repeat; width:150px;height:85px;margin: -10px 30px 35px 6px;float: left;text-align: center; background-size: 125px}

.contact_heading_imgs{
	height: 145px;
	width:185px;
	float: left;
}
.contact_heading_imgs2{
	height: 85px;
	width:185px;
	float: left;
}
.contact_heading_imgs > div{
	margin-bottom: 0px;
	float: none;
}
.contact_heading_imgs2 > div{
	margin-bottom: 0px;
	float: none;
}
.ktkt-txt{font-size:12px;color: #666666;margin-bottom: 20px;line-height: 17px}
.ktkt-txt-1{font-size:12px;color: #666666;margin: 0px 0px 20px 96px;float: left;line-height: 17px}

.kontakt-lab{width:200px;float: left; margin-right: 69px;}
.kontakt-lab-single{width:600px;float: left;}
.kontakt-lab-right{width:200px;float: right; margin-right: 89px;}

.oeff-title{font-size:12px;font-weight:bold;color: #666666;margin:10px 0px 15px 0px}
.oeff-txt{font-size:12px;color: #666666;margin-bottom: 20px;}
.oeff-txt1{font-size:12px;color: #666666;margin-bottom: 30px;float:left;margin-right:10px;line-height: 18px; width: 100%}
.oeff-txt2{font-size:12px;color: #666666;margin-bottom: 30px;line-height: 18px; width: 100%}
.oeff-txt3{font-size:12px;color: #666666;margin-bottom: 30px;line-height: 18px;margin-left: 220px}
.oeff-lab{float: left;margin-right: 60px;width: 210px}
.oeff-lab-mich{float: left;margin-right: 20px;width: 215px}

.oeff-lab-mich:nth-child(3) {margin-right: 0; width: 320px}

.anfahrt-amm-heer{background: url(../gfx/anfahrt-amm-heer.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-bre-heer{background: url(../gfx/anfahrt-bre-heer.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-bre-heer-401{background: url(../gfx/anfahrt-bre-heer-401.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-frie{background: url(../gfx/anfahrt-frie.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-whv{background: url(../gfx/WHV_Junkerei_Anfahrt.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-west{background: url(../gfx/anfahrt-west.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-witt{background: url(../gfx/anfahrt-witt.jpg) no-repeat; width:630px;height:588px;margin: 15px 0px 30px 1px;margin-top:7px;}
.anfahrt-bad-zw{background: url(../gfx/anfahrt-bad-zw.jpg) no-repeat; width:630px;height:380px;margin: 15px 0px 30px 1px;margin-top:7px;}

.vorher1 img{width:200px;float: left}
.vorher2 img{width:200px;float: left;margin:0px 50px;}
.vorher3 img{width:200px;margin-bottom: 15px}

.nachher1 img{width:200px;float: left}
.nachher2 img{width:200px;float: left;margin:0px 50px;}
.nachher3 img{width:200px;margin-bottom: 30px}

.standort-txt{width:850px;margin:0px 0px 20px 0px;font-size:14px;color: #666666;float: left;line-height: 18px}


/* Artikelseite */

.ar-content-article{width:1174px; margin: 0px auto;font-family: arial}
.ar-content-article ul {margin: 10px 0}
#site-ar-article{width:1174px;}
.ar-content-article-center{width: 744px;float: left;margin: 0px 20px;font-family:arial;}
#ar-content-article .side-navi > li {padding: 0}


.ar-content-article h1 {font-size: 24px;color: #666;font-weight: normal; margin-top:0px;margin-bottom: 15px}

#bild{margin: 0px auto;width: -moz-max-content;text-align:center}
#bild img{margin:35px auto 0px auto;text-align:center; width:16em;}

.artikelbild-bg{background: url(../gfx/shadow-big.png) no-repeat; width:350px; min-height:230px; float: left; margin-right:28px; margin-bottom: 20px}

.miniartikelbild {}
.miniartikelbild img{height: 4.5em;margin:0px 4px 40px 4px; box-shadow:0px 0px 20px -6px #666666 }

.bilder #thumbs a{float:left;}

.carlabel{width:325px; height:224px; margin: 0; float: left;}

.product-txt{width:608px;margin:0px 0px 20px 12px;font-size:14px;color: #666666;float: left;line-height: 18px}
.product-txt a, .product-txt a:visited, .product-txt a:link{text-decoration: underline;color: #666666}
.product-txt a:hover{color: 203b8a;}

.art-title{background: url(../gfx/kat-nav-bg.jpg) no-repeat; width:690px;height:30px; margin:0px 0px 15px -1px; font-size: 18px; color: white !important;padding: 5px 24px 0px 24px; display: inline-block;}

.kat-bg-article{background: url(../gfx/kat-bg-article.png) no-repeat; width:240px; height:430px;margin: 0px 4px 40px 4px;float: left;text-align: center;}
.art-kat img{max-height:160px;margin:20px auto 10px auto;text-align: center;}
.art-kat-article{margin:0px auto;width:240px}
.lab-kat{margin-top: 5px}

.art-kat-article {}
.art-kat-article a {display: inline-block; margin: 0 auto}
.art-kat-article a img {max-width: 200px; margin:20px auto 10px auto;text-align: center;}

.hersteller_logo img{width:12em;margin:15px 0px;}
.hersteller_logo{height: auto !important; margin:10px auto;width: -moz-fit-content;}

.art-nam{font-size: 14px;font-weight: bold; margin: 5px auto; width:220px; text-align: center}
.art-nam a, .art-nam a:visited, .art-nam a:link{color: #666666; text-decoration: none}
.art-nam a:hover{text-decoration: underline;}

.art-prc{font-size: 18px; font-weight: bold;color: #a01c13; text-align: center;margin: 10px 0px}

.art-sof{font-size: 14px; font-weight: normal; text-align: center;margin-top: 12px}
.art-sof a, .art-sof a:visited, .art-sof a:link{text-decoration: none;color: #666;}
.art-sof a:hover{text-decoration: underline;}

.art-tim{font-size: 12px; font-weight: normal;color: #666666; text-align: center;margin-top:4px;}

.kostenlos{background: url(../gfx/versandkostenfrei.png) no-repeat; height: 17px; width: 169px; margin: 10px auto; color: rgba(0, 0, 0, 0)}
.art-vers{font-size: 12px; font-weight: normal;color: #666666; text-align: center;margin-top:4px;}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;display: none !important}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;display: none !important}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;display: none !important}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*** DEMO SKIN ***/

.sf-menu-bg{width:480px; border: 1px solid #f0f0f0;float:right;margin-left: -1px;border:none;}
.sf-menu-bg img{float:right;margin: 5px 5px 0px 200px}

.sf-menu {
	float: left;
	margin-top:-4px;
	margin-bottom: 1em;
	position: relative;
}
.sf-menu ul {;
	min-width: 12em; /* allow long menu items to determine submenu width */
	border: 1px solid #E6E6E6;
	margin-top:-1px;
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	background-color:#fff;
	text-align: left;
	width:480px;
	min-height:200px;
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #666666;
	padding: 5px 30px;
}
.sf-menu li {
	background: #FFF;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you supprt IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	width:200px;
}

.sf-menu ul li a, .sf-menu ul li a:visited, .sf-menu ul li a:link {text-align:left; min-width:100px;border-bottom: 1px solid #E6E6E6;color: #666666;
}



.sf-menu ul ul{text-align:left;border:none;margin-top:1px;width:280px;min-height: 100px}

.sf-menu ul ul li {
	background: #FFF;padding-left:20px;width: 240px
}

.sf-menu ul ul li a, .sf-menu ul ul li a:visited, .sf-menu ul ul li a:link{
border-color: #fff; border-bottom: 1px solid #E6E6E6;padding-left:20px;
}

.sf-menu ul ul li:hover{background-color: #FFF; text-decoration: underline}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #E6E6E6;;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #E6E6E6; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}




/* Footer*/
.footer-bg{background-color:#f5f5f5; height:243px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom:8px;}
#footer-align{width:1280px; margin: 0px auto;}
#footer-align-article{width:1174px; margin: 0px auto;}
.footer-content-title{font-size: 16px; font-weight: bold; color:#666666;margin-top:34px;font-family: arial}
.footer-info{float:left;margin-right: 90px;margin-left:10px;}
.footer-kontakt{float:left;margin-right: 90px}
.footer-seo{float:left;width:350px;margin-right: 40px;margin-bottom: 35px}
.footer-versand{float:left;margin-left: 20px}
.footer-zahlung{float:right;margin-right:10px;}
.footer-content-frame{padding-left:0px;margin-top:15px;color: #666666;line-height: 25px}
.footer-content-frame a, .footer-content-frame a:visited, .footer-content-frame a:link{font-size:11px; text-decoration: none; color:#666666;}
.footer-content-frame a:hover{text-decoration: underline}
.footer-content{font-family: arial;position: relative;}

.phone{background: url(../gfx/phone.png) no-repeat; height:18px; font-size: 11px;padding-left:25px;margin-bottom:15px;font-family: arial}
.mail{background: url(../gfx/mail.png) no-repeat; height:18px; font-size: 11px;padding-left:25px;margin-bottom:10px;font-family: arial}
.home{background: url(../gfx/home.png) no-repeat; height:17px; font-size: 11px;padding-left:25px;line-height: 18px;font-family: arial}

.logo-ar-foot{background: url(../gfx/logo-ar-foot.png) no-repeat;height:22px;width:94px; margin: 15px 0px 0px 2px}


.content{ width:400px; height:110px; line-height:17px;padding-right:20px; overflow:auto; background:#f5f5f5;font-size:11px;text-align: justify;font-family: arial}
g{opacity:0.3;}


.ups{background: url(../gfx/ups.png) no-repeat;height:33px;width: 97px;margin-top: 15px}
.creditcard{background: url(../gfx/creditcard.png) no-repeat;height:33px;width: 97px;margin-top: 15px}
.lastschrift{background: url(../gfx/lastschrift.png) no-repeat;height:33px;width: 97px;margin-top: 15px}
.paypal{background: url(../gfx/paypal.png) no-repeat;height:33px;width: 97px;margin-top: 15px}

.powered {width:1280px;margin: 5px auto;text-align: right;}
.powered a{text-decoration:none; color:rgb(102,102,102);font-family: 'arial';font-size:12px; text-align: rightt;}
.powered a, .powered a:visited, .powered a:link{text-decoration:none; color:#b1b3b4;}
.powered a:hover {color:#009646}

.powered-art {width:1174px;margin: 5px auto;text-align: right;}
.powered-art a{text-decoration:none; color:rgb(102,102,102);font-family: 'arial';font-size:12px; text-align: rightt;}
.powered-art a, .powered-art a:visited, .powered-art a:link{text-decoration:none; color:#b1b3b4;}
.powered a-art:hover {color:#009646}

#template{display: none}


.ar-bew-acc{background: url(../gfx/ar-bew.jpg) no-repeat; height:35px; font-size: 12px;padding-left:35px;line-height: 18px;color: #666666;padding-top:8px;line-height: 14px}

.ar-bew-acc:after{margin-top:2px;padding-top:2px;}
.ar-bew-text{margin-top: 10px;width:125px;}
.date-bew{font-size:8px;margin-top:15px;}

.ar-bew-perc{background: url(../gfx/percent.jpg) no-repeat; height:35px; font-size: 12px;padding-left:35px;line-height: 18px;color: #666666;line-height: 14px;width: 130px;margin-left:10px;}

.ar-bew-fav{background: url(../gfx/ar-fav.jpg) no-repeat; height:35px; font-size: 12px;padding-left:35px;line-height: 18px;color: #666666;line-height: 14px;width: 130px;margin-left:10px;margin-top: 23px}
.ar-bew-fav a, .ar-bew-fav a:visited, .ar-bew-fav a:link{text-decoration: none;color: #666666}
.ar-bew-fav a:hover{text-decoration: underline}

/*bx slider */

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
	height: 150px !important;
	width: 181px !important;
	margin: -10px 0px 0px 5px;
	padding-left:4px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d2d2d2;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #a01c13;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;}

.bx-wrapper .bx-next {
	right: 10px;}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*Costum Slider SEO*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container h1 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.mCSB_container h2 { font-weight: bold; margin: 10px 0 10px 0; }
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.3);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(0,0,0,0.7);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#203b8a;
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.3);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background:url(../gfx/mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/*
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/*
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}

/* custom styling */
/* content_1 scrollbar */
.content_1>.mCustomScrollBox>.mCSB_scrollTools{
	height:96%;
	top:2%;
}
/* content_2 scrollbar */
.content_2 .mCSB_scrollTools .mCSB_draggerRail{
	width:6px;
	box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:rgba(255,255,255,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.5);
	filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */
}
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.6);
	filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */
}
/* content_3 scrollbar */
.content_3>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail{
	width:0;
	border-right:1px dashed #09C;
}
.content_3 .mCSB_scrollTools .mCSB_dragger{
	height:11px;
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
	background:#09C;
}
/* content_4 scrollbar */
.content_4>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#d0b9a0;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#dfcdb9;
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
	box-shadow:0 0 3px rgba(0,0,0,0.5);
}
/* content_5 scrollbar */
.content_5>.mCustomScrollBox>.mCSB_scrollTools{
	width: 98%;
	margin: 0 1%;
}
/* content_6 scrollbar */
.content_6>.mCustomScrollBox>.mCSB_scrollTools{
	width:88%;
	margin: 0 6%;
}
/* content_8 scrollbar */
.content_8 .mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
	border-left:1px solid rgba(0,0,0,0.8);
	border-right:1px solid rgba(255,255,255,0.2);
}

/* Slider */

.oldenburg-slider {heigth: 246px !important}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
a{
	color: #333;
}
.container{
	width: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #936975;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #b19099;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2{
	font-size: 16px;
	font-style: italic;
	color: #white;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
/* Header Style */
.codrops-top{
	line-height: 24px;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.codrops-top a:hover{
	background: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: left;
	display: block;
}

p.codrops-demos{
	text-align:center;
	display: block;
	padding: 14px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #b19099;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #b19099;
	background: -moz-linear-gradient(top, #b19099 0%, #936975 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b19099), color-stop(100%,#936975));
	background: -webkit-linear-gradient(top, #b19099 0%,#936975 100%);
	background: -o-linear-gradient(top, #b19099 0%,#936975 100%);
	background: -ms-linear-gradient(top, #b19099 0%,#936975 100%);
	background: linear-gradient(top, #b19099 0%,#936975 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b19099', endColorstr='#936975',GradientType=0 );
}
p.codrops-demos a:hover{
	background: #b19099;
}
p.codrops-demos a:active{
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #443132;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
#testSlide3 {
	display: inline-block;
	border: 1px solid #b19099;
	padding: 4px 10px 3px;
	margin: 0px 3px;
	color: #fff;
	background: #111;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}

.art-nam
{
	min-height:55px;
}

.agb-title{background: url(../gfx/agb-titel-bg.png) no-repeat; width:365px;height:30px; margin:0px 0px 15px -12px; font-size: 18px; color: white;padding: 5px 0px 0px 24px;}

.agb_paragraph, .disclaimer_paragraph {padding-bottom: 15px}