@charset "utf-8";
/* CSS Document by amazingthings.be*/
/* c o n t e n t :	
				main styles
					header
					leftcol
					maincol
					footer
				topnav
					searchbox
				nav top
				nav left
					bread
				CONTENT
*/

/* MAIN STYLES */
body {
	 margin:0; 
 	padding:0; 
 	text-align:center;
 	color:#FFF;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
	background: url(../images/bg.gif) #000;
	line-height:125%;
} 

#wrapper{background-color:#000000;}

#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

#header{
  width:706px;
  height:105px;
}

#leftcol{
 min-height:500px;
 width:245px; /*254px; */
 float:left; 
 /*position:relative; */
 background:url(../images/bg_navi.jpg) no-repeat bottom; 
 }
 
#maincol{  
 float: right; 
 display:inline; 
 /*position: relative; */
 width:706px; 
 }
 
#footer{
 width:960px;
 margin-top:13px;
 border-top:1px solid #fff;
 height:22px;  
 clear:both;
 text-align:center;
 background:#000;
 padding-top:3px;
 } 
 
/******************topnav subs*******************/
 #quicknav a{
	font-size:9px;
	color: #fff8ea;
}

#quicknav a:hover{
	color: #fff;
	text-decoration:none;
}
#row2{
	float:right;
	text-align:right;
	margin-right:10px;
	 width:960px;
}
#row2 img{
	vertical-align:middle;
}
/*****************begin zoekbox********************/
#searchbox {
	text-align:right;
	margin: 3px 0 3px 0;
  	height:73px;
  	width:706px;
  	background: url(../images/header.jpg) right no-repeat;
}

#tx_indexedsearch_input{
	font-size:11px;
	border:1px solid #FF8339;
	color:#000;
	padding:1px;
	background-color:#FFF8EA;
	margin-top:30px;
	}
#searchbox .go-button{	
	 vertical-align:middle;
	 position:relative;
	 padding-left:5px;
	 padding-right:10px;
	 }
	 
	 /*******************eind zoekbox*****/
	 
/*******************************MENU************************************/
#nav {
	height:21px; 
	width:685px;  
	font-size:12px;
	border-bottom:1px solid #FFF;
	list-style:none;
	margin:0;
	padding-left:20px;
	font-variant:small-caps;
	}
	
#nav ul {
	padding:0; 
	margin:0; 
	list-style:none;  
	position:relative; 
	z-index:200;
	}

#nav table {border-collapse:collapse;}
#nav li {
	float:left; 
	padding:0 5px 0 5px;
	}
#nav li li {
	float:none;
	padding:0 5px 0 5px;
	border-top:1px solid #FFF;
	}

#nav li li.noact {
	background:#FF8339;
	padding:5px;
	font-weight:normal;
}
#nav li li.act {
	color:#000;
	padding:5px;
}
#nav li.noact {
	background:#000;
	padding:0 3px 0 7px;
}

#nav li.act {
	padding:0 0 0 5px;
	font-weight:bold;
	background-color:#FF8339; /*tab link background during active state*/
}

/*************** a hack for IE5.x and IE6 ************/
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:white; height:21px; margin-right:5px;padding: 0 5px 0 5px; line-height:20px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:21px; float:none;}

#nav li:hover {position:relative; z-index:300;background-color:#FF8339;  /*tab link background during hover state*/}
#nav a:hover {position:relative; z-index:300; color:#000;}

#nav :hover ul {left:0; top:19px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
#nav a:hover a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
#nav a:hover a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


#nav ul ul ul{position:absolute; left:-9999px; top:-9999px;}

/***********linker navigatie**************************************************/

#navi, #navi ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		padding-top:20px;
		line-height:15px;
		min-height:150px;
		font-size:12px;
		font-variant:small-caps;
	}
#navi ul { /* all lists */
	margin-bottom:50px;
	}
#navi li { /* all list items */
		position : relative;
		float : left;
	}

#navi ul li {
	margin-left:0;
}

#navi ul li a {
	display:block;
	width:238px;
	text-decoration:none;
	color:#FFFFFF;
}

#navi ul li a.open,#navi ul li a:hover {
	background:url(../images/bg_links.gif) ; /*tab sublink background during hover state*/
	text-decoration:none;
	color: #000;
}

#navi ul#sub-level1 li a{
	display: block;	
	padding: 5px 5px 5px 17px;
}
#navi li.act a {
	background:url(../images/bg_links.gif) repeat; /*tab sublink background during active state*/
	display:block;
	color:#000;
	font-weight:bold;
}

/************************titel subnav*************************/
div#sub-nav-title {
	border-bottom:1px dotted #CACAC2;
	border-left:5px solid #FFF;
	font-size:12px;
	height:18px;
	margin-top:5px;
	padding-left:8px;
	text-align:left;
	width:240px;
	color:#FFF;
	margin-bottom:-15px;
}

/************************images linkerkolom***************************/
#img_links {
	padding-top:50px;
}
#img_links a{
	font-size:11px;
	 color:#fff;
}
#img_links img {
	border:none;
	padding-top:5px;
	padding-bottom:0;
}

/************************broodkruimel***********************/
#bread {
	font-size:10px;
	color:#0082C8;
	margin:-5px 0 15px 0;
	float:left;
	width:100%;	
}
#bread ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	padding-left: 75px;
	margin-top:-13px;
}
#bread li{
	display: inline;
}

#bread a {
	color:#0082c8;
}
#bread a:hover {
	text-decoration:none;
}

/**************************CONTENT***************/
#content{
	margin-left:25px;
	margin-right:10px;
	}

img {border:0;}

a {color:#FFF;}

#contenttext ul {
	list-style-type:none;
	margin-left:-30px;
}
#contenttext ul li {
	background:transparent url(../images/background-li.gif) no-repeat scroll 0px 3px;
	padding:0 3px 3px 20px;
}


.marker, .dirmenu a{color:#000;}

#at{
	font-size:9px;
	text-align:right;
}

/**************************SPECIALS***************/
 /* *** Float containers fix: */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}