@charset "utf-8";
/* CSS Document */

html{
margin:0 0 0 0;
padding:0 0 0 0;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color:#453d34;
}

body{
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(afbeeldingen/achtergrond.gif);
background-position:center;
background-repeat:repeat-y;
}

/* Div */

#roofviszone{
position:relative;
margin:0 auto;
width:800px;
}

#balk{
position:absolute;
left:0;
top:0;
height:20px;
width:100%;
background-color:#453d34;
}

#top{
position:absolute;
left:0;
top:20px;
height:200px;
width:100%;
background-image:url(afbeeldingen/roofviszone-top.png);
background-repeat:repeat-x;
}

#boot{
position:relative;
margin:0 auto;
top:20px;
left:200px;
width:200px;
height:88px;
background-image:url(afbeeldingen/boot.png);
background-repeat:no-repeat;
}

#navigatie{
position:relative;
float:left;
margin:20px 0 0 0;
height:21px;
width:620px;
z-index:1;
}

#blog{
position:relative;
float:left;
margin:110px 0 0 10px;
width:400px;
}

#blogitem{
margin:10px 0 0 0;
padding:0 0 0 0;
height:102px;
background:#eaeaea;
}

#reactie{
margin:10px 0 0 0;
padding:1px 0 0 0;
background:#eaeaea;
}

#column{
position:relative;
float:left;
margin:110px 0 0 10px;
width:190px;
}

#links{
position:relative;
float:left;
margin:110px 0 0 20px;
width:170px;
}

/* Navigatie */
#navigatie_ul{
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#navigatie_ul li{
float:left;
margin:0 5px 0 0;
padding:2px 30px 0 30px;
height:18px;
background:#eaeaea;
border-bottom:#bbbbbb 1px solid;
border-right:#bbbbbb 1px solid;
}

#navigatie_ul li a{
color:#453d34;
text-decoration:none;
}

#navigatie_ul ul{
display:none;
position: absolute;
left:0;
top:0;
margin:21px 0 0 97px;
padding:0 0 0 0;
list-style:none;
width:120px;
background:#eaeaea;
border-top:5px solid #FFF;
}

#navigatie_ul li:hover ul{
display:block;
}

#navigatie_ul ul li{
margin:0 0 0 0;
padding:2px 30px 0 30px;
border:none;
height:18px;
width:120px;
}

/* Text */

a{
color:#453d34;
}

h1{
margin:0 0 8px 0;
padding:1px 0 0 5px;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight:bold;
background:#453d34;
color:#FFF;
}

h2{
margin:0 0 5px 0;
padding:0 0 0 0;
font:9px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight:bold;
}

h3{
margin:0 0 0 0;
padding:0 0 0 0;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight:bold;
}

h4{
margin:0 0 0 0;
padding:1px 0 0 5px;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight:bold;
background:#453d34;
color:#FFF;
}

.reactie{
text-decoration:none;
}

/* Afbeeldingen */

img{
border:none;
}

img.afbeelding{
margin:0 10px 0 0;
width:100px;
height:67px;
float:left;
}

/* OPMAAK REACTIE PLAATSEN */
.input{
width:250px;
height:14px;
border:1px solid #bbbbbb;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}
.text{
width:250px;
height:80px;
border:1px solid #bbbbbb;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}
.button{
cursor:pointer;
margin:0 0 0 0;
border:none;
background:none;
text-decoration:underline;
font:12px/1.4em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}