/*----------- 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-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}

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

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

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

a:hover {
color:#fff;
}

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

div#top {
background-color:#e3e3e3;
height:13px;
}

div#header {
margin:0 auto;
width:960px;
height:400px;
}

div#boxleft {
width:474px;
float:left;
}

div#boxright {
width:486px;
float:right;
}

img#logo {
float:left;
padding-top:45px;
}

h1#kophead {
color:#f7941e;
font-size:30px;
float:left;
margin-top:1.5em;
}

p#texthead1 {
color:#818285;
float:left;
width:230px;
margin-top:2.5em;
margin-right:10px;
}

p#texthead2 {
color:#818285;
float:left;
width:230px;
margin-top:2.5em;
}

p#texthead3{
color:#818285;
float:left;
width:400px;
margin-top:2.5em;
margin-right:10px;
}

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

div#mainwrap {
background-image:url(images/contentbg.jpg);
background-position:center top;
background-repeat:repeat-x;
margin:0 auto;
height:575px;
padding-bottom:250px;
}

div#container {
margin:0 auto;
width:960px;
height:335px;
float:center;
}

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

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

h1.kop1 {
color:#ffffff;
font-size:28px;
margin:1.5em 0 1em 0;
}

h1.kop2 {
color:#ffffff;
font-size:32px;
margin:0.5em 0 1em 0;
}

p.text1 {
color:#ffffff;
float:left;
width:300px;
}

p.text2 {
color:#ffffff;
float:left;
width:270px;
}

a#button2{
background-image:url(images/mail1a.png);
background-repeat:no-repeat;
width:122px;
height:35px;
float:left;
margin-top:2em;
}

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

div#ft {
float:left;
width:290px;
height:190px;
border:4px solid #fdb55e;
}

a.ft-button-ft {
background-color:#ffffff;
font-size:12px;
font-weight:bold;
border:1px solid #ffffff;
color:#ed7a19;
margin-left:5px;
margin-top:5px;
float:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

a.ft-button-ft:hover {
background-color:#ed7a19;
font-size:12px;
font-weight:bold;
border:1px solid #ffffff;
color:#ffffff;
margin-left:5px;
padding:2px;
}

a.ft-prev {
background-color:#000000;
color:#ffffff;
}

div#content4 {
float:left;
width:960px;
background-color:#da892c;
float:left;
margin-top:0.5em;
padding:1em 1em 1em 1em;
border:1px solid #edac59;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

img.banners {
float:left;
margin-right:11px;
border:1px solid #edac59;
}


img#bannerright {
float:left;
border:1px solid #edac59;
}

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

div#sidebar{
width:310px;
height:335px;
float:right;
display:block;
}

div#sidebg {
background-color:#da892c;
float:left;
margin-top:2.5em;
padding:1em 20px 2em 20px;
border:1px solid #edac59;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

a#button1 {
background-image:url(images/button1a.png);
background-repeat:no-repeat;
width:249px;
height:65px;
float:left;
margin-top:2em;
}

a#button1:hover {
background-image:url(images/button1b.png);
}

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

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

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

div.footerbox {
width:240px;
float:left;
display:block;
margin-top:0.5em;
}

div.linkwrap {
float:left;
margin-top:3.5em;
}

h1.footerkop {
font-size:14px;
width:150px;
color:#ffffff;
margin:1.5em 0 0 10px;
padding-bottom:0.5em;
font-family: Arial, Verdana, Tahoma; 
font-weight:bold;
}

/* bottom navigatie */

.bottomnav {
display:block;
float:left;
font-size:12px;
list-style-image:none;
list-style-type:none;
margin:0.5em 0 0 10px;
padding:0;
}

.bottomnav li {
list-style-image:none;
margin-right:15px;
text-align:left;
line-height:24px;
border-bottom:1px dotted #bcbdbd;
padding-bottom:0.1em;
margin-bottom:0.1em;
width:200px;
}

.bottomnav a {
color:#bebebe;
text-decoration:none;
}

.bottomnav a:hover {
color:#ffffff;
text-decoration:none;
}

.bottomnav a.active {
color:#ffffff;
text-decoration:none;
}

/* einde bottom navigatie */

img#logo2 {
float:left;
display:block;
margin:2em 0 1em 0;
}

p.copyright {
float:left;
display:block;
color:#bebebe;
margin-right:10px;
}

p#copyright2 {
color:#bebebe;
float:left;
padding:1.5em 0 0 50px;
}

div#redmelon {
float:left;
padding:1em 0 0 0;
}

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

p#webdesign a {
color:#bebebe;
}

img#buma {
float:left;
margin-top:15px;
}

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 */