body{
margin:0;
background-color:#ffe1ab;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5f3f06;}

a{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#c87f00;
text-decoration:underline;}

a:hover{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#c87f00;
text-decoration:none;}


a.meer{color:#c87f00;
font-size:11px;
text-decoration:none;}

a.meer:hover{color:#cc3333;
font-size:11px;
text-decoration:none;}

#titel{
margin-bottom:10px;}

#box h1{
font-size:16px;
color:#9c6401;
margin-bottom:10px;
font-weight:lighter;
}

#right h1{
font-size:16px;
color:#9c6401;
margin-bottom:10px;
font-weight:lighter;
}

.kop{
font-size:16px;
color:#9c6401;}

a{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5f3f06;
text-decoration:underline;}

a:hover{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
text-decoration:underline;}

#container{
position:relative;
width:861px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:0;
background-color:#FFFFFF;}

#top{
float:left;
width:861px;
height:98px;
background-color:#ffe1ab;
padding:0;
margin:0;}

#nav{
float:left;
width:861px;
height:34px;
padding:0;
margin:0;
background-color:#FFFFFF;
text-align:right;}

#header{
float:left;
width:827px;
padding-left:34px;
height:210px;
margin:0;
background-color:#FFFFFF;}

#path{
float:left;
width:827px;
height:33px;
padding-left:34px;
margin:0;
background-color:#FFFFFF;}

#mid{
float:left;
width:797px;
height:auto;
padding-left:34px;
padding-right:30px;
margin:0;
background-image:url(img/bgmid.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;}


#leeg{
float:left;
width:861px;
height:32px;
padding:0;
margin:0;
background-color:#FFFFFF;}

#footer{
float:left;
width:861px;
height:28px;
background-color:#ffe1ab;
margin:0;
padding-top:5px;
}

#webstijl a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:none;}

#webstijl a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:underline;}

#botnav a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc3333;
text-decoration:none;
margin-right:5px;}

#botnav a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#5d5e5f;
text-decoration:underline;
margin-right:5px;}

.fotoheader{
border:solid 3px #ffbd49;}

.fotolinks{
border:solid 1px #ffbd49;
margin-right:20px;
margin-bottom:20xp;}

#box img{
border:solid 1px #ffbd49;
margin-right:20px;
margin-bottom:20xp;
float:left;}

#leesmeer img{
border:solid 1=px #ffbd49;
margin-right:5px;
margin-bottom:20xp;
float:right;}

.field{border:solid 1px #ffbd49;}

.but{border:solid 1px #ffbd49;
background-color:#ffbd49;}

.foto{
border:solid 1px #ffbd49;
}

#left{
float:left;
width:548px;
height:auto;
padding:0;
margin:0;}

#right{
float:right;
width:190px;
height:auto;
padding:0;
margin:0;}

#right img{
border:solid 0px #ffbd49;
margin-bottom:16px;
}

#menu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;

}

#menu li{ 
list-style-type: none; /* type van de style zetten we op 'none' */ 
float: left; /* Naar links laten floaten */ 
width: auto; /* breedte en hoogte opgeven */ 
height: 24px; 
margin: 0; /* marges instellen */ 
padding-top: 10px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc3333;
text-decoration:none;
}

#menu li a{
float:left;
display: block; /* van de links een block-element maken voor het :hover effect */ 
width: auto; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
height: 34px;
padding-left:20px;
padding-right:15px;
font-size:14px;
color:#cc3333;
text-decoration:none;


}

#menu li a:hover{ 
color:#5d5e5f;
background-image:url(img/arrow-menu.gif);
background-repeat:no-repeat;
text-decoration:underline;
}

#box{
float:left;
width:548px;;
height:auto;
margin-bottom:20px;}

.arrow-more{
padding-right: 10px;
}

#leesmeer img{border:0px;}