@CHARSET "ISO-8859-1";
/**

/**
* -----------------------------------------------------------------------------------
* Colors
* -----------------------------------------------------------------------------------
* Orange : #FF6600
* Magenta: #E53C92
* Blue   : #000099
*/

/**
* -----------------------------------------------------------------------------------
* wpl_mvc screen stylesheet
* Creator: A.Warnaar
* Date(mm-dd-yyyy): 03-27-2009
* -----------------------------------------------------------------------------------
*/
html{
	overflow:-moz-scrollbars-vertical;
}

* ,html
{
    padding: 0px;
    margin: 0px;  
    
}

a{
	 text-decoration:none;	
}
.end
	{
		clear:both;
	}
img 
	{
		border:none;
	}
h3
	{	
		font-size:12px;
	}
h4
	{
		color:#FF6600
	}
.orange{
		color: #FF6600;
	}
.magenta
	{
		color: #E53C92;
	}
.blue
	{
		color: #000099;
	}

/**
* -----------------------------------------------------------------------------------
* General settings
* -----------------------------------------------------------------------------------
*/
html
{
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    background-color: #ffffff;
}

a:link,a:visited,a:active,a:hover
	{
		color:#000099;
	}
.mailto a
	{
		color:#333333;
		font-style:normal;
		text-decoration:none;
	}
.title
	{
		width:100%;
		height:22px;
		color:#000099;
		font-weight:bold;
		display:block;
	}

.content_title
	{
		width:100%;
		height:23px;
		color:#000099;
		font-size:16px;
		font-weight:bold;
		line-height:19px;
		display:block;
		
	}
.currentdate
	{
		margin-top:-13px;
		font-size:10px;
		color:#999999;
		font-family:Tahoma;
		font-weight:normal;
		text-align:right;
		float:right;
	}
.title_border_magenta
	{
		background-image:url("../images/title_bottom-border_magenta.png");
		background-repeat: no-repeat;
		background-position: right bottom ; 
	}
.title_border_orange
	{
		background-image:url("../images/title_bottom-border_orange.png");
		background-repeat: no-repeat;
		background-position: right bottom; 
	}
/**
* -----------------------------------------------------------------------------------
* Form layout settings
* -----------------------------------------------------------------------------------
*/
input{
	padding:2px;
	}
.loginsubmit
	{
		width:auto;
		height:21px;
		line-height:21px;
		margin:2px;
		padding-left:6px;
		padding-right:6px;
		border:none;
		outline:3px #FF6600;
		background-image:url("../images/bg_button_submit.png");
		color:#FFFFFF;
		font-family:Verdana, Arial;
		font-weight:bold;
		line-height:20px;
		cursor:pointer;
	}

.elementText
	{
		color:cccccc;
		font-size:10px;
		font-family:verdana;
		
	}
.required 
	{
		background-color: #F7B783;
	}
.text
	{
		border:solid 1px #333333;
		color:#000000;
		width:250px;
	}
.password
	{
		border:solid 1px #333333;
		color:#000000;
	}
.date
	{
		border:solid 1px #333333;
		color:#000000;
	}
.select
	{
		color:#000000;
		width:150px;
		border:1px solid #333333;
		padding:2px;
	}
.select-study
	{
		color:#000000;
		width:250px;
		border:1px solid #333333;
		padding:2px;
	}
.selectmedium
	{
		color:#000000;
		width:250px;
		border:1px solid #333333;
		padding:1px;
	}
.selectlong
	{
		color:#000000;
		width:350px;
		border:1px solid #333333;
		padding:1px;
		float:right;
	}
.grid-select
	{
		color:#000000;
		border:1px solid #333333;
		padding:2px;
	}
.element
	{
		border:solid 1px #333333;
		color:#000000;
	}
.radio
	{
		border:none;
	}
.checkbox
	{
		margin:1px;
		padding:2px;
		
	}
.defaultform label
	{
		padding:10px;
		letter-spacing:1px;
	}
	
.formTitle
	{
		font-family:Arial, Verdana;
		color:#666666;
		font-size:14px;
	}

/**
* -----------------------------------------------------------------------------------
* Home layout settings
* -----------------------------------------------------------------------------------
*/
#wrapper
{
	    width: 970px;
	    margin-left: auto;
	    margin-right: auto;
	    min-height: 495px;
	    _height: 495px;
	    /*border:solid 1px #cccccc;*/
}

#header
	{
		width:100%;
		height:125px;
		background-image:url("../images/header.png");
		background-repeat: no-repeat;
		background-position: 0px 0px; 
		position:relative;
	}
#header-print
{
	display:none;
}
#breadcrums
	{
		width:100%;
		height:20px;
		color:#666666;
		font-family:Verdana, arial;
		text-indent:20px;
		
	}
#container 
	{
		width: 100%;
	    min-height: 595px;
	    _height: 595px;
	    font-size:14px;
	}

#footer
	{ 
		width:100% -1;
		height:100px;
		/*border-top:solid 1px #cccccc;
		background-image:url("http://sco.loc/public/images/footer.png");
		background-repeat: no-repeat;
		background-position: center center;
		*/ 
	}

/**
* -----------------------------------------------------------------------------------
* Breadcrums settings
* -----------------------------------------------------------------------------------
*/
#breadcrums a
	{
		color:#666666;
		text-decoration:none;
	}
/**
* -----------------------------------------------------------------------------------
* Colomns settings
* -----------------------------------------------------------------------------------
*/

#left
	{
		width:205px;
		min-height:400px;
		float:left;
	}
#center
 	{
	 	width:530px;
	 	min-height:400px;
	 	float:left;
	 	padding-left:15px;
	    padding-right:15px;
	      line-height:12px;
 	}
 #right
 	{
	 	width:200px;
	 	min-height:400px;
	 	float:left; 	
 	}

/**
* -----------------------------------------------------------------------------------
* Left Colomn settings
* -----------------------------------------------------------------------------------
*/
.headerbar 
	{
		font-size:12px;
	}
.language_menu
		{
			position:relative;
			float:right;
			margin-right:12px;
			margin-top:105px;
		}
#left a 
	{	
		text-decoration:none;
	}

#left ul 
	{
		margin-top:4px;
	}

#left ul li
	{
		list-style:none;
		padding:0px;
		margin-left:15px;
		margin-bottom:18px;
	}
#left ul li a
	{
		width:100%;
		height:20px;
		color:#000099;
		display:block;
		font-weight:bold;
		text-indent:15px;		
	}
#left ul li a:hover
	{
		background-image:url("../images/title_bottom-border_magenta.png");
		background-repeat: no-repeat;
		background-position: right bottom; 
	}	

#left ul li ul li
	{
		margin-left:-5px;
		margin-bottom:1px;
	}
	
#left ul li ul li a
	{
		width:175px;
		padding-left:15px;
		background-image:url("../images/bg_ul_li_ul_li.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		color:#353535;
	}
#left ul li ul li a:hover
	{
		background-image:url("../images/bg_button_orange.png");
		background-repeat: no-repeat;
		background-position: right 0px; 
		color:#ffffff;
	}
#left ul li ul li .active a
	{
		background-image:url("../images/bg_button_orange.png");
		background-repeat: no-repeat;
		background-position: right 3px; 
		color:#ffffff !important;
	}
#left ul li ul li ul li  a
	{
		width:160px;
		height:19px;
		margin-left:10px;
		display:block;
		background-image:url("../images/bg_ul_li_ul_li.png");
		background-repeat: no-repeat;
		background-position: 0px 4px; 
		border:none;
		color:#FF6600;
		font-wight:bold;
		text-align:left;
		
	}
#left ul li ul li ul li a:hover
	{
		width:143px;
		height:19px;
		display:block;
		background-image:url("../images/bg_ul_li_ul_li_hover.png");
		background-repeat: no-repeat;
		background-position: -20px 0px; 
		border:none;
		color:#000099;
		font-wight:bold;
		text-align:left;
	}

/**
* -----------------------------------------------------------------------------------
* Center Colomn settings
* -----------------------------------------------------------------------------------
*/
#center .box 
	{
		border:solid 1px #cccccc;
		position:relative;
		margin-top:19px;
	}

.vacancy-search{
	padding:5px;
}
.vacancy-search-date {
	font-size:23px;
	color:#C9C9C9;
	float:right;
	margin-right:17px;
}
.vacancy-search .boxtitle
{
	font-size:16px important!;
	color:#000099;
}
#center .box .boxtitle
	{
		width:400px;
		height:22px;
		clear:both;
	}

#center .box .boxtitle a
	{
		text-decoration:none;
		font-size:13px;
		color:#000099;
	}

#center .box .currentdate	{
		width:200px;
		height:19px;
		margin-bottom:1px;
		padding-bottom:1px;

	}

#center .box .more_orange
	{
		background-image:url("../images/bg_orange.png");
		/*background-repeat: no-repeat;
		background-position: 0px 0px;*/ 
	}
#center .box .more_magenta
	{
		background-image:url("../images/bg_magenta.png");
		/*background-repeat: no-repeat;
		background-position: 0px 0px;*/ 
	}
#center .content
	{
		width:100% -10;
		padding:10px;
		font-size:11px;
		line-height:17px;
	}
#center .content  ul
{
	margin-left:15px;
}
#center .content ul li
{
	margin-left:15px;
}
/**
* -----------------------------------------------------------------------------------
* Right Colomn settings
* -----------------------------------------------------------------------------------
*/
h3.cmsmenu
	{
	cursor:pointer;
	}

#right ul li a
	{	
		text-decoration:none;
		color:#666666;
		padding-left:30px;
		background-image:url("../images/bg_ul_li_ul_li.png");
		background-repeat: no-repeat;
		background-position: 0px 3px; 
		width:140px;
		display:block;
	}

#right ul li a:hover
	{
		color:#000099;
		cursor:pointer;
	}
#right ul li 
	{
		list-style:none;
		line-height:19px;
		margin-left:0px;
	}

#right ul li strong
	{
		font-size:13px;
		font-weight:bold;
	}

#right ul li ul
	{
		padding-top:10px;
		padding-bottom:10px;
	}
#right ul li ul li
	{
		padding-top:0px;
		padding-bottom:0px;
	}	
#right ul li ul li 
	{
		position:relative;
	}
#right ul li ul li .login
	{
		width:180px;
		height:20px;
		border:solid 1px #000099;
		margin:0px;
		margin-left:2px;
	}
	
#right ul li ul li .small_search
	{
		width:180px;
		height:19px;
		border:solid 1px #000099;
		color:#333333;
		position:relative;
	}
#right ul li ul li .small_search_submit
		{
			right:7px;
			top:2px;
			width:19px;
			height:19px;
			display:block;
			position:absolute;
			z-index:100px;
			background:none;
			border:none;
		}
#right .mapnl
	{
		width:100%;
		height:220px;
		background-image:url("../images/front_mapthenetherlands.png");
		background-repeat: no-repeat;
		background-position: center center;
	}
#right .right_col_box {
		padding-left:10px;
		line-height:18px;
	}


#right .right_col_box a {
		color:#666666;
		font-style:italic;
		text-decoration:none;
	}
#right .right_col_box a:hover {
		color:#333333;
		font-style:italic;
		text-decoration:none;
	}


/**
* -----------------------------------------------------------------------------------
* Footer settings
* -----------------------------------------------------------------------------------
*/
#footer #footerMenu
	{
		padding-top:50px;
		color:#999999;
		font-family:tahoma;
		font-size:10px;
		letter-spacing:2px;
		text-align:center;
	}
#footer #footerMenu a
	{
		color:#999999;
		text-decoration:none;
	}
#footer #footerMenu a:hover
	{
		color:#999966;
		text-decoration:none;
	}
/**
* -----------------------------------------------------------------------------------
* Messagebox settings
* -----------------------------------------------------------------------------------
*/
.messageBox 
	{
		width:100% - 2px;
		margin:10px;
		margin-bottom:20px;
	}
.confirm
	{
		display: block;
	    border: 1px solid #ff6102;
	    background-color: #ffe6c3;
	    color: #ff6102;
	    padding: 1%;
	}
.error
	{
		display: block;
	    border: 1px solid #ffe5e5;
	    background-color: #ffe5e5;
	    color: red;
	}
.notify
	{
		display: block;
	    border: 1px solid #578e01;
	    background-color: #e5fcc2;
	    color: #578e01;
	    padding: 1%;
	}
.info
	{
		display: block;
	    border: 1px solid #0080FF;
	    background-color: #D8ECFF;
	    color: #00407F;
	    padding: 1px;
	    margin:2px;
		margin-bottom:5px;
	}
.info strong
	{
		color:#EC0000;
	}
.infonotify
	{
		display: block;
	    border: 1px solid #EDD683;
	    background-color: #F7F4C3;
	    color: #00407F;
	    padding: 1%;
	    margin:2px;
		margin-bottom:5px;
	}
.ok
	{
		display: block;
	    border: 1px solid #578e01;
	    background-color: #e5fcc2;
	    color: #578e01;
	    padding: 1%;
	}
.cancel
	{
		display: block;
	    border: 1px solid #ff6102;
	    background-color: #ffe6c3;
	    color: #ff6102;
	    padding: 1%;
	}
a.button
	{
		width:60px !important;
		padding:2px;
		margin-top:5px;
		margin-right:10px;
		font-weight:normal;
		font-size:12px;
		text-align:center;
		float:left !important;
		text-decoration:none;
	}
a:hover.button
	{
		background-color:#FFFFFF;
	}
/**
* -----------------------------------------------------------------------------------
* user CMS settings
* -----------------------------------------------------------------------------------
*/
.profile
	{
		position:relative;
	}
.profile .text
	{
		width:90%;
		padding:10px;
		height:auto;
		position:relative;
		border:none;
	}
.profile caption
	{
		font-weight:bold;
		text-align:left;
		font-size:15px;
	}
.details-colomname
	{
		color:#000099;
		font-weight:bold;
		width:120px;
	}
.profile-table-title
	{
		height:23px;
		font-size:14px;
		font-weight:bold;
		color:#000099;
		padding-top:px;
		padding-bottom:3px;
	}
.overviewTools
{
	background:#dcf4fd;
	padding:2px;
}
.overviewTools img
{
	padding:3px;
}
#banner-test-env
{
	width:100%;
	height:20px;
	position:hidden;
	top:0px;
	left:0px;
	border-bottom: 2px solid #0080FF;
	background-color: #D8ECFF;
	color: #00407F;
	text-align:center;
}