body 
{
color: ##2D3E11;
font-family: trebuchet ms, verdana, sans-serif;
font-size: 11px;
text-align: left;
background: url("afbeeldingen/background.gif") center top repeat-y #2D3E11;
}

* html body 
{
/*alleen voor IE*/
color: ##2D3E11;
font-family: trebuchet ms, verdana, sans-serif;
font-size: 11px;
text-align: left;
background: url("afbeeldingen/background-ie.gif") center top repeat-y #2D3E11;
}

* {
margin:0;
padding:0
}

img
{
border: none;
vertical-align: middle
}

a
{
text-decoration: none;
color: #2D3E11;
}

#outer
{
position: absolute;
left: 50%;
top: 0px;
margin-left: -401px;
width: 774px;
height: 1100px;
color: #666666;
background: url("afbeeldingen/backgroundblue-white.jpg") top left repeat-x #FFFFFF;
}

#header
{
position:absolute;
top: 0px;
left:0px;
width: 774px;
text-align: left;
background: url("afbeeldingen/background-header.gif") top left repeat-x #FFFFFF;
}

.mouseBeOffMe {
background-image: url(afbeeldingen/wit.gif)  
}

.mouseBeOnMe {
background: url(afbeeldingen/navpijltje.gif) no-repeat top center
}

.mouseBeDown {
background: url(afbeeldingen/navpijltje.gif) no-repeat top center
}

.mouseBeUp {
background-image: url(afbeeldingen/wit.gif) 
}

.mouseBeOffMeCurrent
{

color: #13BDF0;
text-decoration: none;
}


#header ul
{
margin-left: 230px;
margin-top: -50px;
white-space: nowrap;
padding: 4px 0px 30px 0px;
}

#header li
{
display: inline;
list-style-type: none;
font-size: 14px;
font-weight: bold;
padding-left: 20px;
}

#header a:link, #header a:visited
{
color: #6DB0C3;
text-decoration: none;
padding-bottom: 30px
}

#header a:hover
{
color: #13BDF0;
text-decoration: none;
padding-bottom: 30px
}

#header a.mouseBeOffMeCurrent:link, #header a.mouseBeOffMeCurrent:visited
{
color: #13BDF0;
text-decoration: none;
background: url(afbeeldingen/navpijltje.gif) no-repeat top center;
}

#header a.mouseBeOffMeCurrent:hover
{
color: #13BDF0;
text-decoration: none;
background: url(afbeeldingen/navpijltje.gif) no-repeat top center;
}


#header img
{
width: 160px;
height: 78px;
padding-top: 40px
}


/*Onderdelen van index-pagina*/

#contentindex
{
width: 843px;
height: 498px;
position: absolute;
top: 125px;
left: 0px;
background: url("afbeeldingen/background-home.gif") top left no-repeat;
}

#contentindex h1
{
position: absolute;
top: 232px;
left: 20px;
width: 300px;
font-size: 32px;
color: #FFFFFF;
margin-left: 10px;
margin-bottom: 20px;
text-align: left;
}

#zoekindex
{
position: absolute;
top: 32px;
left: 120px;
padding: 15px 15px 15px 3px;
width: 230px;
height: 40px;
margin: 0px 0px 0px 265px
}

#zoekindex h1
{
font-size: 15px;
color: #4E1E13;
text-align: center;
margin-bottom: 15px
}

#zoekindex form
{
position: absolute;
top: 262px;
left: 86px;
}

#zoekindex select
{
width: 189px;
}

#intro
{
position: absolute;
top: 85px;
left: 393px;
background-color: #FFFFFF;
width: 305px;
height: 110px;
padding: 25px 20px 5px 20px
}

#intro p.verder
{
text-align: right;
font-weight: bold;
}

#intro a:link, #intro a:visited
{
color: #13BDF0;
text-decoration: none;
}

#intro a:hover
{
color: #6DB0C3;
text-decoration: none;
}

#intro h1
{
margin-top: -225px;
margin-left: 0px;
color: #13BDF0;
font-size: 14px
}

#intro p
{
padding: 5px 0px 0px 0px;
line-height: 17px
}

*html #intro p
{
padding: 5px 0px 0px 0px;
line-height: 17px
}

#footerindex
{
position: absolute;
top: 470px;
text-align: center;
width: 753px;
margin-left: 0px;
color: #4E1E13;
font-size: 12px;
font-weight: bold;
padding: 30px 0px 10px 0px
}

#footerindex a, #footer a
{
text-decoration: underline;
color: #4E1E13;
}

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

/*Algemene onderdelen van overige pagina's*/


#content
{
width: 843px;
position: absolute;
top: 125px;
left: 0px;
}

#content h1
{
font-size: 32px;
color: #FFFFFF;
margin-left: 10px;
margin-bottom: 20px;
margin-top: -50px;
text-align: left;
}

#zoek
{
padding: 50px 40px 25px 0px;
text-align: center;
}

#zoek h1
{
margin: -40px 0px 5px 130px;
font-size: 20px;
color: #4E1E13;
}

#zoek select
{
position: absolute;
top: 145px;
left: 385px;
width: 200px;
margin-left: 8px
}

#footer
{
text-align: center;
width: 753px;
background-color: #FFFFFF;
margin-left: 10px;
color: #4E1E13;
font-size: 12px;
font-weight: bold;
padding: 30px 0px 10px 0px
}

/* LEFTCONTENT op overzichtspagina's*/

#containercontent
{
width: 753px;
height: 350px;
background-color: #FFFFFF;
margin: -20px 10px 0px 10px;
}

*html #containercontent
{
width: 753px;
height: 350px;
background-color: #FFFFFF;
margin: -10px 10px 0px 10px;
}


#leftcontent
{
position: absolute;
top: 195px;
left: 25px;
width: 339px;
background-color: #FFFFFF
}

#leftcontent h1, #rightcontent h1
{
font-size: 16px;
color: #00617E;
margin: 15px 0px 0px 5px
}



#leftcontent p, #rightcontent p
{
font-size: 12px;
color: #2D3E11;
width: 333px;
margin: 5px 10px 10px 5px;
line-height: 17px
}

#leftcontent a:link, #leftcontent a:visited, #rightcontent a:link, #rightcontent a:visited, #centercontent a:link, #centercontent a:visited
{
color: #13BDF0;
text-decoration: none;
font-weight: bold
}

#leftcontent a:hover, #rightcontent a:hover, #centercontent a:hover
{
color: #13BDF0;
text-decoration: underline;
font-weight: bold
}

#rightcontent
{
position: absolute;
top: 195px;
left: 405px;
width: 339px;
background-color: #FFFFFF
}



/* CENTERCONTENT op tekstpagina's*/

#centercontent
{
width: 723px;
margin: -20px 0px 0px 10px;
padding: 5px 15px 0px 15px;
background-color: #FFFFFF;
text-align: left
}

*html #centercontent
{
width: 723px;
margin: -10px 0px 0px 10px;
padding: 5px 15px 0px 15px;
background-color: #FFFFFF;
text-align: left
}

#centercontent h1
{
font-size: 16px;
color: #00617e;
margin: 15px 10px 15px 10px
}

#centercontent h2
{
font-size: 14px;
color: #00617e;
margin: 10px 10px 10px 10px
}

#centercontent p.inleiding
{
font-size: 14px;
font-weight: bold;
color: #2d3e11;
margin: 5px 10px 0px 10px;
line-height: 20px
}

#centercontent p
{
font-size: 12px;
font-weight: normal;
color: #2D3E11;
margin: 15px 10px 0px 10px;
line-height: 17px
}

#centercontent ul
{
font-size: 12px;
font-weight: normal;
color: #2D3E11;
margin: 5px 10px 0px 25px;
padding: 0px;
line-height: 17px;
font-family: trebuchet ms, verdana, sans-serif;
}

#centercontent ul.paginanav 
{
list-style: none;
padding: 0;
margin: 0 0 0 10px;
}

#centercontent ul.paginanav a
{
background:no-repeat 0px 2px url(afbeeldingen/linkpijltje.gif);
padding: 0 0 0 11px;
}

#textcontent
{
width: 723px;
margin: 0px 0px 0px 10px;
padding: 5px 15px 0px 15px;
background-color: #FFFFFF;
text-align: left
}

#textcontent h1
{
font-size: 16px;
color: #2D3E11;
margin: 15px 10px 15px 10px
}

#textcontent p.inleiding
{
font-size: 14px;
font-weight: bold;
color: #2d3e11;
margin: 5px 10px 0px 10px;
line-height: 20px
}

#textcontent p
{
font-size: 12px;
font-weight: normal;
color: #2D3E11;
margin: 15px 10px 0px 10px;
line-height: 17px
}

#textcontent ul
{
font-size: 12px;
font-weight: normal;
color: #2D3E11;
margin: 5px 10px 0px 25px;
padding: 0px;
line-height: 17px
}

/* Onderdelen van contactpagina */

#leftcontact
{
position: absolute;
top: 122px;
left: 0px;
width: 357px;
height: 353px;
margin: 10px 0px 0px 10px;
padding: 5px 15px 0px 15px;
background-color: #FFFFFF
}

#leftcontact h1
{
font-size: 16px;
color: #2D3E11;
margin: 15px 10px 15px 10px
}

#leftcontact p
{
font-size: 12px;
color: #00617E;
width: 339px;
margin: 15px 10px 0px 10px;
line-height: 17px

}

#rightcontact
{
position: absolute;
top: 132px;
left: 405px;
}

#rightcontact img
{
border: 5px solid #E0EBED
}

#formulier
{
position: absolute;
top: 500px;
left: 10px;
width: 754px;
background-color: #FFFFFF;
}

*html #formuliermidden
{
margin-top: -215px;
}

#formulier input.form
{
width: 200px;
height: 20px;
border: solid 1px #B8D1D5;
padding-right: 5px
}

#formulier textarea.form
{
width: 220px;
height: 165px;
border: solid 1px #B8D1D5;
padding-right: 5px
}

*html #formulier textarea.form
{
height: 170px;
}

#formulier table
{
margin-left: 15px
}

#formulier p
{
color: #00617E;
padding-bottom: 5px;
margin: 0px 10px 0px 10px
}

#formulier p.formulier
{
padding-top: 6px
}

*html #formulier p.formulier
{
padding-top: 5px
}

#formulier h1.verstuurd
{
margin-left: 22px;
margin-top: 20px;
font-size: 16px;
color: #2D3E11;
}


#formulier p.verstuurd
{
margin-left: 22px;
margin-bottom: 20px
}

#verplicht
{
margin-top: 0px;
color: #00617E;
}

#verplicht p
{
padding-left: 15px
}

#button
{
text-align: right;
width: 724px;
height: 40px;
padding-top: 3px;
color: red;
font-weight: bold;
margin-top: -20px;
}

input.button 
{
color: #00617E;
font-weight: bold;
background: url("afbeeldingen/button-verstuur.jpg") top right no-repeat;
padding: 2px 25px 40px 20px; 
border: none;
}

*html #button input.button
{
padding: 1px 10px 40px 20px; 
}

#footercontact
{
position: absolute;
top: 740px;
left: 10px;
text-align: center;
width: 753px;
background-color: #FFFFFF;
color: #4E1E13;
font-size: 12px;
font-weight: bold;
padding: 30px 0px 10px 0px
}