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

body 
{
color: #fff;
font-family: arial, sans-serif;
background: url("afbeeldingen/background.jpg") top left;
font-size:13px;
}

#outer-wrapper
{
text-align: left;
width: 100%;
background: url("afbeeldingen/backgroundouter.gif") top left repeat-x;
}

#outer
{
margin-bottom: -100px; 
margin-top: 0px auto;
text-align: left;
height:675px;
width: 965px;
}

#left
{
position: absolute;
top: 0px;
left: 0px;
}

#left h1
{
position: absolute;
top: 175px;
left: 20px;
font-size: 16px;
color: #004f5a;

}

#left ul
{
position: absolute;
top: 198px;
left: 20px;
width: 120px;
border-top: solid 1px #004f5a;
border-left: solid 1px #004f5a; list-style-type: none
}

#left ul li
{
border-bottom: solid 1px #004f5a;
}

#left ul li a
{
text-decoration: none;
color: #004f5a;
display: block;
height: 30px;
padding: 8px 5px 8px 5px;
}

#left ul li a:hover, #left ul li a.active
{
background-color: #c4d8df;
color: #004f5a;
}

#left #nieuws
{
color: #004f5a;
font-weight: bold;
}

#left #nieuws li
{
padding: 5px;
}

#left #nieuws li a
{
padding: 5px 0px 0px 35px;
font-weight: normal;
height: 17px;
font-size: 11px;
}

#left #nieuws li a:hover
{
background-color: transparent;
text-decoration: underline;
}

#header
{
position: absolute;
top: 0px;
left: 137px;
height: 142px;
}

#header img.payoff
{
margin-left: 220px
}

#nav-wrapper
{
position: absolute;
top: 81px; 
left: 137px;
background: url("afbeeldingen/4u.gif") top right no-repeat;
width: 795px;
height: 402px;
border-right: solid 1px #004f5a;
border-bottom: solid 1px #004f5a;
}

#nav
{
background: url("afbeeldingen/logo-rechtsonder.jpg") top left no-repeat;
height: 80px;
}

#nav ul
{
margin-left: 65px;
white-space: nowrap;
border-top: 1px solid #004f5a;
}

*html #nav ul
{
padding: 0px
}

#nav ul li
{
display: inline;
list-style-type: none;
text-align: center;
float:left;
border-right: 1px solid #004f5a;
}

*html #nav ul li
{
padding: 4px 0px 6px 0px; 
margin-left: -4px;
padding-bottom: 5px;
margin-left: 0px
}


#nav ul li a
{
text-decoration: none;
font-size: 12px;
color: #fff;
line-height: 25px;
padding: 6px 12px 6px 12px;
}

*html #nav ul li a
{
padding: 8px 12px 9px 12px;
}

#diensten #navdiensten, #visie #navvisie, #mind4u #navmind4u, #contact #navcontact,
#navdiensten:hover, #navvisie:hover, #navmind4u:hover, #navcontact:hover
{
background-color: #cdcf95;
color: #004f5a;
}

#navwelkom
{
margin-left: -6px;
padding-right: 0px;
padding-left: 0px;
background-color: transparent;
border: none;
}

#navwelkom:hover
{
color: #cdcf95;
}


#content-wrapper
{
position: absolute;
top: 111px;
left: 137px;
width: 612px;
}

#content-wrapper h1
{
margin-top: -30px;
font-size: 16px;
color: #c4d8df;
margin-left: 70px;
font-size: 16px;
}

#content
{
position: absolute;
top: 50px;
left: 0px;
width: 612px;
height: 370px;
margin-bottom: 10px;
background: url("afbeeldingen/backgroundcontent.jpg") top left repeat-y;
overflow: auto;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #004f5a;
scrollbar-darkshadow-color: #004f5a;
scrollbar-3dlight-color: #004f5a;
scrollbar-track-color: #004f5a  
}

#content h2
{
margin: 0px 0px 10px 70px;
font-size: 14px
}

#content table
{
font-size: 12px;
margin: 0px 0px 10px 70px;
}

#content p
{
margin: 10px 30px 10px 70px;
}

#content table p
{
margin: 10px 30px 10px 0px;
}

#content p.bold
{
margin-bottom: 0px;
font-weight: bold
}

#content p.first
{
margin-top: 0px
}

#content ul
{
margin: 0px 30px 10px 90px;
}

#content table ul
{
margin: 0px 30px 10px 20px;
}

#content ol
{
margin: 0px 30px 15px 95px;
}

#content table ol
{
margin: 0px 30px 0px 25px;
}

#content ol li
{
margin-bottom: 10px
}

#content table ol li
{
margin-bottom:0px;
}

#content a
{
color: #fff;
}

#content a:hover
{
text-decoration: none;
color: #c4d8df;
}

#content table td
{
padding-right: 10px;
padding-bottom: 10px;
vertical-align: top;
}


#welkom #footer
{
position: absolute;
left: 137px;
top: 530px
}

#mind4u #footer, #diensten #footer, #contact #footer, #visie #footer
{
position: absolute;
left: 0px;
top: 420px
}

#footer p
{
text-align: right;
color: #ffffff;
padding: 1px 2px 0px 0px;
font-weight: bold
}

input, textarea, select 
{
width: 230px;
border: 1px solid lightblue;
margin-left: 20px
}

textarea
{
height: 70px
}

input.button
{cursor: pointer; 
font-weight: bold;
background-color: transparent;
margin-left: 20px;
border: 1px solid #fff;
color: #fff;
}

#adres
{
margin-top: -270px;
margin-left: 410px
}

#afbeelding
{
position: absolute; 
top: 182px; 
left:749px; 
z-index:4; 
width: 183px; 
height: 300px
}

#welkom #voorwaarden, #mind4u #voorwaarden, #diensten #voorwaarden, #contact #voorwaarden, #visie #voorwaarden
{
width: 183px; 
text-align: center;
z-index:5; 
font-size: 11px;
color: #004f5a;
}

#welkom #voorwaarden
{
position: absolute; 
top: 490px; 
left:750px;
}

#mind4u #voorwaarden, #diensten #voorwaarden, #contact #voorwaarden, #visie #voorwaarden
{
position: absolute; 
top: 379px; 
left:613px;
}

#voorwaarden a
{
color: #004f5a;
text-decoration: none;
}

#voorwaarden a:hover
{
text-decoration: underline;
}

#talen
{
position: absolute; 
top: 5px; 
left:901px;
z-index: 6;
}

#talen a
{
display: block;
width: 30px;
background-color: #72a7b1;
color: #fff;
border: solid 1px #004f5a;
margin-bottom: 5px;
text-align: center;
padding: 7px 0px;
text-decoration: none;
}

#talen a:hover, #welkom #nederlands, #nieuws #nederlands
{
background-color: #cdcf95;
color: #004f5a;
}