@charset "UTF-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {
margin: 0;  
padding: 0;  
border: 0;  
outline: 0;
font-family: Arial, Helvetica, sans-serif;
}
 
body {
font-family: Arial, Helvetica, sans-serif;
font-size:62.5%;
color: #000;
line-height:180%;
}

html, body {
height: 100%;
}

/* TYPOGRAFIE */

p {
font-size: 1em;
color: #333;
}

a:link, a:visited {
color: #7d9f09;
text-decoration: none;
font-size: 1em;
}

a:hover {
text-decoration: underline;
}

a.green:link, a.green:visited {
text-decoration: none;
color: #c6ff00;
}

a.green:hover {
text-decoration: none;
}

a.greenBright:link, a.greenBright:visited {
font-size: 1em;
text-decoration: none;
color: #c6ff00;
}

a.greenBright:hover {
text-decoration: underline;
}

.grijs {
color: #656363;
}

.grijsGroot {
color: #656363;
font-size: 2em;
}

h1 {
font-size: 1.6em;
font-weight: bold;
color: #fff;
}

h2 {
font-size: 2.0em;
font-weight: bold;
color: #606060;
}

h3 {
font-size: 1.1em;
font-weight: bold;
color: #606060;
}

h4 {
font-size: 2.0em;
font-weight: bold;
color: #172983;
line-height: 120%;
}

h5 {
color: #606060;
font-size: 2.0em;
font-weight: bold;
margin-bottom: 10px;
}
 
h6 {
font-size: 1.1em;
font-weight: bold;
color: #172983;
margin-bottom: 5px;
}

.titelTop {
color: #172983;
font-size: 2.0em;
font-weight: bold;
margin-bottom: 20px;
}

.titel {
color: #172983;
font-size: 1.6em;
font-weight: bold;
margin-bottom: 20px;
}


.menu { width: 733px; height: 45px; background: #172983 url("/images/menuBackground.gif") repeat-x; font-size: 1.2em; font-weight: bold; list-style-type: none; margin-bottom: -10px; padding: 0px; position: absolute;top: 100px;left: 227px; line-height:270%;}
.menu li { display: block; float: left; margin: 0 0 0 0px;}
.menu li a { height: 45px; color: #FFF; text-decoration: none; display: block; float: left; padding: 6px 13px 0px 13px;}
.menu li a:hover { height: 39px; background-color: #6675c0; }
.menu li a.current{ height: 39px; background: #0a1445 url("/images/currentBackground.gif") bottom center no-repeat;}
.menu li a:visited {text-decoration: none;}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -70px;
}

.push {
clear: both;
height: 70px;
}

.content {
position: relative;
width: 960px;
margin: 0 auto;
}

.header {
background-color: #FFF;
}

.letop {
width: 958px;
height: 44px;
border: 1px solid #000;
background-color: #FFF;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}

.logoBtn {
position: absolute;
}

.telTop {
position: absolute;
top: 70px;
left: 670px;
height: 100px;
}

.headerKopWrapper {
position: relative;
left: 1px;
top: 20px;
z-index: 999;
}

.headerKopBalk {
float: left;
}

.headerKopPijl {
float: left;
}

.headerKopTekst {
padding: 8px 20px;
background-color: #172983;
}

.headerImage {
position: absolute;
left: 0px;
top: 0px;
}

.mainContent {
font-size: 1.2em;
position: relative;
width: 960px;
overflow: visible;
border-top: 1px solid #bdbdbd;
background: #fff url("/images/contentBackground.gif") repeat-x;
}

.mainContent div.contentBox{
position: relative;
overflow: visible;
margin-bottom: 80px;
}


/* FOOTER */

.footer  {
position: relative;
background-color: #aeaeae;
width: 960px;
margin: 0 auto;
height: 70px;
margin-top:40px;
}

.footerMenu {
position: absolute;
top: 10px;
left: 170px;
font-size: 1.2em;
}

.footerMenu ul li {
margin-left: 0px;
padding: 0px 10px;
border-left: 1px solid #fff;
list-style: none;
display: inline;
}

.footerMenu a {
color: #fff;
}

.footer ul li.first {
border-left: 0px;
}

.vvvLenen {
position: absolute;
left: -25px;
top: -80px;
}

.footerLogo {
position: absolute;
left: 880px;
top: 5px;
}

input.btn, .btn:link, .btn:visited {
display: inline-block; 
padding: 5px 10px; 
color: #fff; 
text-decoration: none;
background-color: #b2d735; 
cursor: pointer;
margin-top: 10px;
border: 2px solid #97bf0d;
font-size: 1.2em;
font-weight: bold;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.btn:hover { 
background-color: #97bf0d;
text-decoration: none;
}

input.btnKlein, .btnKlein:link, .btnKlein:visited {
font-size:0.9em;
}


.btnGrijs:link, .btnGrijs:visited {
display: inline-block; 
padding: 3px 10px; 
color: #7d9f09; 
text-decoration: none;
background-color: #f7f7f7; 
cursor: pointer;
margin-top: 10px;
border: 1px solid #bdbdbd;
font-size: 1.1em;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-right: 10px;
}

.btnGrijs:hover { 
background-color: #7d9f09;
border: 1px solid #97bf0d;
color: #fff;
text-decoration: none;
}

.linkBox {
position: absolute;
top: 20px;
left: 690px;
width: 250px;
height: 217px;
background-color: #FFF;
border: 1px solid #bdbdbd;
}

.linkBoxTekstKop {
position: absolute;
top: 10px;
left: 20px;
width: 210px;
}

.linkBoxTekst {
position: absolute;
top: 40px;
left: 0px;
}

.linkBox ul li {
list-style: none;
line-height: 350%;
border-top: 1px solid #bdbdbd;
padding: 0px 0px 0px 40px;
width: 210px;
}

.linkBox3link {
position: absolute;
top: 20px;
left: 690px;
width: 250px;
height: 170px;
background-color: #FFF;
border: 1px solid #bdbdbd;
}

.linkBox3link ul li {
list-style: none;
padding: 0px 0px 0px 40px;
line-height: 350%;
border-top: 1px solid #bdbdbd;
width: 210px;
}

.logoQCBox {
position: absolute;
top: 259px;
left: 690px;
width: 240px;
height: 70px;
background-color: #FFF;
border: 1px solid #bdbdbd;
padding: 10px 0px 10px 10px;
font-size: 0.8em;
}

.logoQCBox3 {
position: absolute;
top: 210px;
left: 690px;
width: 240px;
height: 70px;
background-color: #FFF;
border: 1px solid #bdbdbd;
padding: 10px 0px 10px 10px;
font-size: 0.8em;
}
