body {

color: #ffffff;

background-color: #3F0A00;

background-image: url('images/achtergrond.jpg');

background-repeat: no-repeat;

background-position: center top;

margin: 0 auto;

font-family: "Verdana", sans-serif;

font-size: 0.8em;

}



div#binnenbody {

width: 900px;

margin: 0 auto;
color: #000000;

background-color: #bbb2b4;

}



div#stijlafbeelding {

width: 900px;

height: 360px;

background-color: #000000;

background-image: url('images/foto1.jpg');

}



div#stijlafbeelding img {

width: 900px;

height: 360px;

}



div#logocontainer {

text-align: center;

}



div#logocontainer div {

width: 525px;

height: 120px;

padding: 5px;

margin: 0 auto;

margin-top: -70px;

border: 5px solid #ffffff;

}



div#logocontainer div img {

width: 525px;

height: 120px;

}



div#hoofdtekst {

padding: 0 50px 50px 50px;

text-align: justify;

line-height: 150%;

min-height: 200px;

}

.links {
width: 550px;
float: left;
padding: 0px 40px 0px 0px;
}

.rechts {
width: 178px;
float: left;
font-size: 11px;
line-height: 16px;
background: #9f9394;
padding: 0px 15px 15px 15px;
border: 1px solid #786e6f;
border-radius: 10px;
box-shadow: 0px 1px 0px #e1dcdd;
-webkit-box-shadow: 0px 1px 0px #e1dcdd;
-moz-box-shadow: 0px 1px 0px #e1dcdd;
text-shadow: 0px 1px 1px #e1dcdd;
}

.rechts a {
font-size: 11px;
color: white;
text-shadow: 0px 1px 1px black;
text-decoration: none;
}

a {
font-size: 12px;
color: white;
text-shadow: 0px 1px 1px black;
text-decoration: none;
}

/* Hoofd en sub menu */
#hoofdmenu {
padding: 0px 50px;
height: 31px;
margin: 20px 0px;
line-height: 20px;
}

#submenu {
padding: 10px 50px;
height: 40px;
margin: 20px 0px;
line-height: 20px;
background: url(images/sub_bg.png) top left repeat-x;
}
/* Hoofd en sub menu End */

/* Menu inactive */
.menu_item {
width: auto;
height: 31px;
float: left;
margin-right: 10px;
}

.menu_item a {
font-size: 12px;
color: #808080;
text-shadow: 0px 1px 0px white;
text-decoration: none;
}

.menu_item a:hover {
font-size: 12px;
color: black;
text-shadow: 0px 1px 0px white;
text-decoration: none;
}

.menu_item .l {
width: 12px;
height: 31px;
float: left;
background: url(images/h_inactive_l.png) top left no-repeat;
}

.menu_item .m {
width: auto;
height: 21px;
padding: 5px 0px;
float: left;
background: url(images/h_inactive_m.png) top left repeat-x;
}

.menu_item .r {
width: 12px;
height: 31px;
float: left;
background: url(images/h_inactive_r.png) top left no-repeat;
}

/* Menu active */
.menu_item_active {
width: auto;
height: 31px;
float: left;
margin-right: 10px;
position: relative;
}

.menu_item_active .sub_lip {
position: absolute;
bottom: -24px;
left: 36%;
background: url(images/sub_lip.png) top left no-repeat;
width: 16px;
height: 12px;
}

.menu_item_active a {
font-size: 12px;
color: white;
text-shadow: 0px 1px 0px #5c2305;
text-decoration: none;
}

.menu_item_active a:hover {
font-size: 12px;
color: white;
text-shadow: 0px 1px 0px #5c2305;
text-decoration: none;
}

.menu_item_active .l {
width: 12px;
height: 31px;
float: left;
background: url(images/h_active_l.png) top left no-repeat;
}

.menu_item_active .m {
width: auto;
height: 21px;
padding: 5px 0px;
float: left;
background: url(images/h_active_m.png) top left repeat-x;
}

.menu_item_active .r {
width: 12px;
height: 31px;
float: left;
background: url(images/h_active_r.png) top left no-repeat;
}

/* Sub Menu inactive */
.sub_item {
width: auto;
height: 31px;
float: left;
margin-right: 10px;
}

.sub_item a {
font-size: 12px;
color: #605657;
text-shadow: 0px 1px 0px #d5c3c5;
text-decoration: none;
}

.sub_item a:hover {
font-size: 12px;
color: black;
text-shadow: 0px 1px 0px #d5c3c5;
text-decoration: none;
}

.sub_item .l {
width: 12px;
height: 31px;
float: left;
background: url(images/s_inactive_l.png) top left no-repeat;
}

.sub_item .m {
width: auto;
height: 21px;
padding: 5px 0px;
float: left;
background: url(images/s_inactive_m.png) top left repeat-x;
}

.sub_item .r {
width: 12px;
height: 31px;
float: left;
background: url(images/s_inactive_r.png) top left no-repeat;
}

/* Sub Menu active */
.sub_item_active {
width: auto;
height: 31px;
float: left;
margin-right: 10px;
}

.sub_item_active a {
font-size: 12px;
color: white;
text-shadow: 0px 1px 0px #5c2305;
text-decoration: none;
}

.sub_item_active a:hover {
font-size: 12px;
color: white;
text-shadow: 0px 1px 0px #5c2305;
text-decoration: none;
}

.sub_item_active .l {
width: 12px;
height: 31px;
float: left;
background: url(images/s_active_l.png) top left no-repeat;
}

.sub_item_active .m {
width: auto;
height: 21px;
padding: 5px 0px;
float: left;
background: url(images/s_active_m.png) top left repeat-x;
}

.sub_item_active .r {
width: 12px;
height: 31px;
float: left;
background: url(images/s_active_r.png) top left no-repeat;
}
/* End */

/* Fotos */
.foto_img {
width: 120px;
height: 120px;
border: 1px solid #786e6f;
float: left;
position: relative;
margin: 0px 5px 5px 0px;
border-radius: 10px;
box-shadow: 0px 1px 0px #e1dcdd;
-webkit-box-shadow: 0px 1px 0px #e1dcdd;
-moz-box-shadow: 0px 1px 0px #e1dcdd;
}

.foto_img .foto_tekst {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 10px;
text-align: center;
text-shadow: 0px 1px 0px black;
color: white;
padding: 5px 5px;
background: black;
width: 110px;
height: auto;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
opacity: .7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}

div#hoofdtekst h1 {
font-size: 1.6em;
font-weight: normal;
}



div#hoofdtekst h2 {
font-size: 1.3em;
font-weight: normal;
margin-bottom: 1em;
}



div#hoofdtekst h3 {

font-size: 1.1em;

font-weight: normal;

}

h4 {
font-size: 1.6em;
font-weight: normal;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid black;
box-shadow: 0px 1px 0px #d0cacc;
-webkit-box-shadow: 0px 1px 0px #d0cacc;
-moz-box-shadow: 0px 1px 0px #d0cacc;
}


div#hoofdtekst ul {

list-style-type: square;

margin: 0;

margin-left: 1.5em;

padding: 0;

}



div#hoofdtekst img {

margin: 0;

padding: 1.4em 0 0.5em 2.5em;

}



div#hoofdtekst img.normal {

margin: 0;

padding: 0 0.5em 0 0.2em;

}

table {
color: black;
font-size: 13px;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
width: 0px;
height: 20px;
}

.clear2 {
clear: both;
margin: 0px;
padding: 0px;
width: 0px;
height: 0px;
}