*			{margin: 0; padding: 0; font-family: Arial;}

hr
{
border: 0px;
}

a:link      {color: #E15204; text-decoration: none;}
a:visited   {color: #E15204; text-decoration: none;}
a:hover     {color: #E15204; text-decoration: underline;}
a:active	{color: #E15204; text-decoration: underline;}

.VWlabel
{
display: inline-block; 
width: 279px; 
height: 34px; 
padding: 0; 
background: url(/skins/template10/images/VWlabel.png);
padding: 9px 0 0 10px;
font-size: 16px !important;
}

a.VWlabel:link      {color: #FFF; font-weight: bold;}
a.VWlabel:visited   {color: #FFF; font-weight: bold;}
a.VWlabel:hover     {color: #999; font-weight: bold;}
a.VWlabel:active	{color: #FFF; font-weight: bold;}

A[href$='.pdf'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/pdf-trans.png) no-repeat left center
}
a[href$='.pdf'].nologo {
DISPLAY: inline-block; padding-left: 0; BACKGROUND: url(/skins/template10/images/doorzichtig.gif) no-repeat left center
}
A[href$='.xls'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
}
A[href$='.xlsx'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
}

p	       	{line-height:1.8em;
color: #333;}
			
td p	    {line-height:1.5em;
padding: 0;
color: #333;}

.small		{font-size: 7pt;margin-bottom: -7px; }

.contactformulier {width: 400px;}

.contactvraag {height: 250px;}

li	       	{margin-left:25px;
margin-top:3px;
line-height:1.8;
list-style-type: disc;
}

li.vinkjes 	{background:  url("./images/vinkje.png") bottom left no-repeat;
list-style-type: none;
text-indent: 25px;
}

#extramenu li a:link      {color: #000000; text-decoration: none;}
#extramenu li a:visited   {color: #000000; text-decoration: none;}
#extramenu li a:hover     {color: #D60F1B; text-decoration: none;}
#extramenu li a:active	{color: #000000; text-decoration: none;}

#extramenu li a.actief:link      {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:visited   {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:hover     {color: #999999; text-decoration: none;}
#extramenu li a.actief:active	{color: #D60F1B; text-decoration: none;}

.routeinput
{
width: 100px;
padding: 2px;
border: 1px solid #000000;
margin-bottom: 5px;
}

.routebutton
{
width: 105px !important;
background: #CA0000;
color: #FFFFFF;
border: none !important;
}

.rodebutton{
background: #BB0000;
background: -moz-linear-gradient(#BB0000, #770000) #BB0000;
background: -webkit-linear-gradient(#BB0000, #770000) #BB0000;
background: -o-linear-gradient(#BB0000, #770000) #BB0000;
background: -ms-linear-gradient(#BB0000, #770000) #BB0000;
background: linear-gradient(#BB0000, #770000) #BB0000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #FF0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
color: #FFFFFF !important;
display: inline-block;
margin: 10px 0;
padding: 6px 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.rodebutton:hover, .rodebutton:active{
background: #990000;
background: -moz-linear-gradient(#990000, #770000) #990000;
background: -webkit-linear-gradient(#990000, #770000) #990000;
background: -o-linear-gradient(#990000, #770000) #990000;
background: -ms-linear-gradient(#990000, #770000) #990000;
background: linear-gradient(#990000, #770000) #990000;
box-shadow: 0 1px 0 #CC0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
text-decoration: none;
}

p.error 	{color: #EA041C; border:none;}	

.error
{
border-color: #EA041C;
border-style: solid;
border-width: 1px;
}

h1
{
font-size: 14pt;
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #E15204;
margin-bottom: 5px; 
}

h2
{
font-size: 1.2em;
font-style: normal;
font-weight: normal;
color: #333;
padding: 2px;  
font-family: Arial;
}

#content1 h2
{
font-size: 1.1em;
margin: 5px 0 9px 0;
display: inline-block;
padding-bottom: 3px;
border-bottom: 1px solid #000;
}

#content2 h2
{
font-size: 1.4em;
margin: 5px 0 9px 0;
display: inline-block;
padding-bottom: 3px;
border-bottom: 1px solid #000;
}

.leesverder:after{
padding: 5px 0;
font-size: 14px;
content: " >";
display: inline-block;
}
	
body
{
text-align: center;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight:normal;
}

#totalbg
{
background: url(/skins/template10/images/VWbandenspoor.png) left top repeat-x;
}

img		{border:none;}

.label_100	{float: left;
width: 100px;
text-align: left;
padding-right: 3px;
}

.label_150	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

.label_200	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

textarea{ font-family: Trebuchet MS; font-size: 10pt; font-size: 10pt; color: #333333;}

table.border	{border:solid;
border-color : #c0c0c0;
border-width:1px;
width: 99%;
}
			
td			{
padding: 5px 5px 5px 0px;
vertical-align: top;
}
			
/*contenttables items*/
table.contenttable
{
background:#999;
border-spacing: 1px;
}

table.contenttable tr td
{
background:#FFF;
color:#000;
font-size: 8pt;
padding: 4px;
}

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}


#wrapper	{text-align:left;
margin:0 auto;
width: 950px;
min-height: 1100px;
position: relative;
top: 0px;
}

#header			{ 
height: 175px;
left: 0;
position: relative;
text-align: center;
top: 0;
width: 100%;
}

#logo			{
bottom: 0;
height: 96px;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 200;
}

#headerachtergrond
{
width:1280px;
padding: 0;
position: absolute;
background: url("./images/hbg.png") no-repeat scroll center top transparent;
left: -167px;
height: 398px;
}
					
#headertop
{
width:946px;
padding: 0;
position: relative;
height: 398px;
}
					
#socialmedia
{
bottom: 0;
height: 44px;
position: absolute;
right: 0;
width: 56px;
z-index: 300;
}

#telefoon
{
height: 39px;
right: 6px;
top: 237px;
position: absolute;
width: 311px;
background: url(/skins/template10/images/VWtelefoon.png);
z-index: 200;
}

#topfoto		{background: none repeat scroll 0 0 #222222;
height: 249px;
left: 0;
position: relative;
top: 0;
width: 950px;
z-index: 15;
}

#kruimelpad a:link, #kruimelpad a:visited{color: #555; text-decoration: none;}
#kruimelpad a:hover, #kruimelpad a:active{color: #000; text-decoration: none;}

#topschaduw		{width:944px;
position: absolute;
z-index: 14;
top: 381px;
left: 0px;
height: 20px;
}

#content		{background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 10px #000000;
float: left;
font-family: Trebuchet MS;
min-height: 600px;
padding: 50px 0 0 0;
position: relative;
text-align: left;
width: 934px;
margin-left: 9px;
background: url(/skins/template10/images/VWachtergrond.png);
}

		
#content1
{
width: 567px;
float:left;
padding: 20px; 
}			

				
#content2
{
width: 297px;
float:left;
padding: 20px 10px 20px 20px;
background: url(/skins/template10/images/VWbandenspoor2.png) right 233px no-repeat;
min-height: 600px;
}

#footer
{
clear: both;
width: 934px;
position: relative;
margin-left: 9px;
background: #FFF;
top: 0;
}
	

#footer p		{color:#FFF;
font-size:0.7em;
text-align:left;
text-decoration:none;
line-height: 2.8;
padding-left: 15px;
}

#footer p a:link, #footer p a:visited{color: #666; text-decoration: none;}
#footer p a:hover, #footer p a:active{color: #DDD; text-decoration: none;}


#footerwrapper	{text-align:left;
margin:0 auto;
width: 934px;
position: relative;
vertical-align: middle;
padding: 0;
}
			
#zoekbalk	{background: url("./images/search.png") no-repeat scroll 140px 6px rgba(0, 0, 0, 0.4);
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 24px;
position: absolute;
right: 0;
text-align: left;
top: 10px;
width: 160px;
}

.zoekbalkbalk {background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #FFFFFF;
height: 22px;
margin: -4px 0 0 10px;
width: 113px;
}

.zoekbalkbutton{ background: none repeat scroll 0 0 transparent;
border: 0 none;
height: 28px;
width: 37px;
}
.zoekbalkbutton:hover{border: 2px solid #000;
cursor: pointer;

}


#menuframe{
height: 56px;
left: 0;
position: absolute;
text-align: center;
width: 100%;   
background: url(/skins/template10/images/VWmenubalk.png);
z-index: 200;
}

/* MENU 1*/
#menu1 		{
height:30px;
position:relative;
z-index:100;
display: inline-block;
text-align: left; 
top: 5px;
}

#menu1 level1.ul{
padding: 0;
margin: 0;
list-style: none;
}

#menu1 ul li { display: block;
float: left;
line-height: 46px;
margin: 0;
position: relative; 
padding: 0;
}

#menu1 ul li.level1:hover {

}
			
#menu1 a.level1:link, #menu1 a.level1:visited{
display:block;
font-family: arial,sans-serif;
font-size:1.1em;
font-weight:normal;
line-height:26px;
text-decoration:none;
height: 34px;
padding:5px 15px 0;
color: #000;
position: relative;
color: #DADADA;
text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
}

#menu1 a.level1:hover, #menu a.level1:active{
color: #333;
text-shadow: 1px 2px 0 rgba(255, 255, 255, 0.25);
}
			
#menu1 ul li.level1.active, #menu1 ul li.level1.hasactivesub{
position: relative;

}

#menu1 ul li.level1.active:hover, #menu1 ul li.hasactivesub:hover{
border: 0;
}
			
#menu1 ul li.hassub {
}

#menu1 ul li.hassub:hover {
}
			
#menu1 ul li.hassubactive { 
}			

#menu1 ul li.hassubactive:hover {
}			

#menu1  a.level1.active, #menu1  a.level1.hasactivesub
{
text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
color: #FFF;
height: 35px;
z-index: 1010;
}


#menu1  a.level1.active.hassub, #menu1  a.level1.hassub {
/*background: url(./images/menuarrowdown.png) no-repeat right 10px;*/
padding: 5px 4px 0 15px;
}
			
#menu1  a.level1.active.hassub:after, #menu1  a.level1.hassub:after {
font-size: 1em; 
content: "  \25BC";
}

#menu1 ul li ul	{display:none;
			
}

#menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul{
left: 9px;
}

#menu1 ul li:hover ul{
border-radius: 4px 4px 4px 4px;
border: 1px solid #666;
padding: 3px;
background: #FFF;
display:block;
position: absolute;
left:0;
top:39px;
left: 10px;
z-index:97;
border-width: 1px;
z-index: 1005;
box-shadow: 0 0 10px #666;
}

#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul{}

#menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul{
}	


#menu1 li.level2, #menu1 li.level2.active{
display:block;
padding: 0;
margin: 0;
float: none;
z-index:97;
position: relative;
width: 175px; 
background: none;
border-bottom: 1px solid #EEE;
border-top: 1px solid #BBB;
}
			
#menu1 li.level2:hover {
}		
			
#menu1 a.level2:link, #menu1 a.level2:visited, #menu1 a.level2.active:link, #menu1 a.level2.active:visited{display:block;
font-family:arial,sans-serif;
font-size: 1em; 
font-weight: normal;
color: #333;
text-decoration: none;
line-height:26px;
background: none repeat scroll 0 0 #DDD;
padding: 0 10px;
}

#menu1 a.level2:hover, #menu1 a.level2.active:link, #menu1 a.level2.active:visited, #menu1 a.level2.active:hover
{
color: #555;
background: none repeat scroll 0 0 #EEE;
}


/*einde menu 1*/




/* MENU 2*/
#menu2 		{float:right;
height:27px;
position:relative;
top:0px;
z-index:100;
}

#menu2 ul 	{padding: 0;
margin: 0;
list-style: none;
height: 26px;
			
}

#menu2 ul li {margin: 0 10px;
float:left;
display: block;
line-height: 26px;
}

#menu2 ul li:hover {
}
			
#menu2 a.level1:link, #menu2 a.level1:visited{
color: #D0D0D0;
display:block;
font-family:Trebuchet MS,arial,sans-serif;
font-size:10pt;
font-weight:normal;
line-height:26px;
padding:0 5px;
text-decoration:none;
}

#menu2 a.level1:hover, #menu a.level1:active{
color: #fff;
}
			
#menu2 ul li.active {
}
			
#menu2 ul li.hassub {
}

#menu2 ul li.hassub:hover {
}
			
#menu2 ul li.hassubactive {
}			

#menu2 ul li.hassubactive:hover {
}			

#menu2  a.level1.active, #menu a.level1.hasactivesub {color: #FFF;
}
			

#menu2 ul li ul	{display:none;
position: absolute;
left:0;
top:26px;
}

#menu2 ul li.active ul, #menu2 ul li.hasactivesub ul{display:inline;}	


#menu2 li.level2	{display:inline;
	padding:0 0 0 5px;
	}
			
#menu2 li.level2:hover {
}		
			
#menu2 li.level2.active{
}
			

#menu2 a.level2:link, #menu2 a.level2:visited  {display:block;
font-family:Trebuchet MS,arial,sans-serif;
font-size: 10pt; 
font-weight: normal;
color: #707070;
text-decoration: none;
line-height:26px;
background: none;
}

#menu2 a.level2:hover, #menu2 a.level2:active, #menu2 a.level2.active {color:#000;
}


/*einde menu 2*/


/* Hack voor de min-height property tbv IE */	
.prop {  
height:400px;
float:right;
width:1px;
}	


		
		
/* CSS tbv be_menuregels */
p.level1	{text-indent: 0px;}
p.level1	{text-indent: 40px;}
p.level2	{text-indent: 80px;}
		
		
/* Einde CSS tbv be_menuregels */
		
		
		
/*security items*/

table.setsecurity	{background:#acacac;
	border-spacing: 0;}		

table.setsecurity tr.kop, table.setsecurity tr.kop td{background:#767474;
			color:#FFF;
			font-weight: bold;
			font-size: 8pt;
			}

table.setsecurity td	{padding: 5px;
		color:#FFF;}							
							


/*topfoto - banner*/

.cyclebanner { height: 249px; width: 567px; margin: auto; overflow:hidden; z-index:14;}
.cyclebanner img {border:none;
padding:0;
margin:0;
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari, Chrome */
border-radius: 0px; /* CSS3 */
}		
			
.bannertekst {
/* background: url("/skins/template10/images/50percent.png") transparent; */
bottom: 10px;
display: none;
height: 30px;
left: 0;
padding: 0;
position: absolute;
width: 350px;
-moz-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
}		
.bannertekst p{
color: #FFFFFF;
font-size: 12px;
}		
	
/* uitklapbare blokitems */

.uitklapdiv{
width: 578px; padding: 15px; background: #F5F5F5; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; margin-bottom: 10px;
}

span.uitklaptitel {
background: #AC0000;
color:#FFFFFF;
cursor:pointer;
display:block;
line-height: 1.3;
margin: 2px 0 0 0;
width:590px;
padding: 5px 5px 5px 15px;
}

div.uitklaptekst
{
width: 590px;
background: #EEEEEE;
}

div.uitklapdiv {
display: none;
}
	
/*fotoalbums*/
img.fotoalbum	{margin: 0 0 0 0;}	
div.thumbnail	{float: left;
margin: 0 6px 6px 0;
height: 100px;}	
a.download		{padding:3px 0;}
		
/* zoekcontent */		
.zoekcontent_streep {
height: 1px;
}

.zoekcontent_zoekbalkcontainer {
background: #F5F5F5; 
border: 1px solid #E5E5E5; 
height: 71px;
position: relative;
}
				
.zoekcontent_zoekbalkinput {
background-color: #FFFFFF; 
border-color: #C0C0C0 #D9D9D9 #D9D9D9; 
border-style: solid; 
border-width: 1px; 
height: 27px; 
top: 20px; 
width:300px; 
position: relative; 
padding: 0 0 0 5px;
float: left;
}
				
.zoekcontent_zoekbalksubmit {
border: 0 none; 
height: 29px; 
width: 64px; 
position: relative; 
cursor:pointer; 
top:20px;
float: left;
}
p.zoekcontent_geenresultaten {
padding: 20px;
}

.zoekcontent_resultatenheadercontainer {
padding: 20px;
border: 1px solid #E5E5E5; 
border-top: 0; 
height: 40px;
}

/* Webshop */

span.filterblokheader{
border-bottom: 1px solid #999999;
display: block;
font-weight: bold;
margin-bottom: 6px;
} 

a.filter {
color: #000000;
display: inline-block;
padding: 0 17px;
text-decoration: none;
margin: 1px 0;
}

a.filter:before {
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 1px transparent;
content: " ";
display: block;
height: 14px;
left: 0;
margin: 0;
position: absolute;
width: 13px;
}

.filter.active:before {
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 -22px transparent;

}

.filerblok {
margin: 10px 0;
}

.filter.disabled {
color: #888;
text-decoration: none;
}

.filter.active {
font-weight: bold;   
color: #000;
text-decoration: none;
}

.filterheader{
font-size: 16px;
color: #FF6600;
}



.sortdiv {
border: 1px solid #BBBBBB;
margin: 5px 0;
padding: 5px;
text-align: right;
}
a.sort{
color: #222;
text-decoration: none;
}
.sort.active{
font-weight: bold;
}

.basket_regel {
clear: both;
display: block;
}

.basket_regelomschrijving {
display: block;
float: left;
font-weight: bold;
}

.basket_regelaantal {
display: block;
text-align: right;
}

.basket_prijs {
display: block;
text-align: right;
}

.basket_totaalregel
{
display: block;
border-top: 1px solid #444;
}

.webshop_itemFrame{
padding: 7px; 
border-radius: 6px 6px 6px 6px; 
border: 1px solid #999999; 
overflow: auto;
}

.webshop_itemImageFrame
{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 3px;
}

.webshop_itemText, .webshop_specsText
{
}

.webshop_itemHeading, .webshop_specsHeading{
border-bottom: 1px solid #777777; 
color: #FF6600; 
padding: 2px 5px 2px 0;
}

a.webshop_buttonMore{
font-size: 13pt; 
background: none repeat scroll 0px 0px #CA0000; 
color: rgb(255, 255, 255); 
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
text-align: center;
color: #FFFFFF;
}

a.webshop_buttonOrder{
font-size: 13pt; 
background: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255);
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
color: #FFFFFF;
}

.webshop_price, .webshop_specs .webshop_price{
background: none repeat scroll 0px 0px #f5f5f5; 
padding: 3px 10px 3px 10px;
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
}

.webshop_price > span, .webshop_specs .webshop_price > span{
font-size: 13pt; 
font-weight: bold; 
color: #006699;
}

.webshop_specsImageFrame{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 25px;
}

.webshop_basketFrame{
display: block; 
border: 1px solid rgb(153, 153, 153); 
background: #E5E5E5;
}

.webshop_basketHeading{
background: #666666; 
color: #FFF; 
text-align: center; 
padding: 2px;
}

a.webshop_basketButton{
background: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255); 
padding: 6px 11px; 
border-radius: 6px 6px 6px 6px; 
display: block; 
width: 118px; 
margin: 10px 0px; 
right: 0px; 
font-size: 9pt;
color: #FFFFFF;
}

a.webshop_stepButton{
background: #000000; 
display: inline; 
padding: 10px; 
border-radius: 8px 8px 8px 8px;
color: #FFFFFF; 
font-size: 15pt;
}