/* CSS Document */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, input, p{margin:0;padding:0;} 
img{
	border:0px solid #fff;;
}
 
body, table
    { 
		font-family:Arial,Verdana;
		font-size: 11px;
		text-align:justify;
		line-height:17px;
        background-color:black; 
		color:#fff;
		background-image: url('../images/bgr_onder.gif');
    }
#middle {
  		position: absolute; 
  		top: 10%; 
  		height:500px;
  		width: 100%;
  		/*padding-left:25%;*/
  		background-image: url('../images/bgr_middle.gif');
		background-repeat: repeat-x;
	}
#middle_home {
  		position: absolute; 
  		top: 20%; 
  		background-color:#393939;
  		height:500px;
  		width: 100%;
  		/*padding-left:25%;*/

	}
#wrap_logo{
	width: 980px;
	text-align:left;
	}
#wrap_content {
	width: 980px; 
	height:400px;
	text-align: left; 
	}
	/*______________________________________________________________nav__________________*/	
#nav {
	width:170px;
	height:400px;
	float:left;
	margin-right:20px;
	}
.hoofdnav {
	list-style:none;
	padding:0px;
	margin:0px 0px 0px;
	line-height:30px;
	
}
.hoofdnav li{
	list-style:none;
	line-height:30px;
	padding-top: 14px;
}
------
.subnav {
	list-style:none;
	padding:0px;
	margin:0px 0px 0px;
}
.subnav li{
	border-bottom: #5e5d5d 1px solid;
	line-height: 130%;
	list-style:none;
}
.subnav li a{
	color: #fff;
	text-decoration: none;
	padding: 4px 6px 4px 17px;
	display:block;
	list-style:none;
}
.subnav li a:visited{
	color: #fff;
	text-decoration: none;
}
.subnav li a:hover{
	text-decoration: none;
	background: #9c9c9c url(../images/bol_grijs.gif) no-repeat left center;
}
.subnav .page_item {
	display:block;
}

.subnav .current_page_item {
	background: url(../images/bol.gif) no-repeat left center;
}
	/*______________________________________________________________fonts__________________*/
	
h1 {
	margin: 0px;
	padding: 0px;
	float:right;
	text-decoration: none;
}
h1 a{
	display:block;
	height: 93px;
	width: 249px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}
h2{
	font-weight: bold;
	font-size: 11px;
	line-height:35px;
	}
.essenz{
	color: #7b7b7b;
	}
	/*______________________________________linken__________________*/
	
a:link, 
a:visited {
        color: #fff;
		text-decoration : underline;
}
a:hover{
        color: #dedede;
		text-decoration : underline;
}	

.essenz a:link, 
.essenz a:visited {
        color: #7b7b7b;
		text-decoration : underline;
}
.essenz a:hover{
        color: #7b7b7b;
		text-decoration : underline;
}
	/*______________________________________carousel__________________*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 360px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 560px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
	/*______________________________________spacer__________________*/
	
.spacer25{
	height:25px;	
		}
		.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/*______________________________________flash__________________*/
#flashcontent {
		width: 560px;
		height: 360px;
		float: left;
		/*margin: 15px 20px;*/
	}