@CHARSET "UTF-8";

/* START: reset some basic properties */
html, body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}

body { 
text-align:center;
}

#bg_index {
background:#1a171b url(../images/bg_index.jpg) center 80px no-repeat;  
}

#bg_topnav {
background:#1a171b url(../images/bg_topnav.jpg) center 80px no-repeat;  
}

#bg_sixtysix {
background:#1a171b url(../images/bg_66th.jpg) center 80px no-repeat;  
}

#bg_sports {
background:#1a171b url(../images/bg_sports.jpg) center 80px no-repeat;  
}

#bg_pure {
background:#1a171b url(../images/bg_pure.jpg) center 80px no-repeat;  
}

#bg_classic {
background:#1a171b url(../images/bg_classic.jpg) center 80px no-repeat;  
}

h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
padding: 0;
}

h1 {
font-size: 25px;
line-height:20px;
}

h1.main {
width: 800px;
margin: 60px 0 0 0px;
font-size: 24px;
line-height: 32px;
color:#fff;
}

h1.folded {
margin: 0px;
}

.mainWhite {
font-weight:bold;
margin: 8px 0 0 0px;
color: #fff;
}

h2 {
font-size: 19px;
line-height: 22px;
}

a {
outline:none;
}

.menuTitle {
margin: 0px;
font-size: 24px;
line-height:40px;
}

.menuTitleSmall {
margin: 0;
line-height:21px; 
font-size:16px; 
font-weight:bold;
height:90px;
}

div#header { 
position:relative; 
background-color:#1a171b; 
color: #58585A; 
height:80px; 
margin:0; 
padding-left:10px; 
}

.headerlogo { 
float:left; 
margin-top:30px;
}

#allFolded {
height:46px;
width:137px;
position:absolute;
top:80px;
left:10px;
}

div#container {
text-align:left;
width:1000px; 
margin:0 auto;
}

#menuTop {
	height: 20px;
	color:#949499; 
	font-size:13px; 
	float:right; 
	margin:10px 10px 0 0;
}

#menuTop ul {
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
}

#menuTop ul.active a {
	color:#fff;
}

#menuTop ul a {
	text-decoration:none; 
	color:#949499;
}

#menuTop ul a:hover {
	text-decoration:none; 
	color:#FFF;
}

#menuTop ul li {
	list-style: none;	
}

div#content {
color:#1A171B;
height: 568px; 
width:835px; 
margin: 52px 0 0 90px;
}

.contentheader {
height:90px;
color:#1a171b; 
line-height:23px; 
font-size:18px; 
font-weight:bold;
}

div#contentBody {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:16px;
}

div#contentBlock {
font-size:12px;
line-height:16px;
}

div#imageBlock {
float:left;
margin-right:50px;

}

div#extra{ 
position:relative; 
background-color:#1a171b; 
color: #58585a; 
height:85px; 
margin:0; 
padding-left:10px;
}


/* BEGIN menu modellen */
.menumodellen {
margin-left:290px;
}

.menusub {
background: url(../images/shadow_top.png) top repeat-x;
visibility:hidden;
color:#FFFFFF;
width:205px;
height:103px;
font-size:10px;
position:absolute;
top:80px;
z-index:2;
} 

.sub_blue {
background-color:#003787;
} 

.sub_red {
background-color:#b3071b;
}

.sub_green {
background-color:#009680;
} 

.sub_grey {
background-color:#9c9b8e;
} 

.modelblock {
background-color:#000000;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
margin:13px 130px 0 10px;
padding-left:5px;
padding-right:5px;
}

.menuleft {
float:left;
color:#FFFFFF;
font-size:12px;
text-align:left;
margin-top:12px;
margin-left:7px;
padding-left:10px;
width:100px;
}

.menuleft a {
text-decoration:none; 
color:#FFFFFF
}

.menuleft ul {
margin: 0px;
padding: 0px;
}

.menuleft li {
position: relative;
float:left;
margin: 0 0 10px 0;
list-style: none;
}

.menuright {
float:right;
color:#FFFFFF;
font-size:12px;
text-align:left;
margin-top:12px;
width:85px;
}

.menuright ul {
margin: 0px;
padding: 0px;
}

.menuright a {
text-decoration:none; 
color:#FFFFFF
}

.menuright li {
position: relative;
float:left;
margin: 0 0 10px -10px;
list-style: none;
}

.menu_categorie {
float:left;
background-color: #1a171b;
color: #FFFFFF;
text-align:center;
padding:40px 0px 0px 0px;
height:40px;
width:94px;
font-weight:bold;
}

.blue {
background-image:url(../images/bg_bikemenu_66th.gif);
}

.red {
background-image:url(../images/bg_bikemenu_sports.gif);
}

.green {
background-image:url(../images/bg_bikemenu_pure.gif);
}

.grey {
background-image:url(../images/bg_bikemenu_classics.gif);
}

/* EINDE menu modellen */

/* BEGIN breadcrumbs */
.lineTop {  
color: #58585a;
background-color: #58585a;
height: 1px;
margin-bottom: 5px;
}

.lineBottom {  
color: #58585a;
background-color: #58585a;
height: 1px;
margin-top: 5px;
}

.breadcrumb {
color:#7f7f80;
font-family:Helvetica;
font-size:10px;
}

.breadcrumb a {
text-decoration:none; 
color:#7f7f80;
}

.active_crumb {
color: #3e3e40;
}

/* EINDE breadcrumbs */

/* NEWS */
.contentheaderNews { 
height:34px;
color:#1a171b; 
line-height:23px; 
font-size:16px; 
font-weight:bold;
}

.newsnav { 
height:30px;
color:#1a171b; 
}

.newscontainer {
width:100%;
margin-bottom:20px;
}

.newsimage {
float:left;
margin-top:10px;
width:386px;
}

.newscontent {
float:left;
margin-top:10px;
color:#1a171b; 
width:430px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:16px;
}

.newsOther {
border-top: 1px solid #1a171b;
padding-top: 10px;
margin: 0px 25px 0 0;
}

.newsLink {
text-decoration:none;
color:#1A171B;
outline: none;
}

/* Footer Menu */
div#footer { 
font-size: 10px;
position:relative; 
background-color:#1a171b; 
color: #fff; 
height:85px; 
margin:0; 
padding:10px 0 0 25px;
}

div#footer .block { 
	width: 390px;
	float: left;
}

div#footer .blockfirst {
	float: left;
	width: 295px;
}

div#footer .blocklast {
float: left;
	text-align: right;
	width: 260px;
}

div#footer .block ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#itemBottom1 {
	float: left;
	width: 95px;
}

#itemBottom2 {
	float: left;
	width: 95px;
}

#itemBottom3 {
	float: left;
	width: 95px;
}

#itemBottom4 {
	float: left;
	width: 95px;
}


div#footer .block ul .top a {
	
	color:#58585a;
	font-weight: bold;
}

div#footer ul.active a {
	/*color:#fff;*/
	color:#58585a;
}

div#footer ul a {
	text-decoration:none; 
	color:#fff;
}

div#footer ul a:hover {
	text-decoration:none; 
	color:#FFF;
}
/* End Footer Menu */

/* Folded Models */

.foldednav { 
width:100%;
height:25px;
padding-top:5px;
color:#1a171b; 
}

.foldedName {
float:right;
margin: 0 0 0 20px;
font-size:16px;
}

.foldedName a {
color:#1a171b;
}

.foldedLink {
text-decoration:none;
outline: none;
color:#1a171b;
}

.foldedText {
width:100%;
margin:80px 0px 0px 0px;
}

.foldedTitle {
float:left;
width:200px;
}

.foldedDescription {
float:right;
margin-top:5px;
font-size:12px;
}

.foldedImageBock {
float:left;
width:670px;
margin:0 0 0 20px;
}

.foldedMenuBlock {
float:left;
width:145px;
margin-top:32px;
line-height:20px;
font-size:10px;
}

.foldedMenuLine {  
color: #58585a;
background-color: #58585a;
height: 1px;
margin: 10px 0 10px 0px;
}
/* End Folded Models */

.tellafriend {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:16px;
}

.contactMenuBlock {
margin-top:20px;
line-height:20px;
font-size:10px;
}
/* Scroller for distributor */
div.scroller1 {
	width: 800px;
	height: 385px;
}

div.scroller1 .searchContent1 {
	width: 233px;
	height: 365px;
	overflow: hidden;
	float: left;
	margin-left:20px;
}

div.scroller1 .scrollarea1 {
	height: 337px;
	width: 15px;
	float: left;
	cursor: pointer;
}

div.scroller1 div.scrollBarContainer1 {
	height: 340px;
}

div.scroller1 .scrollKnob1 {
	width: 12px;
	margin: 2px 0px 0px 4px;
	background-color: #d2d2d2;
	min-height: 42px;
	border: 1px solid #99B3CC;
}

div.scroller1 .scrollForward1,div.scroller1 .scrollBack1 {
	width: 12px;
	height: 12px;
	margin: 2px 0px 0px 4px;
	background: #d2d2d2;
	border: 1px solid #99B3CC;
}


/* Scroller for dealer locator */
div.scroller {
	width: 800px;
	height: 385px;
}

div.scroller .searchContent {
	width: 320px;
	height: 365px;
	overflow: hidden;
	float: left;
	margin-left:20px;
}

div.scroller .scrollarea {
	height: 337px;
	width: 15px;
	float: left;
	cursor: pointer;
}

div.scroller div.scrollBarContainer {
	height: 340px;
}

div.scroller .scrollKnob {
	width: 12px;
	margin: 2px 0px 0px 4px;
	background-color: #d2d2d2;
	min-height: 42px;
	border: 1px solid #99B3CC;
}

div.scroller .scrollForward,div.scroller .scrollBack {
	width: 12px;
	height: 12px;
	margin: 2px 0px 0px 4px;
	background: #d2d2d2;
	border: 1px solid #99B3CC;
}

/* Scroller for News */
div.scrollerNews {
	width: 810px;
	height: 248px;
}

div.scrollerNews .newscontent {
	width: 385px;
	height: 235px;
	overflow: hidden;
	float: left;
	margin-left:20px;
}

div.scrollerNews .scrollarea {
	height: 217px;
	width: 15px;
	float: left;
	cursor: pointer;
}

div.scrollerNews div.scrollBarContainer {
	height: 215px;
}

div.scrollerNews .scrollKnob {
	width: 12px;
	margin: 2px 0px 0px 4px;
	background-color: #d2d2d2;
	min-height: 42px;
	border: 1px solid #99B3CC;
}

div.scrollerNews .scrollForward,div.scrollerNews .scrollBack {
	width: 12px;
	height: 12px;
	margin: 2px 0px 0px 4px;
	background: #d2d2d2;
	border: 1px solid #99B3CC;
}

/* Settings for error in dealer locator */
ul#nts-announce {
	margin: 0.5em 0;
	}

ul#nts-announce {
	padding: 0.5em 2em;

	background: #ccffcc;
	color: #336633;
	border: #336633 1px solid;
	}
ul#nts-announce.error {
	background: transparent;
	color: #ff3333;
	border: #663333 1px solid;
	}

ul#nts-announce li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul#nts-announce li ul {
	margin: 0.25em 0;
	padding: 0;
	}
ul#nts-announce li ul li {
	margin: 0.25em 0;
	padding: 0;
	}

#nts table {
	border-collapse: collapse;
	}
#nts table th {
	background-color: #808080;
	color: #ffffff;
	padding: 0.25em 0.5em;
	font-size: 100%;
	text-align: left;
	}
#nts table td {
	padding: 0.5em 1em;
	}

#nts table .even {
	background-color: #dddddd;
	}
#nts table .odd {
	background-color: #ffffff;
	}