/* CSS Document */

body {
	font: 13px/130% Arial, Helvetica, sans-serif;
	color: #181716;
	text-align: center;
	background: #e6e5e2;
	
}
a, a:visited {
	color: #82816e;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img {
	border: 0px;
	}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.links {
	float:left;
	margin: 0 15px 5px 0;
}

/* Headline Stuff
===================*/

#head {
	margin: 20px auto 0 auto;	padding:0;
	width: 900px; height: 62px;
	text-align: left;
	background: white;
	}
#head h1 {
	float: right;
	margin: 21px 30px 0 0; padding: 0;
	}
#head h1 span {
	display: none;
	}

/* ===============
                  NAVI
  ================          */



#nav {
	padding: 38px 0 0 35px;
	}


#nav a {
	float:left;
	display:block;
	width: 1%; height: 18px;
	padding:0;
	white-space:nowrap;
}
#nav a span {
	display: none;
	}
#nav-pro a {
	width: 72px;
	background: white url(pics/nav-produkte.gif) no-repeat left top;
	}
#nav-esh a {
	width: 38px;
	background: white url(pics/nav-shop.gif) no-repeat left top;
	}
#nav-sho a {
	width: 83px;
	background: white url(pics/nav-showroom.gif) no-repeat left top;
	}
#nav-pre a {
	width: 52px;
	background: white url(pics/nav-presse.gif) no-repeat left top;
	}
#nav-aba a {
	width: 69px;
	background: white url(pics/nav-about.gif) no-repeat left top;
	}
#nav-new a {
	width: 89px;
	background: white url(pics/nav-newsletter.gif) no-repeat left top;
	}


#nav a:hover, #pro #nav-pro a, #esh #nav-esh a, #sho #nav-sho a, #aba #nav-aba a, #pre #nav-pre a {
	background-position: left -18px;
}

#nav li {
	float: left; /* height: 68px; line-height: 68px; */
	position: relative;
	top: 0px; left: 0;
	padding: 0 35px 0 0;
	cursor: default;
}
  


/* Main
===============*/
	
#haupt {
	clear: both;
	width: 900px;
	text-align: left;
	margin:0 auto 30px auto; padding:20px 0 35px 0;
	background: white;
	}

#haupt #button {
	position: absolute;
	width: 120px; height: 121px;
	margin: 20px 0 0 650px;
	}

#headerimage {
	clear: both;
	margin: 0 70px 40px 35px;	padding:0;
	width: 795px; min-height: 375px;
		}
/* 
overview  ---------- */
#haupt ul#overview {
	clear: both;
	margin: 0 0 15px 35px; padding: 0;
	background: white;
	}
#overview li {
	float: left;
	position: relative;
	margin: 0; padding: 0 11px 0 0;
	cursor: default;
	background: transparent url(pics/bg-trenner.gif) repeat-y right top;
}
#overview li.ohne {
	background-image: none;
	}
#overview li a {
	text-decoration: none;
	font-size: 14px; line-height: 16px;
	}
.ueber #nav-ueber a, .elmot #nav-elmot a, .retro #nav-retro a, .bella #nav-bella a, .bioni #nav-bioni a, .fixie #nav-fixie a, .cykel #nav-cykel a, .strid #nav-strid a, .giant #nav-giant a, .vanmo #nav-vanmo a, .schin #nav-schin a, .mtbcy #nav-mtbcy a {
	font-weight: bold;
	color: #424131;
}
/*
ohne Herstellernav ---------*/
.elmot #haupt ul#overview, .vanmo #haupt ul#overview, .strid #haupt ul#overview, .giant #haupt ul#overview, .mtbcy #haupt ul#overview {
	background: white url(pics/bg-single-dotted.gif) repeat-x left 35px;
	width: 795px; height: 40px;
	}	
/* 
hersterllernav   ---------*/
#herstellernav {
	clear: both;
	margin: 0 0 15px 35px; padding: 40px 0 0 0;
	background: white url(pics/bg-single-dotted.gif) repeat-x left 20px;
	width: 795px;
	}	
#herstellernav a {
	text-decoration: none;
	}

#infobox {
	margin: 0 70px 40px 35px;	padding:0;
	width: 795px;
	}

	
/* Content Stuff
==================*/

/*
Tools -----------*/
#tools {
	float: right;
	margin: 0 70px -0 0; padding: 10px 0 0 0;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	}
#tools a {
	text-decoration: none;
	background: transparent url(pics/bg-pfeil.gif) no-repeat right 4px;
	padding-right: 15px; margin-left: 15px;
	}
#tools a:hover {
	background-position: right -13px;
	}
	

/*
Inhalte ------------*/
#haupt h1, #haupt h2, #haupt h3 {
	font-weight: bold;
	margin: 0 0 20px 0; padding: 0;
	color:#82816e;
	}

#haupt p, #haupt blockquote {
	margin: 5px 0 ; padding: 0 0 5px 0;
	}
p.blocksatz {
	text-align: justify;
	}
p.small {
	font-size: 80%;
	}
#haupt ul {
	font-size: 100%;
	list-style: auto;
	margin: auto 30px auto 45px; padding: 0 0 10px 0;
	}
#haupt h1, 
#haupt #headerimage h2,
#pre #haupt #headerimage h3 {
	font-size: 14px;
	padding: 10px 0 5px 0;
	line-height: 24px;
	background: white url(pics/bg-dotted.gif) repeat-x left 9px;
	}
#pro #haupt #headerimage h2 {
	margin: 20px 0 10px 0 ;
	}
#haupt h2 {
	font-size: 1em;
	padding: 7px 0 5px 0;
	}
#haupt h3 {
	font-size: 1em;
	padding: 5px 0 5px 0;
	}
#pre #haupt h3 {
	padding-bottom: 0; margin-bottom:5px;
	
#haupt span {
	}
#haupt small {
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 0.06em;
}


/**/

#inhalt {
	padding: 20px 0 20px 0;
	color: black;
	background-color: #949383;
	}
#inhalt p {
	margin: 5px 30px;
	line-height: 120%;
	}
#inhalt a, #inhalt a:visited {
	color: #111;
	}
#inhalt a:hover, #inhalt a:active {
	color: #82816e;
	}
/*
Abschluss ----------*/

#ende {
	clear: both;
	width: 100%;height: 1px;
	text-align: left;
	margin:0 auto 0 auto; padding:0;
	background-color: white;
	}
hr {
	display: none;
	}
	
/* Footer
==================*/
#footer {
	width: 100%; 
	font-size: 10px; color: #333;
	margin: 10px auto 10px auto; padding: 0;
	text-align: left
	}
#footer p {
	margin: 0; padding: 0 10px 10px 10px;
	}


p.klein {
	font-size: 60%; line-height: 100%;
	}