/*----------- 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, img, center, dl, dt, dd, 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;
}

ol, ul, li {
border:0; 
outline:0;
}

body {
background-image:url(images/background.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#000000;
color:#dddddd;
font-family: Arial, Verdana, Tahoma; 
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

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

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


h1 {
font-size:26px;
}

h2 {
font-size:18px;
}

h3{
color:#ffc415;
font-size:16px;
}

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

a:hover {

}

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

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

div#logowrap {
width:960px;
height:95px;
float:left;
}

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

div#menuwrap {
background-image:url(images/head.png);
background-repeat:no-repeat;
width:960px;
height:60px;
float:left;
}

img#slogan {
padding:80px 0 0 70px;
float:left;
}

img#headphone {
float:right;
margin:5px 20px 0 0;
}

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

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

/* navigatie */

#uppernav a.button {
    background: transparent url('images/button_a2.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 27px;
    margin-right: 6px;
    padding-right: 20px;  
    text-decoration: none;
}

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

#uppernav a:hover.button {
    background: transparent url('images/button_a.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    height: 27px;
    margin-right: 6px;
    padding-right: 20px; 
    text-decoration: none;
}

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

#uppernav a.active {
    background: transparent url('images/button_a.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    height: 27px;
    margin-right: 6px;
    padding-right: 20px; 
    text-decoration: none;
}

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

/* einde navigatie */

div#picwrap {
background-image:url(images/headerpic.png);
background-repeat:no-repeat;
background-position:center top;
background-color:#000000;
width:960px;
height:300px;
float:left;
}

div#space {
background-color:#000000;
width:960px;
height:41px;
float:left;
}

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

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

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

div#contentwrapper {
background-color:#000;
float:left;
width:960px;
}

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

div#content2{
background-color:#000000;
width:310px;
height:300px;
padding-right:15px;
float:left;
display:block;
}

h1.kop1 {
margin-left:20px;
}

h3.kop2{
margin:0 0 1.0em 20px;
border-bottom:1px dotted #525252;
padding-bottom:10px;
}

h3.kop3{
color:#fff;
margin:1.0em 0px 1.0em 20px;
}

p.text {
font-size:12px;
margin:0 0 1em 20px;
}

a.leesmeer {
font-size:12px;
color:#ffc415;
padding:1.0em 0px 0px 20px;
}

a:hover.leesmeer {
color:#fff;
padding:1.0em 0px 0px 20px;
}

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

div#sidebar{
background-color:#000000;
width:310px;
height:300px;
float:right;
display:block;
}

div.balk {
background-image:url(images/balk.jpg);
background-repeat:no-repeat;
width:275px;
height:27px;
margin:0 0 16px 15px;
} 

h3.kop4{
font-size:18px;
color:#000;
padding:0.15em 0 0 15px;
}

#soundplayerwrap {
margin:0 0 15px 20px;
}

.beschrijving {
font-weight:bold;
padding-bottom:5px;
}

.soundplayer {
padding-bottom:5px;
}

ul#links  {
font-family:Helvetica neue, Helvetica, Arial;
font-size:12px;
font-weight:normal;	
line-height:20px;
list-style-type: square;
list-style-position: outside;
text-align:left;
color:#455560;
margin-left:15px;
padding-left:15px;
}

#links  a{
color:#fff;
}

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

#links  li{
color:#ffc415;
border-bottom:1px dotted #525252;
margin-right:20px;
}

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

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

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

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

#bottomnav li {
margin-right:20px;
float:left;
}

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

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

div#redmelon {
float:right;
margin:20px 18px 0 0;
}

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

p#webdesign a {
color:#fff;
}

img#redmelonlogo {
float:right;
margin-top:1px;
}

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