html{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}
a {
color:#0099ff;
}
a:hover{
text-decoration:none;
}
h1{
font-size:14px;
margin-top:5px;
color:#0099FF;
}
h2{
font-size:20px;
color:#333333;
margin-left:10px;
margin-top:40px;
margin-bottom:-10px;
background-image:url(../images/motorhelm2.jpg);
background-repeat:no-repeat;
text-indent:40px;
height:40px;
}

p{
margin-top:0px;
line-height:14px;
}
#container{
width:920px;
height:130px;
}
td.titel{
background-image:url(../images/titel.jpg);
background-repeat:no-repeat;
}
td.midden{
background-image:url(../images/mid.png);
color:#FFFFFF;
height:30px;
}
#menu {
width:894px;
height:30px;
background-color:#ffffff;
margin-left:13px;
}
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; 
background-color: #333333;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #0099ff; /*text color*/
padding: 5px 11px;
background-color:#333333;
text-decoration: none;
}


.indentmenu ul li a:hover{
color: #000000 !important; /*text color of selected and active item*/
background-color: #ffffff;
}
#content{
width:560px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
color:#000000;
float:left;
display:inline;
}
#content_r{
width:860px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
color:#000000;
float:left;
display:inline;
}
#content_g{
width:860px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
color:#000000;
float:left;
display:inline;
}
#content_c{
width:860px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
color:#000000;
float:left;
display:inline;
}
#contentfoto{
width:300px;
height:200px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
background-image:url(../images/fp1.gif);
color:#000000;
float:left;
}
#contentfoto_l{
width:300px;
height:200px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
background-image:url(../images/leden.jpg);
color:#000000;
float:left;
}
#contentfoto_e{
width:210px;
height:200px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
background-image:url(../images/helm.jpg);
color:#000000;
float:left;
}

#header{
width:894px;
height:37px;
margin-left:13px;
clear:both;
}
#kadertekst{
overflow-y: auto;  
width:200px;
height:190px;
padding:5px;
margin-left:20px;
margin-top:0px;
margin-bottom:10px;
background-color:#cccccc;
color:#000000;
float:left;
}
#kaderagenda{
overflow-y:auto; 
width:200px;
height:190px;
padding:5px;
margin-left:20px;
margin-top:0px;
margin-bottom:10px;
background-color:#cccccc;
color:#000000;
float:left;
}

.hover {
color:#0099ff;
}
.select {
background-color:#0099ff;
color:#ffffff;
}
.indentmenu ul li.active a{
background-color:#ffffff;
color:#000000;
}
#spry{
width:auto;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
height:auto;
float:left;
}
#kaderdetails{
width:310px;
height:190px;
padding:5px;
margin-left:10px;
background-color:#333333;
color:#ffffff;
float:left;
}
#kaderfoto{
width:300px;
height:200px;
margin-left:10px;
background-color:#ffffff;
color:#000000;
float:left;
}
#agendafoto{
width:300px;
height:200px;
margin-left:10px;
background-color:#ffffff;
color:#000000;
float:left;
}

#kader_s{
width:880px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
color:#000000;
clear:both;
}

td.voet{
background-image:url(../images/voet.png);
height:40px;
text-align:center;
color:#FFFFFF;
}
td.voet #tekstvoet {
margin-top:0px;
color:#FFFFFF;
}
td.voet a{
color:#FFFFFF;
}
td.voet a:hover{
color:#999999;
}