/* STYLE SETTINGS FOR USER CONTENT IN CMS AND FRONTEND */

/* these styles are used to display (default) content in frontend and CMS */

/* 		default colours and font		*/
body {
	background-color: #FFFFFF;
}

td,div,input,textarea,iframe,body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #71877B; }

/* 		default links					*/
a:link { color: #383973; text-decoration: underline;}
a:visited { color: #383973; text-decoration: underline;}
a:hover { color: #71877B; text-decoration: underline;}
a:active { color: #383973; text-decoration: underline;}



/* STYLE SETTINGS FOR USER STYLE PULLDOWN IN EDITOR */

/* 		text options				*/
.titel {color: #383973;font-size: 22px;}
.titelGroen {color: #83B61D;font-size: 22px;}
.titelRoze {color: #BE0056;font-size: 22px;}
.titelBlauw {color: #54B7CA;font-size: 22px;}
.titelOranje {color: #EC7404;font-size: 22px;}
.titelPaars {color: #383973;font-size: 22px;}

.inhoud {color: #FFFFFF;font-size: 12px;}
.highlighted {background-color: #FFFF00;}

.groot {font-size: 16px;}
.klein {font-size: 10px;}

.tekst-quote { color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-style: italic;}

hr{
	height:1px; border:none; 
	border-bottom:1px solid #DBE1DE; color:#DBE1DE;
	padding:0px; margin:0px;
	margin-top:8px; margin-bottom:9px;
}


a.linkGroen:link { color: #83B61D; text-decoration: underline;}
a.linkGroen:visited { color: #83B61D; text-decoration: underline;}
a.linkGroen:hover { color: #383973; text-decoration: underline;}
a.linkGroen:active { color: #83B61D; text-decoration: underline;}

a.linkRoze:link { color: #BE0056; text-decoration: underline;}
a.linkRoze:visited { color: #BE0056; text-decoration: underline;}
a.linkRoze:hover { color: #383973; text-decoration: underline;}
a.linkRoze:active { color: #BE0056; text-decoration: underline;}

a.linkBlauw:link { color: #54B7CA; text-decoration: underline;}
a.linkBlauw:visited { color: #54B7CA; text-decoration: underline;}
a.linkBlauw:hover { color: #383973; text-decoration: underline;}
a.linkBlauw:active { color: #54B7CA; text-decoration: underline;}

a.linkOranje:link { color: #EC7404; text-decoration: underline;}
a.linkOranje:visited { color: #EC7404; text-decoration: underline;}
a.linkOranje:hover { color: #383973; text-decoration: underline;}
a.linkOranje:active { color: #EC7404; text-decoration: underline;}

a.linkPaars:link { color: #383973; text-decoration: underline;}
a.linkPaars:visited { color: #383973; text-decoration: underline;}
a.linkPaars:hover { color: #71877B; text-decoration: underline;}
a.linkPaars:active { color: #383973; text-decoration: underline;}



/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */


body,html{
	margin: 0px;padding: 0px;
	height:100%;
}

img{border:none;}
a:active{ outline-style:none;outline-width:0; }

/* default interface */
/* 		menu links					*/
a.menu:link { color: #71877B; text-decoration: none; }
a.menu:visited { color: #71877B; text-decoration: none; }
a.menu:hover { color: #71877B; text-decoration: none; }
a.menu:active { color: #71877B; text-decoration: none; }
.menubackground{ background-color:#FFFFFF; }
a.selectedMenu:link { color: #71877B; text-decoration: none; }
a.selectedMenu:visited { color: #71877B; text-decoration: none; }
a.selectedMenu:hover { color: #71877B; text-decoration: none; }
a.selectedMenu:active { color: #71877B; text-decoration: none; }



a.sub:link { color: #B6B4CC; text-decoration: none; }
a.sub:visited { color: #B6B4CC; text-decoration: none; }
a.sub:hover { color: #383973; text-decoration: none; }
a.sub:active { color: #B6B4CC; text-decoration: none; }
.subbackground{ background-color:#FFFFFF; }
a.selectedSub:link { color: #383973; text-decoration: none;}
a.selectedSub:visited { color: #383973; text-decoration: none;}
a.selectedSub:hover { color: #383973; text-decoration: none;}
a.selectedSub:active { color: #383973; text-decoration: none;}

a.subsub:link { color: #B6B4CC; text-decoration: none;}
a.subsub:visited { color: #B6B4CC; text-decoration: none;}
a.subsub:hover { color: #383973; text-decoration: none;}
a.subsub:active { color: #B6B4CC; text-decoration: none;}
.subsubbackground{ background-color:#FFFFFF; }
a.selectedSubsub:link { color: #383973; text-decoration: none;}
a.selectedSubsub:visited { color: #383973; text-decoration: none;}
a.selectedSubsub:hover { color: #383973; text-decoration: none;}
a.selectedSubsub:active { color: #383973; text-decoration: none;}




.printFrame{
	width:0px; height:0px; visibility:hidden;
}



/* forms */
form{
	margin:0px;
	padding:0px;
}
.tfield{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFFF;
	color:#888888;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldS{
	width:140px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFFF;
	color:#888888;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldSel{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFE1;
	font-style:normal;
	color:#000000;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldCon{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFFF;
	font-style:normal;
	color:#000000;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tarea{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFFF;
	color:#888888;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaSel{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFE1;
	font-style:normal;
	color:#000000;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaCon{
	width:200px;
	border:solid 1px #8C8C8C;
	background-color:#FFFFFF;
	font-style:normal;
	color:#000000;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.button{
	border:none;
	background-color:#C8BCA4;
	color:#000000;
}




/* 		searchfield					*/
.searchField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464D54;
	background-color: #FFFFFF;
	border: none;
	width: 166px;
	height: 18px;
}
.searchButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #08B1DA;
	border: none;
	width: 50px;
	height: 18px;
}

/* dictionary */
.dictionary {
	border: 2px dotted #202020;
	background-color: #FFF2CB; 
	margin: 4px; padding: 4px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; color: #202020; font-weight:normal;
    position: absolute;
	left:auto;
	top:auto;
	z-index:99; 
	width: 200px;
	height: 75px;
	overflow:visible;
	cursor:help;
}




.calButton{
	width:25px; height:20px;
	background-color: #FFFFFF; 	border: none;
	background-image: url(js/calenderfiles/calender.gif); 
	background-repeat:no-repeat; background-position:center;
	cursor:pointer;
}







/* default styles */
#vwrapper{
	position:absolute;
	height:585px; width:100%;
	top:50%; margin-top:-300px;
}
#wrapper{
	position:relative;
	width:980px; height:585px;
	overflow:hidden;
	margin-left:auto; margin-right:auto;
}


#topHeader{
	position:absolute;
	top:20px; left:120px;
	width:832px; height:20px;
}
	#thWelkom{
		float:left;
		font-size:20px;
		color:#71877B;
	}
	#thLogin{
		float:right;
	}
	a.thLogA:link, a.thLogA:visited, a.thLogA:active, a.thLogA:hover{
		color:#383973;
		font-size:11px; font-weight:bold;
		text-decoration:none;
	}

#footer{
	position:absolute;
	top:570px; left:429px;
	text-align:right;
	width:472px;
	color:#B4C1B9;
	z-index:100;
}
#footer a{
	color:#B4C1B9;
}

.headerTitel{
	font-size:32px; font-weight:bold;
}

#mainMenu{
	position:absolute;
	left:230px; top:480px;
	z-index:10; 
	width:750px; height:106px;
}
	#menuOpdrachtgevers{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_opdrachtgevers.jpg);
	}
		#menuButton1{
			width:110px; height:27px;
			position:absolute; z-index:2;
			left:107px; top:30px;
			cursor:pointer;
		}
	#menuCreatieven{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_creatieven.jpg);
	}
		#menuButton2{
			width:110px; height:27px;
			position:absolute; z-index:2;
			left:221px; top:30px;
			cursor:pointer;
		}
	#menuVacatures{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_vacatures.jpg);
	}
		#menuButton3{
			width:107px; height:27px;
			position:absolute; z-index:2;
			left:335px; top:30px;
			cursor:pointer;
		}
	#menuInfo{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_info.jpg);
	}
		#menuButton4{
			width:110px; height:27px;
			position:absolute; z-index:2;
			left:447px; top:30px;
			cursor:pointer;
		}
	#menuContact{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_contact.jpg);
	}
		#menuButton5{
			width:110px; height:27px;
			position:absolute; z-index:2;
			left:562px; top:30px;
			cursor:pointer;
		}
	#menuHome{
		width:750px; height:106px;
		position:absolute; left:0px; top:0px;
		background-image:url(img/menubutton_home.jpg);
	}
		#menuButton6{
			width:61px; height:27px;
			position:absolute; z-index:2;
			left:674px; top:30px;
			cursor:pointer;
		}
	.menubutton{
		padding-top:4px; text-align:center;
		color:#FFFFFF;
		font-weight:bold;
	}

.radioLabel{
	margin-top:3px; float:left; 
	margin-left:5px; margin-right:10px; 
}

#pageImage{
	position:absolute;
	top:83px; left:697px;
	width:205px;height:396px;
	z-index:0;
	background-position:right; background-repeat:no-repeat;
}
#content{
	position:absolute;
	left:55px; top:83px;
	width:847px; height:396px;
	overflow:hidden;
}

#contentPadding{
	padding-left:110px;
	padding-top:20px; padding-right:20px;
}

#titleHolder{
	position:absolute;
	top:0px; left:0px;
	height:40px; width:740px;
}
#contentHolder{
	position:absolute;
	top:47px; left:140px;
	width:597px; height:330px;
	overflow:hidden;
}
#submenuHolder{
	position:absolute;
	top:65px; left:0px;
	width:120px; height:300px;
	overflow:hidden;
	
}

.subPage{
	position:relative;
}
 
.contentMenu{
	margin-top:3px;
	height:40px;
	color:#83B61D;
}

.contentMenuItem{
	float:left; height:13px; padding-bottom:4px;
	margin-right:6px; padding-right:6px;
	border-right:solid 1px #DBE1DE;
	cursor:pointer;
}
.contentMenuItemMO{
	float:left; height:13px; padding-bottom:4px;
	margin-right:6px; padding-right:6px;
	border-right:solid 1px #DBE1DE;
	cursor:pointer;
}
.subPageVolgende{
	position:absolute;
	left:497px;
	top:0px;
}
.subPageHolder{
	position:absolute;
	top:290px;
	width:564px; height:17px;
	text-align:right;
	color:#97BE0D;
}
.shrinkContainer{
	position:relative; 
	top:0px; 
	width:460px; overflow:hidden;
}
.formHR{
	height:1px;
	border:none; border-bottom:1px solid #DBE1DE;
	margin:3px; 
	padding:0px;
	color:#DBE1DE; margin-left:0px;
	text-align:left; width:563px;
}
.hrTD{
	margin:0px; padding:0px;
	height:3px;
}

.headerTD{
	height:25px; vertical-align:top;
	text-align:right; padding-right:6px;
	width:120px;
}
.contentTD{
	vertical-align:top;
}
.formLeftCol{
	width:122px; 
	float:left; 
	text-align:right;
}
.formRightCol{
	position:relative;
	float:left; 
	margin-left:10px;
}

.customRadio{
	width:21px; height:20px;
	border:none; cursor:pointer;
	float:left;
}

#confirmDialogue{
	position:absolute;
	top:10px; left:0px;
	width:590px; height:315px;
	background-image:url(img/gray_px.png);
}
	.confirmDialogueBar{
		background-color:#E1E6E2; height:16px;
		width:591px; position:relative;
	}
		.confirmDialogueBarTitle{
			width:565px; float:left;
			font-weight:bold; color:#718F0A;
			font-size:10px; font-weight:bold;
		}
		.confirmDialogueBarL{
			float:left;	cursor:pointer;
		}
		.confirmDialogueBarR{
			float:right;
		}
	#confirmDialogueContent{
		border: solid 1px #CBDE86;
		padding:10px; margin:10px; margin-bottom:0px;
		background-color:#FFFFFF; 
		height:245px;
	}
		.confirmDialogueContentInner{
			width:240px; height:235px; 
			float:left; margin-right:10px; 
			font-size:10px; color:#97BE0D;
		}
	#confirmDialogueFooter{
		margin-left:420px; width:158px; height:14px;
		background-color:#E1E6E2; padding:1px;
	}
		.confirmDialogueFooterButton{
			color:#65791F; font-size:10px;	font-weight:bold;
			margin-right:20px; float:left;
			cursor:pointer;
		}

#polaroid{
	position:absolute;
	width:166px; height:452px;
	left:-1px; top:55px;
	z-index:20;	
}

.vacatureReageer{
	position:absolute;
	left:165px; top:414px;
	width:120px; height:20px;
	z-index:100; cursor:pointer;
}
.reageerVacaturePanel{
	position:absolute;
	top:200px; left:470px;
	width:220px; height:130px;
	background-image:url(img/purple_px.png);
}
	.confirmVacatureDialogueBar{
		height:16px; background-color:#A4A1C1;
		width:220px; position:relative;
	}
		.confirmVacatureDialogueBarTitle{
			width:190px;
			color:#FFFFFF;
			font-weight:bold;
			text-align:center;
			float:left; font-size:10px; font-weight:bold;
		}
	.confirmVacatureDialogueFooter{
		position:absolute;
		left:168px; top:130px; width:50px; height:14px;
		background-color:#A4A1C1; padding:1px;
	}