/* InterimCollega CSS Document */

body{
	padding:0px 0 0px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	/*background:url(images/main_bg.gif) 0 0 repeat-x #EAE680;*/
	background-color:#F9F9F9;
	color:#000;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.largespacer{
	clear:both; 
	margin:10px;
}

strong {
	color:#03B2D1;
}
span.xsmall {
	color:#03B2D1;
	font-size:9px;
	font-weight:bold;
}

hr {
	height: 2px; border-bottom: 1px solid white; border-top: 3px solid #CCCCCC; border-right: 1px solid white; border-left: 1px solid white; margin: 0 0 0px;
}

hr.shadow {
/*	height: 2px; border-bottom: 1px solid white; border-top: 3px solid #000; border-right: 1px solid white; border-left: 1px solid white; margin: 0 0 0px;*/
border: 0;
height:11px;
background: url(images/hr_shadow.png);
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#top{
	/*min-width:930px;*/
	width:980px;
	height:54px;
	padding:0px 2px 0 2px;
	margin:0 auto;
}

#top div.topLeft{
	display:block;
	float:left;
	margin:0 19px 0 0;
}

#top div.topRight{
	display:block;
	float:right;
	margin:0 19px 0 0;
}
#top p.navLeft{
	background: url(images/1_header_menu_left.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	float:left;
	margin:0 0 0 0;
}
#top ul{
/*	width:280px;*/
	height:40px;
	background: url(images/1_header_menu_mid.png) 0 0 repeat-x;
	float:left;
	margin:0px 0 0 0;
}
#top ul li{
	float:left;
/* ------------------ */
	width:120px;
	text-align:center;
/* ------------------ */
}
#top ul li a{
	display:block;
	padding:0 12px 0 12px;
	font:bold 15px/24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
}
#top ul li a:hover{
	/*	background:url(images/nav_arrow.gif) center top no-repeat;*/
	background-color:inherit;
	color:#0099FF;
	/*text-transform:uppercase;*/
}
#top p.navRight{
	background:url(images/1_header_menu_right.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	float:left;
	margin:0px 0px 0 0;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:922px;
	margin:0 auto;
	color:#2D3032;
	padding:5px 22px 3px 29px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:973px;
	margin:0 auto;
	padding:14px 0 19px 0;
}
* html #body{
	\width: 983px; /* for IE5 and IE6 in quirks mode */
}
/*------------------------------------------------Sidemenu--------------------*/
#leftSideMenu{
	width:193px;
	float:left;
	margin:0 1px 0 0;
}
#left{
	width:193px;
	background: url(images/1_sidemenu_bg.png) 0 0 repeat-y;
	/*height:650px;*/
	padding:0;
	margin:0;
	/*padding-bottom:5px;*/
	padding-bottom:0px;
}
#left p.leftTop{
	display:block;
	background: url(images/1_sidemenu_top.png) 0 0 no-repeat;
	width:193px;
	height:26px;
	font-size:0;
	line-height:0;
}
#left p.leftBot{
	display:block;
	background: url(images/1_sidemenu_bottom.png) 0 0 no-repeat;
	width:193px;
	height:40px;
	font-size:0;
	line-height:0;
}
#left h2.titleDetail{
	display:block;
	height:34px;
	padding:0 0 0 28px;
	font:bold 14px/27px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/1_title_sidemenu.png) no-repeat 15px;
	margin:-15px 0 4px 0px;
}
#left ul.leftLink{
	width:175px;
	padding:0 0 0 8px;
}
#left ul.leftLink li{
	margin:0 0 2px 0;
	display:block;
	height:27px;
	line-height:0;
	font-size:0;
}

#left ul.leftLink li.selected{
	margin:0 0 2px 0;
	display:block;
	height:80px;
	line-height:0;
	font-size:0;
	
}
#left ul.leftLink li.selected a{
	display:block;
	background:none;
	width:160px;
	height:60px;
	padding:26px 0 0 18px;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	background:url(images/1_sidebar_selected.png) 0 0 no-repeat;
	position:relative;
	left:9px;
}

#left ul.leftLink li a{
	display:block;
	/*background:url(images/bullet.gif) 12px 9px no-repeat;*/
	width:147px;
	height:27px;
	padding:0 0 0 28px;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#left ul.leftLink li a:hover{
	color:#03B2D1;
	background-color:inherit;
}
#left ul.leftLink li.selected a:hover{
	color:#03B2D1;
	background-color:inherit;
}
#leftMain ul{
	width:177px;
	padding:0;
	margin:0;
}
#leftMain ul li{
	display:block;
	margin:0 0 6px 0;
	line-height:0;
	font-size:0;
}




#rightSideMenu{
	width:193px;
	float:right;
	margin:0 2px 0px 0;
}
#right{
	width:193px;
	background: url(images/1_sidemenu_bg.png) 0 0 repeat-y;
	/*height:650px;*/
	padding:0;
	margin:0;
	/*padding-bottom:5px;*/
	padding-bottom:0px;
}
#right p.rightTop{
	display:block;
	background: url(images/1_sidemenu_top.png) 0 0 no-repeat;
	width:193px;
	height:26px;
	font-size:0;
	line-height:0;
}
#right p.rightBot{
	display:block;
	background: url(images/1_sidemenu_bottom.png) 0 0 no-repeat;
	width:193px;
	height:40px;
	font-size:0;
	line-height:0;
}
#right h2.titleDetail{
	display:block;
	height:34px;
	padding:0 0 0 28px;
	font:bold 14px/27px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/1_title_sidemenu.png) no-repeat 15px;
	margin:-15px 0 4px 0px;
}

#right div.rightLink{
	/*width:175px;*/
	width:175px;
	padding:0 0 0 16px;
	margin:-10px 0 0 0;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	line-height:20px;
}

#right span.content{
	display:block;
	font:bold 10px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	margin-top:2px;
	margin-bottom:7px;
	line-height:5px;
}
#right span.content a{
	color:#0099FF;
}
#right span.contentLarge{
	display:block;
	font:bold 17px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	margin-top: -8px;
	margin-bottom: -5px;
}

#right span.contentMed{
	display:block;
	width:175px;
	font:bold italic 12px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	margin-top:2px;
	margin-bottom:7px;
	line-height:14px;
}
#right span.contentMedNaam{
	display:block;
	float:right;
	/*width:185px;*/
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	margin-top:2px;
	margin-bottom:7px;
	line-height:14px;
	margin-right:18px;
}

#right p.info{
	font:bold 9px/27px Arial, Helvetica, sans-serif;
	color:#0099FF;
	line-height:16px;
	margin:0 0 -12px 0;
}
#right p.info a{
	color:#0099FF;
}
#right p.login{
	text-align:left;
	display: block;
	margin-top: -10px;
/*	padding:0 10px 0 0;*/
/*	margin:0 0 -12px 0;*/
}
#right p.login a{
	color:#F57930;
	text-decoration:none;
}
#right p.login a:hover{
	color:#FBB917;
	text-decoration:none;
}

#right ul.rightLink{
	width:175px;
	padding:0 0 0 8px;
}
#right ul.rightLink li{
	margin:0 0 2px 0;
	display:block;
	height:27px;
	line-height:0;
	font-size:0;
}
#right input.textfield {
	width:150px;
	margin:0 0 10px 0;
	display:block;
	/*float:right;*/
	margin-right:10px;
}
#right div.wachtwoordTxt {
	position:relative;
	top: -24px;
	padding:0 0 0 2px;
	line-height:10px;
	font-weight:normal;
}

#right ul.rightLink li.selected{
	margin:0 0 2px 0;
	display:block;
	height:80px;
	line-height:0;
	font-size:0;
	
}
#right ul.rightLink li.selected a{
	display:block;
	background:none;
	width:160px;
	height:60px;
	padding:26px 0 0 34px;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	background:url(images/1_sidebarR_selected.png) 0 0 no-repeat;
	position:relative;
	left:-9px;
}

#right ul.rightLink li a{
	display:block;
	/*background:url(images/bullet.gif) 12px 9px no-repeat;*/
	width:147px;
	height:27px;
	padding:0 0 0 28px;
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#right ul.rightLink li a:hover{
	color:#03B2D1;
	background-color:inherit;
}
#right ul.rightLink li.selected a:hover{
	color:#03B2D1;
	background-color:inherit;
}
#rightMain ul{
	width:177px;
	padding:0;
	margin:0;
}
#rightMain ul li{
	display:block;
	margin:0 0 6px 0;
	line-height:0;
	font-size:0;
}


/*------------------------------------------------mid--------------------*/
#mid{
/*	width:560px;*/
	float:left;
	padding:0;
}
/*
#midMain{
	background:url(images/test_bg_1px.gif) 0 0 repeat-x #FFFFFF;
	color:#282828;
	width:584px;
	margin:0 0 0 0;
}*/
#midMain p.midtop{
	display:block;
/*	background:url(images/test_top.gif) 0 0 no-repeat;*/
	background:url(images/1_mid_top.png) 0 0 no-repeat;
	width:584px;
	height:36px;
	font-size:0;
	line-height:0;
}
#midMain p.midbot{
	display:block;
	background:url(images/1_mid_bot.png) 0 100% no-repeat;
	width:584px;
	height:36px;
	font-size:0;
	line-height:0;
}
#midInner{
/*	width:562px;
	padding-left:10px;
	padding-right:10px;*/

	width:522px;
	padding-left:30px;
	padding-right:30px;

	border-left:#D9D9D9 solid 1px;
	border-right:#D9D9D9 solid 1px;
	background-color:#FFFFFF;
}
#midInner h2{
	display:block;
	width:480px;
	height:24px;
	background:url(images/test_div.gif) 0 0 repeat-x;
	margin:0 0 8px 22px;
	line-height:0;
	font-size:0;
	padding:0;
	font-size:0;
	line-height:0;
}
#midInner h2 span{
	font:bold 30px/24px Arial, Helvetica, sans-serif;
	color:#9A0124;
	background-color:#FCFABB;
	padding:0;
	margin:0;
	height:24px;
}
#midInner h3{
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	/*color:#03B2D1;*/
	/*color: #FBB917;*/
	color: #F57930;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*text-decoration:underline;*/
	text-decoration:none;
}
#midInner h3.inline{
	/*font:normal 18px/24px Arial, Helvetica, sans-serif;
	color: #F57930;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:none;*/
	display:inline;
}
/*------------------------------------------------mid--------------------*/


/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:974px;
	height:35px;
	margin:0 auto;
	position:relative;
	background:url(images/footer_bg.gif) 0 0 no-repeat;
	font-size:11px;
}
#footer ul{
	width:230px;
	position:absolute;
	left:380px;
	top:10px;
}
#footer ul li{
	float:left;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#FCFABA;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#FCFABA;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}

#footer a{
	color:#03B2D1;
	background-color:inherit;
}
#footer a:link{
	color:#03B2D1;
	background-color:inherit;
}
#footer a:hover{
	color:#03B2D1;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/













/* -------------------------------------- EXTRA -----------------------------*/
#midContent {
	font-size:13px;
	min-height: 240px;
	position:relative;
	top:-20px;
}
* html #midContent{
	\height: 240px; /* for IE5 and IE6 in quirks mode */
}

#midContent div.message {
	font-size:14px;
	display:block;
	/*width:520px;*/
	background-color:#F8F8F8;
	margin-bottom:5px;;
	padding:5px;
	font-weight:bold;
	border: 2px solid #CCCCCC;
}

#midContent div.warning {
	font-size:14px;
	display:block;
	/*width:520px;*/
	background-color:#FEF3F9;
	margin-bottom:15px;;
	padding:5px;
	font-weight:bold;
	border: 2px solid #F9A6C5;
}

#midContent h4 {
	font-size:13px;
}

#midContent div.label {
	display:block;
	width:80px;
	float:left;
}
#midContent div.label100 {
	display:block;
	width:100px;
	float:left;
}
#midContent div.label240 {
	display:block;
	width:240px;
	float:left;
}
#midContent div.label300 {
	display:block;
	width:300px;
	float:left;
}
#midContent div.labelinline {
	display:block;
	float:left;
	margin-right:5px;
	white-space:nowrap;
}

#midContent select.smalldrop {
	width:120px;
	display:block;
	float:left;
}
#midContent input.textfield {
	width:120px;
	display:block;
	float:left;
	margin-right:10px;
}
#midContent input.textfieldinline {
	width:60px;
	display:block;
	float:left;
	margin-right:10px;
}
#midContent input.datefield {
	width:75px;
	display:block;
	float:left;
	margin-right:10px;
}
#midContent a {
	color:#000000;
	text-decoration:none;
}
#midContent a.voorwaarden:hover {
	color:#333333;
	text-decoration:none;
}

#midContent textarea.textarea {
	/*width:530px;*/
	width:100%;
}


#midContent .blueblock {
	display: block;
	/*width:530px;*/
	/*width:530px;*/
	/*padding: 2px 2px 2px 10px;*/
	padding:2px;
	border: 1px solid #03B2D1;
	text-decoration: none;
	background-color: #F0FDFF;
}


#midContent span.succesverhaal{
	display:block;
	/*width:175px;*/
	font:bold italic 12px/27px Arial, Helvetica, sans-serif;
	color:#03B2D1;
	background-color:inherit;
	text-decoration:none;
	margin-top:2px;
	margin-bottom:7px;
	line-height:14px;
}
#midContent span.succesverhaalnaam{
	display:block;
	/*float:right;*/
	/*width:185px;*/
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	margin-top:2px;
	margin-bottom:7px;
	line-height:14px;
	/*margin-right:18px;*/
	margin-left:10px;
}

/* -------------------------------------- EXTRA -----------------------------*/

#zoeklijst {
/*	width: 540px;*/
	/*margin: 15px 0 15px 30px;*/
}

#zoeklijst ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	line-height:normal;
}

#zoeklijst li {
	margin: 2px 0;
}

#zoeklijst a {
	display: block;
	/*width:530px;*/
	/*width:530px;*/
	/*padding: 2px 2px 2px 10px;*/
	padding:2px;
	border: 1px solid #03B2D1;
	text-decoration: none;
	background-color: #F0FDFF;
}

#zoeklijst a:link {
	color: #000000;
}

#zoeklijst a:visited{
	color: #000000;
}

#zoeklijst a:hover {
	border: 1px solid #0289A1;
	background: #03B2D1;
	color: #ffffff;
}

#zoeklijst span.zoeknaam {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  cursor:pointer;
}

#zoeklijst span.zoeklocatie {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  cursor:pointer;
}

#zoeklijst span.zoekprovincie {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  cursor:pointer;
}

#zoeklijst span.zoekopzoeknaar {
  border: none; float: left; margin: 0; padding: 0; width: 40%;
  cursor:pointer;
}

#zoeklijst span.zoekopzoeknaarwidth {
  border: none; float: left; margin: 0; padding: 0; width: 60%;
  cursor:pointer;
}

#zoeklijst .line-spacer {
  clear: both; margin: 0; padding: 0; width: auto;
  display:block;
}

#zoeklijst span.zoeknaamScrambled {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  cursor:pointer;
  background: url(assets/images/scramble.gif) no-repeat;
}
#zoeklijst span.zoeklocatieScrambled {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
  cursor:pointer;
  background: url(assets/images/scramble.gif) no-repeat;
}