/* Import Reset Stylesheet */
@import "reset.css";
/* End Reset Stylesheet */

/* ------------------------------------------------------------------------ 
   BASICS 
------------------------------------------------------------------------ */

.c {
	clear: both;
}

.n {
	position: absolute;
	top: -1000px;
}

.s {
	font-size: 75%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}


html {

}

body {
	background: #367599 url('../images/page-background.png') repeat-x top;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

em.s-line {
	font-style: italic;
	color: #ffc039;
}



/* ------------------------------------------------------------------------ 
   HEAD OF PAGE 
------------------------------------------------------------------------ */

#head {
	height: 147px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/head-background.png') no-repeat center;
}

	#product #head, #other #head {
	background: #367599 url('../images/head-background-product.png') no-repeat center;
	}



/* ------------------------------------------------------------------------ 
   NAVIGATION
------------------------------------------------------------------------ */

#nav {
	height: 55px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/navigation-background.png') no-repeat center;
}

	#product #nav {
	background: #367599 url('../images/navigation-background-product.png') no-repeat center;
	}
	
	#other #nav {
	background: #367599 url('../images/navigation-background-other.png') no-repeat center;
	}


#nav ul {
	margin: 0px 25px;
	clear: both;
}
	
	#nav li {
		display: inline;
		float: left;
		padding: 0 0px 0 0;
	}
	
	#nav li ul {
		position: absolute;
		top: -1000px;
	}

	#nav li:hover ul {
		position: absolute;
		top: 190px;
		display: block;
		width: 100px;
		margin: 0; 
		padding-top: 15px;
	}

		li#nav-vertrieb-up:hover ul {
			position: absolute;
			top: 179px;
		}
	
	#nav li ul li a, #nav li ul li.navheading {
		text-decoration: none;
		color: #FFF;
		padding: 4px;
		width: 122px;
		display: block;
		background: url('../images/navigation-subnav-background.png');
	}

	#nav li ul li a:hover {
	/*	color: #fff600;*/
		background: #00a650;
		cursor: pointer;
	}
	
		#nav li ul li.navheading {
			color: #aaa;
			font-style: italic;
			
		}
		
		#nav li ul li.navindent a {
			padding: 4px 0px 4px 18px;
			width: 112px;
		}
	
	

	#nav-home {
		height: 55px;
		width: 64px;
		display: block;
		margin-left: 90px;
	}
	
	#nav-wir {
		height: 55px;
		width: 114px;
		display: block;
	}

	#nav-produkte {
		height: 55px;
		width: 89px;
		display: block;
	}
	
	#nav-zubehoer {
		height: 55px;
		width: 81px;
		display: block;
	}
	
	#nav-neuheiten {
		height: 55px;
		width: 105px;
		display: block;
	}
	
	#nav-presse {
		height: 55px;
		width: 136px;
		display: block;
	}
	
	#nav-vertrieb {
		height: 55px;
		width: 90px;
		display: block;
	}
	
	
/* ------------------------------------------------------------------------ 
   LANDSCAPE
------------------------------------------------------------------------ */

#landscape {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background.png') no-repeat center top;
}

	#other #landscape {
		height:295px;
		width: 900px;
		margin: 0 auto;
		background: #367599 url('../images/landscape-background-other.png') no-repeat center top;
	}

#landscape-dl1500challenger-pro {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl1500challenger-pro.png') no-repeat center top;
}

#landscape-dl400explorer {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl400explorer.png') no-repeat center top;
}

#landscape-dl400explorer-s {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl400explorer-s.png') no-repeat center top;
}

#landscape-dl1500traveller {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl1500traveller.png') no-repeat center top;
}

#landscape-dl1500traveller-s {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl1500traveller-s.png') no-repeat center top;
}


#landscape-dl1500zorro-pro {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl1500zorro-pro.png') no-repeat center top;
}

#landscape-dl1500zorro-s {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-dl1500zorro-s.png') no-repeat center top;
}

#landscape-zorro-s-titan {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-zorro-s-titan.png') no-repeat center top;
}

#landscape-zorro-titan {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-zorro-titan.png') no-repeat center top;
}

#landscape-steelcad-zorro-s {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-steelcad-zorro-s.png') no-repeat center top;
}
#landscape-steelcad-traveller-s {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-steelcad-traveller-s.png') no-repeat center top;
}
#landscape-steelcad-zorro {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-steelcad-zorro.png') no-repeat center top;
}
#landscape-steelcad-challenger {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-steelcad-challenger.png') no-repeat center top;
}
#landscape-travelcad {
	height:295px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/landscape-background-travelcad.png') no-repeat center top;
}

/* ------------------------------------------------------------------------ 
   CONTENT
------------------------------------------------------------------------ */

#content {
	margin: 0 auto;
	width: 800px;
	padding: 25px 50px 0px 50px;
	background: #367599 url('../images/content-background.png') repeat-y center;
}

	#other #content {
	margin: 0 auto;
	width: 900px;
	padding: 0px 0px 0px 0px;
	background: #367599 url('../images/content-background.png') repeat-y center;
	}

	#other #content #contentwrapper {
	padding: 25px 50px 0px 50px;
	background: transparent url('../images/landscape-background-other.png') no-repeat center top;
	}
	
	

#content h2 {
	color: #00a650;
	font-size: 1.9em;
	line-height: 1.8em;
	clear: both;
}

#content h3 {
	color: #054f79;
	font-size: 1.6em;
	line-height: 1.4em;
	margin: .3em 0;
}

#content h4 {
	color: #555;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.3em 0;
}


#content p {
	line-height: 1.5em;
	padding: .3em 0;
	color: #000;
}

#content a {
	color: #367599;
}

	#content a:hover {
	color: #054f79;
	}

#content ul {
	list-style: disc outside;
	line-height: 1.5em;
	padding: .3em 0 0 1.5em;
	color: #000;
	margin-bottom: 1.7em;
}

	#content ul ul {
		margin-bottom: 0em;
	}

	#content ul li {
		padding-left: 0em;
		padding-bottom: .5em;
	}


	#content ul.features {
		list-style: none outside;
		padding: 0;
		margin-top: .5em;
		border-top: 1px solid #00a650;

	}

		#content ul.features li {
			border-bottom: 1px solid #00a650;
			padding: .2em .5em;
			color: #444;
			font-size: 85%;
		}
		
ul.double{
  overflow:hidden;
  
}		

ul.double li{
  float:left;
  width: 50%;
  height: 10em;
    list-style-position: outside;
}


		
#content ol {
	list-style: decimal;
	line-height: 1.5em;
	padding: .3em 0 0 2.4em;
	color: #000;
	margin-bottom: 1.0em;
}
			
 #content dl { 
	margin-top: .5em;
	margin-bottom: 1.7em;
	border-bottom: 1px solid #00a650;
 	padding: 0; 
 	} 
 
	 dt {
	 	float: left; 
	 	clear: left; 
	 	width: 9em; 
	 	text-align: right; 
		color: #00a650;
		font-size: 85%;
		border-top: 1px solid #00a650;
		padding: .3em .5em .4em .5em;
		line-height: 1.5em;
	 	} 
	 
	 dt:after { 
	 	content: ":"; 
	 	} 
	 	
	 dd { 
	 	margin: 0 0 0 9em; 
		color: #444;
		font-size: 85%;
		border-top: 1px solid #00a650;
		padding: .3em .5em .4em 1em;
		line-height: 1.5em;
	 	}


	/* Special Boxes */
	#content .box em {
		color: #333;	
	}
	
	
	#content .phone {
		background: url('../images/rocky-phone-classic.jpg') no-repeat top left;
		padding: 10px  0px 0px 90px;
		min-height: 80px;
		color: #777;
		font-size: 1.3em;
		line-height: 1.6em;
	}
	
	#content .time {
		background: url('../images/rocky-time-classic.jpg') no-repeat top left;
		padding: 10px  0px 0px 90px;
		min-height: 80px;
		color: #777;
		font-size: 1.3em;
		line-height: 1.6em;
	}
	
	#content .zubehoer {
		clear: both;
		padding: 1em 0;
	}
	
		#content .zubehoer h4 {
			padding-top: 25px;
			padding-left: 160px;
		}
		
		#content .zubehoer p {
		padding-left: 160px;
		}
		
	#content .preis {
		padding: .2em 0;
		font-size: 1.6em;
		line-height: 1.7em;
		clear: both;
		color: #777;
	}


/* Spalten */

	#content .c50l {
		width: 385px;
		padding-right: 15px;
		float: left;
	}
	
		#content .c50r {
			width: 385px;
			padding-left: 15px;
			float: right;
		}
		
	#content .c66l {
		width: 515px;
		padding-right: 15px;
		float: left;
		margin-bottom: 25px;
	}
	
			#content .c66l1 {
			width: 165px;
			text-align: center;
			float: left;
			padding: .75em 0;
			}
			
			#content .c66l2 {
			width: 350px;
			text-align: center;
			float: right;
			padding: .8em 0;
			}
	
	#content .c33r {
		width: 255px;
		padding-left: 15px;
		float: left;
	}
		
	#content .c33l {
		width: 250px;
		padding-right: 15px;
		float: left;
	}
	
		#content .c33r {
			width: 255px;
			padding-left: 15px;
			float: right;
		}

/* ------------------------------------------------------------------------ 
   FOOTER
------------------------------------------------------------------------ */

#footer {
	padding-top: 73px;
	padding-bottom: 20px;
	width: 900px;
	margin: 0 auto;
	background: #367599 url('../images/footer-background.png') no-repeat center top;
}

#footer p {
	color: #EEE;
	text-align: center;
}

	#footer p a {
		color: #aecee3;
	}
	
		#footer p a:hover {
			color: #bbc65a;
		}