/*Algemeen*/

html, body{
height: 100.1%;
margin: 0;
}

body{
background: url(afbeeldingen/background.gif);
}

#container{
min-height:100%;
width: 800px;
margin: auto;
background: #fff;
}

#header{
height:200px;
background:url(afbeeldingen/header.jpg) no-repeat center;
}

#zijbalk{
width:200px;
padding:20px;
background:url(afbeeldingen/sidebar.gif) repeat-y left;
float:right;
}

#inhoud{
width:500px;
margin:20px;
padding:20px;
margin-top:0;
}

#inhoud img{
width: 550px;
border:0;
}

#footer{
height:30px;
text-align:center;
}

/* Navigatie balk*/
#navigatie{
height:35px;
background:url(afbeeldingen/navigatie.gif) repeat-x;
}
#navigatie ul{
padding:0;
margin:0;
list-style-type:none;
}
#navigatie ul li{ /*Voor internet explorer!*/
float:left;
}
#navigatie ul a{
float:left;
height:26px;				
padding:9px 18px 0 16px;
color:#fff;
text-decoration:none;
}
#navigatie ul a:hover{ /*Als je over de knoppen gaat*/
color:#999;
background:#111;
}
#navigatie #on a{
color:#999;
background:#111;
}
#vlag{
margin:9px;
float:right;
}

/*tekstopmaak*/
body{
font: 14px Verdana;
}

h1{
color: #990000;
font: 22px Arial;
border-bottom:1px solid #ddd;
}

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

a:hover{
text-decoration:underline;
color:#990000;
}

li{
color:#000;
}

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