body{
font-face: arial,verdan;
background-color: #99ccff;
text-align: center;
}




#container {
margin: 0 auto;
width: 1024px;
} 

.header{
background-image: url(../images/header.jpg);
height: 130px;
width: 1025px;
}

.subheader{
background-image: url(../images/subheader.jpg);
height: 29px;
width: 1025px;
vertical-align: top;
}


.menuleft{
background-image: url(../images/menuleft.jpg);
height: 433px;
width: 199px;
text-align: left;
vertical-align: top;
}

.main{
background-image: url(../images/main.jpg);
height: 433px;
width: 826px;
vertical-align: top;
}

.footer{
background-image: url(../images/footer.jpg);
height: 67px;
width: 1025px;
}



/* HOOFD MENU CLAASS */
#menuleftinhoud{
text-align: left;
padding-left: 25px;
}



/* menu */
ul{
margin: 0;
padding: 0;
padding-top: 8px;
}
 #menu ul{
margin: 0;
padding: 0;
padding-top: 0px;
}
 #menu li{
list-style-image: url("../images/blokje.png");
}
 #menu li:hover{
list-style-image: url("../images/blokje-wit.png");
}
 #menu  a{
background-repeat: no-repeat;
display: block;
width: 150px;
height: 20px;
color: #003366;
text-decoration: none;
font-family: verdana;
font-size: 15px;
text-align: left;
}

#menu a:hover{
font-weight: bold;
}



#sub{
list-style-type: none;
}




/* SUBMENU */
#sub ul{
list-style-type: none;

}
 
#sub li{
padding-left: 20px;
padding-top: 0px;
list-style-image: url("../images/wit.png");

}

#sub li:hover{
padding-left: 20px;
list-style-image: url("../images/wit.png");
}



#sub  a{
background-repeat: no-repeat;
height: 20px;
color: #003366;
text-decoration: none;
font-family: verdana;
font-size: 15px;
text-align: left;
}






.maincontent{
width: 590px;
padding-left: 10px;
font-family: verdana;
font-size: 12px;
vertical-align: top;
float: left;
/*border: 1px solid red;*/
}

.rightcontent{
width: 200px;
float: left;
/*border: 1px solid red;*/
padding-left: 10px;
}

.subheadercontent{
text-align: right;
margin: right;
padding-right: 5px;

}