/*----------- General -----------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0; 
padding:0; 
border:0; 
outline:0;
list-style-image:none;
list-style-position:outside;
line-height:18px;
}

body {
background-color:#FFFFFF;
color:#000000;
font-family: Arial, Verdana, Tahoma; 
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

h1 {
font-size:20px;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#fff;
}

/*----------- Header -----------*/

div#header {
margin:0 auto;
width:965px;
}

div#upperheader {
float:left;
width:965px;
height:110px;
}

img#logo {
float:left;
padding:40px 0 0 18px;
}

#uppernav {
list-style-image:none;
font-size:12px;
float:right;
display:block;
margin:75px 0 0 18px;
padding:0;
list-style-type:none;
font-weight:normal;
letter-spacing:1px;
}

#uppernav li {
list-style-image:none;
margin-right:20px;
float:left;
}

#uppernav a {
color:#575757;
text-decoration:none;
}

#uppernav a:hover {
color:#0e76bc;
text-decoration:none;
}

#uppernav a.active {
color:#0e76bc;
text-decoration:none;
}

div#lowerheader {
float:left;
width:965px;
height:411px;
}

ul#upperpic {
width:965px;
height:310px;
float:left;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

div#lowerpic1 {
background-image:url("../images/lowerpic1.jpg");
background-repeat:no-repeat;
width:483px;
height:101px;
float:left;
display:block;
}

div#lowerpic2 {
background-image:url("../images/lowerpic2.jpg");
background-repeat:no-repeat;
width:482px;
height:101px;
float:left;
display:block;
}

/*----------- Content -----------*/

div#mainwrap {
margin:0 auto;
width:965px;
padding-bottom:130px;
}

div#content1{
width:310px;
padding-right:15px;
float:left;
display:block;
}

div#content2{
width:310px;
padding-right:15px;
float:left;
display:block;
}

div#content3{
width:635px;
padding-right:15px;
float:left;
display:block;
}

h1.kopje1 {
color:#0e76bc;
padding:1.3em 0 0 18px;
}

h1.kopje2 {
color:#575757;
padding:1.3em 0 0 18px;
}

h1.kopje3 {
color:#575757;
padding:1.3em 0 0 130px;
float:left;
}

div.inleiding{
font-style:italic;
margin:1em 0 1em 18px;
}

div.text1{
margin:1em 0 1em 18px;
}

div.textconcept{
margin:0 0 1em 18px;
float:left;
width:600px;
}

a.button2 {
background-image:url("../images/button1.png");
background-repeat:no-repeat;
width:116px;
height:30px;
float:right;
}

a:hover.button2 {
background-image:url("../images/button2.png");
}

img.pictures {
padding:1.2em 0 0 15px;
}

img.pictures2 {
padding:1.2em 0 0 15px;
float:left;
}

strong.bold {
color:#0e76bc;
}

ol.ollijst {
color:#0e76bc;
list-style-type:number;
padding:0 0 0 30px;
}

ol.ollijst p{
color:#000;
}

ol.ollijst2 {
width:600px;
color:#0e76bc;
list-style-type:number;
padding:0 0 0 25px;
float:left;
}

ol.ollijst2 p{
color:#000;
}

ul.ullijst {
color:#0e76bc;
list-style-type:disc;
padding:0 0 0 40px;
}

ul.ullijst p {
color:#000;
}

div.tabellinks {
float:left;
display:block;
margin-right:30px;
font-weight:bold;
}

div.tabellinks2 {
float:left;
display:block;
margin-right:115px;
}

div#contactwrap{
float:left;
}

div#googlemaps{
float:right;
margin:1.5em 0 0 0;
border:4px solid #e6e6e6;
}

a#gm{
color:#000;
}

a#mail {
color:#000;
}

a:hover#mail {
color:#0e76bc;
}

/*----------- Sidebar -----------*/

div#sidebar{
width:310px;
float:left;
display:block;
}

div.formulier {
padding:0px 18px 0 0;
color:#373738;
float:left;
font-size:12px;
text-align:left;
}
div.formobject {
margin:0 0 8px;
}
div.formobject label {
display:block;
float:left;
margin:0 0 5px;
vertical-align:baseline;
width:90px;
}
div.formobject input {
border:1px dotted #6b6b6b;
width:180px;
}

div.formobject textarea {
border:1px dotted #6b6b6b;
color:#373738;
width:180px;
}

div.formobject button{
background: transparent url(../images/button3.png); 
border: none;
float:right;
margin-left:20px;
width:116px;
height:30px;
}

div.formobject button:hover{
background: transparent url(../images/button4.png); 
border: none;
}

div.formulier2 {
padding:1.5em 18px 0 18px;
color:#373738;
float:left;
font-size:12px;
text-align:left;
}

div.formobject2 button{
background: transparent url(../images/button5.png); 
border: none;
float:right;
margin-left:20px;
width:116px;
height:30px;
}

div.formobject2 button:hover{
background: transparent url(../images/button6.png); 
border: none;
}

/*----------- Footer -----------*/

#footer {
background-image:url("../images/footer.png");
background-repeat:repeat-x;
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
} 

div#footerwrapper {
margin-left:auto;
margin-right:auto;
width:965px;
}


#bottomnav {
list-style-image:none;
font-size:12px;
float:left;
display:block;
margin:1em 0 0 18px;
padding:0;
list-style-type:none;
}

#bottomnav li {
list-style-image:none;
margin-right:15px;
float:left;
}

#bottomnav a{
color:#000;
}

#bottomnav a:hover {
color:#0e76bc;
}

#bottomnav a.active {
color:#0e76bc;
}

p#copyright {
color:#000;
float:left;
padding:1em 0 0 30px;
}

div#redmelon {
float:right;
padding:1em 18px 0 0;
}

p#webdesign {
color:#000;
font-size:10px;
float:left;
padding-right:5px;
}

p#webdesign a {
color:#000;
}

img#redmelonlogo {
float:right;
padding-top:4px;
}

html, body, #wrapper {
height:100%;
}

body > #wrapper {
height:auto; 
min-height:100%;
}

.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
	
.clearfix {
display: inline-block;
} /* Hides from IE-mac \*/

* html .clearfix { 
height:1%;
}

.clearfix {
display:block;
} /* End hide from IE-mac */