/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2009, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/

* { 
	font-family: verdana, sans-serif; 
	font-size: 12px; 
	color: #002054; 
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

h1 {
	font-size: 24px;
	color: #e2007a;
	margin: 0;
	padding: 0;
}

h1.news {
	color: #00755d;
	font-weight: normal;
	font-size: 28px;
	margin: 0;
	padding: 0; 
} 

h1.news .light { 
	color: #dadada; 
	font-size: 22px;
	font-weight: normal;
}

h1.linkjes {
	color: #9fbb43;
	font-weight: normal;
	font-size: 28px;
	margin: 0;
	padding: 0; 
} 

h1.linkjes .light { 
	color: #dadada; 
	font-size: 22px;
	font-weight: normal;
}

h1.vacatures {
	color: #fdac13;
	font-weight: normal;
	font-size: 28px;
	margin: 0;
	padding: 0; 
} 

h1.vacatures .light { 
	color: #dadada; 
	font-size: 22px;
	font-weight: normal;
}

h2 { 
	color: #dadada; 
	font-size: 20px;
	font-weight: normal;
}

a {
	color: #41a62a;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #f6f6f6;
}

div#site {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 988px;
}

/* Backgrounds
-------------------------------------------------------------------------*/
	div#homebg {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 542px;
		background: url(/css/images/mcg/bg_home.jpg) repeat-x;
	}

	div#werknemersbg, div#algemeenbg, div#werkgeversbg, div#partnersbg  {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 205px;
		background: url(/css/images/mcg/bg_werknemers.jpg) repeat-x;
	}

	div#algemeenbg {
		background: url(/css/images/mcg/bg_algemeen.jpg) repeat-x;
	}

	div#werkgeversbg {
		background: url(/css/images/mcg/bg_werkgevers.jpg) repeat-x;
	}

	div#partnersbg {
		background: url(/css/images/mcg/bg_partners.jpg) repeat-x;
	}

/* Header
-------------------------------------------------------------------------*/
	div#head {
		position: relative;
		width: 988px;
		height: 166px;
	}
	
	div#head div#logo {
		position: absolute;
		left: 43px;
		top: 30px;
	}

	div#head div#headmenu {
		position: absolute;
		left: 256px;
		top: 87px;
	}

	div#head div#headmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#head div#headmenu ul li {
		float: left;
	}

	div#head div#topmenu {
		position: absolute;
		top: 38px;
		right: 17px;
	}

	div#head div#topmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#head div#topmenu ul li {
		float: left;
		padding-right: 20px;
	}

	div#head div#topmenu ul li a {
		color: #b2b2b2;
		font-size: 11px;
		text-decoration: none;
	}

	div#head div#topmenu ul li a:hover {
		text-decoration: underline;
	}

div#homehead {
	position: relative;
	left: -12px;
}

/* Middle
-------------------------------------------------------------------------*/
	div#middle {
		position: relative;
		width: 988px;
		top: -3px;
		min-height: 300px;
		background: url(/css/images/mcg/bg_middle.jpg) repeat-y;
	}

	/* Home middle:: left
	---------------------------------------------------------------------*/
	div#homeleft {
		position: relative;
		float: left;
		width: 182px; /* 210px */
		padding: 37px 0 0 28px;
		vertical-align: bottom;
	}
	
		div#homeleft div.desc {
			position: relative;
			width: 146px; /* 180px */
			padding: 17px;
			background-color: #f6f6f6;
			color: #767676;
			font-size: 11px;
			line-height: 16px;			
		}

		div#homeleft div.desc * {
			color: #767676;
			font-size: 11px;
		}

		div#homeleft div.desc a {
			font-size: 11px;
			color: #fb9913;
		}
	
	/* Home middle:: right
	---------------------------------------------------------------------*/
	div#homeright {
		position: relative;
		float: right;
		padding: 37px 0 0 0;
		width: 770px;
		z-index: 25;
	}

	/* Next middle:: left
	---------------------------------------------------------------------*/
		div#nextleft {
			position: relative;
			float: left;
			width: 182px; /* 210px */
			margin: 37px 0 0 28px;
			padding: 0 0 20px 0;
			border-right: dashed 1px #e5e5e5;
		}
	
		div#nextleft ul, div#nextleft ul li ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
	
		div#nextleft ul li {
			padding: 0 0 5px 15px;
			background: url(/css/images/mcg/icn_arr-darkgreen.jpg) no-repeat 0 0px;
		}
	
		div#nextleft ul li a {
			color: #767676;
			text-decoration: none;
		}
	
		div#nextleft ul li a:hover {
			text-decoration: underline;
		}
	
		div#nextleft ul li ul li {
			padding: 5px 0 0 15px;
			background: url(/css/images/mcg/icn_arr-lightgreen.jpg) no-repeat 0 3px;
		}

	/* Next middle:: right
	---------------------------------------------------------------------*/
		div#nextright {
			position: relative;
			float: right;
			padding: 37px 0 0 0;
			width: 770px;
			z-index: 25;
		}


	/* middle:: right :: left and right
	---------------------------------------------------------------------*/
		div.left {
			position: relative;
			float: left;
			width: 441px; /* 441px */
			padding-left: 16px;
			line-height: 25px;
			color: #e5e5e5;
			z-index: 25;
		}

		div.left * {
			color: #767676;
		}
		
		div.left div.hline {
			height: 6px;
			width: 425px;
			margin: 20px 0 20px 0;
			background: url(/css/images/mcg/bg_hline.jpg) repeat-x;
		}

		div.left h1 {
			color: #fdac13;
		}
		
		div.left h4.news {
			color: #00755d;
			font-size: 16px;
			font-family: arial, sans-serif;  
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		
		div.left a {
			color: #fb9913;
			text-decoration: underline;
			padding: 0 0 0 15px;
			background: url(/css/images/mcg/icn_star.jpg) no-repeat left 3px;
		}
		
		div.left a.news {
			color: #9fbb43;
			text-decoration: underline;
			background: none;
			padding: 0;
		}

		div.left a:hover {
			text-decoration: none;
		}

		div.left a.edit {
			padding: 0 0 0 20px;
			line-height: 24px;
			height: 24px;
			background: url(/css/images/mcg/icn_edit.png) no-repeat left 0;
		}

		div.left a.remove {
			padding: 0;
			color: #acacac;
			font-size: 10px;
			background: none;
		}

		div.left ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		div.left ul li {
			padding: 0 0 0 20px;
			background: url(/css/images/mcg/img_greenbox.jpg) no-repeat left 8px;
		}

		div.left div#newsarchief {
			color: #767676;
		}
		
		div.left div#newsarchief a {
			color: #9fbb43;
			text-decoration: underline;
			background: none;
			padding: 0;
		}
		
		div.left div#newsarchief a:hover {
			text-decoration: none;
		}

		div.left ul.sitemap {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		div.left ul.sitemap li {
			padding: 0 0 0 20px;
			background: url(/css/images/mcg/img_greenbox.jpg) no-repeat left 8px;
		}

		div.left ul.sitemap li a {
			color: #767676;
			margin: 0;
			padding: 0;
			text-decoration: none;
			background: none;
		}

		div.left ul.sitemap li a:hover {
			text-decoration: underline;
		}

	
		div.right {
			position: relative;
			float: right;
			width: 232px; /* 280px */
			padding-right: 28px;
			text-align: left;
			z-index: 20;
		}

		div.right div#quote {
			position: relative;
			width: 226px;
			top: -45px;
			background-color: #ffffff;
		}

		div.right div#quote p {
			color: #767676;
			font-size: 11px;
			margin: 0;
			padding: 8px;
		}

		div.line {
			position: relative;
			width: 742px;
			height: 10px;
			border-bottom: dashed 1px #e5e5e5;
		}

		div.dottedline1 {
			position: relative;
			width: 100%;
			height: 10px;
			border-top: dotted 2px #e5e5e5;
		}
		
		div.tooltip { 
		    display: none; 
		    z-index: 10;
		} 

		div.tooltip div.tooltiptop { 
		    position: relative;
		    width: 204px;
		    height: 9px;
		    background: url(/css/images/mcg/bg_tooltip-top.png) no-repeat;
		} 

		div.tooltip div.tooltipmiddle { 
		    position: relative;
		    width: 180px;
		    padding: 0 12px;
		    color: #005443;
		    background: url(/css/images/mcg/bg_tooltip-middle.png) repeat-y;
		} 

		div.tooltip div.tooltipmiddle h3 { 
			font-weight: bold;
			font-size: 14px;
			color: #fff;
			margin: 0;
			padding: 0;
		}


		div.tooltip div.tooltipbottom { 
		    position: relative;
		    width: 204px;
		    height: 33px;
		    background: url(/css/images/mcg/bg_tooltip-bottom.png) no-repeat;
		} 

		/* middle:: right :: left table vacancies
		---------------------------------------------------------------------*/
			table.vacancies {
				border-collapse: collapse;
				width: 100%;
			}
			
			table.vacancies th {
				color: #005443;
				text-align: left;
				font-size: 9px;
				border-bottom: solid 1px #dadada;
				padding-right: 10px;
				white-space: nowrap;
			}
			
			table.vacancies th a {
				color: #005443;
				text-align: left;
				font-size: 9px;
				padding: 0;
				white-space: nowrap;
				background: none;
				text-decoration: none;
			}

			table.vacancies td {
				color: #767676;
				font-size: 11px;
				border-bottom: solid 1px #dadada;
				padding-right: 10px;
				vertical-align: top;
			}

			table.vacancies tr.row:hover {
				background-color: #f2f8f7;
			}

			table.vacancies td a {
				text-decoration: none;
				padding: 0;
				margin: 0;
				color: #767676;
				background: none;
			}

			table.vacancies td a.bold {
				font-weight: bold;
			}

			table.vacancies td a:hover {
				text-decoration: underline;
			}
			
			table.pagination {
				width: 100%;
			}
			
			table.pagination td {
				color: #9fbb43;
				font-size: 11px;
			}
			
			table.pagination td a {
				margin: 0;
				padding: 0;
				background: none;
			}
			
			
			table.vacanciedetails {
				border-collapse: collapse;
				width: 100%;
			}

			table.vacanciedetails th {
				text-align: left;
				font-weight: normal;
				font-size: 9px;
				width: 150px;
				vertical-align: top;
				border-top: solid 1px #f5f5f5;
			}

			table.vacanciedetails td {
				text-align: left;
				font-size: 11px;
				vertical-align: top;
				border-top: solid 1px #f5f5f5;
			}


		/* Next middle :: right :: left :: subscribe
		---------------------------------------------------------------------*/
			div#nextright div.left div.subscribe {
				position: relative;
				width: 425px;
				height: auto; /* Height for jquery bug fadeOut */
			}

			div#nextright div.left div.subscribe div.question {
				position: relative;
				float: left;
			}

			div#nextright div.left div.subscribe div.answer {
				position: relative;
				float: right;
				width: 130px;
			}

			div#nextright div.left div#uwv {
				position: relative;

			}

			div#nextright div.left div#subscribe {
				position: relative;
				width: 425px;
				text-align: right;
			}

			div#nextright div.left div#subscribe a {
				margin: 0;
				padding: 0;
				background: none;
			}

		/* Next middle :: right :: left :: step1
		---------------------------------------------------------------------*/
			div#nextright div.left div.formleft {
				position: relative;
				float: left;
				font-size: 14px;
				padding-bottom: 14px;
			}

			div#nextright div.left div.formright {
				position: relative;
				float: right;
				padding-bottom: 14px;
				width: 230px;
			}

			div#nextright div.left div.formright select {
				width: 200px;
			}

			div#nextright div.left div.formright a {
				margin: 0;
				padding: 0;
				background: none;
			}
			/*
			div#nextright div.left div.buttons_left {
				padding: 10px;
				width: 367px;
				text-align: left;
			}
			
			div#nextright div.left div.buttons_left a {
				margin: 0;
				padding: 0;
				background: none;
			}
			*/

			div#nextright div.left div.buttons {
				padding: 10px 29px;
				width: 367px;
				text-align: right;
			}

			div#nextright div.left div.buttons a {
				margin: 0;
				padding: 0;
				background: none;
			}

			div#nextright div.left div.mandatory {
				font-weight: bold;
			}

			div#nextright div.left div.chars {
				font-size: 10px;
			}

			div#nextright div.step {
				position: relative;
				float: left;
				width: 56px;
				height: 25px;
				padding-left: 5px;
				margin-right: 2px;
				color: #e0e0e0;
				font-size: 14px;
				font-weight: bold;
				background: url(/css/images/mcg/bg_step.jpg) no-repeat;
			}

			div#nextright div.active {
				padding: 0;
				color: #9fbb43;
				background: none;
			}
			
	/* middle:: right :: box
	---------------------------------------------------------------------*/
		div.box {
			position: relative;
			float: left;
			width: 230px;
			padding: 10px 14px 0 0;
		}

		div.box div.boxtop {
			position: relative;
			width: 230px;
			height: 15px;
			background: url(/css/images/mcg/bg_boxtop.jpg) no-repeat;
		}

		div.box div.boxmiddle {
			position: relative;
			width: 198px; /* 230px */
			padding: 0 16px;
			background: url(/css/images/mcg/bg_boxmiddle.jpg) repeat-y;
		}

		div.box div.boxmiddle h1.px80 {
			height: 80px;
		}

		div.box div.boxmiddle ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		div.box div.boxmiddle ul li {
			padding: 0 0 0 15px;
			line-height: 17px;
		}

		div.box div.boxmiddle ul li a {
			color: #767676;
			text-decoration: none;
		}

		div.box div.boxmiddle ul li a:hover {
			text-decoration: underline;
		}

		div.box div.boxmiddle ul.darkgreen li {
			background: url(/css/images/mcg/img_star-darkgreen.jpg) no-repeat top left;
		}

		div.box div.boxmiddle ul.lightgreen li {
			background: url(/css/images/mcg/img_star-lightgreen.jpg) no-repeat top left;
		}

		div.box div.boxmiddle ul.orange li {
			background: url(/css/images/mcg/img_star-orange.jpg) no-repeat top left;
		}

		div.box div.boxmiddle ul li.readmore {
			background: none;
		}

		div.box div.boxmiddle ul li.readmore a {
			color: #fb9913;
			font-size: 11px;
			text-decoration: none;
		}

		div.box div.boxmiddle ul li.readmore a:hover {
			text-decoration: underline;
		}

		div.box div.boxbottom {
			position: relative;
			width: 230px;
			height: 15px;
			background: url(/css/images/mcg/bg_boxbottom.jpg) no-repeat;
		}


/* Footer
-------------------------------------------------------------------------*/
	div#footer {
		position: relative;
		width: 988px; /* 928px */
		top: -3px;
		height: 30px; /* 90px */
		padding: 30px;
		background: url(/css/images/mcg/bg_middle.jpg) repeat-y;
		z-index: 0;
	}

	div#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#footer ul li {
		float: left;
		color: #fb9913;
		padding-right: 10px;
	}

	div#footer ul li a {
		color: #fb9913;
		text-decoration: none;
		font-size: 10px;
	}

	div#footer ul li a:hover {
		text-decoration: underline;
	}

	div#footer div#copyright {
		position: absolute;
		right: 88px;
		top: 30px;
		color: #c0c0c0;
		font-size: 10px;
	}

	div#footer div#copyright a {
		color: #c0c0c0;
		font-size: 10px;
		text-decoration: none;
	}

	div#footer div#copyright a:hover {
		text-decoration: underline;
	}

/* Form Elements
--------------------------------------------------------------------*/
	input.styled { 
		display: none;
	}
	
	span.checkbox {
		width: 19px;
		height: 19px;
		padding: 0 10px 0 0;
		margin-left: 1px;
		background: url(/css/images/mcg/input_check.gif) no-repeat;
	 	display: block;
	 	float: left;
		cursor: pointer;
	}
	
	span.radio {
		width: 19px;
		height: 19px;
		padding: 0 10px 0 0;
		margin-left: 1px;
		background: url(/css/images/mcg/input_radio.gif) no-repeat;
	 	display: block;
	 	float: left;
		cursor: pointer;
	}

	span.checkbox.error {
		background: url(/css/images/mcg/input_check-error.gif) no-repeat;
	}
	
	span.radio.error {
		background: url(/css/images/mcg/input_radio-error.gif) no-repeat;
	}
	
	label {
		display: block;
		float: left;
		margin-right: 10px;
	}
	
	select {
		border: solid 1px #dadada;
		border-top: 0;
		border-right: 0;
		height: 28px; /* 26px */
		width: 192px; /* 200px */
		padding: 4px 4px;
		font-size: 14px;
		background-color: #f0f0f0;
	}
	
	select.error {
	}
	
	input.text {
		border: solid 1px #dadada;
		border-top: 0;
		border-right: 0;
		height: 18px; /* 26px */
		width: 192px; /* 200px */
		padding: 4px 4px;
		font-size: 14px;
		background-color: #f0f0f0;
	}
	
	input.text.error {
		border: solid 2px #fdac13;
		height: 18px; /* 26px */
		padding: 4px 4px;
		font-size: 14px;
		background-color: #f0f0f0;
	}

	textarea.text {
		border: solid 1px #dadada;
		border-top: 0;
		border-right: 0;
		height: 80px; /* 26px */
		width: 192px; /* 200px */
		padding: 4px 4px;
		font-size: 14px;
		background-color: #f0f0f0;
	}
	
	textarea.text.error {
		border: solid 2px #fdac13;
		height: 80px; /* 26px */
		width: 192px; /* 200px */
		padding: 4px 4px;
		font-size: 14px;
		background-color: #f0f0f0;
	}


	div.error {
		border: solid 2px #fdac13;
	}


	input.initials {
		width: 70px;
	}

	input.insertion {
		width: 70px;
	}

	input.date {
		width: 100px;
	}

	input.zip {
		width: 70px;
		text-transform: uppercase;
	}

	input.hours {
		width: 40px;
	}
	
	div.check {
 		height: 22px; 
 		width: 150px;
 		background: none;
	}
	
/* Other
-------------------------------------------------------------------------*/
	div.clear {
		clear: both;
	}