/*		------	layout	------		*/
html {
padding:0px;
margin:0px;
}

body{
margin:0;
padding:0;
background: #6F9BC5 url(i/verloop.jpg) top repeat-x;
text-align: center;
}

#container{
width: 800px;
margin:0px auto;
background: url(i/bg.jpg) top no-repeat;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #000;
}

#header {
width: 800px;
height: 205px;
}

#content{
margin-left:173px;
width:459px;
padding:0;
text-align:left;
display:inline;
float:left;
clear:both;
background: #DAE5F0 url(i/text.jpg) top repeat-x;
}

#rechts{
margin-left:635px;
text-align:left;
width:138px;
height:400px;
border-left:1px solid #84a4c0;
border-right:1px solid #84a4c0;

}

.spacer{
clear:both;
}


/*		------	text	------		*/

#content p{
padding: 1px 20px 0 10px;
}

#content a{
font-weight:bold;
color:#000;
}

#content a:hover{
font-weight:bold;
color:#788FC1;
text-decoration:none;
}

#content .kader{
margin: 10px ;
padding: 10px;
border: 2px dotted #788FC1;
}

h1{
font-family: Georgia, Times, "Times New Roman", serif;
color: #788FC1;
font-size: 16px;
font-style: italic;
padding: 2px 10px;
margin:0;
line-height:18px;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #788FC1;
font-size: 12px;
font-weight:bold;
margin:10px;
padding:0;
text-indent:25px;
line-height:20px;
background: #fff url(i/bg_navbutton.gif) top left no-repeat;
}

.link{
color: #788FC1;
text-decoration:none;
font-weight:bold;
}

.link:hover{
color: #fff;
background: #788FC1;
}

#content ul{
margin: 0 0 0 10px;
        padding: 0 15px;
        list-style-type: square;
        }

#rechts ul{
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 25px;
letter-spacing: 1px;
 }

#rechts a {
display: block;
width: 128px;
height: 22px;
}

#rechts a:link, #rechts a:visited {
background: url(i/bg_navbutton_over.gif) left no-repeat;
color: #788FC1;
text-decoration: none;
}

#rechts a:hover {
background: url(i/bg_navbutton.gif) left no-repeat;
color: #788FC1;
text-decoration: none;
}

#rechts li a#current {
background: url(i/blokje.gif) left no-repeat;
color: #000;
text-decoration: none;
}

.floatrechts{
float:left;
margin-right:5px;
}

.hide{
position: absolute; 
visibility:hidden;
}