@charset "utf-8";

/* ------------------------------------------------------------- */
/* => GlobalStyles
/* ------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	outline:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section {
    display:block;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	border:1px dashed #a2ba6e;
	margin:5px 0 5px 0;
}
ol,
ul {
	list-style:none;
}

caption,
th {
	text-align:left;
}

abbr,
acronym {
	border:0;
}

h1,
h2,
h3 {
	font-size:100%;
	font-weight:normal;
}


h4 { font-size: 20px; color: #dc2b19; margin-bottom: 20px; }
h5 { font-size: 18px; margin-bottom: 15px; }
h6 { font-size: 16px; font-weight: 400; font-style: italic; margin-bottom: 10px; }

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
	content:none;
}

iframe{border:0;}

.clear {
	font-size:0.001em;
	line-height:0.001em;
	text-indent:-9999px;
	overflow:hidden;
	height:0;
	clear:both;
}
.indent {
    font-size:0.00001em !important;
    line-height:0.00001em !important;
    text-indent:-9999px !important;
    overflow:hidden !important;
    height:0px !important;
    margin:0px !important;
    padding:0px !important;
}
.float-left {
	float:left !important;
}

.float-right {
	float:right !important;
}

html,
body {
	height:100%;
	min-width:960px;
}
a {
	color:#fff;	
	word-wrap: break-word;
}

a:hover	{ text-decoration:none;}


html {
	overflow-y:scroll;
	background:url(../images/bg-html.jpg) center top repeat;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:normal;
	color:#fff;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../files/webfonts/bebasneue_1-webfont.eot');
    src: url('../files/webfonts/bebasneue_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../files/webfonts/bebasneue_1-webfont.woff') format('woff'),
         url('../files/webfonts/bebasneue_1-webfont.ttf') format('truetype'),
         url('../files/webfonts/bebasneue_1-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------------------------------------------------- */
/* => container
/* ------------------------------------------------------------- */

#container {
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -173px auto;
	background:url(../images/bg-body.jpg) center top no-repeat fixed;
}

/* ------------------------------------------------------------- */
/* => header
/* ------------------------------------------------------------- */

header {
    width:100%;
    height:149px;
	background:url(../images/bg-header.png) center top repeat-x;
}
#header {
	width:960px;
	height:149px;
	margin:0 auto;
	position:relative;	
	color: #252525;
	background:url(../images/bg-header-inner.png) center top no-repeat;
	z-index:1;
}
    #header div#branding a {
        position:absolute;
        display:block;
        width:460px;
        height:139px;
        top:0;
        left:255px;
        overflow:hidden;
		z-index:2;
    }
    #header div#branding img {
        border:none;
    }
    #header div span {
        display:block;
        text-indent:-9999px;
    }
    #header div#branding a:hover {
        text-decoration:none;
    }

#header-phone {
	padding:0 0 0 20px;
	position:absolute;
	top:60px;
	left:0px;
	font-family: 'Bebas Neue';
	font-size:2.0em;
	line-height:1.7em;
	background:url(../images/icon-phone.png) 0 19px no-repeat;	
}
	#header-phone strong {
		font-size:1.4em;
		font-weight:normal;	
		padding:0 0 0 20px;
		letter-spacing:0.022em;
	}
	
#header-mail {
	position:absolute;
	top:60px;
	left:743px;
	font-family: 'Bebas Neue';
	font-size:2.0em;
	line-height:1.7em;
	background:url(../images/icon-mail.png) 1px 41px no-repeat;
}
	#header-mail strong {
		font-size:1.4em;
		font-weight:normal;	
		padding:0 0 0 42px;
		letter-spacing:0.024em;
	}
	#header-mail a {
		color: #252525;
		text-decoration:none;	
	}
	#header-mail a:hover {
		text-decoration:underline;	
	}

a#shop-button {
	display:block;
	width:134px;
	height:93px;
	padding:41px 0 0 0; 
	position:absolute;
	top:283px;
	right:-20px;
	background:url(../images/shop-button.png) 0 0 no-repeat;	
	font-family: 'Bebas Neue';
	font-size:2.0em;
	line-height:1.4em;
	color:#fff;
	text-decoration:none;
	text-align:center;
	z-index:3;
}
	a#shop-button:hover {
		background-position:0px -134px;	
	}
	a#shop-button span {
		color:#fff;
		font-size:1.5em;	
	}
	body#index a#shop-button {
		top:183px;
	}


/* ------------------------------------------------------------- */
/* => nav-index
/* ------------------------------------------------------------- */

ul#nav-index {
	width:924px;
	height:365px;
	background:url(../images/bg-nav.png) center 303px no-repeat;
	margin: 0 auto;
}
	ul#nav-index li {
		float:left;	
		margin:0 1px 0 0;
		position:relative;

	}
	ul#nav-index li a {
		display:block;
		width:128px;
		height:41px;
		padding:262px 0 0 31px;
		font-family: 'Bebas Neue';
		font-size:1.8em;
		line-height:0.82em;
		color:#fff;
		text-decoration:none;	
		background:url(../images/bg-nav-index-a.png) 0 243px no-repeat;	
	}
	ul#nav-index li a.opa	{
		opacity: 0.3;		
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
		filter: alpha(opacity=30);		
	}
	
	
	ul#nav-index li a.auto {
	    width: 130px;
	    padding: 248px 0 13px 72px;
	    background: url(../images/bg-nav-index-a.png) 40px 243px no-repeat;
	}
	ul#nav-index li:hover a.auto {
		background-position:none;
	}
	
	ul#nav-index li a.motorrad {
	    width: 130px;
	    padding: 248px 0 13px 55px;
	    background: url(../images/bg-nav-index-a.png) 23px 243px no-repeat;
	}
	ul#nav-index li:hover a.motorrad {
		background-position:23px -358px;
	}
	
	ul#nav-index li a.jet-ski {
	    width: 170px;
	    height: 54px;
	    padding: 265px 0 0 31px;
	    background: url(../images/bg-nav-index-a.png) 0px 243px no-repeat;
	}
	ul#nav-index li:hover a.jet-ski {
		background-position:1px -358px;
	}
	
	ul#nav-index li a.design-und-werbung {
		height: 180px;
	    width: 100px;
	    padding: 248px 0 0 62px;
	    background: url(../images/bg-nav-index-a.png) 28px 243px no-repeat;
	}
	ul#nav-index li:hover a.design-und-werbung {
		background-position:28px -358px;
	}
	
	ul#nav-index li a.motorradlacke {
	    width: 110px;
	    padding: 248px 0 15px 59px;
	    background: url(../images/bg-nav-index-a.png) 25px 243px no-repeat;
	}
	ul#nav-index li:hover a.motorradlacke {
		background-position:25px -59px;
	}
	
	
	ul#nav-index li a.modellmanufaktur {
		height:54px;
		width:100px;
		padding:248px 0 0 30px;
		background:url(../images/bg-nav-index-a.png) 0 243px no-repeat;	
	}
	ul#nav-index li:hover a.modellmanufaktur {
		background-position: 0 -59px;
	}
	
	
	ul#nav-index li.auto-bg {
		background:url(../images/nav-index/auto2-bg.png) center top no-repeat;	
	}
	ul#nav-index li.motorrad-bg {
		background:url(../images/nav-index/motorrad-bg.png) center top no-repeat;	
	}
	ul#nav-index li.jet-ski-bg {
		background:url(../images/nav-index/jet-ski-bg.png) center top no-repeat;	
	}
	ul#nav-index li.design-und-werbung-bg {
		background:url(../images/nav-index/design-und-werbung-bg.png) center top no-repeat;	
	}
	ul#nav-index li.motorradlacke-bg {
		background:url(../images/nav-index/motorradlacke-bg.png) center top no-repeat;	
	}
	ul#nav-index li.modellmanufaktur-bg {
		background:#000;	
	}
	
/* --------------------------- sub-navi ------------------------ */

	ul#nav-index li:hover ul {
		display:block;
	}
	
	ul#nav-index li ul {
		display:none;
		height:35px;
		padding:24px 10px 0 10px;
		position:absolute;
		top:302px;
		margin:0 0 0 -1px;
		background:url(../images/bg-nav-index-li.png) 0 0 repeat;	
		border-left:1px solid #070707;
		border-right:1px solid #070707;
		border-bottom:1px solid #070707;
	}
		ul#nav-index li ul#sub-nav-auto {
			width:540px;
			/*border:none;
			border-right:1px solid #070707;
			border-bottom:1px solid #070707;*/
			margin:0 0 0 0px;
		}
		ul#nav-index li ul#sub-nav-motorrad {
			width:420px;
		}
		ul#nav-index li ul#sub-nav-jet-ski {
			width: 639px;
			left: -166px;
		}
		ul#nav-index li ul#sub-nav-design-und-werbung {
			width:458px;
			left: -96px;
			/*border:none;
			border-left:1px solid #070707;
			border-bottom:1px solid #070707;*/
		}
		
		ul#nav-index li ul li {
			float:left;
			margin:0 23px 0 0;
			background:none;
		}
		*+html ul#nav-index li ul li { /* IE7 hack */
			margin:0 22px 0 0;
		}
		ul#nav-index li ul li.last {
			margin:0;	
		}
		ul#nav-index li ul li a {
			float:left;	
			width:auto;
			height:auto;
			color:#060606;
			font-size:1.3em;
			padding:0;
		}
		ul#nav-index li ul li a:hover, ul#nav-index li ul li.active a {
			color:#dc2b19;	
		}


/* ------------------------------------------------------------- */
/* => nav
/* ------------------------------------------------------------- */

ul#nav {
	width:960px;
	height:122px;
	margin:64px 0 0 0;  
	background:url(../images/bg-nav.png) center 60px no-repeat;
}
	ul#nav li {
		float:left;	
		margin:0 1px 0 0;
		position:relative;
		background:url(../images/bg-nav-li.png) 0 0 repeat-x;
	}
	ul#nav li a {
		display:block;
		width:128px;
		height:41px;
		padding:20px 0 0 31px;
		font-family: 'Bebas Neue';
		font-size:1.8em;
		line-height:0.82em;
		color:#fff;
		text-decoration:none;	
		background:url(../images/bg-nav-a.png) 0 0 no-repeat;	
	}
	
	ul#nav li a.auto {
		width: 145px;
		padding:20px 0 0 68px;	
		background:url(../images/bg-nav-a.png) 0px 0 no-repeat;	
	}
	ul#nav li a.motorrad {
	    width: 100px;
	    padding: 12px 9px 7px 43px;
	    background: url(../images/bg-nav-a.png) 0px 0 no-repeat;
	}
	ul#nav li a.jet-ski {
	    width: 132px;
	    padding: 19px 0 0 68px;
	    height: 55px;
	    background: url(../images/bg-nav-a.png) 0px 0 no-repeat;
	}
		ul#nav li a.design-und-werbung {
	    width: 108px;
	    height: 55px;
	    padding: 7px 0 0 59px;
	    background: url(../images/bg-nav-a.png) 0px 0 no-repeat;
	}
	ul#nav li a.motorradlacke {
	    width: 158px;
	    height: 41px;
	    padding: 19px 0 15px 65px;
	    background: url(../images/bg-nav-a.png) 0px 0 no-repeat;
	}
	
	ul#nav li a.modellmanufaktur {
		width:100px;
		height:55px;
		padding:7px 0 0 32px;	
		background:url(../images/bg-nav-a.png) 0 0 no-repeat;	
	}
	
	ul#nav li a:hover, ul#nav li.active a {
		background-position-top: -60px;	
	}

/* --------------------------- sub-navi ------------------------ */

	ul#nav li:hover ul {
		display:block;
	}
	ul#nav li:hover a.auto, ul#nav li:hover a.motorrad, ul#nav li:hover a.design-und-werbung, ul#nav li:hover a.jet-ski {
		background-position:0px -120px;
	}
	ul#nav li:hover a.auto {
		background-position: 2px -120px;
	}
	ul#nav li:hover a.motorrad {
		background-position: 2px -120px;
	}
	ul#nav li:hover a.jet-ski {
		background-position: 2px -120px;
	}
	ul#nav li:hover a.design-und-werbung {
		background-position: 2px -120px;
	}
	
	#auto ul#nav li:hover ul,
	#jet-ski ul#nav li:hover ul,
	#motorrad ul#nav li:hover ul,
	#design-und-werbung ul#nav li:hover ul,
	#advertising-design ul#nav li:hover ul,
	#motorcycle ul#nav li:hover ul {
		background:#000 !important;
		z-index: 99 !important
	}

	ul#nav li ul {
		display:none;
		height:35px;
		padding:24px 10px 0 10px;
		position:absolute;
		top:61px;
		z-index: 500;
		margin:0 0 0 -1px;
		background:url(../images/bg-nav-li.png) 0 0 repeat;	
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
		ul#nav li ul#sub-nav-auto {
			width:545px;
			border:none;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			margin:0 0 0 0px;
		}
		ul#nav li ul#sub-nav-motorrad {
			width:425px;
		}
		ul#nav li ul#sub-nav-jet-ski {
			width: 639px;
			left: -149px;
			white-space: nowrap;
		}
		ul#nav li ul#sub-nav-design-und-werbung {
			width:460px;
			border:none;
			left: -79px;
			border-left:1px solid #fff;
			border-bottom:1px solid #fff;
		}
		
		ul#nav li ul li {
			float:left;
			margin:0 23px 0 0;
			background:none;
		}
		*+html ul#nav li ul li { /* IE7 hack */
			margin:0 22px 0 0;
		}
		ul#nav li ul li.last {
			margin:0;	
		}
		ul#nav li ul li a {
			float:left;	
			width:auto;
			height:auto;
			color:#bcbcbc;
			font-size:1.3em;
			padding:0;
		}
		ul#nav li ul li a:hover, ul#nav li ul li.active a {
			color:#dc2b19;	
		}


/* ------------------------------------------------------------- */
/* => nav-add
/* ------------------------------------------------------------- */

ul#nav-add {
	width:950px;
	height:32px;
	padding:17px 0 0 10px;
	background:#606060;
}

body#index ul#nav-add {
	margin:76px 0 0 0;
}
	ul#nav-add li {
		float:left;	
		margin:0 11px 0 0;
	}
	ul#nav-add li a {
		font-family: 'Bebas Neue';
		font-size:1.3em;
		color:#bcbcbc;
		text-decoration:none;	
	}
	ul#nav-add li a:hover, ul#nav-add li.active a {
		color:#dc2b19;
		text-decoration:none;	
	}
	

/* ------------------------------------------------------------- */
/* => nav lang
/* ------------------------------------------------------------- */
ul#nav-lang {width: 115px; position: absolute; top: 15px; right: 10px; margin-left: -50px; }
ul#nav-lang li {float: left; padding: 5px; opacity: 0.5 }
ul#nav-lang li.active, ul#nav-lang li:hover { opacity: 1 }

/* ------------------------------------------------------------- */
/* => content-container
/* ------------------------------------------------------------- */
	
#content-container {
    width:960px;
	margin:0 auto;
	position:relative;
	font-size:1.4em;
	line-height:1.21em;
}
h2 {
	width:952px;
	height:38px;
	background:url(../images/transparent-bg.png) 0 0 repeat;
	font-family: 'Bebas Neue';
	font-size:2.1em;
	color:#fff;	
	text-align:center;
	padding:24px 0 0 8px;
	letter-spacing:0.02em;
}
	h2 span {
		color:#dc2b19;	
	}
h3 {
	width:952px;
	height:33px;
	background: #5b5b5b;
	font-family: 'Bebas Neue';
	font-size:1.4em;
	color:#bcbcbc;	
	text-align:center;
	padding:19px 0 0 8px;
	letter-spacing:0.02em;
}
	h3 span {
		color:#fff;	
	}
	h3 img {
		margin:0px 4px 0 0;	
		position:relative;
		top:1px;
	}
	h3 a {
		text-decoration:none;	
	}	
#content-main h3 {
	text-align:left;	
	}
h4, .h5, .h4 {
	font-size:1em;
	font-weight:bold;
	margin:0 0 17px 0;	
	color: #dc2b19;	
	
}	
#content-container p {
    margin:0 0 17px 0;
}
	.separator {
		width:960px;
		height:5px;	
		margin:0 0 5px 0;
		background:url(../images/bg-separator.png) 0 0 repeat-x;
	}


/* ------------------------------------------------------------- */
/* => content-main
/* ------------------------------------------------------------- */

#content-main {
    width:921px;
	padding:20px 19px 20px 20px;
    background:url(../images/transparent-bg.png) 0 0 repeat;
}
#content-main ul {
	margin:0 0 17px 0;	
}
#content-main ul li {
	padding:0 0 0 20px;
	margin:0 0 2px 0;
	background:url(../images/icon-required.png)	0 2px no-repeat; 
}
#content-main h3 {
	width:auto;
	height:auto;
	background:none;
	font-family: 'Bebas Neue';
	font-size:1.4em;
	color:#fff;
	padding:0;	
	letter-spacing:0.02em;
	margin:0 0 5px 0;
}
	.content-column {
		float:left;
		width:446px;
	}
	.content-column h2{
		width:auto;
	}
	.content-column h2 a{
		color:#DC2B1B;
	}
	
	.linie-cms {
	height:32px;
	width:445px;
	background: url(../images/linie-content.png) 0 0 repeat-x;
	padding:0 0 20px;
	opacity:0.25;
}
	.line-separator {
		width:100%;
		height:2px;
		margin:0 0 30px 0;
		background:url(../images/line-separator.png) 0 0 repeat;	
	}
	.content-img {
		margin:0 9px 0 0;
		float:left;
		
	}
	.content-img-last {
		margin:0 0px 0 0;
		float:left;
	}
	
	.img {
		position:relative;	
		float:left;
	}
	span.img-mask {
		display:block;
		width:177px;
		height:114px;
		position:absolute;
		top:0px;
		left:0px;
		background:url(../images/img-mask.png) 0 0 no-repeat;	
	}
	
	.cms-img-left {
		float:left;
		margin:0 0 17px 0;	
	}
	.cms-img-right {
		float:right;
		margin:0 0 17px 0;	
	}
	.cms-img-right-1 {
		float:right;
		margin:0 0 17px 17px;	
	}
	.cms-img-left-1 {
		float:left;
		margin:0 17px 17px 0;	
	}
	a.pdf {
		background:url(../images/icon-pdf.png) 0px 2px no-repeat;
		padding:3px 0 20px 25px;
		margin:3px 0 5px 0;
	}
	#cms-table {
		border-collapse:collapse; 
		border-spacing:0; 
		margin:0 0 17px 0;	
		
	}
	#cms-table p {
		margin:0 !important;	
	}
	table td {
    	padding-right: 10px;
	}
	#cms-table img {
		margin:0 !important;	
	}
	

#push {
    font-size:0.001em;
    line-height:0.001em;
    height:237px;
    float:none;
    clear:both;
}

#mediaplayer { margin-right: 10px; }

.googlemap {border:none;}

/* ------------------------------------------------------------- */
/* => footer
/* ------------------------------------------------------------- */

footer {
    width:100%;
    height:173px;
	background:url(../images/bg-footer.png) center top repeat-x;
}
#footer {
	width:950px;
    height:132px;	
	margin:0 auto;
	padding:41px 0 0 10px;
	font-size:1.8em;
	line-height:1.222em;
	font-family: 'Bebas Neue';
	color:#bcbcbc;
}
#footer h4 {
	font-size:1.33em;
	color:#fff;	
	margin:0 0 21px 0;
	font-weight:normal;
}
#footer p {
	margin:0 0 13px 0;	
}
#footer a {
	color:#bcbcbc;
	text-decoration:underline;	
}
#footer a:hover {
	color:#dc2b19;
	text-decoration:underline;	
}
#footer h4 a {
	color:#fff;
	text-decoration:none;	
}
#footer h4 a:hover {
	color:#fff;
	text-decoration:underline;
}


	#footer-address {
		float:left;
		width:340px;	
	}
		#footer-address span.distance {
			float:left;
			width:140px;	
		}
		#footer-address h4 a img {
			float:left;
			margin:-10px 15px 0 0;	
		}

	#footer-facebook {
		float:left;
		width:290px;	
	}
		#footer-facebook h4 a img {
			float:left;
			margin:-3px 15px 0 0;	
		}
	

/* - Mobile Styles -*/
#nav-mobile {
	display:none;	
}

address#address {display:none;}


/*---------- 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;
}