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




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

ul#nav-index {
	width:879px;
	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,
	ul#nav-index li span {
		display:block;
		width:128px;
		height:41px;
		padding:262px 0 0 31px;
		font-family: 'Bebas Neue';
		font-size:23px;
		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 span.auto {
	    width: 90px;
	    padding: 262px 0 0 72px;
	    background: url(../images/bg-nav-index-a.png) 40px 243px no-repeat;
	}
	

	ul#nav-index li span.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 a.jet-ski {
	    width: 100px;
	    height: 54px;
	    padding: 248px 0 0 65px;
	    background: url(../images/bg-nav-index-a.png) 31px 243px no-repeat;
	}
	ul#nav-index li:hover a.jet-ski {
		background-position:31px -358px;
	}

	ul#nav-index li a.motorcycle {
	    width: 100px;
	    padding: 262px 0 0 55px;
	    background: url(../images/bg-nav-index-a.png) 23px 243px no-repeat;
	}
	ul#nav-index li:hover a.motorcycle {
		background-position:23px -358px;
	}
	
	ul#nav-index li a.advertising-design {
		height:54px;
	    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.advertising-design {
		background-position:28px -358px;
	}
	
	ul#nav-index li.auto-bg {
		background:url(../images/nav-index/auto2-bg.png) center top no-repeat;	
	}
	ul#nav-index li.motorcycle-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.advertising-design-bg {
		background:url(../images/nav-index/design-und-werbung-bg.png) center top no-repeat;	
	}
	ul#nav-index li.modellmanufaktur-bg {
		background:#000;	
	}
	
	
	ul#nav-index li span {
		opacity: 0.3;		
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
		filter: alpha(opacity=30);		
	}
		
/* --------------------------- 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:458px;
			/*border:none;
			border-right:1px solid #070707;
			border-bottom:1px solid #070707;*/
			margin:0 0 0 0px;
		}
		ul#nav-index li ul#sub-nav-motorcycle {
			width:500px;
		}
		ul#nav-index li ul#sub-nav-jet-ski {
			width: 565px;
			left: -141px; 
		}
		ul#nav-index li ul#sub-nav-design-und-werbung {
			width: 311px;
			/*border:none;
			border-left:1px solid #070707;
			border-bottom:1px solid #070707;*/
		}
		ul#nav-index li ul#sub-nav-jet-ski li {
			 background: none repeat scroll 0 0 transparent;
			 float: left;
			 margin: 0 12px 0 0;
		}
		
		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 {
}
	ul#nav li {
	}

	ul#nav li span {
		display:block;
		width:128px;
		height:41px;
		padding:20px 0 0 31px;
		font-family: 'Bebas Neue';
		font-size:1.5em;
		line-height:0.82em;
		color:#fff;
		text-decoration:none;	
		background:url(../images/bg-nav-a.png) 0 0 no-repeat;
		opacity: 0.3;		
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
		filter: alpha(opacity=30);					
	}
	ul#nav li a.auto {
		width:95px;
		padding:20px 0 0 68px;	
		background:url(../images/bg-nav-a.png) 36px 0 no-repeat;	
	}
	ul#nav li a.motorcycle {
	    width: 150px;
	    padding: 20px 0 0 52px;
	    background: url(../images/bg-nav-a.png) 17px 0 no-repeat;
	}
	ul#nav li a.jet-ski {
	    width: 100px;
	    padding: 7px 0 0 68px;
	    height: 55px;
	    background: url(../images/bg-nav-a.png) 30px 0 no-repeat;
	}
	
	ul#nav li a.advertising-design {
	    width: 140px;
	    height: 55px;
	    padding: 7px 0 0 59px;
	    background: url(../images/bg-nav-a.png) 11px 0px no-repeat;
	}
	
	ul#nav li span.modellmanufaktur {
		width:128px;
		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:2px -60px;	
	}
	
	ul#nav li a.opa	{	
		opacity: 0.3;		
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
		filter: alpha(opacity=30);	}
	
		ul#nav li a:hover.advertising-design, ul#nav li.active a.advertising-design,
		ul#nav li a:hover.motorcycle, ul#nav li.active a.motorcycle {
		background-position:0px -60px;	
	}
ul#nav li a:hover.advertising-design, ul#nav li.active a.advertising-design {
    background-position: 18px -60px;
}

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

	ul#nav li:hover ul {
		display:block;
	}
	ul#nav li:hover a.motorcycle, ul#nav li:hover a.advertising-design, ul#nav li:hover a.jet-ski {
		background-position:0px -120px;
	}
	ul#nav li:hover a.auto {
		background-position: 36px -60px;
	}
	ul#nav li:hover a.motorcycle {
		background-position: 18px -120px;
	}
	ul#nav li:hover a.jet-ski {
		background-position: 30px -120px;
	}
	ul#nav li:hover a.advertising-design {
		background-position: 18px -120px;
	}
	
	ul#nav li:hover a.modellmanufaktur {
		background-position: 0px -60px;
	}

	ul#nav li ul {
		display:none;
		height:35px;
		padding:24px 10px 0 10px;
		position:absolute;
		top:61px;
		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:459px;
			border:none;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			margin:0 0 0 0px;
		}
		ul#nav li ul#sub-nav-motorcycle {
			width:450px;
		}
		ul#nav li ul#sub-nav-jet-ski {
			width:695px;
		}
		ul#nav li ul#sub-nav-advertising-design {
			width:400px;
			border:none;
			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;	
		}

	.linie-cms {
	height:32px;
	width:445px;
	background: url(../images/linie-content.png) 0 0 repeat-x;
	padding:0 0 20px;
	opacity:0.25;
}