@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body{
background-color:#fff;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper{
width:850px;
margin:20px auto;
position:relative;
}

#header{
width:850px;
height:98px;
background-image:url("../img/header.gif");
background-repeat:no-repeat;
position:relative;
}

#logo{
position:absolute;
top:55px;
left:45px;
width:108px;
height:120px;

}
p{
margin-bottom:10px;
}

.link{
color:#df964f;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#996600;
font-size:16px;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
color:#996600;
font-size:20px;
text-decoration:underline;
font-weight:bold;
margin-bottom:20px;
margin-top:0px;
}

.button{
width: 100px;
background-color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
font-weight:bold;
cursor: hand;
float:left;
margin:7px 40px 7px 0;
}
#content{
text-align:left;
width:850px;
float:left;
padding-top:50px;
padding-bottom:30px;
background-color:#FFFFFF;
margin-top:-18px;
background-image:url(../img/bg.gif);
background-repeat:repeat-y;
}

#leftcontent{
float:left;
width:220px;
padding-left:20px;
}
#middle{
float:left;
width:370px;
max-height:400px;
overflow:hidden;
}
#right{
padding-left:20px;
padding-right:20px;
}

#rightcontent{
float:right;
width:550px;
}
#right2{
float:right;
width:220px;
}
.imga{
border:3px solid #df964f;
}
#promo{
float:left;
width:810px;
padding-left:20px;
padding-right:20px;
}

ul#submenu{
position:relative;
list-style:none;
background-color:#df964f;
padding:0px;
width:560px;
color:#000;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-left:2px;
padding-left:280px;
}

ul#submenu a{
position:relative;
display:block;
position:relative;
padding: 2px 10px 2px 10px;
float:left;
text-decoration:none;
color:#000;

}

ul#submenu a:hover{
background-color:#000;
color:#FFFFFF;
}

ul#submenu a:active{
background-color:#000;
color:#FFFFFF;
}

ul#submenu li{
float:left;
color:#000;
}

#instituut{
position:absolute;
float:left;
left:90px;
padding: 2px 5px 2px 5px;
letter-spacing:2px;
margin-right:40px;
}

.table{
margin:0 0 10px 0;
width:300px;
}
ul.sub{
margin-left:35px;
color:#333;
}
ul.sub li{
color:#333;
margin-bottom:7px;
}
ul.sub li a{
color:#333;
text-decoration:none;
}
ul.sub li a:hover{
color:#df964f;
text-decoration:none;
}
p.spring{
margin-left:20px;
}

#foot{
clear:both;
margin-top:-10px;
background-image:url(../img/footer.gif);
background-repeat:no-repeat;
width:850px;
height:24px;
}

#footer{
clear:both;
color:#000;
font-size:11px;
padding-top:0px;
width:850px;
}

#credits{
text-align:right;
background-color:#fff;
padding-right:0px;
padding-top:3px;
}
#adres{
padding-right:0px;
background-color:#fff;
padding-top:0px;
float:left;
}