/*--------------- ALGEMEEN ------------------------------------*/
p{
margin: 0px;
}
h1{
text-align: center;
font-size: 17px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000FF;
}
h2{
text-align: center;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
margin: 0px;
}
h3{
text-align: left;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000FF;
margin-bottom: 3px;
margin-top: 0px;
}
h4{
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000FF;
margin-bottom: 3px;
margin-top: 0px;
}
a:link{
color: #FF0000;
text-decoration: none;
font-size: 10px;
}
a:visited{
color: #FF0000;
text-decoration: none;
font-size: 10px;
}
a:hover{
color: #0000FF;
text-decoration: none;
font-size: 10px;
}
/*--------------- Classes ------------------------------------*/
.blauw{
color: #0000FF;
}
.inleiding{
font-weight: bold;
margin-bottom: 10px;
}
.handleiding_hoofdstuk{
font-size: 10px;
margin-bottom: 0px;
margin-top: 10px;
color: #0000FF;
font-weight: bold;
}
.handleiding_paragraaf{
font-size: 10px;
color: #0000FF;
font-weight: normal;
}
/*--------------- BODY & MAIN ------------------------------------*/
body{
margin-top:    10px;
margin-right:  0   ;
margin-bottom: 10px;
margin-left:   0   ;
background-color: #000000;
color: #000000;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#main{
width: 748px;
margin-top:    0px ;
margin-right:  auto;
margin-bottom: 0px ;
margin-left:   auto;
text-align: left;
}
/*--------------- KOP ---------------------------------------------*/
#kop{
float: left;
width: 746px;
height: 220px;
border-top:    1px solid #000000;
border-right:  1px solid #000000;
border-bottom: 1px solid #000000;
border-left:   1px solid #000000;
background-color: #FF0000;
}

#header{
width: 746px;
height: 200px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
background-position: center;
}

#titel{
width: 746px;
height: 20px;
line-height: 20px;
background-color: #000000;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

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

#titel a:hover{
color: #FF0000;
text-decoration: none;
font-weight: bold;
}

/*--------------- HOOFD ---------------------------------------------*/
#add_top{
float: left;
width: 468px;
height: 60px;
padding-top: 20px;
padding-left: 139px;
padding-right: 139px;
padding-bottom: 10px;
border-top:    0px              ;
border-right:  1px solid #000000;
border-bottom: 0px;
border-left:   1px solid #000000;
background-image: url(../images/top_shadows2.gif);
background-position: top;
background-repeat: no-repeat;
margin-bottom: 0px;
text-align: center;
}

#hoofd_shadow{
float: left;
width: 746px;
height: 40px;
padding-top: 0px;
border-top:    0px              ;
border-right:  1px solid #000000;
border-bottom: 0px              ;
border-left:   1px solid #000000;
background-image: url(../images/shadows.gif);
background-position: center;
background-repeat: repeat;
margin-bottom: 0px;
}

#hoofd{
float: left;
width: 746px;
border-top:    0px              ;
border-right:  1px solid #000000;
border-bottom: 0px;
border-left:   1px solid #000000;
background-image: url(../images/shadows.gif);
background-position: center;
background-repeat: repeat-y;
margin-top: 0px;
}

/*--------------- MENU ---------------------------------------------*/
#main_menu{
float: left;
padding-left: 20px;
width: 106px;
}

#menu{
float: left;
width: 106px;
margin-bottom: 20px;
}

#menu p{
margin-bottom: 5px;
}

#links{
float: left;
width: 96px;
padding-left: 10px;
margin-bottom: 20px;
margin-top: 0px;
}

#links p{
margin-bottom: 5px;
}

#adds{
float: left;
width: 104px;
height: 104px;
padding-right: 2px;
margin-bottom: 20px;
}
/*--------------- PAGINA ---------------------------------------------*/
#pagina{
float: left;
width: 474px;
min-height: 250px;
padding: 0px 10px 10px 10px;
background-color: #FFFFFF;
}

/*--------------- ZIJBALK ---------------------------------------------*/
#zijbalk{
float: left;
padding-right: 20px;
width: 106px;
margin-top: 0px;
}

#logo{
float: right;
width: 106px;
height: 106px;
background-image: url(../images/logo.gif);
background-position: center;
background-repeat: no-repeat;
}
/*--------------- VOET ---------------------------------------------*/
#bottom_fill{
float: left;
width: 746px;
height: 10px;
border-top:    0px              ;
border-right:  1px solid #000000;
border-bottom: 0px;
border-left:   1px solid #000000;
background-image: url(../images/shadows.gif);
background-position: center;
background-repeat: repeat-y;
margin-top: 0px;
}

#add_bottom{
float: left;
width: 468px;
height: 60px;
padding-top: 10px;
padding-left: 139px;
padding-right: 139px;
padding-bottom: 10px;
border-top:    0px;
border-right:  1px solid #000000;
border-bottom: 0px;
border-left:   1px solid #000000;
background-image: url(../images/shadows.gif);
background-position: center;
background-repeat: repeat;
margin-bottom: 0px;
text-align: center;
}

#voet{
float: left;
width: 746px;
height: 40px;
text-align: center;
margin-bottom: 10px;
border-right:  1px solid #000000;
border-bottom: 1px solid #000000;
border-left:   1px solid #000000;
background-image: url(../images/bottom_shadows.gif);
background-position: center;
background-repeat: no-repeat;
line-height: 30px;
}

#voet_links{
float: left;
width: 126px;
height: 40px;
}

#voet_midden{
float: left;
width: 494px;
height: 40px;
}

#voet_rechts{
float: left;
width: 126px;
height: 40px;
}