/*----------- 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-image:url(images/bg.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#676767;
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%;}

h1 {
font-weight:lighter;
}

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

a:hover {
color:#fff;
}

a.content {
color:#699fc0;
text-decoration:underline;
}

a.content:hover {
color:#11486f;
text-decoration:underline;
}

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

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

div#tophead {
float:left;
width:960px;
height:130px;
}

div#navhead {
background-image:url(images/navbar.png);
width:960px;
height:52px;
float:left;
}

img#logo {
float:left;
padding:30px 0 0 10px;
}

div#talenbg {
background-color:#e3f0fc;
border:1px solid #e2eef8;
float:right;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius:  0 0 8px 8px;
}

img.talen {
float:left;
margin:10px;
}

/* navigatie */

#uppernav{
font-family:Arial, Verdana;
font-size:16px;
font-weight:lighter;
text-decoration:none;
float:left;
display:block;
padding:0 10px 0 0;
margin:0px;

}

#uppernav li {
float:left;
display:block;
text-decoration:none;
}

#uppernav a.button {
    color: #fff;
    display: block;
    float: left; 
    text-decoration: none;
	padding:16px 17px 0 17px;
	border-right:1px solid #669cbe;
	border-left:1px solid #acdaf5;
	height:40px;
}


#uppernav a:hover {
	background-color:#1d6397;
	padding:16px 17px 0 17px;
    color: #ffffff;
	height:40px;
    display: block;
    float: left;
	border-right:1px solid #669cbe;
	border-left:1px solid #acdaf5;
    text-decoration: none;
}

#uppernav a.buttonfirst {
    color: #fff;
    display: block;
    float: left; 
    text-decoration: none;
	padding:16px 17px 0 18px;
	border-right:1px solid #669cbe;
	height:40px;
}

#uppernav a.buttonfirst:hover {
	background-color:#1d6397;
	padding:16px 17px 0 17px;
    color: #ffffff;
	height:40px;
    display: block;
    float: left;
	border-right:1px solid #669cbe;
    text-decoration: none;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius:  8px 0 0 0;
}

#uppernav a.activefirst {
	background-color:#1d6397;
	padding:16px 17px 0 17px;
    color: #ffffff;
    display: block;
	height:40px;
    float: left;
	border-right:1px solid #669cbe;
	border-left:1px solid #acdaf5;
    text-decoration: none;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius:  8px 0 0 0;
}

#uppernav a.active {
	background-color:#1d6397;
	padding:16px 17px 0 17px;
    color: #ffffff;
    display: block;
	height:40px;
    float: left;
	border-right:1px solid #669cbe;
	border-left:1px solid #acdaf5;
    text-decoration: none;
}

/* einde navigatie */

div#bottomhead {
background-image:url(images/bottomhead.png);
width:960px;
height:336px;
float:left;
}

ul#pictures {
list-style-type:none;
}

img.headerpics {
border:10px solid #ffffff;
outline:1px solid #e9e9e9;
float:left;
margin:15px 0 0 15px;
}

div#boxleft {
float:left;
width:600px;
height:336px;
}

div#boxright {
float:left;
height:336px;
width:360px;
}

h1.kop1 {
color:#11486f;
font-size:20px;
float:left;
margin:1.5em 0 0 5px;
width:300px;
line-height:24px;
}

p.headtext {
float:left;
margin:1em 0 0 5px;
width:300px;
}

a.leesmeer {
background-color:#699fc0;
float:left;
padding:4px 10px 4px 10px;
margin:1.5em 0 0 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

a.texturl {
	color: #205378;
	float: none;
	padding: 4px 10px 4px 10px;
	margin: 1.5em 0 0 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.leesmeer:hover {
background-color:#1d6397;
}


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

div#mainwrap {
margin:0 auto;
width:960px;
padding-bottom:200px;
}

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

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

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

h1.kop2 {
color:#11486f;
font-size:20px;
float:left;
margin:1.5em 0 0 5px;
}

p.bodytext {
float:left;
margin:1.5em 0 0 5px;
width:290px;
}

p.bodytext2 {
float:left;
margin:1.5em 0 0 5px;
width:550px;
}

p.bodytext3 {
	float: left;
	margin: 0.1em 0 0 5px;
	width: 550px;
}

div.gallerij {
float:left;
margin:1.5em 0 0 5px;
width:550px;
}

div.gallerij img {
border:5px solid #ffffff;
outline:1px solid #e9e9e9;
float:left;
margin:0 10px 8px 0;
}

div.gallerij img:hover{
outline:1px solid #1d6397;
}

ul.list1 {
float:left;
width:290px;
padding-left:20px;
margin-top:1.5em;
}

ul.list1 li{
color:#68a5ca;
padding-bottom:1em;
font-size:16px;
}

ul.list1 p{
color:#676767;
font-size:12px;
padding-left:5px;
}

ul.list2 {
float:left;
width:550px;
padding-left:20px;
margin-top:1.5em;
}

ul.list2 li{
color:#68a5ca;
padding-bottom:1em;
font-size:16px;
}

ul.list2 p{
color:#676767;
font-size:12px;
padding-left:5px;
}

div.contactbox {
float:left;
margin:1.5em 0 0 5px;
width:550px;
}

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

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

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

div#sidebar{
width:300px;
float:right;
display:block;
}

div.formulier {
color:#676767;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding:1.5em 0 0 5px;
}

div.formobject {
margin:0 0 8px;
}

div.formobject label {
display:block;
float:left;
margin:0 0 5px;
vertical-align:baseline;
width:100px;
}

div.formobject input {
background-color:#cae0ee;
border:none;
width:170px;
height:20px;
color:#676767;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.formobject textarea {
background-color:#cae0ee;
border:none;
width:170px;
height:70px;
color:#676767;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.formobject button{
background-color:#699fc0;
background-repeat:no-repeat;
border: none;
float:left;
padding:1px 10px 4px 10px;
margin:1em 0 0 5px;
width:100px;
height:28px;
color:#ffffff;
font-size:12px;
font-weight:lighter;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.formobject button:hover{
background-color:#1d6397;
}

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

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

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

/* bottom navigatie */

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

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

#bottomnav a {
color:#676767;
}

#bottomnav a:hover {
color: #103e61;
text-decoration:none;
}

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

/* einde bottom navigatie */

p#copyright {
color:#676767;
float:left;
padding:1.5em 0 0 50px;
}

div#redmelon {
float:right;
padding:1.5em 20px 0 0;
}

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

p#webdesign a {
color:#676767;
}

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