.displaynone{
	display: none;
}
span.h1{
	display: none;
}
body{
	text-align: center;
	margin: 0;
	padding: 0;
}
div.wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 986px;
	text-align: left;
}
div.clear{
	clear: both;
}

/* *** Topbar Div *** */
#topbar{
	height:  100px;
	text-align: center;
	background-image: url(../img/atros_logo.gif);
	background-repeat: no-repeat;
}
#topbar div.mainmenutopspacer{
	text-align: left;
	height: 75px;
	float: left;
}
#topbar div.mainmenutopspacer a.logo{
	display: block;
	width: 200px;
	height: 75px;
}
div.nenlogo{
	float: right;
}
#topbar div.mainmenu{
	width: 985px;
	text-align: center;
}
#mainmenu{
	margin-left: auto;
}
#topbar div.mainmenu span.mainmenuseparator{
	margin-right: 15px;
	text-align: center;
}
#topbar div.mainmenu span.item{
	font-size: 13px;
	font-weight: bold;
}
#topbar div.mainmenu span.item a{
	color: #fc7b00;
	text-decoration: none;
}
#topbar div.mainmenu span.item a:hover{
	color: #B5B500;
	text-decoration: none;
}
#topbar div.mainmenu span.selected a{
	color: #B5B500;
}

#submenu{
}
#submenu .hide {
	visibility: hidden;
}
#submenu div.submenu {
	overflow:hidden;
	display: block;
	position: absolute;
	width: 130px;
	z-index: 10;
	top: 0;
	left: 0;
/*	background-color: #B5B500; */
}
#submenu div.submenu div.submenuitem{
	background-color: #B5B500;
}
#submenu div.submenu div.submenuitem a {
	line-height: 14px;
	font-size: 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#submenu div.submenu div.submenuitem a.active,
#submenu div.submenu div.submenuitem a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #B5B500;
}
#submenu div.submenu_roundedtop{
	height: 5px;
	line-height: 2px;
	font-size: 2px;
}
#submenu div.submenu_roundedbottom{
	height: 5px;
	line-height: 2px;
	font-size: 2px;
}
#topbar div.mainmenu div.item a:hover{
	color: #000000;
	text-decoration: underline;
}
#topbar div.mainmenu div.active a{
	color: #B5B500;
}

/* *** Main Table *** */
#main{
	width: 985px;
	border-collapse: collapse 
}
#main td.cell{
	vertical-align: top;
	background-position: bottom;
	background-repeat:no-repeat; 
}
#main td.hspacer{
	width: 5px;
}
#main td.vspacer{
	height: 5px;
}
div.cell_wrapper{
	color: white;
}
div.cell_roundedtop{
	height: 30px;
}
div.cell_roundedtop h1{
	padding-left: 7px;
}
div.cell_middle{
	padding-left: 7px;
	padding-right: 7px;
}
#leftsubmenu{
	height: auto;
}
div.cell_middle p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	padding-top: 3px;
	line-height: 15px;
}
div.cell_roundedbottom{
	height: 40px;
}
div.cell_roundedbottom div.leesmeertopspacer{
	height: 13px;
	line-height:1px;
	font-size: 1px;
}
div.cell_roundedbottom div.leesmeer{
	text-align: right;
	padding-right: 30px;
}
div.cell_roundedbottom div.leesmeer a{
	color: #FFFFFF;
	text-decoration: none;
}
div.cell_roundedbottom div.leesmeer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* *** Bottombar Div *** */
#bottombar{
	clear: both;
	height: 50px;
	/* background-color: #009900; */
	padding-top: 10px;
}
#address{
	text-align: center;
	color: #3B5B70;
}
#address a{
	color: #3B5B70;
}
#address a:hover{
	text-decoration: none;
	color: #FC7B00;
}
#address b a{
	text-decoration: none;
}
span.line{
	color: #9E4A00;
}

/* *** Home snelzoekformulier *** */
form.snelzoekformulier{
}
form.snelzoekformulier div.form_label{
}
form.snelzoekformulier input{
	width: 225px;
	margin-bottom: 3px;
}
form.snelzoekformulier select{
	width: 230px;
	margin-bottom: 3px;
}
form.snelzoekformulier div.form_refnr_submit{
}
form.snelzoekformulier div.form_refnr_submit div.form_refnr input{
	width: 110px;
	float: left;
}
form.snelzoekformulier div.form_refnr_submit div.form_submit input{
	width: 110px;
	float: right;
}

td.snelzoekspacer{
	width: 5px;
}
#snelzoeken_submit{
	width: 232px;
	padding-left: 2px;
	height: 20px;
	color: white;
	background-color: #3B5B70;
	line-height: 20px;
	border: 1px solid #CFD7DA;
}

/* *** Home vacaturelijst *** */
#homevacatures{
	border-top: 1px solid #879BAA;
}
#homevacatures div.homevacaturesitem{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	border-bottom: 1px solid #879BAA;
	display: block;
}
#homevacatures div.rollover{
	background-color: #879baa ;
}
#homevacatures div.homevacaturesitem div.plaatsingsdatum{
	font-size: 9px;
}
#homevacatures div.homevacaturesitem div.titel a{
	color: #fff;
	text-decoration: none;
}
#homevacatures div.homevacaturesitem div.omschrijving{
	font-size: 11px;
}

/* *** Home projectenlijst *** */
#homeprojecten{
	border-top: 1px solid #879BAA;
}
#homeprojecten div.homeprojectenitem{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	border-bottom: 1px solid #879BAA;
	display: block;
}
#homeprojecten div.rollover{
	background-color: #a6b6c3 ;
}
#homeprojecten div.homeprojectenitem div.plaatsingsdatum{
	font-size: 9px;
}
#homeprojecten div.homeprojectenitem div.titel a{
	color: #fff;
	text-decoration: none;	
}
#homeprojecten div.homeprojectenitem div.omschrijving{
	font-size: 11px;
}

/* *** Home bedrijvenlijst *** */

#homebedrijven div.homebedrijvenrow_spacer{
	width: 5px;
	float: left;
	display: block;
}

#homebedrijven div.homebedrijvenitem{
	margin-bottom: 5px;
	border: 1px solid #879BAA;
	width: 110px;
	height: 50px;
	float: left;
}

/* Standaard template page */
#middle{
}
#leftcolumn{
	float: left;
	width: 245px;
}
#leftcolumn h1{
	padding-left: 7px;
}
#midcolumn{
	float: left;
	width: 495px;
}
#rightcolumn{
	float: left;
	width: 245px;
}
#rightcolumn h1{
	padding-left: 7px;
}
/* ******************** */
#vacaturezoekbox{
	margin-left: 5px;
	margin-right: 5px;
	width: 485px;
}
#vacaturezoekbox div.zoekboxtop{
	line-height: 5px;
	font-size: 5px;
	height: 10px;
	background-image: url( ../img/zoekbox_top.gif ) ;
}
#vacaturezoekbox div.zoekboxmiddle{
	background-color: #eee;
	padding-left: 15px;
	padding-right: 15px;
}
#vacaturezoekbox div.zoekboxmiddle h1{
	margin: 0;
	padding: 0;
	padding-bottom: 2px;

}
#vacaturezoekbox div.zoekboxbottom{
	height: 10px;
	line-height: 5px;
	font-size: 5px;
	background-image: url( ../img/zoekbox_bottom.gif ) ;
}
#vacaturezoektable{
}
#vacaturezoektable td.select{	
	height: 45px;
	width: 220px;
}
#vacaturezoekform div.zoeklabel{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#vacaturezoekform div.zoekvalue select.select{
	width: 165px;
	font-size: 13px;
}
#vacaturezoekform div.zoekvalue select.select option{
	font-size: 13px;
}
#vacaturezoekform div.zoekvalue input.text{
	width: 160px;
}
#vacaturezoekform div.wissen{
	margin-top: 10px;
	float: left;
}
#vacaturezoekform div.wissen a{
	color: #666;
}
#vacaturezoekform div.button{
	margin-top: 10px;
	margin-right: 20px;
	float: right;
}
#vacaturezoekform div.button div.left{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url( ../img/button_grey_left.jpg );
	background-color: yellow;	
}
#vacaturezoekform div.button div.middle{
	float: left;
	color: white;
	height: 25px;
	line-height: 23px;
	background-image: url( ../img/button_grey_middle.jpg );	
	padding-left: 3px;
	padding-right: 3px;
}
#vacaturezoekform div.button div.middle a{
	color: white;
	text-decoration: none;
}
#vacaturezoekform div.button div.right{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url( ../img/button_grey_right.jpg );
	background-color: yellow;
}

/* zoekresultaatbox */
#zoekresultaatbox{
	margin-left: 15px;
	margin-right: 15px;
}
#zoekresultaatbox div.pageskippers{
	text-align: right;
	padding-top: 6px;
}
#zoekresultaatbox div.pageskippers span.vacaturepageskipleft{
	margin-left: 3px;
	margin-right: 3px;	
}
#zoekresultaatbox div.pageskippers span.vacaturepageskipright{
	margin-left: 3px;
	margin-right: 3px;
}
#zoekresultaatbox div.pageskippers span.vacaturepageskiptitle{
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
	font-size: 11px;
	color: #FC7B00;
}
#zoekresultaatbox div.pageskippers span.vacaturepageskip{
	margin-left: 3px;
	margin-right: 3px;	
}
#zoekresultaatbox div.pageskippers span.vacaturepageskip a{
	text-decoration: underline;
}
#zoekresultaatbox div.pageskippers span.vacaturepageskipactive{
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#zoekresultaatbox div.vacatureresult{
}
#zoekresultaatbox div.vacatureresult a{
	display:block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #333333;
}
#zoekresultaatbox div.vacatureresult a:hover{
	background-color: #eee;
}

/* vacaturepage */
#vacaturepage{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}
#vacaturepage div.label{
	font-weight: bold;
	color: #ff6600;
}
#vacaturepage div.value{
	margin-bottom: 10px;
}
#vacaturepage div.title{
}
#vacaturepage div.vacatureback{
	float: right; 
}

#vacaturedetail{
	margin-left: 5px;
	margin-right: 5px;
	width: 485px;
}
#vacaturedetail div.vacatureboxtop{
	line-height: 5px;
	font-size: 5px;
	height: 10px;
	background-image: url( ../img/zoekbox_top.gif ) ;
}
#vacaturedetail div.vacatureboxmiddle{
	background-color: #eee;
	padding-left: 15px;
	padding-right: 15px;
}
#vacaturedetail div.vacatureboxmiddle div.column{
	float: left;
	width: 160px;
}
#vacaturedetail div.vacatureboxmiddle div.title{
	margin-bottom: 3px;
}
#vacaturedetail div.vacatureboxmiddle div.title h1{
	height: 20px;
}
#vacaturedetail div.vacatureboxmiddle div.column div.label{
	font-weight: bold;
	color: #FC7B00;
}
#vacaturedetail div.vacatureboxmiddle div.column div.value{
	margin-bottom: 3px;
}
#vacaturedetail div.vacatureboxmiddle div.column div.value a{
	color: #000;
}
#vacaturedetail div.vacatureboxmiddle div.tools{
	float: left;
	width: 135px;
}
#vacaturedetail div.vacatureboxmiddle div.tools div.tool{
	line-height: 25px;
}
#vacaturedetail div.vacatureboxmiddle div.tools div.tool a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#vacaturedetail div.vacatureboxmiddle div.tools div.tool a:hover{
	text-decoration: underline;
}
#vacaturedetail div.vacatureboxmiddle h1{
	margin: 0;
	padding: 0;
	padding-bottom: 2px;

}
#vacaturedetail div.vacatureboxbottom{
	height: 10px;
	line-height: 5px;
	font-size: 5px;
	background-image: url( ../img/zoekbox_bottom.gif ) ;
}


/* ******** CONTENT ******** */
div.pageitem_vacature{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}
div.pageitem{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}
div.header{
}
div.body{

}
div.body div.text p{
	margin: 0;
	padding: 0;
}

/* left submenu */
#leftsubmenu div.items div.item{
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#leftsubmenu div.items div.item a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#leftsubmenu div.items div.item a:hover{
	color: white;
	text-decoration: underline;
}
#leftsubmenu div.items div.active{
	padding-left: 15px;
	background-image: url( ../img/arrow_right10x10_transp.gif );
	background-repeat: no-repeat;
	background-position: 0px 8px ;
}
#leftsubmenu div.items div.active a{
	font-weight: bold;
	color: white;
}

/* left submenu sub items*/
#leftsubmenu div.items div.subitem{
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#leftsubmenu div.items div.subitem a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
}
#leftsubmenu div.items div.subitem a:hover{
	color: white;
	text-decoration: underline;
}
#leftsubmenu div.items div.subactive{
	padding-left: 25px;
	background-image: url( ../img/arrow_right8x8_transp.gif );
	background-repeat: no-repeat;
	background-position: 10px 7px ;
}
#leftsubmenu div.items div.subactive a{
	font-weight: bold;
	color: white;
}

/* dropdownbox used in vacaturesearch */
	div.dropdownbox{
		background-color: #fff;
		width: 200px;
	}
	div.dropdownbox div.title{
		height: 25px;
		line-height: 25px;
		background-image: url( ../img/dropdownbox200back.jpg );
		overflow: hidden;
		width: 200px;
	}
	div.dropdownbox div.title div{
		width: 180px;
		line-height: 25px;
	}
	div.dropdownbox div.title div label{
		margin-left: 8px;
		margin-right: 5px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	div.dropdownbox div.title_over{
		cursor: pointer;
		/* background-image: url( ../img/dropdownbox200back_over.jpg ); */
	}
	div.dropdownbox div.title_active{
		cursor: pointer;
		background-image: url( ../img/dropdownbox200back_over.jpg );		
	}
	div.dropdownbox div.optionholder{
		background-color: #fff;
		z-index: 200;
		width: 185px;
		position: absolute;
		overflow: auto;
		border-bottom: 2px solid #999;
		border-left: 2px solid #999;
		border-right: 2px solid #999;
		margin-left: 5px;
		margin-right: 5px;
	}
	div.dropdownbox div.optionholder div.option{
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #999;
		line-height: 25px;
		overflow: hidden;
	}
	div.dropdownbox div.optionholder div.option span{
		font-size: 11px;
		overflow: hidden;
		width: 100px;
	}
	div.dropdownbox div.optionholder div.option input{
		margin-right: 5px;
	}
	div.dropdownbox div.optionholder div.rollover{
		background-color: #eee;
		cursor: pointer;
	}
	div.dropdownbox div.optionholder div.selected{
		background-color: #09f;
		color: #fff;
	}
	
/* vacaturereactieform */	
#vacaturereageer{
	margin-left: 5px;
	margin-right: 5px;	
}
#vacaturereageer div.top{
	line-height: 5px;
	font-size: 5px;
	height: 10px;
	background-image: url( ../img/zoekbox_top.gif ) ;
}
#vacaturereageer div.middle{
	background-color: #eee;
	padding-bottom: 10px;
}
#vacaturereageer div.middle div.content{
	margin-left: 10px;
	margin-right: 10px;
}
#vacaturereageer div.bottom{
	line-height: 5px;
	font-size: 5px;
	height: 10px;
	background-image: url( ../img/zoekbox_bottom.gif ) ;
}
#vacaturereageer div.middle div.content div.title{
}
#vacaturereageer div.middle div.content div.back{
	text-align: right;
}
#vacaturereageer div.middle div.content div.back a{
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
#vacaturereageer div.middle div.content div.back a:hover{
	text-decoration: underline;
}
#vacaturereageer div.row {
	margin-bottom: 5px;
}
#vacaturereageer div.row div.key label{
}
#vacaturereageer div.row div.value input.text{
	width: 250px;
}
#vacaturereageer div.row div.value span.radio{
	margin-right: 5px;
}
#vacaturereageer div.row div.value input.radio{
	margin-right: 5px;
}
#vacaturereageer div.row div.textarea textarea.textarea{
	width: 250px;
    height: 250px;
}

.error{
	color: red;
}

/* none */
.none {
	display: none ;
}

/* Referenties template */
table.referentiestable{
	width: 455px;
	margin-top: 5px;
}
table.referentiestable td.cell{
	width: 225px;
}
table.referentiestable td.spacer{
	width: 5px;
}
table.referentiestable td.cell a div{
	margin-bottom: 5px;
}
table.referentiestable td.cell a{
	color: #666666;
}
table.referentiestable td.cell a:hover{
	font-weight: bold;
}

div.referentieback{
	float: right;
	margin-top: 5px;
}
div.referentieback a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
div.referentieback a:hover{
	text-decoration: underline;
}
/* Medewerkers template */
table.medewerkerstable{
	width: 455px;
	margin-top: 5px;
}
table.medewerkerstable td.rowspacer{
	font-size: 1px;
	height: 7px;
	line-height: 1px;
}
table.medewerkerstable td.cell{
	width: 145px;
	vertical-align: top;
}
table.medewerkerstable td.cell div{
	font-size: 12px;
}
table.medewerkerstable td.spacer{
	width: 5px;
}
table.medewerkerstable td.cell a div{
	margin-bottom: 5px;
}
table.medewerkerstable td.cell a{
	color: #666666;

}
table.medewerkerstable td.cell a:hover{
	font-weight: bold;
}

/* image */
div.image div.caption{
	font-size: 11px;
	font-style: italic;
}

/* tabmenu */
#tabsectionwrapper{
	height: 300px;
}

div.tabmenu{
	background-color: white;
	height: 26px;
}
#tab_actuelevacatures{
	margin-left: 7px;
}
div.tabmenu div.tab{
	float: left;
	margin-left: 4px;
	height: 26px;
}
div.tabmenu div.tab a{
	display: block;
	height: 26px;
	width: 150px;
}
#tab_snelzoeken{
	width: 175px;
}
div.tabmenu div.tab a img{
	margin: 0;
	padding: 0;
}

/* ----- bedrijfsstructuur ----- */
#structuur{
	margin-left: 20px;
}
#structuur td.cell{
	width: 165px;
	height: 45px;
}
#structuur td.vspace{
	width: 25px;
	height: 10px;
}
#structuur td.hspace{
	width: 25px;
	height: 10px;
}
#structuur td.cell a{
	font-size: 12px;
	line-height: 45px;
	background-image: url(../img/structuur_down.gif);
	color: #3b5b70;
	text-decoration: none;
	display: block;
	width: 165px;
	height: 45px;
	background-color: white;
	text-align: center;
	vertical-align: middle;
}
#structuur td.cell a.double{
	line-height: 21px;
}
#structuur td.cell a:hover{
	background-image: url(../img/structuur_up.gif);
	color: white;
	background-color: #6D8494;
}
#structuur td.up{
	background-image: url(../img/structuur_line_up.gif);
}
#structuur td.cross{
	background-image: url(../img/structuur_line_cross.gif);
}
#structuur td.crossright{
	background-image: url(../img/structuur_line_crossright.gif);
}
#structuur td.t{
	background-image: url(../img/structuur_line_t.gif);
}
#structuur td.left{
	background-image: url(../img/structuur_line_left.gif);
}
#structuur td.right{
	background-image: url(../img/structuur_line_right.gif);
}
#structuur td.hor{
	background-image: url(../img/structuur_line_hor.gif);
}