html[xmlns^="http"]{
	overflow-y: scroll; /* Mozilla-Scrollbar */
}


/* ############################################################ */
/* #### allg. Raster / Seitenaufteilung ####################### */

html, body{
	margin:0;
	padding:0;
	color:#000000;
	background-color:#ffffff;
	text-align:center;
}

div#website{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 11px 0 15px 0;
	width:920px;
	text-align: left;
	background-color:#ffffff;
}
div#innersite{ padding: 0 36px 0 41px; }

div#popup-website{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	width:700px;
}

div#header{
	height:107px;
	background-color:#485258;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/bg_header.gif);
}
div#header a {
	display:block;
	width:88px;
	height:88px;
	position:absolute;
	left:781px;
	top:19px;
	text-decoration:none;
}

div.clearer{ clear:both;height:1px; }



div.fleft{ float:left; }
div.fright{ float:right; }

div.w112{ width:112px; }
div.w163{ width:163px; }
div.w177{ width:177px; }
div.w233{ width:233px; }
div.w281{ width:281px; }
div.w354{ width:354px; }
div.w480{ width:480px; }
div.w633{ width:633px; }


div.w112,
div.w163,
div.w177,
div.w233,
div.w281,
div.w354,
div.w480,
div.w633{ overflow:hidden; }



div.topborder{
	border-top:1px solid #a9a9a9;	
	padding-top:7px;
}
div.lineafter{
	border-bottom:1px solid #a9a9a9;
	margin-bottom:7px;
}



div.supplier{ padding: 0 54px 0 16px; }
div.supplier div.row{ margin:14px 0 14px 0; }



div.greybox,
div.greybox2-177,
div.greybox2-633{
	color:#ffffff;
	background-color:#485258;
	background-repeat: repeat-y;
	background-position: right top;
}
div.greybox { background-image: url(images/bg_greybox_right.gif); }
div.greybox2-177 { background-image: url(images/bg_greybox2_177_middle.gif); }
div.greybox2-633 { background-image: url(images/bg_greybox2_633_middle.gif); }


div.w354 div.greybox-top,
div.greybox2-177 div.greybox2-top,
div.greybox2-633 div.greybox2-top{
	background-repeat: no-repeat;
	background-position: left top;
}
div.w354 div.greybox-top{ background-image: url(images/bg_greybox_354_top.gif); }
div.greybox2-177 div.greybox2-top{ background-image: url(images/bg_greybox2_177_top.gif); }
div.greybox2-633 div.greybox2-top{ background-image: url(images/bg_greybox2_633_top.gif); }


div.w354 div.greybox-bottom,
div.greybox2-177 div.greybox2-bottom,
div.greybox2-633 div.greybox2-bottom{
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 18px 28px 10px 28px;
}
div.greybox2-177 div.greybox2-bottom{
	padding-right: 16px;
	padding-left: 14px;
}
div.w354 div.greybox-bottom{ background-image: url(images/bg_greybox_354_bottom.gif); }
div.greybox2-177 div.greybox2-bottom{ background-image: url(images/bg_greybox2_177_bottom.gif); }
div.greybox2-633 div.greybox2-bottom{ background-image: url(images/bg_greybox2_633_bottom.gif); }

div.greybox2-177 div.mheight{ min-height:195px; height: auto !important; height: 195px; }
body.compass div.greybox2-177 div.mheight{ min-height:265px; height: auto !important; height: 265px; }
div.greybox2-633 div.mheight{ min-height:168px; height: auto !important; height: 168px; }
body.typologie div.greybox2-633 div.mheight{ min-height:195px; height: auto !important; height: 195px; }



div.outlinebox{
	/* Breitenangabe, damit IE6 Hintergrundbilder der untergeordneten DIVs anzeigt */
	width:843px;
	background-color:#ffffff;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(images/bg_outlinebox_middle.gif);
	margin: 0 0 14px 0;
}
div.outlinetop{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/bg_outlinebox_top.gif);
}
div.outlinebottom{
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/bg_outlinebox_bottom.gif);
	padding: 10px 19px 15px 14px;
}


/* ############################################################ */
/* #### Typologie ############################################# */

table.typologie{
	width:440px;
	margin:0 0 14px 162px;
	padding:0;
	border-collapse: collapse;
}

table.typologie h1{ padding: 14px 0 14px 0; }

table.typologie th,
table.typologie td{
	margin:0;
	padding:0;
	vertical-align:top;
}

table.typologie td.bikeimg{
	width:147px;
	padding-top:8px;
}

table.typologie td.spcs{ width:9px; }

table.typologie td.labeltxt{
	padding: 8px 0 0 14px;
	vertical-align: middle;
	font-size:14px;
	font-weight:bold;
	color:#9baa00;
}
table.typologie td.description{
	width:284px;
	color:#ffffff;
	background-color:#485258;
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(images/bg_greybox2_284_middle.gif);
}
table.typologie td.description div.greybox2-top{ 
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/bg_greybox2_284_top.gif);
}
table.typologie td.description div.greybox2-bottom{ 
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/bg_greybox2_284_bottom.gif);
	padding: 10px 14px 12px 14px;
}





/* ############################################################ */
/* #### Kompass ############################################### */

div.compass-bikes,
div.compass-parts{
	position:relative;
	width:633px;
	height:293px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
div.compass-bikes{ background-image: url(images/bg_compass_bikes.gif); }
div.compass-parts{ background-image: url(images/bg_compass_parts.gif); }

div.text1{ color:#ffffff; width:150px; overflow:hidden; position:absolute; left:12px; top:18px; }
div.text2{ color:#ffffff; width:150px; overflow:hidden; position:absolute; left:469px; top:18px; }
div.text3{ color:#ffffff; width:150px; overflow:hidden; position:absolute; left:12px; top:169px; }
div.text4{ color:#ffffff; width:150px; overflow:hidden; position:absolute; left:469px; top:169px; }

div.form1{ position:absolute; left:12px; top:104px; }
div.form2{ position:absolute; right:14px; top:104px; }
div.form3{ position:absolute; left:12px; top:255px; }
div.form4{ position:absolute; right:14px; top:255px; }


div.compass-bikes select,
div.compass-parts select{
  font-size:11px;
  color:#000000;
  background-color:#FFFFFF;
  width:150px;
}


/* ############################################################ */
/* #### Buttons ############################################### */

div.button{ text-align:center; }

div.button a{
	display:block;
	margin: 0 auto 0 auto;
	height:27px;
	overflow:hidden;
	background-color:#ff9445;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	background-repeat: no-repeat;
	background-position: left top;
}

div.button a:hover{ color:#000000; }

div.button a.button-90{
	width:90px;
	background-image: url(images/bg_button_90.gif);
}
div.button a.button-633{
	width:633px;
	background-image: url(images/bg_button_633.gif);
}
div.button a.button-843{
	width:843px;
	background-image: url(images/bg_button_843.gif);
}


input.submit-suchen{
	display:block;
	width:90px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/btn_suchen_no.gif);
}
input.submit-suchen:hover{ background-position: left bottom; }


/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-size:11px;
	line-height:1.4em;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

h1{
	font-size:14px;
	line-height:1.4em;
	color:#9baa00;
	margin:0;
}
div.greybox h1,
div.greybox2-177 h1,
div.greybox2-633 h1,
div.text1 h1,
div.text2 h1,
div.text3 h1,
div.text4 h1{ color:#ffffff;}

h2{
	font-size:12px;
	line-height:1.4em;
	font-weight:normal;
	margin: 0.3em 0 0.3em 0;
}

p{ margin:0 0 1em 0; }

img{ border:none; }

a{
	color:#999999;
	text-decoration:none;
}
a:hover { color:#000000; }




/* ############################################################ */
/* #### Formulare ############################################# */
form{
	margin:0;
	padding:0;
}

fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea,
input.csc-mailform-input{
	width:300px;
}




/* ############################################################ */
/* #### Haupt- + Unternavigation ############################## */

div#mainnav{
	font-size:13px;
	line-height:1.3em;
	font-weight:bold;
}

div#subnav{	padding: 0 0 1px 10px; }

div#mainnav,
div#mainnav a,
div#subnav,
div#subnav a{
	color:#999999;
	text-decoration:none;
}

div#mainnav a.last { float:right;padding-right:4px; }

div#mainnav a.act,
div#mainnav a:hover,
div#subnav a.act,
div#subnav a:hover{
	color:#000000;
	text-decoration:none;
}

/*
div#mainnav a.act,
div#subnav a.act{ font-weight:bold; }
*/