@charset "utf-8";
body {
background-color:#E6DFFE;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0 auto 10px;
}

#wrapper {
position:absolute;
left:50%;
width:850px;
margin-left:-425px;
}

#header {
margin-top:0;
margin-left:auto;
margin-right:auto;
height:199px;
width:850px;
background:url(images/header.jpg) no-repeat center;
}

#header2 {
position:relative;
margin-top:0;
margin-left:0;
margin-right:775px;
height:354px;
width:75px;
background:url(images/header2.jpg) no-repeat;
}

#header3 {
position:relative;
margin-top:-354px;
margin-left:775px;
height:354px;
width:75px;
background:url(images/header3.jpg) no-repeat;
}

div#inhoud {
position:relative;
margin-left:auto;
margin-right:auto;
width:698px;
height:auto;
background-color:#FFFFFF;
border-left-style:solid;
border-left-width:1px;
border-left-color:#7DB97B;
border-right-style:solid;
border-right-width:1px;
border-right-color:#7DB97B;
}

div#inhoudtekst {
padding:10px 25px;
}

div#inhoud p {
text-align:left;
color:#1A3012;
}

div#inhoud a {
color:#349663;
}

div#inhoud a:hover {
color:#41BA7A;
}

div#inhoud h1 {
font-size:14px;
font-style:oblique;
text-align:left;
color:#1A3012;
}

div#links {
font-size:13px;
}

div#links p {
text-align:center;
}

div#navigatie {
position:relative;
width:700px;
height:58px;
margin:-354px auto auto;
background-color:#E5F6DA;
/*border-style:solid;
border-width:1px;
border-color:#7DB97B;*/
}

div#navigatie ul {
width:700px;
height:58px;
list-style:none;
margin:0;
padding:0;
}

div#navigatie ul li {
float:left;
margin:0;
}

div#navigatie ul li a {
height:58px;
width:175px;
display:block;
}

#intro a {
position:relative;
background:url(images/navintro.gif) no-repeat;
background-position:0 -116px;
overflow:hidden;
line-height:400px;
}

#intro a:hover {
position:relative;
background:url(images/navintro.gif) no-repeat;
background-position:0 -58px;
overflow:hidden;
line-height:400px;
}

#intro-page a {
position:relative;
background:url(images/navintro.gif) no-repeat;
overflow:hidden;
line-height:400px;
}

#werking a {
position:relative;
background:url(images/navwerking.gif) no-repeat;
background-position:0 -116px;
overflow:hidden;
line-height:400px;
}

#werking a:hover {
position:relative;
background:url(images/navwerking.gif) no-repeat;
background-position:0 -58px;
overflow:hidden;
line-height:400px;
}

#werking-page a {
position:relative;
background:url(images/navwerking.gif) no-repeat;
background-position:top;
overflow:hidden;
line-height:400px;
}

#voorbeelden a {
position:relative;
background:url(images/navvoorbeelden.gif) no-repeat;
background-position:0 -116px;
overflow:hidden;
line-height:400px;
}

#voorbeelden a:hover {
position:relative;
background:url(images/navvoorbeelden.gif) no-repeat;
background-position:0 -58px;
overflow:hidden;
line-height:400px;
}

#voorbeelden-page a {
position:relative;
background:url(images/navvoorbeelden.gif) no-repeat;
overflow:hidden;
line-height:400px;
}

#contact a {
position:relative;
background:url(images/navcontact.gif) no-repeat;
background-position:0 -116px;
overflow:hidden;
line-height:400px;
}

#contact a:hover {
position:relative;
background:url(images/navcontact.gif) no-repeat;
background-position:0 -58px;
overflow:hidden;
line-height:400px;
}

#contact-page a {
position:relative;
background:url(images/navcontact.gif) no-repeat;
overflow:hidden;
line-height:400px;
}

div#bottom {
position:relative;
margin-left:auto;
margin-right:auto;
bottom:10px;
width:700px;
height:139px;
}

div#bottom p {
background:url(images/copyright.gif) no-repeat;
width:700px;
height:139px;
font-size:10px;
overflow:hidden;
line-height:500px;
}