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

body {
	background-color:#010101;
	}
	
#pict_pos {
	position:absolute;
	width:850px;
	margin-left:-425px;
	left:50%;
	top:0px;
	}

#container {
	position:absolute;
	width:850px;
	margin-left:-425px;
	left:50%;
	z-index:1;
	}
	
#BG_nav {
	position:absolute;
	top:550px;
	left:0px;
	z-index:0;
	}



/****** NAVIGATION ************/

#nav_pos {
	top:420px;
	position:absolute;
	left:0px;
	width:155px;
	margin-left:-5.5em;
	/*left:50%;*/
	margin:0;
	padding:0;
	height: 419px;
	z-index:500;
	}

#menu{
position:absolute;
top:0.5em;
left:-2em; /* was 0.5em; */
z-index:2;
width:9.0em;
padding-bottom:11em; /* To allow room for bottom dropdown */
}

#menu a{
font:normal 70%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#000 #000 #000 #000; /* border kleuren */
white-space:nowrap;
margin:0;
padding:0 4px;
}

#menu h3{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#000 #000 #000 #000; /* border kleuren */
white-space:nowrap;
margin:0;
padding:0 4px;
}


#menu h3{
color:#b1a77b; /* kleur titels */
background:#000;
text-transform:uppercase;
}

#menu a{
color:#000;
background:#454344;
text-decoration:none;
}

#menu a:hover{
color:#FFFFFF;
background:#454344;
}

#menu a:active{
color:#454344;
background:#454344;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0px;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#454344 url(../picts/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#FFFFFF;
background:#454344;
}

#menu a.x:active{
color:#060;
background:#454344;
}

/* Begin Content Area */

#content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#454344;}
#content a:active{color:#060;background:#454344;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.9em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .7em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}
span.as300250{float:right;margin:0 1.0em .2em 1.0em;}
span.as300250l{float:left;margin:0 1.0em .2em 1.0em;}
span.as120240{float:right;margin:0 1.0em .2em 1.0em;}
span.as120240l{float:left;margin:0 1.0em .2em 1.0em;}


 
/*****************/



#content_holder {
	top:460px;
	position:absolute;
	/*left:180px;*/
	left:200px;
	width:650px;
	margin-right:5px;
	}

p {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	/*color:#5f6454; -> groen*/
	color:#999;
	}
	
h1 {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:13px;
	/*color:#5f6454;*/
	color:#999999;
	}
	

 /* --------- Links start ---------------- */
a:link {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma,arial,helvetica,sans-serif;
	color:#999999;
	}

a:visited {
	color:#999999;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	font-family:tahoma,arial,helvetica,sans-serif;
	color:#683C3F;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	}
	
a:active {
	color:#333333;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	}
 /* --------- Links end ---------------- */
	
	
 /* --------- Form start ---------------- */
/*span {
	font-family:Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size:11px;
	color:#666666;
	}*/
	
.textstyle {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size:11px;
	color:#666666;
	}
	
.textstyle2 {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size:11px;
	color:#FF0000;
	}
	
input {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #1d1f1c;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color:#333333;
	border-bottom-color: #333333;
	border-right-color: #333333;
	border-left-color: #333333;
	font-weight: bold;
	background-color: #FDFDFB;
	}

textarea {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #1d1f1c;
	font-weight: bold;
	background-color: #FDFDFB;
	border: 1px solid #333333;
	}
	
#form_content {
	margin-left:10px;
	}
	
.button {
	font-size:11px;
	color:#000000;
	font-weight:lighter;
	background-color:#5f6454;
	font-family:tahoma,arial,helvetica,sans-serif;
	height:20px;
	width:100px;
	border:1px solid #5f6454;
	}
	
	
 /* --------- Form end ---------------- */
 
 
 .captioned_photo {
	float:left;
	margin: .5em 0 .0em 0em;
	}