/*----------- 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;
list-style-type:none;
line-height:20px;
}

body {
background-image:url(images/bg.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#fafafa;
color:#424242;
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-size:18px;
color:#424242;
}

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

a:hover {
color:#e06da9;
text-decoration:underline;
}

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

div#header {
margin:0 auto;
width:960px;
height:471px;
margin-bottom:2em;
}

div#topbox {
width:960px;
height:100px;
float:left;
display:block;
padding-top:75px;
}

div#bottombox {
width:960px;
float:left;
display:block;
padding-top:30px;
}

img#logo {
float:left;
display:block;
}

/* navigatie */

#uppernav{
font-family: Arial, Verdana; 
font-size:18px;
font-weight:bold;
padding:40px 0 0 0;
text-decoration:none;
float:right;
display:block;
margin:0px;
}

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

#uppernav a {
color:#424242;
padding-bottom:5px;
}

#uppernav a:hover{
color:#424242;
text-decoration:none;
border-bottom:3px dotted #e273ad;
padding-bottom:5px;
}

#uppernav a.active{
color:#424242;
text-decoration:none;
border-bottom:3px dotted #e273ad;
padding-bottom:5px;
}

/* einde navigatie */

img#slogan {
float:left;
margin-top:1em;
}

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

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

div#content1{
width:600px;
padding:2em 15px 0 0;
float:left;
display:block;
}
div#content2{
width:600px;
padding:2em 15px 0 0;
float:left;
display:block;
}

div.werkitems {
float:left;
margin-top:2em;
width: 600px;
padding-bottom:2em;
border-bottom:3px dotted #cbcbcb;
}

div.werkitems2 {
float:left;
width: 600px;
margin-top:2em;
}

img.itempics {
float:left;
margin-right:20px;
}

.flv-player {
	float:left;
	margin-right:20px;
}
div.info {
float:right;
width:260px;
}
.info p{
margin-top:1em;
}

h2.title {
font-size:18px;
color:#e273ad;
}

h2.title2 {
font-size:18px;
color:#e273ad;
width:600px;
margin-top:1em;
float:left;
}

h3.subtitle {
font-size:16px;
font-style:italic;
font-weight:lighter;
}

p.text1 {
margin-top:1em;
}

p.text2 {
margin-top:1em;
font-style:italic;
width:600px;
float:left;
}

p.text3 {
margin-top:1em;
width:600px;
float:left;
}

#content2 p {
margin-top:1em;
width:600px;
float:left;
}

p.text4 {
margin-top:1em;
width:600px;
float:left;
margin-bottom:1em;
padding-bottom:2em;
border-bottom:3px dotted #cbcbcb;
}

div.persoonwrap {
margin-top:1em;
width:600px;
float:left;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:3px dotted #cbcbcb;
}

div.persoonwrap2 {
margin-top:1em;
width:600px;
float:left;
}

div.persoonimg {
width:250px;
float:left;
margin-right:20px;
}

p.textpersoon {
width:330px;
float:right;
margin-bottom:1em;

}

p#naam {
margin-top:1em;
float:right;
font-weight:bold;
width:600px;
text-align:right;
}

a.button1 {
background-image:url(images/button1.jpg);
width:90px;
height:29px;
float:left;
margin-top:1em;
}

div#logowrap {
width:600px;
margin-top:2em;
}
a.logobox {
background-image:url(/images/backlogos.png);
background-repeat:no-repeat;
width:172px;
height:107px;
margin:0 20px 15px 0;
padding-top:3px;
padding-left:3px;
float:left;
}
img#logos {
margin:0 20px 15px 0;
}
img.logos {

}

div#leftbox {
float:left;
width:280px;
margin:0 20px 0 0;
}

h1.contactkop {
margin-bottom:1em;
}
div#googlemaps {
border:4px solid #e7e6eb;
float:right;
}


div#rightbox {
float:right;
width:300px;
}

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

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

div#postitwrap {
background-image:url(images/postit.png);
background-position:center top;
width:295px;
height:240px;
float:left;
}

div#postitwrap2 {
background-image:url(images/postit2.png);
background-position:center top;
width:300px;
height:1000px;
float:left;
}

h1.kop1 {
padding:58px 0 0 50px;
}

h1.kop2 {
font-size:18px;
padding:1em 0 1em 50px;
width:260px;
float:left;
}

h1.kop3 {
font-size:16px;
padding:0 0 0 50px;
width:260px;
float:left;
}

p.partners {
float:left;
width:260px;
padding:1em 0 1em 50px;
}

img#mmg {
float:left;
padding:2em 0 1em 50px;
}

ul#postlist {
font-family: Arial, Verdana; 
font-size:12px;
padding:2px 0 0 52px;
float:left;
display:block;
}

ul#postlist li{
line-height:25px;
}

ul#postlist2 {
font-family: Arial, Verdana; 
font-size:12px;
padding:2px 0 0 52px;
float:left;
display:block;
width:250px;
}

ul#postlist2 li{
line-height:21.3px;
}

ul#postlist2 a{
color:#424242;
}

ul#postlist3 {
font-family: Arial, Verdana; 
font-size:12px;
padding:2px 0 0 52px;
float:left;
display:block;
width:250px;
}

ul#postlist3 li{
line-height:21.2px;
}

ul#postlist3 a{
color:#424242;
}

ul#contactlist {
font-family: Arial, Verdana; 
font-size:12px;
padding:1em 0 0 52px;
float:left;
display:block;
}

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

#footer {
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
} 

div#footerwrapper {
margin-left:auto;
margin-right:auto;
width:960px;
border-top:3px dotted #5a5a5a;
}

/* bottom navigatie */

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

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

#bottomnav a {
color:#424242;
}

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

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

/* einde bottom navigatie */

p#copyright {
color:#424242;
float:left;
padding:1em 0 0 50px;
}

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

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

p#webdesign a {
color:#424242;
}

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