/* CSS design by Pixelman.be | V2.1 11/09/2009/ */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright protected by Pixelman and Packed */

/* CSS tested on:

	MAC OSX  
	- Safari 2.0 & 3.0: OK
	- Firefox 2.0: NOT TESTED
	- Firefox(Mozilla 5) 3.0: OK

	PC WINXP VISTA
	- IE 6.0: NOT OK
	- IE 7.0: OK
	- Firefox 2.0: OK
	- Safari 3.0: OK

*/

/*********************** basics ***********************/

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	/*background: #544446 url(../images/dummy_home.jpg) no-repeat 0 0;*/
	background: #544446 url(../images/bg_pattern.gif);
}


html, dl, div, img, swf, form { 
	margin: 0; 
	padding: 0;
}
	
a {
	text-decoration: none;
	color: #F19300;
	color: #dd8700;
}

a:hover {
	text-decoration: underline;
}	

*:focus {
	outline: none; /*remove blue border in safari & firefox */
}
 
a img { /*remove borders on linked images */
	border: none;
}

#site { /* whole site */
	position: relative;
	margin: 0 0;
	padding: 0;
	/*border: solid 1px black;*/
	width: 960px;
	float: left;
}

#wrapper { /* whole site */
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(../images/bg_white.gif) repeat-y top right;
	float: left;
}

/************ header elements **************/


#bg_header {
	position: absolute;
	width: 100%;
	height: 415px;
	background-color: #544446;
	float: left;
}

body#home #bg_header {
	height: 415px;
}

body#nieuws #bg_header {
	height: 200px;
}


#header {
	position: relative;
	height: 160px;
	width: 960px;
	float: left;
	/*border: solid 1px black;*/
	background-color: #544446;
}

#logobox {
	position: absolute;
	border: none;
	top: 40px;
	left: 30px;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 33px;
	z-index: 10;
	/*border: solid 1px black;*/
}


#logo {
	position: relative;
	border: none;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 139px;
	height: 40px;
	z-index: 10;
}

#logo a {
	position: relative;
	display: block;
	border: none;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 139px;
	height: 40px;
	z-index: 10;
	/*border: solid 1px #000;*/
	background: transparent url(../images/logo_packed2.png) no-repeat top left;	
	}

#logo a:hover {
	background: transparent url(../images/logo_packed2.png) no-repeat bottom left;
	text-decoration: none;
}

#baseline {
	position: absolute;
	top: 10px;
	*top: 8px;
	left: 155px;
	font-size: 9px;
	*font-size: 10px;
	line-height: 11px
	color: #A9A1A2;
}

#baseline a {
	color: #A9A1A2;
}

#baseline a:hover {
	color: #FFF;
	text-decoration: none;
}

#topnav {
	position: relative;
	float: right;
	top: 15px;
	right: 0;
	width: 200px;
	/*border: solid 1px black;*/
	font-family: Verdana, Geneva, sans-serif;
	z-index: 10;
}

#topnav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #A9A1A2;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 20px;
	text-align: right;
	clear: both;
	/*border: solid 1px black;*/
}

#topnav li a {
	color: #A9A1A2;
	display: block;
	height: 20px;
	padding: 0 25px 0 0;
}

#topnav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#topnav form {
	position: relative;
	margin: 0;
	padding: 0;
}

#topnav input {
	position: relative;
	margin: 0 0 0 0;
	padding: 5px 25px 0 10px;
	border: solid 1px #291517;
	background-color: #544446;
	height: 20px;
	color: #A9A1A2;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 15px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
}

input#search_button {
	position: absolute;
	display: block;
	padding: 0 0 0 0;
	top: 8px;
	right: 8px;
	height: 12px;
	width: 12px;
	border: none;
	background-color: transparent;
}

#contact a {
	background: url(../images/ico_topnav_contact.png) 180px 4px no-repeat;
}

#sitemap a {
	background: url(../images/ico_topnav_sitemap.png) 180px 4px no-repeat;
}

#eloket a {
	background: url(../images/ico_topnav_eloket.png) 180px 4px no-repeat;
}


#topnav li#language {
	position:relative;
	float: right;
	margin: 0 6px 0 0;
	padding: 0 17px 0 0;
	display: block;
	background: url(../images/ico_topnav_contact.png) right 4px no-repeat;

}

#topnav li#language a {
	position:relative;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	display: block;
}

#topnav li#language a.current {
	color: #FFF;
}


/************ search elements ************/


.searchresults h3 {
	position: relative;
	text-align: center;
	margin: 15px 20px 0 0;
	padding: 0 0 0 0;
	color: #291517;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}



/************ nav elements **************/

#navbg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 960px;
	/*border: solid 1px black;*/
	height: 50px;
	background: url(../images/navbg.png) repeat-x bottom left;
}

#nav {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	width: 920px;
	/*border: solid 1px black;*/
	height: 50px;
}

#nav ul {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#nav li {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#nav li a {
	position: relative;
	padding: 0 15px 0 15px;;
	margin: 0 0 0 0;
	float: left;
	display: block;
	height: 50px;
	line-height: 65px;
	text-transform: uppercase;
	color: #A9A1A2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	*font-weight: bold;
	/*letter-spacing: 0.1em;*/
}

#nav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav li.current a {
	color: #291517;
	padding: 0 65px 0 15px;
	background: url(../images/bg_nav.png) bottom right repeat-x;
	font-weight: bold;
	
}

/************ subnav elements **************/

#subnav {
	position: relative;
	margin: 0;
	padding: 86px 0 20px 0;
	float: left;
	width: 150px;
	background: url(../images/bg_subnav_top.png) no-repeat 0 0;
}

#subnav ul {
	position: relative;
	left: 20px;
	top: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	float: left;
}

#subnav li {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*float: left;*/
	clear: both;
}

#subnav li a {
	position: relative;
	padding: 0 25px 8px 0;;
	margin: 0 0 0 0;
	float: left;
	display: block;
	line-height: 15px;
	text-transform: uppercase;
	color: #FFE4C0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 105px;
}

#subnav li a:hover {
	color: #000;
	text-decoration: none;
	background: url(../images/subnav_arrow.png) 110px 3px no-repeat;	
}

#subnav li.current a {
	color: #000;
	background: url(../images/subnav_arrow.png) 110px 3px no-repeat;	
}


/* second level */


#subnav ul li ul {
	position: relative;
	left: 0;
	top: -5px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	list-style: none;
	float: left;
}

#subnav ul li ul li {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#subnav ul li ul li a {
	position: relative;
	padding: 0 25px 0 0;;
	margin: 0 0 0 0;
	float: left;
	display: block;
	line-height: 13px;
	text-transform: lowercase;
	color: #FFE4C0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	width: 105px;
}

#subnav ul li ul li a:hover {
	color: #000;
	text-decoration: none;
	background: url(../images/subnav_arrow.png) 110px 3px no-repeat;	
}

#subnav ul li ul li.current a {
	color: #000;
	background: url(../images/subnav_arrow.png) 110px 3px no-repeat;	
}





#bg_subnav_bottom {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 350px;
	width: 150px;
	background: url(../images/bg_subnav_bottom.png) repeat-x 0 0;
}


/************ subnav2 elements **************/

#subnav2 {
	position: relative;
	margin: 0;
	padding: 40px 0 40px 15px;
	float: left;
	width: 225px;
	background-color: #66F0D0;
	z-index: 10;
	/*background-color: #33EBC0;*/
}

#subnav2 ul {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	list-style: none;
	float: left;
	width: 225px;
}

#subnav2 ul li {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*float: left; */
	clear: both;
	/*display: block;*/
}

#subnav2 ul li a {
	position: relative;
	padding: 0 0 0 0;;
	margin: 0 0 5px 0;
	float: left;
	display: block;
	line-height: 15px;
	text-transform: uppercase;
	color: #1A171B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 195px;
	/*font-weight: normaal;*/
	font-weight: bold;
	/*clear: both;*/
}

.linksnav#subnav2 ul li a { /* linksnav specs */
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	/*font-weight: bold;*/
}


#subnav2 ul li ul li a {
	position: relative;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	float: left;
	display: block;
	line-height: 15px;
	text-transform: lowercase;
	color: #1A171B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 180px;
	font-weight: normal;
	background: url(../images/bullet_brown.gif) 0 5px no-repeat;
}

#subnav2 ul li ul li ul li a {
	background: url(../images/bullet_brown.gif) 0 5px no-repeat;
}


#subnav2 ul li ul li.open a {
	background: url(../images/bulletarrow_under.png) 0 5px no-repeat;
	
}

#subnav2 ul li ul li.open ul li a {
	background: url(../images/bullet_brown.gif) 15px 5px no-repeat;
	padding: 0 0 0 30px;
}

#subnav2 ul li ul li.open ul li.open a {
	background: url(../images/bulletarrow_under.png) 15px 5px no-repeat;
	
}

#subnav2 ul li ul li.open ul li.open ul li a {
	background: url(../images/bullet_brown.gif) 30px 5px no-repeat;
	padding: 0 0 0 45px;
}

#subnav2 ul li.close ul {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: none;
}


#subnav2 ul li.close ul li {
	display: none;
}


#subnav2 ul li ul li.close a {
	background: url(../images/bulletarrow_right.png) 0 5px no-repeat;
	display: block;
}

#subnav2 ul li ul li.close ul {
	display: none;
}

#subnav2 ul li ul li ul li.close a {
	background: url(../images/bulletarrow_right.png) 15px 5px no-repeat;
	display: block;
	
}

#subnav2 ul li ul li ul li.close ul li a {
	background: none;
	padding: 0 0 0 45px;
}




#subnav2 li a:hover {
	color: #FFF;
	text-decoration: none;
}

#subnav2 a.current {
	color: #FFF;
	/*background: url(../images/subnav_arrow.png) 110px 3px no-repeat;	*/
}

#bg_subnav2_bottom {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 350px;
	width: 240px;
	background: url(../images/bg_subnav2_greyfade.jpg) repeat-x 0 0;
}


/************ content elements **************/

#content {
	position: relative;
	width: 960px;
	float: left;
	padding: 0 0 50px 0;
	background-color: #FFF;
	/*border: solid 1px black;*/
}

#bannerbox {
	position: relative;
	width: 960px;
	height: 255px;
	float: left;
	/*border: solid 1px black;*/
	background-color: #c5c3c0;
}

#bannerboxsmall {
	position: relative;
	width: 960px;
	height: 40px;
	float: left;
	/*border: solid 1px black;*/
	background-color: #c5c3c0;
}


#banner {
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 0;
	/*border: solid 1px;*/
}

#banneroverlay {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 633px;
	height: 250px;
	float: right;
	background: transparent url(../images/bg_bannerbox.png) top right no-repeat;
}

.contentbox {
	position: relative;
	float: left;
	/*width: 315px;*/
	/*border: solid 1px black;*/
}

.w315 {
	width: 270px;
	padding: 0 10px 0 30px;
}

.w150 { /* subnav box banner*/
	width: 150px;
	top: -86px;
	left: 0;
	padding: 0;
}

.w150b { /* subnav box zonder banner*/
	width: 150px;
	top: 125px;
	left: 0;
	padding: 0;
}

.w240 { /* subnav box 240px handboek zonder banner*/
	width: 240px;
	top: 0;
	left: 0;
	padding: 0;
}

.w720 {
	width: 720px;
	padding: 0;
}


.w810 {
	width: 810px;
	padding: 0;
}

.w960 {
	width: 960px;
	padding: 0;
}


.w630 {
	width: 590px;
	clear: both;
	padding: 0 10px 0 30px;
}

.w330 {
	position: absolute;
	top: 0;
	right: 0;
	width: 330px;
	float: right;
}

.entry {
	position: relative;
	left: 30px;
	width: 780px;
	float: left;
	clear: both;
}

.entry2 {
	position: relative;
	left: 30px;
	right: 0;
	padding: 0 0 20px 0;
	width: 780px;
	float: left;
	clear: both;
	min-height: 220px;
	border-bottom: solid 1px #BFB9BA;
}

.entry3 {
	position: relative;
	left: 30px;
	right: 0;
	padding: 20px 0 10px 0;
	width: 780px;
	float: left;
	clear: both;
	min-height: 220px;
	border-top: solid 1px #BFB9BA;
}

.entry4 {
	position: relative;
	left: 30px;
	width: 690px;
	float: left;
	clear: both;
}



.contentleft {
	position: relative;
	width: 440px;
	float: left;
	padding: 0 10px 0 0;
}

.contentleft ul {
	position: relative;
	margin: 5px 0 15px 0;
	float: left;
	padding: 0 0 0 0;
	list-style: none;
}

.contentleft li  {
	position: relative;
	margin: 0 0 5px 0;
	float: left;
	padding: 0 0 0 15px;
	font-size: 11px;
	*font-size: 12px;
	color: #291517;
	line-height: 17px;
	background: url(../images/bullet_tags.gif) no-repeat 0 7px;
}

.contentleft li a {
	position: relative;
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 0;
	display: block;
	z-index: 10;
	}

.contentimage {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}

.contentright {
	position: relative;
	width: 290px;
	float: right;
	padding: 0 10px 0 30px;
}

.contentright2 {
	position: relative;
	width: 200px;
	float: right;
	padding: 0 10px 0 30px;
}


/*** typo elements ***/

h1 {
	position: relative;
	margin: 20px 0 20px 0;
	font-size: 26px;
	line-height: 30px;
	*font-size: 25px;
	*line-height: 28px;
	color: #00E5B0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "DIN-Regular", Verdana, Geneva, sans-serif;
}

h2 {
	position: relative;
	margin: 20px 0 10px 0;
	font-size: 19px;
	line-height: 23px;
	color: #00E5B0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

h4 {
	position: relative;
	margin: 20px 0 10px 0;
	font-size: 14px;
	line-height: 17px;
	color: #2E2205;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}


p {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	*font-size: 12px;
	color: #291517;
	line-height: 17px;
}

em {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	*font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #948A8B;
	line-height: 20px;
	display: block;
	font-weight: normal;
	/**font-weight: bold;*/
	
}

.subsubnav {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	display: block;
	clear: both;
	float: left;
	width:100%;
}

.subsubnav li {
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
	float: left;
	clear: both;

}

.subsubnav li a {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 10px 25px;
	display: block;
	color: #F19300;
	font-size: 12px;
	float: left;
	line-height: 15px;
	width: 180px;
	background: url(../images/arrow_right_black.png) 0 2px no-repeat;
	/*border: solid 1px black;*/
}

.subsubnav li.up a {
	background: url(../images/arrow_up_black.png) 0 2px no-repeat;
}

.subsubnav li.left {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	display: block;
	color: #291517;
	font-size: 10px;
	float: left;
	line-height: 14px;
	width: 160px;
	background: url(../images/arrow_left_black.png) 0 2px no-repeat;
}

.subsubnav li a:hover {
	text-decoration: none;
	color: #000;
}


.whitespace {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	height: 102px;
	display: block;
	/*border: solid 1px black;*/
}

.date2 {
	position: relative;
	margin: 0 0 -10px 0;
	padding: 0 0 0 0;
	color: #291517;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "DIN-Regular", Verdana, Geneva, sans-serif;
	text-shadow: #333 0 0 0; /* making fonts less bold in safari*/ 
	font-size: 15px;
	line-height: 19px;
}


/*** tagnav elements ***/

.tagnav {
	position: relative;
	left: 0;
	top: -20px;
	margin: 0 0 10px 0;
	padding: 0 5px 0 10px;
	list-style: none;
	display: block;
	clear: both;
	float: left;
	width: 180px;
	/*border-top: solid 1px #BFB9BA;*/
	/*background: url(../images/arrow_right_black.png) 0 2px no-repeat;*/

}

.tagnav li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}

.tagnav li a {
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	display: block;
	color: #F19300;
	font-size: 11px;
	float: left;
	line-height: 15px;
	background: url(../images/bullet_tags2.gif) 0 5px no-repeat;
}

.tagnav li a:hover {
	text-decoration: none;
	color: #000;
}




/*** news elements ***/

.contentbox_title {
	position: absolute;
	top: 20px;
	right: 20px;
	float: left;
}

.contentbox_title h3 {
	position: relative;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
}

#bg_news {
	position: absolute;
	top: 255px;
	right: 0;
	width: 330px;
	height: 770px;
	background: url(../images/bg_news.jpg) repeat-x 0 0;
}

#newsbox {
	position: relative;
	top: 0;
	right: 0;
	width: 330px;
}

#newsnav {
	position: relative;
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
}

#newsnav li {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0;
}

.date {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px;
	color: #291517;
	font-weight: normal;
	/**text-transform: lowercase;*/
	font-family: "DIN-Regular", Verdana, Geneva, sans-serif;
	text-shadow: #333 0 0 0; /* making fonts less bold in safari*/ 
	font-size: 15px;
	line-height: 19px;
}

#newsnav li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 35px;
	display: block;
	color: #F19300;
	font-weight: normal;
	*font-weight: bold;
	text-transform: uppercase;
	font-family: "DIN-Bold", Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 19px;
	background: url(../images/arrow_right_black.png) 13px 3px no-repeat;
}

#newsnav li a:hover,
#newsnav li.first a:hover {
	text-decoration: none;
	color: #000;
}

#newsnav li.first {
	position: relative;
	margin: 0 0 20px 0;
	padding: 100px 0 0 0;
	height: 154px;
	/*border: solid 1px black;*/
}

#newsnav li.first a {
	color: #FFF;
}

#news_up {
	position: absolute;
	top: 20px;
	left: 10px;
	float: left;
	width: 17px;
	height: 17px;
	z-index: 20;
}

#news_up a {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 17px;
	height: 17px;
	background: url(../images/news_up.png) top left no-repeat;
}

#news_up a:hover {
	text-decoration: none;
	background: url(../images/news_up.png) bottom left no-repeat;
}

#news_down {
	position: absolute;
	top: 220px;
	left: 10px;
	float: left;
	width: 17px;
	height: 17px;
	z-index: 20;
}

#news_down a {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 17px;
	height: 17px;
	background: url(../images/news_down.png) top left no-repeat;
}

#news_down a:hover {
	text-decoration: none;
	background: url(../images/news_down.png) bottom left no-repeat;
}



/************ manuals elements **************/

#manuals {
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #33EBC0;

}


/************ manuals_nav elements **************/

#manuals_navbox.open #manuals_nav {
	position: relative;
	width: 720px;
	margin: 0;
	padding: 0;
	background-color: #c5c3c0;
	list-style: none;
	
}

#manuals_nav li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #7E7374;
	font-size: 12px;
}

#manuals_nav li span {
	display: none;
	position: relative;
	margin: 0;
	padding: 0;
	color: #7E7374;
	font-size: 12px;
	text-transform: none;

}


#manuals_navbox.open #manuals_nav li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 0 12px 60px;
	color: #7E7374;
	text-transform: uppercase;
	border-bottom: solid 1px #FFF;
	background: url(../images/handboek.png) 30px 9px no-repeat;
	font-weight: bold;
}

#manuals_navbox.open #manuals_nav li a:hover,
#manuals_navbox.open #manuals_nav .current a {
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 0 12px 60px;
	color: #291517;
	text-transform: uppercase;
	border-bottom: solid 1px #FFF;
	text-decoration: none;
	background: url(../images/handboek.png) 30px -25px no-repeat;
}

#manuals_navbox.open #manuals_nav a:hover .manual_description {
	position: relative;
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	color: #291517;
	font-size: 10px;
	line-height: 12px;
	display: none;
}

#manuals_navbox.close #manuals_nav {
	position: relative;
	width: 720px;
	margin: 0;
	padding: 0;
	background-color: #c5c3c0;
	list-style: none;
	
}

#manuals_navbox.close #manuals_nav li.hide {
	display: none;
}

#manuals_navbox.close #manuals_nav li a {
	display: none;
}

#manuals_navbox.close #manuals_nav .current a {
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 0 12px 60px;
	color: #291517;
	text-transform: uppercase;
	border-bottom: solid 1px #FFF;
	text-decoration: none;
	background: url(../images/handboek.png) 30px -25px no-repeat;
}



.description {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	height: 39px;
	background-color: #c5c3c0;
}

.description h3 {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 12px 30px 0 0;
}

.description h3 a {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0;
	background: url(../images/subnav_arrow.png) top right no-repeat;
	color: #695B5D;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	display: block;
}

.description h3 a:hover {
	color: #291517;
	text-decoration: none;
}


#manuals_navbox.open .manuals_info {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
}

#manuals_navbox.open .manuals_info h3{
	position: relative;
	text-align: center;
	margin: 15px 20px 0 0;
	padding: 0 0 0 0;
	color: #291517;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}


#manuals_navbox.close .manuals_info {
	display: none;
}


/************ footer elements **************/

#footerbox {
	position: relative;
	width: 960px;
	height: 100px;
	float: left;
	/*border: solid 1px black;*/
	background: #FFF url(../images/bg_footer.jpg) repeat-x 0 0;
}

#logo2 {
	position: relative;
	top: 25px;
	left: 30px;
	width: 134px;
	height: 55px;
	float: left;
}

#logo2 a {
	position: relative;
	display: block;
	width: 134px;
	height: 55px;
	float: left;
	background: url(../images/logo_vlaamseoverheid_new.png) 0 0 no-repeat;
	
}
.en #logo2 a{
	
}

#footerbox p {
	position: absolute;
	top: 21px;
	left: 180px;
	font-size: 9px;
	color: #898D88;
}

#footerbox p a {
	color: #898D88;
}

#footerbox p a:hover {
	color: #131B11;
	text-decoration: none;
}


/************ button elements **************/

button {
	border: 0;
	cursor: pointer;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 28px 0 0;
	text-align: center;
	float: left; 
	width: auto;
	*overflow: visible;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

button span { 
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 28px;
	*margin-top: 1px;
}

/*purple buttons*/
button.submitBtn { 
	background: url(../images/btn_right_brown.png) right no-repeat; 
	_background: url(../images/btn_right_brown.gif) right no-repeat; 
	font-size: 12px; 
	font-weight: normal;
	text-transform: uppercase;
}

button.submitBtn span { 
	height: 30px;
	line-height: 30px;
	background: url(../images/btn_left_brown.png) left no-repeat;
	_background: url(../images/btn_left_brown.gif) left no-repeat;
	color: #D4D0D1; 
}

button.submitBtn:hover {
	background: url(../images/btn_right_brown.png) right no-repeat;
	_background: url(../images/btn_right_brown.gif) right no-repeat;
	color: #FFF; 
}

button.submitBtn:hover span {
	background:url(../images/btn_left_brown.png) left no-repeat;
	_background:url(../images/btn_left_brown.gif) left no-repeat;
	color: #FFF; 
}


/************ form elements **************/


#content input.field {
	position: relative;
	border: solid 1px #ABA79B;
	height: 23px;
	margin: 0 6px 6px 0;
	padding: 5px 5px 0 5px;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
	display: block;
}

#content .textarea {
	position: relative;
	border: solid 1px #ABA79B;
	height: 100px;
	margin: 0 6px 6px 0;
	padding: 5px 5px 0 5px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
	resize:none;
}


#content input.but_submit {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	/*border: solid 1px #ABA79B;*/
}

#content .formnotes {
	position: relative;
	float: left;
	width: 110px;
	clear: both;
}

#content form .star_right {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 0;
	*margin: 0 6px 6px 0;
	padding-right: 20px;
	/*border: solid 1px black;*/
	background: url(../images/star.png) no-repeat top right
}

#content form .star_left {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 0;
	*margin: 0 0 6px 0;
	_margin: 0 0 0 0;
	padding: 0 0 0 17px;
	left: -17px;
	/*border: solid 1px black;*/
	background: url(../images/star.png) no-repeat top left
}




/************ alertbox black overlay ************/ 


.overlay_bg { /*achtergrond zwart */
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#overlay_black_ie6 { /*achtergrond zwart enkel vr ie6 */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

/* styles for IE 5 Mac */
.overlay { 
    display: none;
	/*border: solid 1px black;*/
	background-color: #00ACC9;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index:1002;
}

/* following rules are invisible to IE 5 \*/
.overlay {
	/*border: solid 1px black;*/
	background-color: transparent;
	top: 45%;
	left: 0;
	width: 100%;
	margin-top: -125px;
	text-align: center;
}
/* end IE 5 hack */ 

.overlay_box {
	position: relative;
	padding: 30px 30px 20px 40px;
	text-align: left;
	width: 500px;
	/*min-height: 200px;
	height:auto !important;
	height: 200px;*/
	margin: 0 auto;
	border: 5px solid #F19300;
	background-color: #F19300;
}


/* typo overlay */

.overlay h1 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	left: -19px;
	font-size: 44px;
	color: #FFF;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	/*color: #CEC000;*/
	display: block;
	line-height: 47px;
}


.overlay h2 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	left: -15px;
	font-size: 21px;
	line-height: 27px;
	color: #FFF;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	/*color: #CEC000;*/
	display: block;
	background: transparent url(../images/arrow_right_news.png) no-repeat 0 6px;
	_background: transparent url(../images/arrow_right_news.gif) no-repeat 0 6px;
}


.overlay p {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	color: #000;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}

.overlay ul {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}

.overlay li {
	position: relative;
	margin: 0 0 0 0;
	color: #000;
	padding: 0 0 0 20px;
	background: transparent url(../images/bullet2.gif) 0 5px no-repeat;
}

.overlay li a {
	color: #FFF;
}

.overlay li a:hover {
	color: #000;
}

/* overlaybox 01 elements */

#overlay_01 {
	top: 45%;
	margin-top: -115px;
}

#overlay_01 .overlay_box {
	padding: 30px 30px 20px 40px;
	width: 500px;
	min-height: 200px;
	height:auto !important;
	height: 200px;
}


/* overlaybox 00 elements */

#overlay_00 {
	display: block;
	_position: absolute;
	top: 45%;
	margin-top: -115px;
}

#overlay_00 .overlay_box {
	display: block;
	_position: relative;
	
	padding: 30px 30px 20px 40px;
	width: 500px;
	min-height: auto;
	height: auto;
}


/****** faq elements *******/

#faqindex {
	position: relative;
	margin: 0 0 0 0;
	float: left;
	clear: both;
	padding: 0 0 0 0;
	list-style: none;
	width: 440px;
}


#faqindex ul {
	position: relative;
	margin: 5px 0 15px 0;
	float: left;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
	clear: both;
}

#faqindex li  {
	position: relative;
	margin: 0 0 10px 0;
	float: left;
	padding: 0 0 0 15px;
	font-size: 14px;
	*font-size: 15px;
	color: #291517;
	clear: both;
	width: 440px;
	line-height: 20px;
	background: url(../images/bullet_tags.gif) no-repeat 0 7px;
}

#faqindex li a  {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	z-index: 10;
	clear: both;
	}