body
{
	margin: 0px;
	padding: 0px;
	font: normal normal normal 12px/16px helvetica, arial, sans-serif;
	color: #333;
	background-color: #FFF;
	background-image: url(../images/shadow.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .4em 0;
	/*color:#09C;*/
	color: #C03;
}


h1{font: normal normal normal 20px helvetica, arial, sans-serif;
	margin-bottom:1em;
}
h2{font: normal normal bold 14px helvetica, arial, sans-serif;}
h3{font: normal normal bold 12px helvetica, arial, sans-serif;}
h4{font: normal normal normal 14px helvetica, arial, sans-serif;}

h2{margin-bottom:.6em;}

p 
{
	margin: 0 0 1em;
}

ul,li
{
	margin:0;
	padding:0;
	list-style:none;
}

a:link, a:visited
{
	text-decoration:none;
	color:#09c;
	font-weight:bold;
}

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

#container
{
	margin: 0 auto;
	width: 960px;
	background-color: #FFF;
	background-image: url(../images/body.gif);
	background-repeat: no-repeat;
	background-position: 0px 116px;
	position: relative;
	overflow: hidden;
}

#header
{
	height: 80px;
	padding: 0 10px 0 0;
	background-color: rgb(54, 57, 62);
	background-image: url(../images/header.gif);
	background-repeat: repeat-x;
	position:relative;
}

#header img
{
	display:block;
}

#container img#tricycle
{
	position:absolute;
	right:0px;
	top:2px;
	z-index:3;
	display:none;
/*
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
*/
}


#navigatie
{
	position: relative;
	height: 36px;
	line-height:32px;
	background-color:#FFF;
	background-image: url(../images/navbalk.gif);
	background-repeat: repeat-x;
	margin-bottom:15px;
}

#navigatie li
{
	float: left;
	background-image: url(../images/separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:2px;
}

#navigatie li.no_sep {background-image:none;}

#navigatie li a:link, #navigatie li a:visited
{
	float: left;
	display:block;
	padding: 0 20px;
	text-align:center;
	font-weight:normal;
	color:#CCC;
}

#navigatie li a:hover, #navigatie li a.current:link, #navigatie li a.current:visited
{
/*
	background-image:url(../images/navigatie_hover.gif);
	background-repeat:repeat-x;
*/
	color:#6CF;
	
}


#links
{
	width: 140px;
	float:left;
	background-color: transparent;
	padding:0 10px 10px;
	position:relative;
}

#sidenav {position:relative;}

#sidenav ul
{
	width: 100%;
	position:relative;
	background-color: transparent;
	z-index:1;
	margin-bottom:150px;
}


#sidenav li, #partners li
{
	width: 100%;
	background-image: url(../images/list.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#sidenav li.partners, #partners li.partners
{
	background-image: none;
}

#sidenav a:link, #sidenav a:visited, #partners a:link, #partners a:visited
{
	display: block;
	padding: 4px 2px;
	font: normal normal normal 1em verdana, helvetica, arial, sans-serif;
	color: #999;
}


#sidenav a:hover, #sidenav a.current:link, #sidenav a.current:visited, #partners a:hover, #partners a.current:link, #partners a.current:visited
{
	color: #333;
	font-weight:bold;
}

#sidenav a img
{
	height:0;
	width:0;
	border:none;
}

#sidenav a:hover img
{
	display: block;
	position:absolute;
	height:140px;
	width:140px;
	top: 160px;
	left:0px;
}

#dit_merk
{
	position: absolute;
	height: 140px;
	width: 140px;
	top: 160px;
	left:0px;
}

#subnav
{
	width: 170px;
	position:relative;
	margin-bottom:30px;
}

#subnav li
{
	width: 100%;
	position: relative;
	background-image: url(../images/list.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#subnav a:link, #subnav a:visited
{
	display: block;
	padding: 4px 2px;
	font: normal normal normal 1em verdana, helvetica, arial, sans-serif;
	color: #999;
	text-decoration:none;
	border:none;
}


#subnav a:hover, #subnav a.current:link, #subnav a.current:visited
{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

#midden
{
	float: left;
	display:inline;
	padding-left:25px;
	width: 240px;
}

.meer_info a:link, .meer_info a:visited
{
	text-decoration:underline;
	color:#666;
	font-weight:normal;
}

.meer_info a:hover
{
	text-decoration:none;
	color:#000;
}

#thumbs, #vars 
{
	width:100%;
	overflow:hidden;
	margin-bottom:1em;
	position:relative;
	left:-5px;
}

#thumbs div, #vars div
{
	float:left;
	margin:2px;	
	background-color:#FFF;
	height:105px;
	width:105px;
	text-align:center;
	border:1px solid #CCC;
}

div#zoom
{
	float:left;
	margin:1px;	
	background-color:#FFF;
	text-align:center;
	border:1px solid #CCC;
	height:auto;
	width:auto;
}

div#zoom img
{
	display:block;
	margin:auto;
}

#zoom:hover
{
	border: 1px #666 solid;
}

#thumbs img, #vars img
{
	border:none;
	display:block;
	margin:auto;
}

#thumbs a:link, #thumbs a:visited, #vars a:link, #vars a:visited
{
	display:block;
}

#thumbs div:hover, #vars div:hover
{
	border: 1px #666 solid;
}

#rechts
{
	margin: 0 15px 30px 450px;
	position:relative;
	background-color: transparent;
	max-width:600px;
	padding-bottom:140px; /* extra ruimte voor produkt-previews */
}

#rechts a:link, #rechts a:visited, #full a:link, #full a:visited
{
	text-decoration:underline;
	color:#C03;
	font-weight:normal;
	padding-right:2px;
}

#rechts a:hover, #full a:hover
{
	text-decoration:none;
	color:#09c;
}

#rechts ul, #full ul
{
	margin:0 0 12px 10px;
}

#rechts li, #full li
{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/marker.gif);
	padding:2px 0;
}

#full
{	
	margin: 0 15px 30px 200px;
	position:relative;
	background-color: transparent;
	max-width:900px;
}

#footer
{
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
	height:59px;
}

.bottommargin {margin-bottom:1em;}
.topmargin {margin-top:1em;}


.linksfloater
{
	float:left;
	margin:0px 5px 5px 0px;
}

.rechtsfloater
{
	float:right;
	margin:0px 0px 5px 5px;
}

#dealerlijst td
{
	padding-right:7px;	
}	
.cursief { font-style: italic; }
.vet { font-weight: bold; }
.rood{color:#C03;}
.blauw{color:#09c;}
.zwart{color:#000;}


.licht { background-color: rgb(240,240,240);color:#333;}
.licht a:link, .licht a:visited{color:#C03; font-weight:normal;}
.licht a:hover{color:#000; font-weight:normal; text-decoration:underline;}
.licht:hover { background-color: rgb(220,220,220); color:#333;}
.donker{ background-color: #FFF;color:#333; }
.donker a:link, .donker a:visited{color:#C03; font-weight:normal;}
.donker a:hover{color:#000; font-weight:normal; text-decoration:underline;}
.donker:hover { background-color: rgb(220,220,220); color:#999;}
/* ------------------------------------------------------- hacks -------------------------------------------------------*/

/* Holly Hack, commented backslash verbergt style voor IE-mac \*/
* html #container 
{
	height: 1%;
}
/* einde verbergen voor IE-mac */


* html ul li a {height:1em; } /* fix for extra vertical space anchors in list items (YAIEB) */
* html ul li  {height:1em; }