* { 
margin: 0; 
padding: 0; 
}

html, body { 
width: 100%; 
height: 100%; 
}

article, figure, footer, header, hgroup, nav {
display: block;
}

a {
text-decoration: none;
color: #5c5409;
}

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

body {
width: 1020px;
margin: 0 auto 0 auto;
height: 100%;
position: relative;
background: #f9f7f3;
/*background: url("../images/achtergrond.jpg") repeat fixed 50% 0 transparent;*/
font-size:14px;
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
color: #333;
text-align:left;
line-height: 20px;
}

#wrapper {
width: 1020px;
background-color: #eee;
overflow: hidden;
}
/* ------------------- HEADER --------------------------*/

header {
padding: 10px;
height: 100%;
background: #ddd;
}

#nav {
margin: 10px 10px 0 10px;
padding: 0;
height: 30px;
}

#nav ul {
margin: 0px;
padding: 0px;
display: inline;

 } 
 
#nav ul li {
 margin: 5px 20px 0 0;
 padding: 0;
 list-style: none;
 display: inline;
 line-height:20px;
}
 
 #nav ul li a{
 font-size:18px;
}

/* ------------------------------ MAIN ----------------------------- */

#main {
float: left;
width:730px;
padding: 20px 9px 32767px 20px;
margin-bottom: -32767px;
xborder-right: solid 1px #ddd;
}

#main a {
text-decoration: none;
}

h1 {
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
font-size:20px;
color: #333;
margin:0;
padding:10px 0 5px 0;
font-weight: bold;
}

h2 {
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
font-size:18px;
font-weight: bold;
color: #333;
margin:0;
padding:10px 0 5px 0;
}

h3 {
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
font-size:16px;
font-weight: bold;
color: #333;
margin:0;
padding:10px 0 5px 0;
}

p {
padding: 0 0 15px 0
}

#main ul {
margin: 0 0 10px 10px;
padding-left: 10px;
}

#main ol {
margin: 0 0 8px 8px;
padding-left: 8px;
}


figure img {
float: left;
padding: 9px;
border: #ccc 1px solid;
background-color:#fff;
}

figure {
display: block;
padding: 0 0 5px 0;
;
}

figcaption {
display: block;
max-width: 330px;
font-size: 12px;
font-style:italic;
font-weight: bold;
text-align: center;
}

.rechts {
float: right;
margin: 0 0 10px 10px;
}

.links {
float: left;
margin: 0 10px 10px 0;
}

/* ---------------------------- ZIJKOLOM -------------------------------*/

#sidebar {
float:right;
width:245px;
margin:0;
padding: 20px 10px 0 0;
}

#zijnav {
margin-left: 10px;
xborder-top: 1px solid #ccc;
xborder-bottom: 1px solid #ccc
}

#zijnav ul {
padding: 5px 10px;
background-color: #ddd;
}

#zijnav ul ul {
padding: 0 0 5px 10px;
background-color: #ddd;
}

#zijnav ul li {
padding:0; 
list-style-type: none;
}

#zijnav ul li a{
font-weight:bolder;
font-size:14px;
}

#zijnav ul ul li a{
font-weight:bolder;
font-size:13px;
}


#socmed {
margin:10px;
padding: 5px 10px;
}

/* ----------------------- FOOTER ---------------*/

footer {
margin: 0;
padding: 0 0 0 20px;
xborder-top: 1px solid #ccc;
height:50px;
padding: 20px 10px 0 0px;
background-color:#ddd;
}

footer p {
margin-left: 20px;
font-size: 16px;
}