body{
padding: 0;
margin: 0;
}

#container {
width: 800px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
height: 100%;
background-color: #00ffa0;
!background-image: url(*.bmp);
}

#titel {
height: 185px;
width: 800px; 
left: 0px;
top: 0px;
background-image: url(breebanner2.jpg)
}

#menu {
/*container rond menu*/
top: 101px;
left: 0px;
width: 100px;
height: 100%;
border: 1px solid;
border-color: #00d000;
}

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

#menu li {
border-bottom: 1px solid;
border-color: #00d000; 
margin: 0;
}

#menu li a:link, #menu li a:visited {
display:  block;
padding: 5px 5px 3px 3px;;
background-color: #00ffa0;
border-left: 5px solid #00d000;
}

#menu li a:hover, #menu li a:active {
display:  block;
padding: 5px 5px 3px 3px;
background-color: #00d000;
border-left: 5px solid #00d000;
}



#main {
padding-left: -5px;
padding-top: 0px;
position: relative;
 !important;
top: -15em;
float:  right;
margin-right: 10px;
margin-left: 10px;
width: 660px;
height: 100%;
overflow: auto;
overflow: hidden;

}


img {
border: 0px solid #000000;
}

THEAD { text-align: center; background-color: #00d000;
        font-weight: bold; font-size: large;}


h1 {
font-family: Verdana;
font-size: x-large;
color: #008000;
text-align: center;
}

h3 {
font-family: Verdana;
font-size: medium;
color: #000000;
text-align: center;
}

h4 {
font-family: Verdana;
font-size: small;
color: #008000;
text-align: center;

}

h5 {
font-family: Verdana;
font-size: small;
color: #0000dd;
text-align: center;

}

h2 {
font-family: Verdana;
font-size: medium;
color: #dd0000;
text-align: center;

}


h6 {
font-family: Verdana;
font-size: small;
color: #000000;
text-align: left;

}


p {
font-family: Verdana;
}

iframe {
padding: 0px;
margin: 0px;
}