html, body {
height: 100%;
font: 12px Trebuchet MS, Verdana, sans-serif;
line-height: 18px;
margin: 0;
background-color: #f9f9f9;
background-image: url(img/bg.png);
background-repeat: repeat-x;
}

#container { 
overflow: auto;
margin: 0 auto;
width: 980px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

a, a:link, a:visited {
color: #009900;
text-decoration: none;
font-weight: bold;
}

a:active, a:hover {
color: #03c000;
text-decoration: underline;
}

#top {
height: 231px;
display: block;
background-color: #ebebeb;
background-image: url(img/header.jpg);
background-position: right bottom;
}

#logo {
float: left;
padding: 12px 0 0 33px;
}

#banner {
float: right;
padding: 20px 20px;
}

#maincontainer {
float: left;
width: 100%;
display: block;
background-image: url(img/header2.png);
background-repeat: repeat-x;
min-height: 550px;
}

#menu {
margin-top: 20px;
float: left;
width: 215px;
display: block;
background-image: url(img/menu.png);
overflow: auto;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#main {  
float: left;
margin: 0 0 20px 0;
padding-left: 35px;
overflow: auto;
padding-bottom: 20px;
}

.item_main { width: 650px; }

#footer {
color: #999999;
text-align: center;
}

.mainnav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
overflow: hidden;
}

.mainnav li {
vertical-align: top;
padding: 0;
margin-bottom: -1px;
display: block;
text-align: center;
border-bottom: 1px solid #CCCCCC;
}

.mainnav li a { 
display:block; 
color: #fd355c;
padding:10px
}

.mainnav li a:link, .mainnav li a:visited {
font-family: Trebuchet MS, Verdana, Helvetica;
font-weight: bold;
letter-spacing: 1px;
font-size: 11px;
text-transform: uppercase;
color: #fd355c;
text-decoration:none;
padding-bottom: 13px;
}

.mainnav li a:hover {
color: #666666;
text-decoration:none;
}

.mainnav li a:active, a.actief:link, a.actief:visited, {
color: #666666;
text-decoration:none;
}

h1 {
margin: 0;
font-size: 15px;
font-weight: bold;
color: #fff;
}