/* Kleur paletten Nieuwland*/

/* Geo-informatie */

/* 100% = #d30000 */
/*  50% = #939dd4 */
/*  35% = #b4bbe1 */
/*  16% = #dce0f1 */


/* Ruimte, Groen en Milieu */

/* 100% = #1b70cf */
/*  50% = #90d07f */
/*  35% = #afcdee */
/*  16% = #dae8f7 */


/* Re-integratie, Inburgering en Zorg */

/* 100% = #d30000 */
/*  50% = #f6bb9a */
/*  35% = #f9d0b9 */
/*  16% = #fce9df */


/* Detacheringen */

/* 100% = #d30000 */
/*  50% = #e97f7f */
/*  35% = #f0a6a6 */
/*  16% = #f8d6d6 */


/* Opleidingen */

/* 100% = #afcdee */
/*  50% = #fff17f */
/*  35% = #afcdee */
/*  16% = #fffacc */



html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
} 
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
h4 {
	font-family: "Trebuchet MS", sans-serif;
	padding: 0px 0px 3px 0px;
	margin: 5px 0px 5px 0px;
	color: #333 /*#0b016a*/;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 13px;
	font-weight: bolder;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------- */
/* layout
/* ----------------------------------------------------------------------- */

/* container */
#pagewidth{ 
 width:1013px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-image: url(../../../../images/nwld_background.gif);
} 
/* pre header */
#blauwebalk{
	position:relative; 
	height:26px; 
	width:995px;
	background-color: #0b016a;
	margin-left: 9px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
} 
/* header */
#header{
	position:relative; 
	height:206px; 
	width:100%;
}
#nwld_header { 
	width:995px; 
	height: 207px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
#nwld_header_nav{
	width:555px; 
	height: 156px;
	float:left; 
	position:relative; 
}
#nwld_header_img {
	float: right; 
	display:inline; 
	position: relative; 
	width:440px; 
	height: 156px;
}

/* navigation */
#nav_header_txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
}
#nav_header_txt a {
	color:#000000;
	text-decoration: none;
}
#nav_header_txt a:visited {
	text-decoration: none;
}
#nav_header_txt a:hover {
	color: #666666;
	text-decoration: underline;
}
/* main */
#leftcol{
	float:left; 
	position:relative;
	margin-left: 9px; 
	padding: 10px;
	background-color: #fbfbfb;
	width: 220px;
	w\idth: 200px;
}
#twocols{
	float:right; 
	position:relative; 
	margin-right: 9px;
	padding: 0px 0 10px 10px;
	width: 785px;
	w\idth: 750px;
}
#rightcol{
	float:right; 
	position:relative;
	padding: 10px;
	background-color: #fbfbfb;
	width: 220px;
	w\idth: 200px;
}
/* 2 kolommen */
#main1{
	float: left; 
	display:inline; 
	position: relative; 
	width:700px; 
	padding: 10px 10px 0;
	margin-top: 5px;
	font-size: 11px;
	line-height: 15px;
}
/* 3 kolommen */
#main2 {
	float: left; 
	display:inline; 
	position: relative; 
	width:520px; 
	padding: 10px 0;
	margin-top: 5px;
	font-size: 11px;
	line-height: 15px;
} 
/* footer */
#footer{
	/*margin: 10px 0 0 10px;*/
	/*height: 30px;*/
	font-size: 10px;
	color: #777;
	background: url(../../../../images/nwld_background_footer.gif) no-repeat bottom;
} 
#footer a {
	color: #fff;
	text-decoration:none;
}
#footer a:vistited {
	color: #FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
	text-decoration:underline;
}
#footerfill {
	height: 30px; 
	width: 991px;
	padding: 4px 0px 4px 4px;
	margin: 0 9px 0 9px;
	border-top: 1px solid #0b016a;
}
#links {
	width: 600px;
	background: #fff;
	font-size: 93%;
	float: left;
}
#links ul {
	margin: 0;
	padding: 0px 10px 0px 0px;
	list-style: none;
}
#links ul li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#links ul li a {
	display: block;
	position:relative; 
	background-color: #eee;
	color: #777;
	float: left;
	margin: 0 5px 0 0;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	line-height: 22px;
	height: 22px;	
}
#links ul li a:hover {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
}
#links-inloggen {
	width: 75px;
	background: #fff;
	font-size: 93%;
	float: right;
}
#links-inloggen ul {
	margin: 0;
	padding: 0px 10px 0px 0px;
	list-style: none;
}
#links-inloggen ul li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#links-inloggen ul li a {
	display: block;
	position:relative; 
	background-color: #eee;
	color: #777;
	float: left;
	margin: 0 5px 0 0;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	line-height: 22px;
	height: 22px;	
}
#links-inloggen ul li a:hover {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
}
#links-inloggen #inloggen a {
	color: #fff;
	background-color: #fff;
	text-decoration: none;
	float: right;
}
#links-inloggen #inloggen a:hover {
	background-color: #ccc;
	text-decoration: none;
	float: right;
}
#links #uitloggen a {
	color: #fff;
	background-color: #777;
	text-decoration: none;
	float: right;
}
#links-inloggen #uitloggen a:hover {
	background-color: #d30000;
	text-decoration: none;
	float: right;
}

/* ----------------------------------------------------------------------- */
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* --------------------------------------------------------------------- */
/* zoeken
/* --------------------------------------------------------------------- */
	
.zoekknop {
	border: solid 1px #FFFFFF;
	background-color: #0b016a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 5px 1px 5px;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: middle;
}
.zoekknop:hover {
	background-color: #FFFFFF;
	color: #0b016a;
}
.zoekveld {
	border: solid 1px #ffffff;
	background-color: #0b016a;
	height: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	vertical-align: middle;
	width: 150px;
}

/* --------------------------------------------------------------------- */
/* voorpagina, vacatures
/* --------------------------------------------------------------------- */
	
#vp-lijst, #vac-lijst {
	margin: 0;
	padding: 2px 0;
	width: 200px;
	color: #333;
}
#vp-lijst h1, #vac-lijst h1, #vp-lijst h2, #vac-lijst h2 {
	font-family: "Trebuchet MS", sans-serif;
	padding: 0px 0px 3px 0px;
	margin: 5px 0px 5px 0px;
	color: #333 /*#0b016a*/;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 13px;
	font-weight: bolder;
}
#vp-lijst .item, #vac-lijst .item {
	clear: both;
	margin-bottom: 10px;
}
#vp-lijst img {
	padding: 3px 2px 0px 3px;
}
#vp-lijst p, #vac-lijst p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 11px;
	padding: 4px;
	margin: 5px 0px 5px 0px;
	background-color: #eee;
}

/* --------------------------------------------------------------------- */
/* knoppen en buttons (o.a. verder en terug)
/* --------------------------------------------------------------------- */

.verder, .terug {
	display: block;
	font-size: 11px;
	text-decoration: none;
	background-color: #eee;
	color: #333;
	margin: 4px 0px 7px 0px;
	padding: 4px 8px 4px 8px;
}
.verder {
	float: right;	
}
.terug {
	float: left;
	margin-right: 5px;
}
.verder:visited, .terug:visited {
	text-decoration: none;
	color: #333;
}
.verder:hover, .terug:hover {
	/*background-color: #1b70cf;*/
	color: #ffffff;
	text-decoration: none;
}

/* --------------------------------------------------------------------- */
/* standaard tabellen en lijsten
/* --------------------------------------------------------------------- */

.lijst-standaard {
	margin: 10px 0px 10px 0px;
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}	
.lijst-standaard th, .lijst-standaard td {
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	padding: 3px 5px 3px 5px;
	color: #555;
}
.lijst-standaard td {
	color: #555;
}
.lijst-standaard .even {
	background-color: #fbfbfb;
}
.lijst-standaard .title {
	background-color: #eee;
	font-size: 11px;
}
.lijst-standaard a {
	text-decoration: none;
	/*color: #000000;*/ 
}
.lijst-standaard a:hover {
	text-decoration: underline;
}
.lijst-standaard .col-center {
	text-align: center;
}

/* --------------------------------------------------------------------- */
/* formulieren
/* --------------------------------------------------------------------- */

.form-standaard fieldset {
	border: none;
	padding: 0;
	margin-top: 10px;
}
.form-standaard table {
	background-color: #fbfbfb;
	border-top: 1px dotted #ccc;
	width: 500px;
}
.form-standaard th, .form-standaard td {
	padding: 2px 5px 2px 5px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
.form-standaard th {
	font-weight: normal;
	width: 150px;
}
.form-standaard input, .form-standaard textarea {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 3px 0px 3px 0px;
}
.form-standaard input:hover, .form-standaard textarea:hover {
	border-width: 1px;
	border-style: solid;
}
.form-standaard .check, .form-standaard .check:hover {
	border: none;
}
.form-standaard select {
	font-size: 11px;
	border: 1px solid #ccc;
	width: 238px;
	height: 60px;
}
.form-standaard option {
	border-bottom: 1px dotted #ccc;
	padding: 2px;
}
.form-standaard .button {
	float: right;
	padding: 3px 8px 3px 8px;
	font-size: 11px;
	margin-left: 5px;
}
.form-standaard .button:hover, .form-standaard option:hover {
	color: #fff;
}
/* extra voor cursussen */
#cursus input {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 3px 0px 3px 0px;
	font-size: 11px;
}
#cursus .button {
	float: right;
	padding: 3px 8px 3px 8px;
	font-size: 11px;
}
#cursus .check, #cursus .check:hover, #cursus .radio {
	border: none;
}
#cursus .button:hover {
	color: #fff;
}
#afbeelding_links {
	padding-right: 10px;
}