* {margin: 0; padding: 0; border: 0;}

body
{
color: #000080;  
text-align: center; 					/*** Centers the design in old IE versions ***/
font-family:Verdana,tahoma,sans-serif;
font-size:12px;
background-color: #fff;
}

#wrapper
{
width: 978px;
margin: 0 auto; /*** Centers the design ***/
text-align: left;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
background: #fff url("afbeeldingen/leftbackground.gif") repeat-y left top;
}

#header
{
background: #E3EBE8 url("afbeeldingen/rightcorner.gif") no-repeat right top;
width: 978px;
height: 126px;
margin-top: -7px;
}

#header img
{
width: 210px;
height: 126px;
border-right: 4px solid #fff;
float: left;
}

*html #header img
{
margin-left: -3px;
}

#header h1
{
font-size: 38px;
color: #000080;
margin: 7px 0px 0px 230px;
}

#header h2
{
color: #000080;
margin: 18px 0px 0px 230px;
font-size: 20px; 
}

#header h3
{
color: #000080;
margin-left: 230px;
font-size: 14px
}

#header h4
{
float: right;
margin: 37px 10px 0px 0px;
font-size: 22px;
text-align: right
}

#left
{
float: left;
width: 214px;
border-top: 4px solid #fff;
}

#left p
{
color: #000080;
padding: 5px 10px 0px 10px;
font-weight: bold;
font-size: 14px
}


#left p a
{
text-decoration: none;
color: #000080;
}

#left p a:hover, #left h3 a:hover
{
text-decoration: underline;
}

#left p.green, #left p.green a
{
color: #008080;
font-size: 12px;
}

#left h3 a
{
color: #000080;
text-decoration:none;
padding-left: 10px;
font-size: 14px;
}

#left ul
{
width: 205px;
padding: 10px 0px 0px 15px;
font-family: Verdana, tahoma, sans-serif; 
color: #e6d7dd;
list-style-type: none;
}

#left ul li
{
padding: 3px 0px 8px 18px;
background: url(afbeeldingen/bullet.gif) no-repeat;
}


#left ul a
{
text-decoration: none;
font-size: 12px;
font-weight: bold
}

#left ul a:link {color: #000080;}
#left ul a:visited {color: #000080;}
#left ul a:hover {color: #000080; text-decoration: underline;}
#left ul a:active {color: #000080;}

#left ul a.navcurrent:link {color: #000080;}
#left ul a.navcurrent:visited {color: #000080;}
#left ul a.navcurrent:hover {color: #000080;}
#left ul a.navcurrent:active {color: #000080;}

#left ul a.navcurrent
{
text-decoration: underline;
font-size: 12px;
font-weight: bold
}

#right
{
float: right;
text-align:left;
width: 214px;
color: #fff;
background: #fff url("afbeeldingen/rightcornercontent.gif") no-repeat right top;
}

#right h3
{
color: #008080;
font-size: 12px;
font-weight: bold;
margin: 0px 10px 0px 35px;
}

#right p{
color: #008080;
margin: 0px 10px 15px 35px;
font-size: 12px;
}

#right h1
{
font-size: 28px;
color: #008080;
margin: 15px 10px 0px 35px;
}

#right a:link {color: #000080;}
#right a:visited {color: #000080;}
#right a:hover {color: #000080; text-decoration: underline;}
#right a:active {color: #000080;}

#right a{
text-decoration: none;
font-size: 12px;
font-weight: bold
}

#text
{
text-align: left;
padding: 10px 15px 10px 15px;
margin: 0px 220px 0px 220px;
color: #000080;
}

#text h1
{
font-size: 22px; 
margin-bottom: 15px;
}

#text h2
{
font-size: 17px;
margin-bottom: 10px;
}

#text h3
{
font-size: 12px;
}

#text p
{
margin-bottom: 10px;
}

#text table
{
font-size: 12px;
}

#text ul
{
padding-left: 20px;
margin-bottom: 10px;
list-style-type: square;
}

#text ol
{
padding-left: 25px;
margin-bottom: 10px;
}

#text a
{
font-size: 12px;
text-decoration: underline;
font-weight: bold;
color: #000080;
}

#text a:hover {text-decoration: none;}

#copyright
{
border: solid 1px #000080;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
font-style: italic;
}

p.omhoog
{
text-align: center;
margin-top: 20px;
}

.testimonial, .cursief
{
font-style: italic;
}

.toelichting
{
font-size: 12px;
font-style: italic;
}

#footer
{
height: 97px;
}

input, textarea
{
border: 1px solid #000080;
}

input.button
{
width: 150px;
background-color: #fff;
color:#000080;
cursor: pointer;
font-weight: bold;
}