body {     
	-webkit-background-size: 1920px 1200px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size:11px;
	color:#2d2d2f;
	line-height:185%;
	text-align: left;	
	margin: 0;
	height:100%;  
} 
body.bg1 {    
	background: #fff url('/images/bg1.jpg') top fixed;  ; 
	-webkit-background-size: 1920px 1200px;
} 
body.bg2 {    
	background: #fff url('/images/bg2.jpg') top fixed;  ; 
	-webkit-background-size: 1920px 1200px;
} 
 
/*=============
LAYOUT STYLES
=============*/
div.mainwrapper  { 
	margin: 0 auto; 
	background: url('/images/bsp2012_whitesheet.png') top  no-repeat; 
} 

div.maincolumn {
	width: 801px;  
	margin: 0 auto;    
	min-height: 650px;
}

div.bottomwrapper { 
	margin: 0 auto;     
} 
div.credits {
	margin: 0 auto;  
	position: relative;
	top: 70px;
	text-align: right; 
	font-size: 10px;
}

div.header {
	width: 100%;
	height: 155px;
	overflow: hidden;  
	background: url('/images/bsp2012_header.jpg') top  no-repeat;  
}

div.header img {
	margin: 0px 0px 0px 41px;
}

div.content {
	width: 100%; 
	background: #fff; 
	min-height: 380px;  
	padding-top: 20px;
}

div.content_col1 {
	float: left;
	width: 400px;
	margin-left: 50px;
}
div.content_col2 {
	float: left;
	width: 285px;
	margin-left: 30px;
}
div.col_wide {
	float: left;
	width: 715px;
	margin-left: 50px;
}

div.col_edit{
	float: left;
	width: 510px;
	margin-left: 50px;
}
div.bottom {
	width: 100%; 
	height: 98px;
	background: url('/images/bsp2012_footer.jpg') top  repeat-y;   
}
 
div.credits a:link, div.credits a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

div.credits a:hover {
	color: #f1592a;
	text-decoration: none;
}


 

 /*=============
MENU STYLES
=============*/
 

div.header ul {  
	width: 100%;  
	text-align: right; 
	line-height: 100%;  
	list-style: none;
	position: relative;
	top: 90px;
	margin: 0;
	padding: 0; 
}
 
div.header ul li {
	display: inline;  
	text-transform: uppercase;  
	font-weight: bold; 
	margin: 0px 8px 0px 10px;   
	text-align: center;
} 

div.header ul li a {
	padding: 0px 10px 0px 10px;   
	color: #e9eaeb;
	text-decoration: none;  
	font-size: 12px;
}

div.header  ul li a.active {   
	color: #f1592a;   
}

div.header ul li a:hover {
	color: #fff;  
}
 
div.header ul li a.active:hover { 
	color: #f1592a; 
}


 /*=============
GENERAL  STYLES
===============*/

a:link, a:visited {
	color: #111;
	text-decoration: none;   
}
a:hover {
	color: #f1592a;
	text-decoration: none; 
}

p.crumb {
	margin: 0;
	padding: 0;
	color: #999;
}
p.crumb a:link, p.crumb  a:visited {
	color: #999;
	text-decoration: none; 
	text-transform: lowercase;  
}
p.crumb  a:hover {
	color: #333;
	text-decoration: none; 
	text-transform: lowercase;  
}

h1 {
	color: #f1592a;
	font-weight: normal;
	font-size: 32px;     
	padding: 2px 0px 0px 0px; 
	margin: 0px 0px 20px 0px;
	line-height: 100%;
}
 
h1.withcrumb {
	margin-bottom: 5px; 
}
 
h1 a:link,h1 a:visited, h1 a:hover  {	
	color: #3b3b3c;
	text-decoration: none; 
}
h2 {
	font-weight: normal;
	font-size: 22px;
	color: #f1592a;  
	margin: 3px 0px 3px 0px; 
}

h2 a:link, h2 a:visited {
	color: #f1592a;
	
} 
 
img {
	border: 0; 
}
 
p img {
	float: right;
	border: 1px solid #4c4b50;
	margin: 5px;
}

hr {
	border: 0;
	color: #3b3b3c;
	background-color: #b32027;
	height: 1px;
}
 

img.imagecontent {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #4c4b50;
}
img.referentie {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #e7e7e8;
	background: #fff;
}

.right {
	float: right;
}

span.subtitle {
	color: #ccc;
	font-weight: normal;
	font-style: italic;
}
 
span.subtitlesmall {
	color: #f1592a;
	font-weight: normal; 
}
/*=============
COLLECTIE STYLES
=============*/

ul.collectie {
	border-top: 1px solid #2e2e30;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.collectie li {
	border-bottom: 1px solid #2e2e30;
	padding: 10px 0px 10px 0px;
}

ul.collectie li img{
	width: 160px;
	float: left;
	margin-right: 20px;
}
ul.collectie h2   { 
	width: 220px;
	float:right;
}

ul.collectie ul { 
	width: 220px;
	float:right;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0px;
}

ul.collectie li ul li {
	border: 0px;
	padding: 0px;
}



ul.fietslijst {
	border-top: 1px solid #2e2e30;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.fietslijst li {
	border-bottom: 1px solid #2e2e30;
	padding: 10px 0px 10px 0px;
}
ul.fietslijst li span.twothumbwrapper {
	width: 360px;
	float: left; 
}
ul.fietslijst li img{
	width: 160px;
	float: left;
	margin-right: 20px;
}
ul.fietslijst h2   { 
	width: 320px;
	float:right;
} 
ul.fietslijst h3   { 
	width: 320px;
	float:right;
} 

ul.fietslijst h3 a{
	color: #111;
}
ul.fietslijst p   { 
	width: 320px;
	float:right;
} 

ul.fietslijst ul { 
	width: 320px;
	float:right;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0px;
}

ul.fietslijst li ul li {
	border: 0px;
	padding: 0px;
}


td {
	vertical-align: top;
}
div.thumbwrapper
{
	float: left;
}
p.caption {
	width: 90%; 
	float: center;
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 1px solid #eee;
	color: #ccc;
}

img.fietsthumb {
	margin: 10px 15px 0px 15px;
}
img.fietsfull{
	margin: 0px 0px 10px 0px;
}

div.likebutton {
	margin-top: 20px;
}
/*=============
ROUTE STYLES
=============*/
div.routemap {
	width: 100%;   
	background: #4c4b50 url('/images/cash_colsmall_routebottom.jpg') bottom left no-repeat;
	color: #dedede;
	float: left; 
}

div.col_wide_route {
	width: 533px; 
	min-height: 100px;
	float: left; 
}
div.col_small_route {
	margin-top: 16px;
	width: 368px; 
	float: left; 
} 

/*=============
FORM STYLES
=============*/
 
input, select {
	background: #d1d2d4; 
	color: #3b3b3c;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	border: 0;
}
input.dealers, select.dealers {
	width: 200px;
} 
input.radio {
	background: none;
}
input.edit {
	width: 500px;
}
input.editfile {
	width: 470px;
}
select.edit {
	width: 500px;
}
input.edit_frontpage {
	width: 420px;
}
 
textarea.edit {
	width: 500px;
	height: 90px;
	background: #d1d2d4; 
	color: #3b3b3c;
	border: 0;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
}

form.contact { 
	margin-right: 12px;
	width: 518px;
}

form.contact label {
	width: 400px;
	float: left;
	font-size: 11px;   
}
form.contact input {
	width: 400px;
	float: left;
	margin-bottom: 4px;
}
form.contact textarea {
	width: 400px;
	height: 150px;
	background: #d1d2d4; 
	color: #3b3b3c;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	border: 0;
	overflow: auto;
	margin-bottom: 4px;
}

form.contact input.submit {  
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	background: #d1d2d4;
	color: #3b3b3c; 
	width: 100px;
	float: left;
}
 

  

/*
=================
DEALERS STYLES
=================
*/

tr.light td{ 
	background: #eee;
}
tr.dark  td{
	background: #e0e0e0;
}
 

/*=============
ADMIN STYLES
=============*/

span.admin {
	color: #f00;
}

div.admin {
	float: right;
	position: relative;
	background: #f1592a;
}
div.col_half div.admin {
	left: -54px;;
}
div.col_double div.admin {
	left: -30px;;
}
div.col_wide div.admin {
	left: -46px;;
}
div.col_small div.admin {
	left: -80px;;
}
img.tool {
	width: 20px;
	border: 0px;
	background: #f1592a;
	border: 1px solid #f1592a;
}

div.tool {
	width: 20px;
	height: 20px;
	border: 1px solid #f1592a;
	float: left;
	background: #f1592a;
}

img.toolsmall {
	width: 14px;
	border: 0px;
}

div.toolsmall {
	width: 14px;
	height: 14px;
	border: 1px solid #333;
	float: left;
}


/*==============
CSS TABS STYLES
==============*/



ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 25px 1em 0; /* set margins as desired */
font-family: Arial, Helvetica, Verdana,  sans-serif;
border-bottom: 1px solid #4c4b50; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#desc li.desc, div#tech li.tech, div#pics li.pics, div#docs li.docs, div#kits li.kits, div#related li.related { /* settings for selected tab */
border-bottom: 1px solid #4c4b50; /* set border color to page background color */
background-color: #dedede; /* set background color to match above border color */
}

div#desc li.desc a, div#tech li.tech a, div#pics li.pics a, div#docs li.docs a, div#kits li.kits a, div#related li.related a { /* settings for selected tab link */
background-color: #a7a739; /* set selected tab background color as desired */
color: #333; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 7px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #4c4b50; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #4c4b50; /* set unselected tab background color as desired */
color: #dedede; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
} 
ul#tabnav a:hover { /* settings for hover effect */
background: #4c4b50; /* set desired hover color */
color: #a7a739;
}