/* Developed by U-Lab - www.u-lab.nl */

/* ################################################################################################################################
   #			 ALGEMEEN				#
   ######################################*/

BODY {
	background-color:				#FFFFFF;
	color:							#333333;
	
	font-family:					Verdana, Helvetica, sans-serif;
	font-weight:					normal;
	font-style:						normal;
	font-size: 						12px;
	margin: 						0;
}

P {
	line-height:					20px;
	padding:                        0px;
	font-weight:					normal;
	font-style:						normal;
	font-size: 						12px;
	
}

UL {
	margin-top:						0px;
	margin-left:					0px;
	list-style-type:				none;
	padding:						0px;
	display:						block;	
}

UL LI {
	padding:						0 0 0 15px;
	margin:							0px;
	background-image:				url('../images/list_line.gif');
	background-repeat:				no-repeat;	
	background-position:			0px 10px;
}

IMG {
	border:							none;
}

IFRAME {
	overflow: 						hidden; 
}

H1 {
	font-size:						28px;
	line-height:					40px;
	color:							#A3BD0B;
	font-weight:					normal;
	padding:                        0px;
	margin:							0 0 15px 0;	
}

H2 {
	font-size:						14px;
	color:							#333333;
	font-weight:					normal;	
	padding:                        0px;
	margin:							0px;
}

H3 {
	font-size:						14px;
	color:							#333333;
	font-weight:					normal;	
	font-style:						italic;
	padding:                        0px;
	margin:							0 0 10px 0;		
}

H4 {
	font-size:						14px;
	color:							#A3BD0B;
	font-weight:					normal;	
	padding:                        0px;
	margin:							0px;
}

H5 {
	font-size:						28px;
	line-height:					40px;
	color:							#A3BD0B;
	font-weight:					normal;
	padding:                        0px;
	margin:							0px;	
}

H6 {
	font-size:						13px;
	color:							#333333;
	font-weight:					normal;	
	font-style:						italic;
	padding:                        0px;
	margin:							0 0 10px 0;		
}

.H7 {
	font-size:						13px;
	color:							#333333;
	padding:                        0px;
	margin:							0 0 10px 0;			
}

.H8 {
	font-size:						14px;
	color:							#333333;
	padding:                        0px;
	margin:							0 0 10px 0;			
}

.H9 {
	font-size:						13px;
	color:							#333333;
	padding:                        0px;
	margin:							0 0 10px 0;
	font-style:						italic;			
}

.slippers {
background-image: url(../images/slippers.jpg);
width: 170px;
height: 75px;
}

/* ################################################################################################################################
   #			 FRAMEWORK				#
   ######################################*/


#container {
	position:						relative;
	width:							945px;
	margin: 						0 auto 0 auto;
	text-align:						left;
}

#container #top {
	position:						absolute;
	top:							0px;
	left:							0px;
	width:							915px;
	height:							70px;
	
	padding-right:					30px;
	padding-top:					30px;	
	
	text-align:						right;
}

#container #menu {
	position:						absolute;
	top:							100px;
	left:							0px;
	width:							755px;
	height:							185px;
}

#container #menu #menu_main {
	position:						absolute;
	left:							0px;
	width:							170px;
	height:							170px;
	overflow:						hidden;
	
	background-color:				#A3BD0B;
		
	padding-top:					10px;
	padding-left:					10px;	
	padding-right:					5px;
	padding-bottom:					5px;			
}
			
#container #menu #menu_main .kop {
	font-size:						16px;
	line-height:					20px;
	font-weight:					bold;
	
	color:							#4D4D4D;
}
		
#container #menu #menu_main A:link {
	color:							#4D4D4D;
	text-decoration:				none;
}

#container #menu #menu_main A:visited {
	color:							#4D4D4D;
	text-decoration:				none;
}

#container #menu #menu_main A:active {
	color:							#4D4D4D;
	text-decoration:				none;
}

#container #menu #menu_main A:hover {
	color:							#4D4D4D;
	text-decoration:				none;
}

#container #menu #menu_main .subkop {
	font-size:						13px;
	line-height:					20px;
	
	color:							#EAF1C3;
}
	
#container #menu #menu_main hr {
	color:							#FFFFFF;
	height:							1px;
	border:							1px solid #FFFFFF;
	
	margin-top:						4px;
	margin-bottom:					4px;
}

#container #menu #menu_sub {
	position:						absolute;
	left:							190px;
	width:							165px;
	height:							170px;
	
	background-color:				#666666;
	
	padding-top:					10px;
	padding-left:					15px;	
	padding-right:					5px;
	padding-bottom:					5px;
	
	font-weight:					normal;
	font-style:						normal;
	font-size: 						11px;
	line-height:					21px;
	
	color:							#BFBFBF;
}

#container #menu #menu_sub_cms {
	position:						absolute;
	left:							190px;
	width:							165px;
	height:							65px;
	
	background-color:				#666666;
	
	padding-top:					115px;
	padding-left:					10px;	
	padding-right:					5px;
	padding-bottom:					5px;
}

#container #menu #menu_sub A:link {
	color:							#BFBFBF;
	text-decoration:				none;
}

#container #menu #menu_sub A:visited {
	color:							#BFBFBF;
	text-decoration:				none;
}

#container #menu #menu_sub A:active {
	color:							#BFBFBF;
	text-decoration:				none;
}

#container #menu #menu_sub A:hover {
	color:							#FFFFFF;
	text-decoration:				none;
}

#container #menu #menu_sub A.active:link {
	color:							#FFFFFF;
	text-decoration:				none;
}

#container #menu #menu_sub A.active:visited {
	color:							#FFFFFF;
	text-decoration:				none;
}

#container #menu #menu_sub A.active:active {
	color:							#FFFFFF;
	text-decoration:				none;
}

#container #menu #menu_sub A.active:hover {
	color:							#FFFFFF;
	text-decoration:				none;
}

#container #menu #menu_flash {
	position:						absolute;
	left:							380px;
	width:							560px;
	height:							185px;
}

#content {
	left:							0px;
	width:							755px;
	height:							200px;
}

#container #content {
	left:							0px;
	width:							755px;
	height:							200px;
	position:						absolute;
	top:							290px;
}
	
/* ################################################################################################################################
   #		  CONTENT CONTENT			#
   ######################################*/


#content #content_content {
	width:							535px;
	
	padding-left:					15px;
	padding-right:	                10px;
	padding-top:	                20px;
	padding-bottom:                 20px;

	line-height:					20px;
	
	color:							#666666;
}

#content #content_content #vacatures P {
	margin:							0 0 0 0px;
}

#content #content_content A {
	color:							#666666;
	text-decoration:				none;
}

#content #content_content A:hover {
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .date {
	font-size:						11px;
	font-style:						italic;
}

#content #content_content .news_date {
	font-size:						11px;
	font-style:						italic;
	padding-left:					40px;
}

#content #content_content .news_content {
	font-size:						11px;
	font-style:						italic;
	color:							#999999;
}

#content #content_content .news_content P {
	font-size:						11px;
	font-style:						italic;
	color:							#999999;
}

#content #content_content .title {
	font-size:						15px;
	font-weight:					bold;
}

#content #content_content A.mailto {
	font-style:						normal;
	color:							#333333;
	text-decoration:				none;
}

#content #content_content A.mailto:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content A.news_item {
	font-style:						normal;
	color:							#333333;
}
#content #content_content A.news_item:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .contact_list {
	font-size:						13px;
}

#content #content_content .left_padding {
	padding-left:					20px;
}

#content #content_content #list_line ul {
	list-style-type:				none;
	padding:						0px;
	margin:							0px;
	display:						block;
}

#content #content_content #list_line ul li {
	padding:						0 0 0 15px;
	margin:							0px;
	background-image:				url('../images/list_line.gif');
	background-repeat:				no-repeat;	
	background-position:			0px 10px;
}

#content #content_content .kopvisie {
	color:							#333333;
	font-size:						12px;
	font-style:						italic;
	padding-left:                   5px;
}

#extra {
	width:							505px;
	
	background-color:				#EBF2C4;
	
	padding-left:					15px;
	padding-right:					15px;
	padding-top:					12px;
	padding-bottom:					10px;
	
	color:							#666666;
	
	font-style:						normal;
}

#extra #extratop {
	width:							500px;
	font-size:						11px;
	font-style:						italic;
}

#extra #extrabottom {
	width:							100px;
	padding-left:					405px;
	height:							17px;
	text-align:						right;
	font-style:						italic;
}

#extra #extrabottom A {	
	background-image:				url('../images/pijl_groen.gif');
	background-repeat:				no-repeat;	
	background-position:			right;		
	color:							#A3BD0B;
	height:							17px;
	font-style:						italic;
	text-decoration: 				none;	
	padding-right: 					20px;		
	padding-bottom:                 2px;
}


#extra #extrabottom A:hover {
	color: 							#A3BD0B;
	font-style:						italic;
}



#extra #extrabottom UL {
	margin:							0px;
	padding:						0px;
	list-style-type:				none;	
	float:							left;
	font-style:						italic;
}

#extra #extrabottom UL LI {
	width:							100px;
	margin:							0px;

	padding:						0px;
	
	list-style-position:			inherit;
	list-style-type:				none;
	background-image:				none;	
	vertical-align:					middle;
		
	text-align:						right;
	
	font-style:						italic;
}

#content #content_content #snellink {
	font-size:						11px;	
	width: 							510px;
	display:						block;
	margin:							0px;
}

#content #content_content #snellink ul {
	list-style-type:				none;
	padding:						0px;
	display:						block;
}

#content #content_content #snellink ul li {
	padding:						4px 0 0 20px;
	margin:							0px;
	background-image:				url('../images/pijl.gif');
	background-repeat:				no-repeat;	
	background-position:			0px 8px;	
}

#content #content_content #snellink ul li a:link	 {
	color: #A3BD0B; font-weight: normal; font-style: normal; font-size: 13px; text-decoration: none;
}
#content #content_content #snellink ul li a:active {
	color: #A3BD0B; font-weight: normal; font-style: normal; font-size: 13px; text-decoration: none;
}
#content #content_content #snellink ul li a:visited {
	color: #A3BD0B; font-weight: normal; font-style: normal; font-size: 13px; text-decoration: none;
}
#content #content_content #snellink ul li a:hover {
	color: #A3BD0B; font-weight: normal; font-style: normal; font-size: 13px; text-decoration: none;}

#content #content_content #snellink ul li a.brochure_taal {
	color:							#666666;
	font-size:						10px;
}

#content #content_content #snellink ul li .brochure_taal_sep {
	color: 							#A3BD0B;
	font-size:						10px;
}


#content #content_content .content_black {
	font-size:						15px;
	color:							#000000;
}

#content #content_content .content_green {
	font-size:						15px;
	color:							#A3BD0B;
}

#content #content_content .green_contact {
	font-size:						13px;
	color:							#A3BD0B;
}
	

#content #content_content A.slogan {
	font-style:						italic;
	color:							#000000;
	text-decoration:				none;
}

#content #content_content A.slogan:hover {
	font-style:						italic;
	color:							#000000;
	text-decoration:				none;
}

#content #content_content hr {
	color:							#A3BD0B;
	height:							1px;
	border-top:						1px solid #A3BD0B;
	border-bottom:					0px;
	border-left:					0px;
	border-right:					0px;
}

#content #content_content .blok {	
	background-color:				#EBF2C4;
	font-style:						italic;	
}

#content #content_content .blok .verder {
	color:							#A3BD0B;
	float:							right;
}

#content #content_content .blok A:link {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .blok A:visited {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .blok A:active {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .blok A:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content A.inschrijven {
	font-style:						normal;
	color:							#333333;
	text-decoration:				none;
}

#content #content_content A.inschrijven:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content #content_content .leftpadding {	
	padding-left:					17px;
	
	color:							#000000;
	font-size:						12px;
	font-style:						italic;
}

/* ################################################################################################################################
   #		  CONTENT KANTOREN			#
   ######################################*/


#content .content_kantoren {
	width:							515px;
	height:							180px;
	
	padding-left:					0px;
	padding-right:	                10px;
	padding-top:	                20px;
	padding-bottom:                 0px;
	
	margin-left:					15px;

	font-size:						13px;
	line-height:					20px;
	
	border-bottom:					1px solid #A3BD0B;
	
	color:							#666666;
}

#content .content_kantoren .green_contact {
	font-size:						13px;
	color:							#A3BD0B;
}

#content .content_kantoren .content_kop {
	font-size:						28px;
	line-height:					30px;
	
	color:							#A3BD0B;
}

#content .content_kantoren .content_content_left {
	width:							195px;
	height:							180px;
	display:						block;	
	float:							left;	
}

#content .content_kantoren .content_content_left A.mailto:link {
	font-style:						normal;
	color:							#333333;
	text-decoration:				none;
}

#content .content_kantoren .content_content_left A.mailto:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content .content_kantoren .content_content_right {
	width:							320px;
	padding-top:					136px;
	text-align:						right;
	display:						block;
	float:							left;
}

#content .content_kantoren .content_content_right A.route {
	font-style:						italic;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content .content_kantoren .content_content_right A.route:hover {
	font-style:						italic;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content_select A.select {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

/* ################################################################################################################################
   #		  CONTENT VACATURES			#
   ######################################*/

#vacatures_list {
	border:							#BFBFBF solid 1px;
	padding-top:					15px;
	padding-left:					15px;
	padding-right:					15px;
	padding-bottom:					15px;
	margin:							0 0 10px 0;
	color:							#666666;
	line-height:					20px;
}

#vacatures_list A {
	font-style:						normal;
}

#vacatures_list A.vacature_title {
	font-style:						normal;
	color:							#333333;
}

#vacatures_list A.vacature_title:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content_content A.inschrijven {
	font-style:						normal;
	color:							#333333;
	text-decoration:				none;
}

#content_content A.inschrijven:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#content_content A {
	font-style:						normal;
	color:							#333333;
	text-decoration:				none;
}

#content_content A:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#vacatures_list .vacature_desc {
	font-size:						11px;
	font-style:						italic;
	color:							#999999;
}
.vacature_right {
	width: 400px;
}

#vacatures_list P {
	margin:							0px;
	padding:						0px;	
}

#vacatures_list UL {
	margin-top:						0px;
	margin-left:					0px;
	list-style-type:				none;
	padding:						0px;
	display:						block;
	line-height:					20px;	
}

#vacatures_list UL LI {
	padding:						0 0 0 15px;
	margin:							0px;
	background-image:				url('../images/list_line.gif');
	background-repeat:				no-repeat;	
	background-position:			0px 10px;
}

#vacatures_list .vacatures_subnav {
	font-size:						11px;
	width: 							230px; 
	float: 							left;
	margin-bottom:					15px;
}

#vacatures_list .vacatures_subnav A {	
	background-image:				url('../images/pijl_grey.gif');
	background-repeat:				no-repeat;	
	background-position:			left;		
	color:							#666666;
	height:							19px;
	font-style:						normal;
	text-decoration: 				none;	
	padding-left:					20px;
	padding-bottom:                 2px;
	display:						block;
}


#vacatures_list .vacatures_subnav A:hover {
	background-image:				url('../images/pijl.gif');
	background-repeat:				no-repeat;	
	background-position:			left;	
	color: 							#A3BD0B;
}

#vacatures_list .vacatures_subnav UL A.back {	
	background-image:				url('../images/back.gif');
	color: 							#A3BD0B;
}

#vacatures_list .vacatures_subnav UL A.back:hover {	
	background-image:				url('../images/back_grey.gif');
	color: 							#666666;
}


#vacatures_list .vacatures_subnav UL {
	margin:							0px;
	padding:						0px;
	list-style-type:				none;	
	float:							left;
}

#vacatures_list .vacatures_subnav UL LI {
	width:							115px;
	margin:							0px;

	padding:						0px;
	
	list-style-position:			inherit;
	list-style-type:				none;
	background-image:				none;	
	vertical-align:					middle;
}


#vacatures_list .vacature_row {
	width:							498px;
	margin-bottom:					15px;
	display:						block;
	font-style:						normal;
}

#vacatures_list .vacature_left {
	width:							90px;
	float:							left;
	display:						block;
}

#vacatures_list .vacature_right {
	float:							left;
	display:						block;
}

#vacatures_list .vacature_right A {
	color:							#A3BD0B;
	font-style:						normal;
	text-decoration:				none;
}

#vacatures_list .vacature_right A:hover {
	color:							#333333;
	font-style:						normal;
	text-decoration:				none;
}

#vacatures_list .vacature_date {
	font-size:						11px;
	font-style:						italic;
}

#vacatures_list .vacature_title A {
	color:							#333333;
	font-style:						normal;
	font-weight:					normal;
}

#vacatures_list .vacature_title A:hover {
	color:							#A3BD0B;
}

#vacatures_list A.mailto {
	font-style:						italic;
	color:							#333333;
	text-decoration:				none;
}

#vacatures_list A:hover.mailto {
	font-style:						italic;
	color:							#A3BD0B;
	text-decoration:				none;
}

/* ################################################################################################################################
   #		  		TICKER				#
   ######################################*/
   
#TICKER {
	border-top:						1px solid #999999;
	border-bottom:					1px solid #999999;
	padding-top:					3px;
	padding-bottom:					3px;
}

#TICKER A {
	font-style:						normal;
	color:							#666666;
	text-decoration:				none;
}

#TICKER A:hover {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

#tickerframe {
	position:						absolute;
	top:							600px;
	left:							20px;
}

#img_news {
	padding-top:					5px;
}

/* ################################################################################################################################
   #	   INSCHRIJFFORMULIER			#
   ######################################*/
   
   
#content #content_content fieldset{
	display: block;
	border:	1px #BFBFBF solid;
	width: 40em;
	margin: 0 0 3em 0;
	padding: 1em 0 1em 1em;
}

#content #content_content label{
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 1em;
	margin-bottom: 1px;
	font-weight: normal;
}

#content #content_content input {
	height:	1.4em;
	width: 15em;
	background: white; 
  	border: 1px solid #BFBFBF;
	color: #000000;
	font-size: 11px;
}

#content #content_content select{
	height:	1.4em;
	width: 15.4em;
	background: white; 
  	border: 1px solid #666666;
	color: #000000;
	font-size: 11px;
}

#content #content_content .input_small {
	margin-left: 0.6em;
	width: 1.5em;
}

#content #content_content .form_row {
	display: block;
	clear: both;
	padding-top: 0.4em;

}

.submit_button {
	height:	1.8em;
	width:	4.5em;	
	margin-bottom:10px;
	margin-left: 180px;	
}

#content #content_content .radio_button {
	height:	1.2em;
	width:	1.8em;	
	margin-bottom:0px;
	margin-left: 0px;
	border:none;	
}

#content #content_content .input_file {
	height:	1.8em;
	margin-bottom:0px;
	margin-left: 0px;	
}

.button {
	height:	1.8em;
	width:	4.5em;	
	margin-bottom:10px;
	margin-left: 180px;
}


/* ################################################################################################################################
   #	   		HOT-ITEM				#
   ######################################*/
   
   
#container #hot_item {
	position:						absolute;
	top:							185px;
	left:							570px;
	width:							185px;
	height:							120px;
	
	padding-top:	     			10px;
	padding-left:	     			2px;
	
	color:							#A3BD0B;
	font-style:						italic;
	font-size:						12px;
}

#container #hot_item A {
	font-style:						normal;
	color:							#A3BD0B;
	text-decoration:				none;
}

/* ################################################################################################################################
   #	   	LAATSTE VACATURES			#
   ######################################*/

#content_latest_frame {
	font-size:						11px;
	position:						absolute;
	top:							0px;
	left:							570px;
	width:							185px;
	height:							195px;
	
	background-image:				url(../images/bg_latest.gif);
	background-repeat:				no-repeat;
	
	line-height:					20px;
}
   
#content_latest {
	font-size:						11px;
	width:							170px;
	height:							185px;
	
	padding-left:	     			15px;
	padding-top:	     			10px;
	
	background-image:				url(../images/bg_latest.gif);
	background-repeat:				no-repeat;
	
	line-height:					20px;
}

#content_latest .kop_latest {
	color:							#FF1100;
	display:						block;
	margin:							0 0 5px 0;
	padding:						0px;
}

#content_latest A {
	padding-left:					12px;
	background-image:				url(../images/pijl_vacatures.gif);
	background-repeat:				no-repeat;
	background-position:			left;	
}

#content_latest A:link {
	color:							#333333;
	text-decoration:				none;
}
#content_latest A:visited {
	color:							#333333;
	text-decoration:				none;
}
#content_latest A:active {
	color:							#333333;
	text-decoration:				none;
}
#content_latest A:hover {
	color:							#666666;
	text-decoration:				none;
}

/* ################################################################################################################################
   #	   	SELECT VACATURE				#
   ######################################*/

#content_select_frame {
	font-size:						11px;
	position:						absolute;
	top:							0px;
	left:							760px;
	width:							175px;
	height:							185px;
	
	line-height:					20px;
	
	padding:						10px 0px 0px 5px;
}

#content_select_frame #select {
	border:							1px solid #B3B3B3;
	padding:						10px 0px 0px 10px;
}

#content_select {
	width:							150px;
	line-height:					17px;
	font-size:						13px;
}

#content_select A {
	color:							#333333;
	text-decoration:				none;
}

#content_select A:hover {
	color:							#666666;
	text-decoration:				none;
}

#content_select hr {
	width:							150px;
	color:							#D2D2D2;
	height:							0px;
	border-bottom:					1px solid #D2D2D2;
	border-top:						0px;
	border-left:					0px;
	border-right:					0px;
}

#content_select .zoeken A:link {
	color:							#A3BD0B;
	text-decoration:				none;
}
#content_select .zoeken A:visited {
	color:							#A3BD0B;
	text-decoration:				none;
}
#content_select .zoeken A:active {
	color:							#A3BD0B;
	text-decoration:				none;
}
#content_select .zoeken A:hover {
	color:							#666666;
	text-decoration:				none;
}

/* ################################################################################################################################
   #		  LABEL						#
   ######################################*/

#slidemenu {
	position:						absolute;
}

#label {
	position:						absolute;
	bottom:							100px;
	right:							0px;
	width:							25;
	height:							83px;
	z-index:						1;
}


/* ################################################################################################################################
   #		  ADMIN						#
   ######################################*/

.admin_button {
	background-image:				url('../images/pijl_grey.gif');
	background-repeat:				no-repeat;	
	background-position:			left;
}

.admin_button A {
	padding-left:					20px;
	padding-bottom:					2px;
	display:						block;
}

#content #content_content .submit_succes {
	font-weight:					bold;
	padding: 						10px; 
	border: 						1px solid #BFBFBF;
	margin:							0 0 15px 0;
	display: 						block;
	color:							#000000;	
}

#content #content_content .submit_failed {
	font-weight:					bold;
	padding: 						10px; 
	border: 						1px solid #FF0000;
	margin:							0 0 15px 0;	
	display: 						block;		
}


.newInput08
{
	width: 146px;
	height: 19px;
	border: 1px solid #000000;
	border-top: 3px solid #b2b2b2;
}

/* Developed by U-Lab - www.u-lab.nl */