/* 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: 11px; color: #000000; }

/* 		default links					*/
a:link { color: #808285; text-decoration: underline;}
a:visited { color: #808285; text-decoration: underline;}
a:hover { color: #FFFFFF; text-decoration: underline;}
a:active { color: #808285; text-decoration: underline;}

  

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

/* 		text options				*/
.titel {color: #000000;font-size: 11px; font-weight:bold;}

.inhoud {color: #000000;font-size: 11px;}
.highlighted {background-color: #FFFF00;}

.groot {font-size: 16px;}
.klein {font-size: 10px;}
.grijs {color:#808285;}

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

hr{
	height:1px; 
	border:none; border-bottom:1px solid #000000;
	margin:2px; 
	padding:0px;
	color:#000000; margin-left:0px;
	margin-top:0px;
}



/* STYLE SETTINGS FOR SITE DESIGN IN FRONTEND  */

/* not useable by enduser or for content */


body,html{
	background-color:#000000;
	margin: 0px;padding: 0px;
}
html{
	overflow-y:scroll;
}


td,div,input,textarea,iframe,body { color: #808285; }

.titel {color: #FFFFFF; font-weight:normal;}

/* default interface */
/* 		menu links					*/
a.menu{ font-size:12px; }
a.menu:link { color: #808285; text-decoration: none; }
a.menu:visited { color: #808285; text-decoration: none; }
a.menu:hover { color: #FFFFFF; text-decoration: none; }
a.menu:active { color: #808285; text-decoration: none; }
.menubackground{ background-color:#000000; }
a.selectedMenu{ font-size:12px; }
a.selectedMenu:link { color: #FFFFFF; text-decoration: none; }
a.selectedMenu:visited { color: #FFFFFF; text-decoration: none; }
a.selectedMenu:hover { color: #FFFFFF; text-decoration: none; }
a.selectedMenu:active { color: #FFFFFF; text-decoration: none; }

a.sub{ font-size:11px; }
a.sub:link { color: #808285; text-decoration: none; }
a.sub:visited { color: #808285; text-decoration: none; }
a.sub:hover { color: #FFFFFF; text-decoration: none; }
a.sub:active { color: #808285; text-decoration: none; }
.subbackground{ background-color:#000000; }
a.selectedSub{ font-size:11px; }
a.selectedSub:link { color: #FFFFFF; text-decoration: none;}
a.selectedSub:visited { color: #FFFFFF; text-decoration: none;}
a.selectedSub:hover { color: #FFFFFF; text-decoration: none;}
a.selectedSub:active { color: #FFFFFF; text-decoration: none;}

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







/* forms */
form{
	margin:0px;
	padding:0px;
}
.tfield{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#000000;
	color:#7F8184;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldSel{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#1D1D1D;
	font-style:normal;
	color:#7F8184;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tfieldCon{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#000000;
	font-style:normal;
	color:#7F8184;
	height:17px;
	margin-bottom:3px;
	padding-left:3px;
}
.tarea{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#000000;
	color:#7F8184;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaSel{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#1D1D1D;
	font-style:normal;
	color:#7F8184;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.tareaCon{
	width:190px;
	border:solid 1px #7F8184;
	background-color:#000000;
	font-style:normal;
	color:#7F8184;
	height:146px;
	margin-bottom:3px;
	padding-left:3px;
}
.button{
	border:solid 1px #7F8184;
	background-color:#000000;
	color:#7F8184; padding:3px;
	cursor:pointer;
}




/* 		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;
}
























/* default styles================================================================== */
#wrapper{
	position:relative;
	width:940px; margin-top:30px;
	margin-left:auto; margin-right:auto;
}

#logo{
	position:absolute;
	left:0px; top:0px;
	cursor:pointer;
}
#languages{
	position:absolute;
	left:0px; top:100px;
}
#menu{
	width:100px;
	position:absolute;
	left:0px; top:150px;
}
	.menuDiv{
		margin-bottom:15px;
	}

#contentHolder{
	padding-top:100px;
}
#content{
	position:relative;
	left:130px;
	width:810px;
}
#contentWithImg{
	position:relative;
	margin-left:130px;
	width:400px;
}
#contentImage{
	position:absolute;
	left:540px; top:103px;
}

#contentTitle{
	position:absolute;
	left:130px; top:39px;
	color:#FFFFFF;
}


.slideshowDiv{
	position:absolute;
	top:0px; left:0px;
	margin-top:-45px;
}





#newsHolder{
	width:400px;
}
#newsImageHolder{
	position:absolute;
	left:410px; top:2px;
}
#newsVolgendeVorigeHolder{
	margin-left:306px; width:85px; height:20px;
}
#newsVolgende{
	cursor:pointer; width:27px; height:20px; float:right;
}
#newsVorige{
	cursor:pointer; width:48px; height:20px; float:right;
}
#newsSlash{
	width:9px; height:20px; float:right;
}


.searchBar{
	height:20px; width:745px; 
	position:relative; 
	background-color:#000000;
	margin-top:7px;
}

.customSelectHolder{
	width:150px; height:20px;
	position:relative;
	float:left;
} 
.customSelectField{
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
	height:13px; width:110px;
	border:solid 1px #4C4D4E; border-right:none;
	margin:0px; padding:1px;
	float:left; cursor:pointer;
}
.customSelectButton{
	background-color:#000000;
	width:17px; height:17px;
	border:solid 1px #4C4D4E; border-left:none;
	margin:0px; padding:1px;
	float:left;
	background-image:url(img/selectArrow.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin-right:20px;
	cursor:pointer;
} 
.customSelectItemHolder{
	position:absolute;
	left:0px; top:17px;
	border:solid 1px #4C4D4E; border-bottom:none; border-top:none;
	z-index:20; width:128px;
}
.customSelectItem{
	background-color:#000000;
	height:20px; padding-left:4px;
}
.customSelectItemMO{
	background-color:#000000;
	height:20px; cursor:pointer;
	padding-left:4px;
	color:#FFFFFF;
}



img{
	border:none;
}
.projectName{
	font-size:11px; color:#FFFFFF;
	margin:0px; padding:0px;
	font-weight:bold;
}
.projectInfoL{
	float:left;
	width:110px;
	color:#FFFFFF;
	height:18px;
}
.projectInfoR{
	float:left;
	height:18px;
}

#projectsSearch{
	position:absolute; 
	top:0px; left:0px;
	z-index:500;
}


.projectSearchSelect{
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
	height:17px;
	border:solid 1px #4C4D4E;
	margin:0px; padding:1px;
}

.projectSearchField{
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
	height:13px;
	width:128px;
	border:solid 1px #4C4D4E; border-right:none;
	margin:0px; padding:1px;
	float:right;
}

.projectSearchButton{
	background-color:#000000;
	height:17px;	width:18px;
	border:solid 1px #4C4D4E;
	margin:0px; padding:1px;
	float:right;
	background-image:url(img/searchbutton.gif);
	background-repeat:no-repeat; background-position:center;
	cursor:pointer;
}

.tdHeader{
	height:18px;
	color:#FFFFFF; font-weight:bold;
	padding:0px; padding-top:4px;
}
.tdHeaderV{
	height:14px; width:100px;
	color:#FFFFFF; 
	vertical-align:top;
}
.tdContentV{
	height:14px;
	vertical-align:top;
}
.tdContentList{ 
	height:20px;
	background-color:inherit; color:inherit;
	padding:0px; cursor:pointer;
}
#prevNext{
	position:relative;
	clear:both;	
	width:100%;	
	margin-top:10px;
	height:30px;
}
	#prevPage{
		position:absolute;
		padding:3px;
		font-weight:bold;
		background-color:#000000;
		color:#FFFFFF;
		width:110px;
		text-align:center;
		left:0px;
		cursor:pointer;
	} 
	
	#nextPage{	
		position:absolute;
		padding:3px;
		font-weight:bold;
		background-color:#000000;
		color:#FFFFFF;
		width:110px;
		text-align:center;
		right:0px;
		cursor:pointer;
	}
.listTR{
	background-color:#000000; color: #808285;
}
.listTRMO{
	background-color:#000000; color: #FFFFFF;
}

#projectDetails{
	height:522px; 
} 
	#projectImageHolder{
		position:relative;
		height:510px; 
	}
		.projectImage{
			position:absolute; left:0px; top:0px;
			z-index:10;
			height:510px; width:745px; overflow:hidden;
			background-repeat:no-repeat;
			background-position:left bottom;
		}
	#projectInfo{
		position:absolute; left:0px; top:15px;
		height:510px; width:420px; overflow:hidden;
		z-index:10;
	}
	#projectOptions{
		margin-top:5px;
		height:22px;
		width:755px;
	}
		#projectImages{
			float:left;
			width:240px;
		}
			.projectNum{
				cursor:pointer;
			}
			.projectNumSel{
				color:#FFFFFF;
				cursor:pointer;
			}
		#projectTitle{
			float:left;
			width:240px;
			text-align:center;
			color:#FFFFFF;
		}
		#projectOptionButtons{
			float:right;
			text-align:right;
			font-weight:bold;
		}
	
#projectsHolder{
	width:747px;
	margin-top:15px;
	margin-left:-1px;
}

.medewerkerName{
	color:#808285;
	cursor:pointer;
	width:100px;
	overflow:visible;
}

.medewerkerNameSel{
	color:#FFFFFF;
	cursor:pointer;
	width:100px;
	overflow:visible;
}

#imageCopyright{
	position:absolute; z-index:80; top:470px; left:0px; 
	background-image:url(../img/px_darker.png); 
	height:25px; padding-top:8px; 
	padding-left:10px; width:745px
}