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

html{height:100%}

body{
margin:0;
padding:0;
font:14px "Trebuchet MS", Verdana, Arial;
background:#332735 url(images/bg1.jpg) no-repeat center bottom}

#container{
text-align:left;
height:615px;
width:1006px;
position:absolute;
left:50%;
top:50%;
margin:-307px 0 0 -503px}

#top{
background-image:url(images/mibweb_03.jpg);
height:117px;
width:1000px;
border-right:#FFF solid 3px;
border-left:#FFF solid 3px;
border-top:#FFF solid 3px;
}

#headerl{
background-image:url(images/mibweb_05.jpg);
float:left;
height:147px;
width:185px;
border-left:#FFF 3px solid}

#logo{
background:url(images/mibweb_06.jpg) no-repeat;
height:147px;
width:242px;
float:left}

#headerr{
background:url(images/mibweb_07.jpg) no-repeat;
float:left;
height:147px;
width:424px}

#contentl{
border-left:#FFF solid 3px;
border-bottom:#FFF solid 3px;
background:url(images/mibweb_15.jpg) no-repeat;
float:left;
height:86px;
width:221px;
font-size:11px;
color:#000;
text-align:right;
padding:250px 20px 0 0;
line-height:15px;
}

#menu {
background:url(images/mibweb_08.jpg) no-repeat top;
float:left;
height:135px;
width:112px;
padding-top:12px}

#menu #bottom {
background:url(images/mibweb_14.jpg) no-repeat;
height:21px;
width:112px}

#menur {
background:url(images/mibweb_09.jpg) no-repeat;
float:left;
height:147px;
width:37px;
border-right:#FFF 3px solid}

ul {margin:0px;padding:0px;list-style-type:none}

li {background:url(images/infobloem.jpg) no-repeat}

a {color:#000;text-decoration:none}

a:hover {text-decoration:underline}

#content{
background-image:url(images/mibweb_16.jpg);
float:left;
height:336px;
width:379px;
border-bottom:#FFF 3px solid;
border-right:#FFF 3px solid;
color:#FFF;
padding:0 350px 0 30px;
line-height:20px}

#content li {list-style-position:inside;list-style-type:circle;background-image:none}

.border {
border:3px solid #F5C154}

.home a {
margin:0;
padding:0;
background:url(images/home.jpg) no-repeat left;
width:112px;
height:27px;
display:block}

.portfolio a {
margin:0;
padding:0;
background:url(images/port.jpg) no-repeat left;
width:112px;
height:30px;
display:block}

.info a {
margin:0;
padding:0;
background:url(images/info.jpg) no-repeat left;
width:112px;
height:30px;
display:block}

.eng a {
margin:0;
padding:0;
background:url(images/eng.jpg) no-repeat left;
width:112px;
height:27px;
display:block}

.nl a {
margin:0;
padding:0;
background:url(images/NL.jpg) no-repeat left;
width:112px;
height:27px;
display:block}

#menu li {list-style-type:none;margin:0;padding:0}

#menu ul {margin:0;padding:0}
	
#menu ul li.home a:hover, #menu ul li.home a.active {background:url(images/home.jpg) no-repeat right}

#menu ul li.portfolio a:hover, #menu ul li.portfolio a.active {background:url(images/port.jpg) no-repeat right}

#menu ul li.info a:hover, #menu ul li.info a.active {background:url(images/info.jpg) no-repeat right}
	
#menu ul li.eng a:hover, #menu ul li.eng a.active {background:url(images/eng.jpg) no-repeat right}
	
#menu ul li.nl a:hover, #menu ul li.nl a.active {background:url(images/NL.jpg) no-repeat right}

.uitleg {
	cursor: help;
	border-bottom: 0.05em dashed;
	font-weight: bold;
}