/***
 * Allgemeine Einstellungen
 * f�r alles, html, body und den Content-Bereicht
 ***/

body {
	background-color: #fff;
	font-family: "Helvetica Neue", helvetica, arial;
	font-size: 8pt;
/*	line-height: 10pt;*/
	color: #333;
	width: auto;
	padding: 0;
	margin: 0;
}

div#wrapper {
	position: relative;
	margin: 0 auto;	
	width: auto;
}

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

.blue {
	color: #01b5dd; 
}

.orange {
	color: #d8a500; 
}

.lightgrey {
	color: #b1b3b4; 
}

.twentyeight {
	font-size: 18pt;
}

.twenty {
	font-size: 12pt;
}

.eighteen {
	font-size: 10pt;
}

.fourteen {
	font-size: 8pt;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #01b5dd; 
}

a img {
	border: 0px;
}

.backspace20 {
	margin-right: 1%;
}

.border-right {
	border-right: 1px solid #b1b3b4;
}

.border-bottom {
	border-bottom: 1px solid #b1b3b4;
}

.border-top {
	border-top: 1px solid #b1b3b4;
}

.right {
	float: right;	
}

.printback,
.clicktoremove,
.browserline {
	display: none;
}
/***
 * Main
 ***/

div#main {
	position: relative;	
}

div#main div.box {
	float: left;
}

div#main div.full {
	width: 100%;
}

div.bikeconfig div#main div.half {
	padding: 0 1% 0 0;
}

div.bikeconfig div#main div#hideEquipmentlist,
div.bikeconfig div#main div#equipmentlist {
	width: 48%;
	float: right;
}

div.bikeconfig div#main div#hideBikedetaillist,
div.bikeconfig div#main div#bikedetaillist {
	width: 48%;
	height: auto !important;
	float: left;
}

div.bikeconfig div#main div.last {
	padding: 0;	
}


div.bikeconfig div#main div#bikeconfigreadout {
	margin: 16px 0 25px 0;
	position: relative;
	height: 6.5cm;
	width: 100%;
}

div.bikeconfig div#main div#bikeconfigreadout img.bikeoverlays{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

div#tmpImageBox {
	display: none;
}

div.bikeconfig div#main p.description {
	/* display: none;*/
}

div.bikeconfig div#main span.bikeline {
	display: none;
}

div.bikeconfig div#main .printline {
	display: inline;	
}

div.bikeconfig div#main .bikename {
	height: 1.5cm;
}

div#accrdion div {
	border: 1px solid red;
}

div.bikes div#main div.onethird {
	width: 33%;
}

/*div.bikes div#main img.bikeimage {
	padding: 6px 0 4px 0;	
}

div.bikes div#main div.overviewtext {
	width: 313px;
	padding: 92px 0 99px 0;
}*/

div.equipmentoverview div#main div.onequarter {
	width: 24%;
	padding: 0 1% 0 0;
}

div.equipmentoverview div#main div.threequarter {
	padding: 0;	
	width: 72%;
}

div.equipmentoverview div#main div.last {
	padding: 0;	
}

div.equipmentoverview div#main ul {
	margin: 3% 0 0 0;
}

div.equipmentoverview div#main ul li {
	padding: 0;
}

div.equipmentoverview div#main div.imagebox {
	width: 24%;
	height: 12%;
	overflow: hidden;
	margin: 0 0 1% 0;
}

div.equipmentdetail div#main div.onethird {
	width: 33%;
	padding: 0 1% 0 0;
}


div.equipmentdetail div#main div.twothird {
	width: 66%;
}

div.equipmentdetail div#main p.description {
	margin: 0;
}

div#main div.top {
	margin-top: 2%;
}

div#main div.bikerenderimage {
	width: 100%;
	height: 30%;
	overflow: hidden;
}

div#main div.bikename {
	margin: 1% 0 0 0;
	width: 100%;
}

div#main div.bikename span.inclVat {
	display: block;
	text-align: right;
	overflow: hidden;
}

div#main div.bikename span.price {
	text-align: right;
	float: right;
	display: block;
	overflow: hidden;
}

div#main div.half table {
	margin: 0;
	padding: 0px;
	width: 100%;
	overflow: auto;
	height: auto !important;
}

div#main table td {
	margin: 0px;
	padding: 3px 0;	
	vertical-align: top;
	overflow: auto;
}

div#main td.titel {
	width: 25%;
}

div.bikeconfig div#main div.bikedetailbox {
	margin: 1% 0 1% 0;
}

div#accordion {
	width: 100%;
	margin: 1% 0 0 0;
}

div#closeDetails h3 {
	display: inline;
}

div#equipmentlist div {
	padding: 1% 0 0 0;
}

div#showDetails {
	display: none;
}

div#closeDetails {
	display: none;
}

ul#chooseconfig,
ul#optional2,
ul#optional {
	display: none !important; 
}

div.bikeconfig div#main div#accordion {
}

div.bikeconfig div#main div#equipmentlist {
	width: 48%;
	display: inline;
	float: right;
}

div.bikeconfig div#main div#bikedetaillist {
	width: 48%;
	float: left;
}

div.bikeconfig div#main div#bikedetaillist .half,
div.bikeconfig div#main div#equipmentlist .half {
	width: 100%;
}

div.bikeconfig div#main div#bikedetaillist div.last,
div.bikeconfig div#main div#hideBikedetaillist div.last {
	display: none;
}

div#bikedetaillist {
	display: block;
}

ul#recreation {
	list-style: none;
}

ul li {
	margin: 0 0 2% 0;
}

ul li.equipment {
	width: 100%;
	height: 80px;
}

ul li.equipment span.imagebox {
	width: 25%;
	display: block;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
}

ul li.equipment span.imagebox img {
	width: 100%;
}

ul li.equipment span.detailbox {
	width: 50%;
	display: block;
	padding: 0px 10px 0 0;
	margin: 0;
	float: left;
}

ul li.equipment span.pricebox {
	width: 10%;
	display: block;
	text-align: right;
	padding: 0;
	float: right;
}

ul li.equipment a.detaillink {
	color: #fff;
	display: none;
}


ul li span.inclVat {
	display: block;
	text-align: right;
}

ul li span.price {
	text-align: right;
	float: right;
	display: block;
}

#hideVatprice,
#hideShowDetails,
#hideCloseDetails {
	display: none;
}

/***
 * Header
 ***/

div#header {
	height: 2cm;
	width: 100%;
	border-bottom: 2px solid #333;
}

div#header ul {
	display: none;
}

div#header h1 {
	float: right;
/*	height: 2em;*/
}

div#header div.end {
	clear: both;
	overflow: hidden;
}

ul.simplify{
	width: 100%;
	list-style: none;
}

ul.simplify li{
	border-bottom: 1px solid #B1B3B4;
	margin:0;
	padding: 3px 0;
}

ul.simplify li img{
	display:none;
}

/***
 * Footer
 ***/
 
div#footer {
	display: none;
}

.donotprint{
	display: none;
}