html *{
margin:0px;               
padding:0px;
border:none;
} 

body{                
background-image:url(images/achtergrond.gif);
background-position:50% 0px;
background-repeat:repeat-y;                                         
font-family:Arial;
font-size:12px;
color:#666666;
}

#box{
width:808px;
height:auto;
background-color:#FFFFFF;                                        
margin:9px auto 0px auto;
}

/*Begin masthead*/

#masthead{
width:808px;
height:303px;
margin:0px;
color:#FFFFFF;
background-image:url(images/logo.gif);
background-position:0px 0px;
background-repeat:no-repeat;

}
#mastheadleft{
float:left;
width:52px;
height:303px;
}

#mastheadmiddle{
float:left;
width:286px;
height:303px;
margin:0px 0px 0px 0px;
}

#mastheadmiddletop{
float:left;
width:286px;
height:43px;
margin:0px 0px 0px 0px;
background-image:url(images/logo1.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

#mastheadmiddletop1{
float:left;
width:286px;
height:26px;
margin:0px 0px 0px 0px;
background-image:url(images/hbgeel_1.gif);
background-position:0px 100%;
background-repeat:no-repeat;
}

#mastheadmiddletop2{
float:left;
width:286px;
height:208px;
margin:0px 0px 0px 0px;
background-color:#FFCC00;
}

#mastheadmiddlebottom{
float:left;
width:286px;
height:26px;
margin:0px 0px 0px 0px;
background-color:#FFCC00;
background-image:url(images/dream_drive_exp.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}


/*Begin topnavigatie*/

#topnav{ 
width:auto;
height:208px;
font-family:Arial;  
text-transform:uppercase;
list-style-type:none;   
}            

#topnav li{                  
margin:0px;                  
padding:0px 0px 0px 0px;                                                                                                                                  
}       

#topnav li a{      
display:block;                                            
padding:4px 0px 0px 25px;               
background-color:#FFCC00;
color:#FFFFFF; 
font-size:14px;
font-weight:bold;
height:25px;
width:auto;
text-decoration:none;            
-moz-outline-style:none;
}                              

#topnav li a:link{
color:#669966;                                   
}      

#topnav li a:visited{
color:#669966;
}         

#topnav li a:hover{
background-image: url('images/actief.jpg');          
background-image: url('images/hover.jpg');
background-repeat: no-repeat;   
color:#669966;
height:25px;                      
}   

#topnav li a:active a:focus{
background-image: url('images/actief.jpg');
background-repeat: no-repeat;  
color:rgb(0,74,0);
height:25px;                  
}

/* Hieronder om te selecteren*/

#topnav li a:link.selected{
background-image: url('images/hover.jpg');
background-repeat: no-repeat;  
color:#FFFFFF;
height:25px;                  
}

#topnav li a:visited.selected{
background-image: url('images/hover.jpg');
background-repeat: no-repeat;  
color:#FFFFFF;
height:25px;                  
}

/* Einde selectie*/

/*Einde topnavigatie*/

#mastheadmiddlebottom{
float:left;
width:286px;
height:26px;
margin:0px;
padding:0px;
text-align:center;
background-color:#FFCC00;
}

#mastheadright{
float:left;
width:468px;
height:303px;
margin:0px;
}

/*Eind masthead*/

/*Begin content*/ 

/*#boxmiddentotaal{
width:808px;
height:100%;
margin:4px 0px 0px 0px;
border:1px solid red;
}*/

#midden{
float:left;
width:546px;
padding:4px 25px 0px 52px;
text-align:left;
}

/*Begin tekstbox met kop*/

.kop{
width:546px;
height:25px;
background-image:url(images/puntraster.gif);
padding:0px 0px 0px 0px;
background-position:0px 0px;
background-repeat:repeat;
margin:-3px 0px 25px 0px;
}

.kopright{
float:right;
width:121px;
height:25px;
background-color:rgb(255,255,255);
margin:0px 0px 0px 0px;
background-image:url(images/tabje.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.tekstbox{
width:546px;
height:auto;
padding:25px 0px 20px 0px;
clear:both;
}

h3{
font-size:8pt;
font-weight:normal;
padding:14px 0px 0px 20px;
color: #797B51;
}

h5{
font-size:10pt;
font-weight:bold;
padding:25px 0px 10px 0px;
color: #669966;
clear:both;
}

h1{
font-size:14px;
font-weight:bold;
color:#660066;
text-transform:uppercase;
margin:0px 0px 20px 0px;
padding:0px 0px 15px 0px;
text-align:left;
border-bottom:1px dotted #999999;
clear:both;
}

/*Einde tekstbox met kop*/

/* Tekstfotobox*/

.tekstfotobox{
width:546px;
height:auto;
margin:0px;
}

.tekstleft{
width:387px;
height:auto;
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#666666;
padding:0px 0px 5px 16px;
border-top:1px solid #C9C9C9;
}

h3.tekstlefth3{
font-family:Arial;
font-weight:bold;
font-size:10pt;
color:#669966;
padding:0px 0px 10px 0px;
}

ul.tekstleftul{
list-style-image:url(images/blokje.jpg);
padding:8px 0px 0px 0px;
}

/* Einde tekstfotobox */
/* Einde content */

/*Begin sidebar*/

#wrapper{
width:100%;
background-image:url(images/achtergrondrechts.jpg);
background-position:100%;
background-repeat:repeat-y;
margin:4px 0px 0px 0px;
}

#rechtstotaal{
float:right;
width:182px;
height:auto;
background-color:#999999;
background-image:url(images/achtergrondrechts.jpeg);
background-repeat:repeat-y;
margin:4px 0px 0px 0px;
}

#rechts{
float:right;
width:182px;
height:auto;
background-color:#CCCCCC;
margin:-4px 0px 0px 0px;
}

/* Tekst rechterbox*/

p{
font-size:10px;
text-align:left;
padding:0px 20px 10px 20px;
}

/* Einde tekst rechterbox*/

#topright{
float:left;
width:182px;
height:25px;
text-align:center;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 4px 0px;
}

a.shop{
width:auto;
color:#FFFFFF;
padding:7px 0px 0px 0px;
font-size:11px;
text-decoration:none;
text-align:center;
-moz-outline-style:none;
}

a:hover.shop{
color:#FFCC00;
background-color:#660066;
padding:7px 0px 0px 0px;
}

a:link.shopselected{
color:#FFCC00;
font-size:11px;
background-color:#660066;
padding:7px 0px 0px 0px;
}

a:visited.shopselected{
color:#FFCC00;
font-size:11px;
background-color:#660066;
padding:7px 0px 0px 0px;
}

#toprighttotaal{
position:relative;
width:182px;
height:auto;
background-color:#ffffff;
}

#toprightleft{
float:left;
width:104px;
height:25px;
background-color:#660066;
}

#toprightright{
float:right;
width:74px;
height:25px;
background-image:url(images/puntraster.gif);
background-position:0px 0px;
background-repeat:repeat;
margin:0px;
padding:0px;
}

/*Einde rechts*/

/*Begin links in rechts*/

.boxje{
float:left;
width:182px;
height:auto;
margin:0px;
}

h2{
font-size:14px;
color:#CC0000;
text-align:left;
/*margin:25px 0px 0px 0px;*/
padding:25px 0px 15px 14px;
}

h6{
font-size:14px;
color:#CC0000;
text-align:left;
margin:0px;
padding:25px 0px 15px 14px;
}

a{
display:block;
width:auto;
font-size:12px;
color:#660066;
padding:2px 0px 0px 12px;
text-decoration:none;
-moz-outline-style:none;
}

a:hover{
color:#C7282D;
padding:2px 0px 0px 12px;
}

a:link.selected{
color:#C7282D;
padding:2px 0px 0px 12px;                 
}

a:visited.selected{
color:#C7282D;
padding:2px 0px 0px 12px;                 
}



h4{
font-size:14px;
color:#669966;
text-align:left;
/*margin:25px 0px 0px 0px;*/
padding:25px 0px 10px 14px;
}

/*Einde links in rechts*/

/*Begin sidebar navigatie*/

#unsidebarnav{
float:left;
width:182px;
height:25px;
background-color:#999999;
padding:4px 0px 0px 0px;
}

a.teamleden{
width:auto;
color:#797B51;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

a:hover.teamleden{
color:#CC0000;
padding:7px 0px 0px 12px;
}

a:link.teamledenselected{
color:#CC0000;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

a:visited.teamledenselected{
color:#CC0000;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

a.specials{
width:auto;
height:25px;
color:#FFCC00;
background-color:#660066;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

a:hover.specials{
color:#CC0000;
padding:7px 0px 0px 12px;
}

a:link.specialsselected{
height:25px;
color:#CC0000;
background-color:#660066;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

a:visited.specialsselected{
height:25px;
color:#CC0000;
background-color:#660066;
padding:7px 0px 0px 12px;
font-size:11px;
text-decoration:none;
text-align:left;
}

#sidebarnav{
float:left;
width:182px;
height:25px;
background-color:#FFCC00;
}

#sidebarfooter{
float:left;
width:182px;
height:100%;
background-color:#999999;
padding:4px 0px 0px 0px;
background-repeat:repeat-y;
}

/*Einde sidebar navigatie*/

#rallytot{
float:left;
width:182px;
height:25px;
background-color:#999999;
margin:0px;
padding:9px 0px 0px 0px;
}

#rally{
float:left;
width:104px;
height:25px;
margin:0px;
padding:0px;
/*border:1px solid red;*/
}

a.rally{
width:104px;
color:#FFFFFF;
padding:0px;
text-decoration:none;
text-align:center;
-moz-outline-style:none;
}

a:hover.rally{
color:#CC0000;
padding:0px;
}

a:link.rallyselcted{
color:#CC0000;
padding:0px;
text-decoration:none;
text-align:center;
}

a:visited.rallyselected{
color:#CC0000;
padding:0px;
text-decoration:none;
text-align:center;
}

#demo{
float:right;
width:78px;
height:25px;
background-color:#CCCCCC;
margin:0px;
padding:0px;
}

a.demo{
width:78px;
color:#797B51;
padding:0px 0px 0px 0px;
text-decoration:none;
text-align:center;
-moz-outline-style:none;
}

a:hover.demo{
color:#CC0000;
padding:0px;
}

a:link.demoselected{
color:#CC0000;
padding:0px;
text-decoration:none;
text-align:center;
}

a:visited.demoselected{
color:#CC0000;
padding:0px;
text-decoration:none;
text-align:center;
}

.clear{
margin:0px;
padding:0px;
clear:both;
display:block;
height:1px;
overflow:hidden;
}
/*Begin footer*/

#footer{
width:756px;
height:25px;
float:right;
clear:both;
/*border-top:1px dotted #999999;*/
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
/*border:1px solid red;*/
}
#footerlinks{
float:left;
width:548px;
height:25px;
border-top:1px dotted #999999;
}
#footerrechts{
float:left;
width:208px;
height:25px;
}
a.disclaimer,a:link.disclaimer,a:visited.disclaimer,a:hover.disclaimer,a:active.disclaimer{
margin:0px 0px 0px -12px;
}
/*Eind footer*/

/*img{
padding:0px 22px 15px 0px;
}*/

 html, body{
height:auto;
}           

 html>body topnav li a{
width:100%;
}