/*------------------------------------------------------------------------
# CANNET UITZENDGROUP BV - Copyright (C) 2009
# ------------------------------------------------------------------------
# Websites:  http://www.cannetuitzendgroup.nl
-------------------------------------------------------------------------*/



/* BODY
-------------------------------------------------------------------------*/
body {
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
background-color: #000000;
color: #000000;
font: normal normal 11px/22px "Verdana, Arial, Helvetica, sans-serif";
text-decoration: none;
word-spacing: normal;
white-space: normal;
letter-spacing: normal;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 76%;
line-height: 155%;
height: 100%;
width: 100%;
}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
width: 100%;
}

/* TABELLEN
-------------------------------------------------------------------------*/
td, tr {
margin: 50px 0px 0px 0px;
}

img { 
border:0; 
}

/* CONTAINER
-------------------------------------------------------------------------*/
#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
  	width: 961px; /*780 */

	min-height: 100%; 
	height: auto !important; 
	height: 100%;

	dddborder-top: 2px solid #ffffff;
	dddborder-right: 2px solid #ffffff;
	dddborder-bottom: 2px solid #ffffff;
	dddborder-left: 2px solid #ffffff;

	dddbackground-color: #000000;
  	}


#box {
	position: absolute;
	dddtext-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
  	width: 959px !important; /*780 */
  	width: 965px; /*780 */
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	dddborder-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;

	background-color: #393531;

	z-index: 2;

  	}

/* TOP
-------------------------------------------------------------------------*/
#top {
	position: relative;
	width: 959px; /*780 */
	height: 130px; /*180 */
	ddddisplay: block;
	dddoverflow: hidden;
	dddbackground: transparent url('../images/top.jpg') no-repeat;
    background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	margin: 0 0 0px 0;
	}

/* BEGIN TOP DIVS
-------------------------------------------------------------------------*/
	#logo {
		float: left;
		width:  959px !important;
		width:  961px;
		height: 95px;

		position: relative;
	z-index: 2;


	dddoverflow: hidden;
	background-image: url(../images/header.gif);
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0% 0%;
		}

/* TWITTER
-------------------------------------------------------------------------*/

#twitter_div ul {
color:  cccccc;
font-family: Arial, Verdana, San-serif;
list-style: none;
margin: 2px 0px 0px 0px;
padding: 14px 0px 15px 0px; /*instellen marge rechtermenu*/
float: left;
}




/* NAVIGATIE
-------------------------------------------------------------------------*/
#navigatie {
float: left;
height: 30px;
width: 100%;
padding-left: 10px;
background: transparent url('../images/navigatie.jpg') no-repeat;
line-height: 30px;
white: space: nowrap;
position: relative;
dddtop: 190px;
}

		#navigatie ul {
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 40px;
			list-style-type: none; 
		}
		
		#navigatie li {
			float: left;
			list-style-type: none; 
			display: block;
		}

		#navigatie li a,
		#navigatie li a:link,
		#navigatie li a:visited,
		#navigatie li a:active {
			float: left;
			list-style-type: none;
			display: block;
			padding: 0px 10px;			
			padding-right: 20px;
			color: #ffffff;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap; 
			width: auto;
			height: 20px;
		}
		
		#navigatie li a:hover {
			color: #fdb817;
		}
		
		#navigatie li a.select {
			color: #fdb817;	
		}

/* BREADCRUMBS
-------------------------------------------------------------------------*/		
#crumb {
float: left;
height: 30px;
width: 931px;   /* 750 */
padding-left: 25px;
color: #fdb817;
line-height: 30px;
position: relative;
dddtop: 190px;
z-index: 3;
}	
	
#crumb a,

#crumb a:link,

#crumb a:visited,

#crumb a:active {
color: #fdb817;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}
		
#crumb a:hover {
color: #fdb817;
}
	
#crumb a.select {
color: #000000 !important;	
}
	
/* ---->> EINDE TOP DIVS <---- */

/* @end */
/* @group Content */


/* CONTENT FRAME
-------------------------------------------------------------------------*/
#content {
position: relative;
margin: 0px 0 0 0;

/*  style="position:relative;" verwijderen broncode hdrSpotlight */

		dddbackground-color: #000000;

	}


	/* ---- Container "Linkermenu"---- */
	#left {
		float: left;
		width: 200px; /* 140 px */
		height: auto;
		display: block;
		margin: 5px 0 0 0;
		background: transparent;
		overflow: hidden;



		dddbackground-color: #000000;

		}

		/* ---->> MENU <
							<---- */		
		#menu {
			float: left;
			width: 190px;	
			padding: 0 10px 5px 10px;
			background: transparent;
			line-height: 30px;
			border-bottom: 1px solid #ffffff;

		dddbackground-color: #000000;


		}

			#menu ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;
			}

			#menu li a,
			#menu li a:link,
			#menu li a:visited,
			#menu lia:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				font-weight: bold;
  				font-size: 11px;
  				line-height: 20px;
  				ddddisplay: block;
  				width: 180px;
  				height: 20px;
 	 			dddpadding-right: 15px;
 	 			padding-top: 10px;

dddbackground-color: #000000;
			}
		
			#menu li a:hover {
				color: #ffffff;
			}
			
			#menu li a.select {
				color: #ffffff;	
			}

		/* ---->> LINKJES <<---- */					
		#left h1 
		#left h1 a,
		#left h1 a:link,
		#left h1 a:visited,
		#left h1 a:active {
			float: left;
			display: block;
			width: 120px;
			padding: 0 10px 0 10px;
			margin: 0;
			line-height: 30px;
			font-size: 11px;
			font-weight: normal !important;
			color: #706fa9;
			text-decoration: none;
			border-bottom: 1px solid white;
		}
		
		#left h1 a:hover {
			color: #ffffff;
		}	



/* CONTENT TEKST
-------------------------------------------------------------------------*/
#main {
float: left;
width: 665px;
padding: 0px;
height: auto;
margin: 0;
display: block;
background: white url('../images/bg.gif') no-repeat;
overflow: hidden;
dddbackground-color: #010066;
z-index: 3;
}

#maincontent {
padding: 25px;
line-height: 16px;
min-height: 640px;
height: auto !important; 
height: 100%;
font-family: Arial, Verdana, San-serif;
font-weight: normal;
font-size: 100%;
dddcolor: #ED1C24;
dddbackground-color: #CCCCCC;
line-height: 175%;
dddbackground-color: #000000;
}


#maincontent p {
text-align:justify;
dddwith: 440px;
dddfloat: left;
dddclear: left;
margin-left:10px;
margin-right:10px;
margin-bottom: 30px;
}


#maincontent a,
#maincontent a:link,
#maincontent a:visited,
#maincontent a:active {
		font-weight: bold;
		text-decoration: none;
		text-align: right;
		color: #fdb817;	
	}

#maincontent a:hover {
		text-decoration: underline;
	}
	
#maincontent table, 
#maincontent tbody, 
#maincontent tr

#maincontent td {	
border:0;
background: none;
padding: 2px 0px 0px 0px;
vertical-align:top;
font-family: Arial, Verdana, San-serif;
font-weight: normal;
font-size: 100%;
line-height: 155%;
}

#vacatures {	
border:0;
background: none;
padding: 2px 0px 0px 0px;
vertical-align:top;
font-family: Arial, Verdana, San-serif;
font-weight: normal;
font-size: 100%;
line-height: 155%;
}

#vacatures table {
border:2px solid #000000;
width: 100%;
}

#vacatures table .tblbutton{
border:0px solid #000000;
width: 100%;
}

#vacatures tbody, 
#vacatures tr {
border:1px solid #000000;
}
#vacatures td {	
background: none;
padding: 2px 0px 0px 0px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 100%;
line-height: 155%;
}
#vacatures td h1{	
background: none;
padding: 2px 0px 0px 0px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: Bold;
font-size: 110%;
line-height: 155%;
}
#vacatures a,
#vacatures a:link,
#vacatures a:visited,
#vacatures a:active {
font-weight: bold;
text-decoration: none;
text-align: right;
color: #fdb817;	
font-size: 110%;
font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#vacatures a:hover {
		text-decoration: underline;
	}
	
/* VACATURES-FRONT
--------------------------------------------------------- */
	
#vacatures-front {	
border:0;
background: none;
padding: 0px 0px 0px 0px;
vertical-align:top;
font-family: Arial, Verdana, San-serif;
font-weight: normal;
font-size: 100%;
line-height: 100%;
}

#vacatures-front table {
border:1px solid #000000;
width: 100%;
}

#vacatures-front table .tblbutton{
border:0px solid #000000;
width: 100%;
}

#vacatures-front tbody, 
#vacatures-front tr {
border:1px solid #000000;
}
#vacatures-front td {	
background: none;
padding: 0px 0px 0px 0px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 100%;
line-height: 155%;
}
#vacatures-front td h1{	
background: none;
padding: 0px 0px 0px 0px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: Bold;
font-size: 110%;
line-height: 155%;
}
#vacatures-front a,
#vacatures-front a:link,
#vacatures-front a:visited,
#vacatures-front a:active {
font-weight: bold;
text-decoration: none;
text-align: right;
color: #fdb817;	
font-size: 110%;
font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#vacatures-front a:hover {
		text-decoration: underline;
	}
	
		
/* CONTAINER RIGHT
--------------------------------------------------------- */

#right {
float: right;
width: 294px;
height: auto;
margin: -1px 0 0 0;
padding:0;
background: transparent;
overflow: hidden;
line-height: normal;
dddbackground-color: #000000;
z-index: 2;
}
	
#right h1{
 float:right;
 margin: 2px 0px 0px 0px;
 padding: 7px 1px 5px 10px;
 list-style: none;
 width:100%;
 color:#ffffff;
 font-family: Arial, Verdana, San-serif;
 font-weight:bold;
 font-size:12px;
 background-color:#fdb817;
}

#right h1.bedrijfsgegevens{
 float:right;
 margin: 2px 0px 0px 0px;
 padding: 7px 1px 5px 10px;
 list-style: none;
 width:100%;
 color:#ffffff;
 font-family: Arial, Verdana, San-serif;
 font-weight:bold;
 font-size:12px;
 background-color:#fdb817;
 border-bottom:1px solid #ffffff;
}


/* SUBMENU */
#submenu{
 float:right;
 margin: 2px 0px 0px 0px;
 padding: 14px 0px 0px 0px;
 list-style: none;
 width:100%;
 height:auto;
}


#submenu ul{
list-style: none;
margin: 0;
padding: 0px 0px 15px 0px; /*instellen marge rechtermenu*/
float: left;
}

#submenu a, #submenu a:visited{
 color:#cccccc;
 font-family: Arial, Verdana, San-serif;
 font-weight:normal;
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 10px;
 text-decoration:none;
 display:block;
 width:294px;
 border-top:1px solid #ffffff;
}

#submenu a:hover{
 color:#ffffff;
 background-color:#bbbbbb;
}

#submenu a.sub, #submenu a.sub:visited{
 color:#FBFBFB;
 font-weight:bold;
 font-size:10px;
 margin:0px 0px 0px 0px;
 padding:1px 0px 1px 15px;
 text-decoration:none;
 border:0;
 display:block;
 width:156px;
}

#submenu a.sub:hover{
 color:#ff9f16;
 background-color:#FFFFFF;
 border-top:1px solid #ffffff;
}

#submenu p{
margin: 5px;
padding: 5px 10px 0 3px;
color:#ffffff;
}

#submenu ol{
list-style: none;
margin: 0;
padding: 0px 0px 15px 0px; /*instellen marge rechtermenu*/
float: left;
color:#cccccc;
 font-family: Arial, Verdana, San-serif;
 font-weight:normal;
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 10px;
 text-decoration:none;
 display:block;
 width:294px;
 border-top:0px solid #ffffff;
}

/* ---- ALGEMENE TEKST IN #RIGHT
-------------------------------------------------------------------------*/

.txt {
margin: 0;
padding: 10px 10px 0 10px;
line-height: 22px;
color: #bfbfd9;
}
		

/* FOOTER
-------------------------------------------------------------------------*/

#footer {
background: #fdb817;
margin-left: 0px;
margin-top: 2px;
text-align: center;
position:relative; 
clear:both;
font-size: 11px; 
padding-bottom: 0px;
width: 100%;
}

#footer .txt {
border: solid 0px #227AA7;
letter-spacing: 1px;
color: #000;
text-decoration: none;
padding-top: 5px; 
padding-left: 45px;
}

#footer a {color: #292864;font-size: 11px;text-decoration: underline;}
#footer a:hover {text-decoration: underline;}
/* @end */
/* @end */

/* @group Algemene Styles */

/* Resetten van alle marges en paddings */
h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
	dddmargin: 0;
	dddpadding: 0;
	}


/* ALGEMENE LINKS
-------------------------------------------------------------------------*/

#main a,
#main a:link,
#main a:visited,
#main a:active {
font-weight: normal;
text-decoration: nonw;
text-align: right;
color: #fdb817;	
}

#main a:hover {
text-decoration: underline;
}


/* Style H1
-------------------------------------------------------------------------*/

h1 {
	font-size: 14px;
	display: block;
	font-family: verdana, sans-serif;
	font-weight: bold;
	color: #000000;
	}

/* Style H2
-------------------------------------------------------------------------*/

h2 {
	color: #000000;	
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

/* Style H3
-------------------------------------------------------------------------*/

form h3, h3 {
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	margin-top: 5px;
	padding: 4px;
	background-color: #fdb817;
	color: #FFFFFF;
}

/* Style H4
-------------------------------------------------------------------------*/

h4 {
	font-size: 11px;
	font-weight: normal;
	}

/* Style H5
-------------------------------------------------------------------------*/

h5 {
	font-size: 11px;
	font-weight: normal;

	}

/* Style H6
-------------------------------------------------------------------------*/

h6 {
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	/* border: 1px solid #010066; */
	padding-right: 5px;	
	background: #dadae9;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
	} 
	h6 a {margin:0 !important;padding: 0px 4px 0px 4px !important;}
	

/* SCHEIDINGSLIJN
-------------------------------------------------------------------------*/

hr {
border: 0;
color: #cccccc;
background: #cccccc;
height: 1px;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
width: auto;
dddbackground-color: #000000;
}

/* Correctie IE lijn
-------------------------------------------------------------------------*/
* html body hr {
	width: 100%;
	}
	

/* Leeg
-------------------------------------------------------------------------*/

p {
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
	padding: 0;
}



/* BUBBLE BOX
-------------------------------------------------------------------------*/

div.bubble1{
	margin: 15px 0;
	text-align:justify;
}

div.bubble1 span.author{
	background: url(../images/bubble/author.gif) no-repeat center left;
	font-weight: normal;
	margin-left: 5px;
	padding-left: 15px;
}

div.bubble1 div {
	background: url(../images/bubble/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/bubble/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bubble/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bubble/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

/* SMALLNUMBER
-------------------------------------------------------------------------*/

ol.smallnumber {
	list-style: none;
	text-align:justify;
	margin: 0;
	padding: 0;
}

ol.smallnumber li {
	line-height: 155%;
	margin: 10px 0 10px 20px;
	padding: 3px 0 0px 40px;
}

ol.smallnumber li.number-1 {
	background: url(../images/numbers/n-1.gif) no-repeat left top;
}

ol.smallnumber li.number-2 {
	background: url(../images/numbers/n-2.gif) no-repeat left top;
}

ol.smallnumber li.number-3 {
	background: url(../images/numbers/n-3.gif) no-repeat left top;
}

ol.smallnumber li.number-4 {
	background: url(../images/numbers/n-4.gif) no-repeat left top;
}

ol.smallnumber li.number-5 {
	background: url(../images/numbers/n-5.gif) no-repeat left top;
}

ol.smallnumber li.number-6 {
	background: url(../images/numbers/n-6.gif) no-repeat left top;
}

ol.smallnumber li.number-7 {
	background: url(../images/numbers/n-7.gif) no-repeat left top;
}

ol.smallnumber li.number-8 {
	background: url(../images/numbers/n-8.gif) no-repeat left top;
}

ol.smallnumber li.number-9 {
	background: url(../images/numbers/n-9.gif) no-repeat left top;
}

ol.smallnumber li.number-10 {
	background: url(../images/numbers/n-10.gif) no-repeat left top;
}


/* FORMULIER
-------------------------------------------------------------------------*/
.myform{
margin:0 auto;
width:95%;
padding:14px;
}

#stylized{
border:solid 2px #3a3531;
background:#EEEEEE;
}

#stylized form, button {
border:0; 
margin:0; 
padding:0;}

#stylized .spacer{clear:both; height:1px;}

#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #3a3531;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #3a3531;
width:300px;
margin:2px 0 5px 10px;
}

#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #3a3531;
width:300px;
margin:2px 0 5px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #3a3531;
width:300px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666;
border: solid 2px #3a3531;
text-align:center;
line-height:21px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#sollicitatie{
border:solid 2px #3a3531;
background:#EEEEEE;
}

#sollicitatie h2{
color: #000000;	
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: bold;
padding:2px 2px;
}

#sollicitatie input{
font-size:12px;
padding:2px 2px;
border:solid 1px #3a3531;
margin:2px 0 5px 1px;
}

/* +---------------------------------------------------------------+ */
/* |	VACATURES    											   | */
/* +---------------------------------------------------------------+ */




			
.search-results li .description p {
margin: 5px 10px 0px 20px;
font-size: 100%;
font: normal normal 11px/22px "Verdana, Arial, Helvetica, sans-serif";
}

.search-results li .description h4 {
margin: 0px 10px 0px 10px;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left;
}

.search-results ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.search-results li {
cursor: pointer;
list-style-type: none;
padding: 12px 19px 0 19px;
margin: 0 0 8px 0;
clear: both;
font-size: 0.9em;
background: #EEEEEE; 
}

.search-results li:hover {
background: #CCCCCC;
cursor: pointer;
}

.search-results li:hover h2 { 
text-decoration: none; 
} 

/* Following line is part of above IE6 hack, fixes FF */
.search-results li:hover .details ul li {  
background: #EEEEEE; 
}

		
		.search-results li.topbaan {
			border: 2px solid #3a3531;
			padding: 0px 10px 0 10px;
		}
			.search-results li.topbaan div.topbaan-text {
				margin: 0;
				font-weight: bold;
				font-size: 1.5em;
				color: #f56b00;
			}
		.search-results li h2 {
			color: #000000;
			border: 0;
			font-size: 1.3em;
		}
		.search-results li h2 a { 
			text-decoration : none; 
		} 
		.search-results li .description {
			width: 100%; /* 20 px ruimte */
		}
			.search-results li .description p {
				line-height: 1.2em !important;
			}
		
		
/* VACATURE-OVERZICHT DETAILS */
.search-results li .details {
padding: 0px 0px 0px 15px;
width: 250px;
}

.search-results li .details h4 {
margin: 5px 0 0 0;
font-size: 10px;
font-weight: bold;
color: #000000;
}

.search-results li .details ul {
padding: 2px 0 0 0;
}

.search-results li .details ul li {
padding: 0;
margin: 0;
list-style-type: none;
line-height: 1.7em;
font-size: 12px;
}

.search-results li .details ul li div.key {
float: left;
width: 110px;
font-size: 100%;

}

.search-results li .details ul li div.value {
float: right;
width: 110px;
font-size: 100%;
text-align: left;
font-weight: bold;
overflow: hidden;
}