/*----------- 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:20px;
}

body {
background-color:#000;
background-image:url("../gfx/site/background.jpg");
background-repeat:no-repeat;
background-position:center top;
color:#fff;
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%;}

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

a:hover {
color:#fff;
}

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

div#header {
background-image:url("../gfx/site/headerbalk.png");
background-repeat:repeat-x;
background-position:center top;
margin:0 auto;
height:320px;
}

div#upperheader {
margin:0 auto;	
width:960px;
height:115px;
}

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

div.headerblok1{
float:left;
width:320px;
height:205px;
}

div.headerblok2{
float:left;
width:320px;
height:205px;
}

div.headerblok3{
float:left;
width:320px;
height:205px;
}

img#logo {
float:left;
padding:20px 0 0 15px;
}

a#pictureblok1 {
background-image:url("../gfx/site/microfoon1.png");
background-repeat:no-repeat;
float:left;
width:320px;
height:201px;
margin-top:4px;
}

a:hover#pictureblok1 {
background-image:url("../gfx/site/microfoon2.png");
}

a#pictureblok2 {
background-image:url("../gfx/site/camera1.png");
background-repeat:no-repeat;
float:left;
width:320px;
height:201px;
margin-top:4px;
}

a:hover#pictureblok2 {
background-image:url("../gfx/site/camera2.png");
}

a#pictureblok3 {
background-image:url("../gfx/site/par1.png");
background-repeat:no-repeat;
float:left;
width:320px;
height:201px;
margin-top:4px;
}

a:hover#pictureblok3 {
background-image:url("../gfx/site/par2.png");
}

/* navigatie */

#uppernav{
font-family:Helvetica neue, Helvetica, Arial;
font-size:16px;
font-weight:normal;
text-decoration:none;
float:right;
display:block;
padding:0 0 0 20px;
margin:0px;
}

#uppernav li {
float:left;
display:block;
text-decoration:none;
margin-right:10px;
line-height:30px;
}

#uppernav a.button {
    background: transparent url('../gfx/site/button_right2.png') no-repeat scroll top right;
    color: #fff;
	font-weight:bold;
    display: block;
    float: left;
    height: 60px;
    margin-right: 6px;
    padding-right: 10px;  
    text-decoration: none;
}

#uppernav a.button span {
    background: transparent url('../gfx/site/button_left2.png') no-repeat;
    display: block;
    line-height: 18px;
    padding:37px 0 5px 10px;
} 

#uppernav a:hover.button {
    background: transparent url('../gfx/site/button_right.png') no-repeat scroll top right;
    color: #000;
	font-weight:bold;
    display: block;
    float: left;
    height: 60px;
    margin-right: 6px;
    padding-right: 10px; 
    text-decoration: none;
}

#uppernav a:hover.button span {
    background: transparent url('../gfx/site/button_left.png') no-repeat;
    display: block;
    line-height: 18px;
    padding:37px 0 5px 10px;
}

#uppernav a.active {
    background: transparent url('../gfx/site/button_right.png') no-repeat scroll top right;
    color: #000;
	font-weight:bold;
    display: block;
    float: left;
    height: 60px;
    margin-right: 6px;
    padding-right: 10px; 
    text-decoration: none;
}

#uppernav a.active span {
    background: transparent url('../gfx/site/button_left.png') no-repeat;
    display: block;
    line-height: 18px;
    padding:37px 0 5px 10px;
}

/* einde navigatie */

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

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

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

img#kopje {
text-align:left;
padding:3em 0 0 0px;
}

img#twitterpic {
float:right;
margin:1em 0 0 0;
}

img#contactpic {
float:right;
margin:2em 0 0 9px;
}

div#logowrap {
float:right;
margin:2em 0 0 9px;
}

img.logos {
float:right;
margin:8px 0 0 8px;
}

p.datum {
color:#cbdb2a;
font-weight:bold;
padding:1em 0 0 15px;
text-align:left
}

p.textblok {
width:600px;
float:left;
display:block;
padding:0 0 1.5em 0px;
}

p.textblok2 {
width:600px;
float:left;
display:block;
padding:1em 0 2em 0px;
}

div.textblok3 {
width:600px;
float:left;
display:block;
margin:1em 0 2em 0px;
}

div.textblok3 p.kop1{
display:inline;
border-bottom:1px solid grey;
padding-bottom:2px;
}

div.textblok3 p.kop2{
padding-top:6px;
}

div.textblok3 p.kop4{
padding-bottom:5px;
}

p.kop1{
font-size:16px;
font-weight:bold;
}

p.kop2{
font-size:14px;
font-weight:bold;
}

ul.ullijst {
color:#cbdb2a;
list-style-type:disc;
padding:0 0 1.5em 60px;
float:left;
}

ul.ullijst p{
color:#fff;
}

div.pics{
float:left;
display:block;
padding:0 0 2em 15px;
}

img.pic {
border:1px solid #686868;
margin-right:30px;
float:left;
}

div.tabelwrap{
float:left;
}

div.tabellinks {
float:left;
display:block;
margin:0 0 1em 15px;
font-weight:bold;
}

div.tabelrechts {
float:left;
display:block;
margin:0 100px 2em 30px;
}

/* Formulier */

div.formulier {
color:#fff;
float:left;
font-size:12px;
text-align:left;
margin:0 0 2em 15px;
}

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 {
border:1px solid #cbdb2a;
width:220px;
}

div.formobject textarea {
border:1px solid #cbdb2a;
color:#373738;
width:220px;
height:90px;
}

div.formobject button{
background-color:#cbdb2a;
color:000;
border: none;
float:right;
margin-left:20px;
width:86px;
height:22px;
font-weight:bold;
}

div.formobject button:hover{
background-color:#cbdb2a;
border:none;
}

/* Einde formulier */

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

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

div#twitter_div {
float:right;
width:250px;
padding-top:3em;
}

ul#twitter_update_list {
padding-top:1em;
list-style-type:none;
}

ul#twitter_update_list li {
padding-bottom:10px;
}

img#kopje {
text-align:left;
}

div#soundplayerwrap {
float:right;
margin-top:20px;
width:260px;
}

object.soundplayer {
float:right;
margin-bottom:10px;
}

h1.playernaam {
font-size:16px;
margin-left:0px;
margin-bottom:5px;
}

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

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

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

div#partners {
float:left;
}

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

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

#bottomnav a:hover {
color:#cbdb2a;
}

#bottomnav a.active {
color:#cbdb2a;
}

p#copyright {
float:left;
padding:3.5em 0 0 30px;
}

img#warpbycue {
float:left;
margin:3.0em 0 0 58px;
}

p#webdesign {
font-size:10px;
float:left;
padding:4.3em 0 0 180px;
}

img#redmelon {
padding-top:47px;
float:right;
}

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