@charset "utf-8";
/* CSS Document */

body{
margin:0;
background-image:url(../_images/bg.gif);
background-repeat:repeat-x;
background-color:#006db1;
}
body,td,th {
color: #000;
font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
a { 
color:#000;
text-decoration:none; 
}
a:hover { 
text-decoration:none; 
color: #732b90;
}

a img, img{
border:0;
}

h1,h2,h3,h4 {
font-weight:bold;
margin:0px;
padding:0px;
}
h1 {
font-size:18px;
color: #732b90;
}
h2 {
font-size:12px;
color: #732b90;
}
.clearer {
height:0px;
clear:both;
}
.fixed {
width:954px;
}
#container {
margin:0 auto;
width:970px;
}
/****************************************************
**  Header
****************************************************/
#header {
float:left;
width:970px;
height:180px;
margin:0px;
padding:0px;
background: url(../_images/header_bg.jpg) no-repeat;
}
#header h1 {
font-size:16px;
color: #732b90;
font:"Trebuchet MS";
}
#header h2 {
font-size:30px;
line-height:26px;
color: #fff;
font:"Trebuchet MS";
}
#header_logo {
float:left;
width:284px;
height:98px;
margin:0px;
padding:82px 0 0 16px;
}

#info_km_stand{


}

#header_km_stand {
float:left;
width:655px;
height:117px;
margin:0px;
padding:50px 0 0 15px;
background: url(../_images/header_km_stand.gif) bottom no-repeat;
}

.km_stand{
float:left;
width:23px;
height:43px;
margin:10px 6px 0 6px;
padding:3px 5px 0 5px;
background: url(../_images/bg_km_cijfer.gif) no-repeat;
color:#fff;
font-size:30px;
font-weight:bold;
text-align:center;
}

.km_stand_txt {
float:left;
height:43px;
font-size:30px;
line-height:26px;
margin:20px 0 0 0;
color: #fff;
font:"Trebuchet MS";
}

.slogan {
float:left;
height:43px;
font-size:30px;
margin:10px 0 0 45px;
line-height:26px;
color: #fff;
font:"Trebuchet MS";
}
/****************************************************
**  Navigatie
****************************************************/
#navigatie{
float:left;
width:944px;
height:35px;
margin:0px;
padding:0 10px 0 16px;
color:#fff;
font:12px "Trebuchet MS";
background:url(../_images/bg_navigatie.gif) no-repeat right #283891;
}
#navigatie ul{
margin:8.4px 0 0 0;
padding:0px;
}
#navigatie li{
display:inline;
padding:0px;
margin:0 2px 0 2px;
}
#navigatie a { 
color:#fff;
text-decoration:none; 
}
#navigatie a:hover { 
text-decoration:underline; 
}
/****************************************************
**  Navigatie submenu
****************************************************/
#navigatie .main li.over ul, .main li:hover ul.submain {
   display:block;
   z-index:999!important;
}

#navigatie ul li ul{
   visibility:hidden;
   width:188px!important;
   padding:0 0 0 0;
   position: absolute;
    margin: 9px 0 0 -10px;
   top:0px;
   left:3px;
   background-color: #732b90;
}

#navigatie .main li ul li {
   width:188px!important;
   margin:0;
   padding:0;
   background-color: #732b90;
}

#navigatie .main li.over ul, .main li:hover ul.submain {
   display:block;
   z-index:999!important;
    background-color: #732b90;
     
}

#navigatie .main li ul li a {
   text-transform:none;
   text-decoration:none;
   color:#ffffff;
   line-height:15px;
   display:block;
   width:175px;
   height:18px;
   font-size:11px;
   margin: 0 0 0 13px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #732b90;
   
   
}
#navigatie .main li ul li a:hover {
   background-color:#81409b;
   width:175px;
   color:#ffffff;
    margin: 0 0 0 0px;
    padding-left:13px;
    text-decoration:underline;
}
/****************************************************
**  
****************************************************/
.talen{
float:right;
margin:8px 14px 0px 0px;
width:23px;
}
#header_2 {
float:left;
width:970px;
height:33px;
margin:0px;
padding:0px;
background:url(../_images/bg_header_2.gif) no-repeat;
}
#content{
float:left;
width:970px;
margin:0px;
padding:0px;
background:url(../_images/bg_container.jpg) repeat-y;
}

#content a{
color: #732b90;
}
#content a:hover{
text-decoration: underline;
}

/****************************************************
** left template
****************************************************/
#left{
float:left;
width:284px;
padding:0px;
margin:0 2px 0 14px;
line-height:18px;
background:url(../_images/bg_leftbottom.gif) no-repeat bottom #ebebeb;
}
.left{
padding:0 12px 6px 12px;
}

.route_img{
margin: 0 0 0 10px;

}

#left_nieuws{
width:260px;
font-size:12px;
margin-bottom:10px;
margin-left: 10px;
}
#left_nieuws a { 
color:#283891;
text-decoration:none; 
}
#left_nieuws a:hover { 
text-decoration:none; 
color: #732b90;
}

#left_nieuws h2{
font-size:17px;
color: #732b90;
font:"Trebuchet MS";
}
#left_nieuws b{
color: #283891;
}  

#left_nieuws ul{
margin:12px 0 12px 0;
padding:0px;
list-style-type: none;
}
#left_nieuws li{
padding:0px;
margin:16px 12px 6px 12px;
}
.left_nieuws_datum{
color:#283891;
font-weight:bold;
font-size:12px;
}
/****************************************************
**  main template
****************************************************/
#main{
float:left;
width:448px;
padding:9px 14px 0 30px;
margin:0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
overflow:hidden;
}

#main h1{
color: #732b90;
}

#main b{
color: #283891;
}
#main_width{
float:left;
width:640px;
padding:9px 14px 22px 30px;
margin-right:10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
overflow:hidden;
}

#main_width b{
color: #732b90;
}
#main_width tt{
color: #732b90;
font-size:15px;
font-style:bold;
font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#main_width h1{
color: #732b90;
}



/****************************************************
**  right template
****************************************************/
#right{
float:left;
width:145px;
padding:0px;
margin:51px 0 0 0;
text-align:center;
overflow:hidden;
}

#right_width{
float:left;
width:250px;
padding-left:px;
margin: 5px 14px 0 0px;
text-align:left;
overflow:hidden;
}

#right_width_text{
width:250px;
margin-right:7px;
}
#right_width h2{
font-size:17px;
color: #732b90;
font:"Trebuchet MS";
}
#right_width a{
font-size:13px;
color: #283891;
font:"Trebuchet MS";
}
#right_width b{
color: #283891;
}
#right ul {
margin:6px 0 12px 0;
padding:0px;
list-style:none;
}

#right_width ul {
margin:6px 0 12px 0;
padding:0px;
list-style:none;
}

#right li{
padding:0px;
margin:0px 24px 10px 51px;
text-align:center;
list-style-type: none;
}
/****************************************************
**  footer
****************************************************/
#footer{
float:left;
width:970px;
height:25px;
margin:0px;
padding:0px;
background:url(../_images/bg_footer.gif) no-repeat;
}

/****************************************************
**  sponsorbalk onder de footer
****************************************************/
#sponsorbalk
{
	float:left;
	width:970px;
	height:30px;
	margin: 0;
	padding:0px;
	text-align: center;
}
#sponsorbalk a
{
color:#FFFFFF;
}
#sponsorbalk a:hover
{
	text-decoration:underline;
}


/****************************************************
**  Contact formulier
****************************************************/
#contact{
   height:auto;
   width:500px;
}
#contact b{
   color: #732b90;
}

