/*----------- 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, 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-image:url(images/background.jpg);
background-repeat:repeat-x;
background-color:#f1f2ed;
color:#262626;
font-family: Lucida Console Standaard, Arial, Verdana, Tahoma; 
font-size:12pt;
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:#3a9724;
text-decoration:none;
}

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

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

div#header {
margin:0 auto;
width:965px;
padding-top:30px;
overflow:hidden;
}

div#topmenu {
background-image:url(images/navbackground.png);
background-repeat:no-repeat;
width:960px;
height:45px;
float:left;
display:block;
}

div#navbar {
height: 40px;
width: 960px;
background-color: #feffff;
float:left;
display:block;
}

div#navbar ul {
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size:10pt;
color: #000;
line-height: 40px;
white-space: nowrap;
}

div#navbar li {
list-style-type: none;
display: inline;
}

div#navbar li a {
text-decoration: none;
padding: 12px 15px;
color: #000;
margin:-2px;
}

div#navbar li a:link {
color: #FFF:
}

div#navbar li a:hover {
color: #FFF;
background-color: #389223;
}

div#navbar li a.active {
color: #FFF;
background-color: #389223;
}

div#headerbackground {
background-image:url(images/headerbackground.png);
background-repeat:no-repeat;
width:965px;
height:380px;
float:left;
display:block;
margin-top:10px;
}

#left {
float:left;
}

#right {
float:right;
}

div#headertext {
background-image:url(images/balletjes.png);
background-repeat:no-repeat;
float:left;
display:block;
width:380px;
height:250px;
}

img#logo {
padding:17px 0 0 20px;
}

p.text2 {
color:#fff;
padding:25px 0 0 20px;
}

#player {
float:left;
display:block;
margin:20px 0 0 20px;
}

img#tafel {
float:right;
display:block;
padding:17px 20px 0 0;
}

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

div#mainwrap {
margin:0 auto;
width:965px;
padding:0 0 150px 0;
}

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

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

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

h1.kopje {
color:#3a9724;
font-family: Arial, Verdana;
padding:10px 0 0 20px;
}

div.nieuwswrap {
float:left;
padding-top:25px;
}

p.datum {
color:#3a9724;
font-weight:bold;
padding:0 0 0 20px;
}

p.text {
float:left;
padding:25px 0 0 20px;
}

p.text3 {
float:left;
padding:0 0 0 20px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.buttonwrap {
float:left;
padding: 20px 0 0 20px;
}

a.button {
    background: transparent url('images/button_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

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

ul.ullijst {
color:#3a9724;
float:left;
list-style-type:disc;
padding:0 0 0 40px;
}

ul.ullijst p {
color:#262626;
}

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

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

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

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

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

#bottommenu {
color:#000;
display:block;
float:left;
font-size:12px;
margin:15px 0 0 0;
padding:0; 
border:0; 
outline:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#bottommenu li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:20px;
}

#bottommenu a {
color:#000;
text-decoration:none;
}

#bottommenu a:hover {
color:#3a9724;
text-decoration:none;
}

#bottommenu a.active {
color:#3a9724;
text-decoration:none;
}

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

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

p#webdesign a{
color:#000000;
}

img#redmelonlogo {
float:right;
padding-top:3px;
}

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