/* Default Stylesheet */

/* --------------- ELEMENTS ------------------ */
html,body { height:100%; }

* {
	margin: 0;
	padding: 0;
	}
body {
	color: #333;
	background-color: #000;
	font-family: "Verdana", "MS Sans Serif", sans-serif;
	font-size: small;
	text-align: center;
	background-image:url(../gfx/faux.gif);
	background-repeat:repeat-y;
	background-position:top center;
	}
* html body {
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
}

html,
body {
	font-size: 13px;
}

a {
	color:#ffd200;
}

th,
td {
	vertical-align: top;
}

input {
	vertical-align: middle;
}

/* ------------------------- CONTAINERS -------------------------- */

div#print {
	display: none;
	}
div#container {
	color: #fff;
	background-color: #4d4b4b;
	width: 778px; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
div#header-wrap {
	margin: 0 0 8px 0;
	position:relative;
	}
div#header-in {
	background-image: url(../gfx/ychoice.gif);
	background-repeat:no-repeat;
	height: 128px;/*128*/
	width: 778px;
	color: #fff;
	background-color: #4d4b4b;
	}

img#logo {
	border:0;
	left:367px;
	position:absolute;
}

div#sub-wrap {
	margin: 0 0 20px 0;
	height: 55px;
	width: 778px;
	}			
div#content-wrap {
	margin: 10px 0 0 0;	
	}
	
/* -------------- index pagina 3 cols -------------- */
	
div#center {
	margin: 0 259px;
	color: inherit;
	background-color: #4d4b4b;
	}
div#center-in {
	margin: 0 0 0 0;
	padding: 0px 20px 0px 20px;
	}
div#left {
	float: left;
	width: 259px;
	color: inherit;
	background-color: #4d4b4b;
	}
div#left-in {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid #ffd200;
	border-width: 0 1px 0 0;
	}
div#right {
	float: right;
	width: 259px;
	color: inherit;
	background-color: #4d4b4b;
	}

div#right-in {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid #ffd200;
	border-width: 0 0 0 1px;
}



div#right h2, 
div#left h2 ,
div#center h2 {
	height:42px;
	background:position top left; 
	background-repeat:no-repeat;
	margin:0; padding: 0;
	display:block;
}

div#right h2 span, 
div#left h2 span,
div#center h2 span {
	display:none;
}

h2.over-ychoice {
	background: url(../gfx/head_ychoice.gif) no-repeat;
}

h2.voor-kandidaten {
	background: url(../gfx/head_kand.gif) no-repeat;
}

h2.voor-opdrachtgevers {
	background: url(../gfx/head_opdr.gif) no-repeat;
}

	
/* ------------- default pagina 2 cols ------------- */
	
div#content-padded {
	margin: 0 275px 0 0;
	color: inherit;
	background-color: #4d4b4b;
	}

div#content {
	margin: 0 25px 0 0;
	color: inherit;
	background-color: #4d4b4b;
}

div#content-in {
	margin: 0 0 0 0;
	padding: 0 20px 20px 37px;
	border: solid #ffd200;
	border-width: 0 0 0 0 ;
	}
div#xtra {
	float: right;
	width: 250px;
	color: inherit;
	background-color: #4d4b4b;
	}
div#xtra-in {
	margin: 0 0 12px 0;
	padding: 0 20px 3px 20px;
	border: solid #ffd200;
	border-width: 0 0 0 1px;
	font-size: 11px !important;
	}
	
div#xtra-in * {
	font-size: 11px !important;
	}

/* ------ footer --------- */

div#indexfooter-wrap { /* voor indexpagina */
	clear: both;
	display:none;
	}
div#indexfooter-in { /* voor indexpagina */
	background-color: #000;
	margin: 5px 0 0 0;
	}
div#footer-wrap {
	clear: both;
	}
div#footer-in {
	background-color: #000;
	margin: 20px 0 0 0;
	}		
		
/* hoofdmenu navigatie */

ul#nav-top {
	float: left;
	padding: 110px 0 0 18px;
	list-style: none;
	}
ul#nav-top li {
	display: inline;
	}
ul#nav-top li a {
	margin: 0 4px;
	color: #fff;
	background-color: inherit;
	font-size: 105%;
	text-decoration: none;
	}
ul#nav-top li a:hover {
	color: #ffd200;
	background-color: inherit;
	text-decoration: none;
	}
ul#nav-top li a span {
	color: #ffd200;
	background-color: inherit;
	font-size: 105%;
	text-decoration: none;
	}	
	
/* submenu navigatie */	
	
ul#nav-sub {
	float: left;
	padding: 30px 0 0 30px;
	list-style: none;
	}
ul#nav-sub li {
	display: inline;
	}
ul#nav-sub li a {
	margin: 0 4px;
	color: #fff;
	background-color: inherit;
	font-size: 100%;
	text-decoration: none;
	}
ul#nav-sub li a:hover {
	color: #ffd200;
	background-color: inherit;
	text-decoration: none;
	}
ul#nav-sub li a span {
	color: #ffd200;
	background-color: inherit;
	font-size: 100%;
	text-decoration: none;
	}		
	
/* footer navigatie */	

#indexfooter-in { /* voor indexpagina */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 1px;
	}
	
ul#nav-footer {
	margin: 0 30px;
	padding: 5px 2px;
	color: #aaa;
	font-size: 80%;
	list-style: none;
	text-align: left;
	}
ul#nav-footer li {
	display: inline;
	}
ul#nav-footer li.left {
	float: left;
	}
ul#nav-footer li a {
	margin: 0 3px;
	color: #aaa;
	text-decoration: none;
	}
ul#nav-footer li a:hover {
	color: #ffd200;
	}
ul.list {
	margin: 0px 30px;
	font-size: 90%;
	line-height: 15px;
	}





/* ------------ TYPOGRAPHY ------------ */

*.x {
	display: none;
	}
h1 {
	display: none;
	}	
h2 {
	display: none;
	}
h3 {
	font-size: 85%;
	color: #ffd200;
	margin: 0 0 12px 0;
	}
h3 a {
	color: #ffd200;
	text-decoration: none;
	border-bottom: 1px solid #ffd200;
	}
h3 a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
h3.space {
	padding: 10px 0 0 0;
	}
					

div#center p {
	margin: 7px 0 5px 0;
	color: #fff;
	background-color: inherit;
	font-size: 90%;
	}	
div#content-in p {
	margin: 0 0 5px 0;
	color: #fff;
	background-color: inherit;
	font-size: 90%;
	line-height:18px;
	}
div#left p, div#right p {
	margin: 7px 20px 5px 20px;
	color: #fff;
	background-color: inherit;
	font-size: 90%;
	}
p a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
p a:hover, ul.list a:hover {
	color: #ffd200;
	background-color: inherit;
	border-bottom: 1px solid #fff;
	}
	
div#left-in p a, div#center-in p a, div#right-in p a {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px solid #eee;
	}
div#left-in p a:hover, div#center-in p a:hover, div#right-in p a:hover {
	color: #ffd200;
	text-decoration: none;
	border-bottom: 0px solid #eee;
	}
#xtra-in {
	font-size: 11px;
	line-height: 16px;
	}	

#xtra-in h3 {
	font-size: 11px;
	}
	
#xtra-in p a {
	line-height: 18px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}	
	
#xtra-in p a:hover {
	color: #ffd200;
	line-height: 18px;
	text-decoration: none;
	border-bottom: 1px solid #ffd200;
	}				

/* ------------- beeld ----------------- */

#ychoice_port {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	}
	
.clear {
	clear:both;
	}

.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 */
																
																
																
																
#imap {
display:block;
width:780px;
height:0px;
position:relative;
margin:0 0 0 0;
}
#imap a#logo {
display:block;
width:780px;
height:0;
padding-top:0px;
overflow:hidden;
position:absolute;
left:0;
top:0;
cursor:default;
}
#imap a#logo:hover {
background-position: 0 0;
z-index:10;
}
#imap dd {
position:absolute;
padding:0;
margin:0;
}
#imap #home {
left:0px;
top:0px;
z-index:20;
}
#imap a#link_home {
display:block;
width:776px;
height:56px;
text-decoration:none;
z-index:20;
}
#imap a#link_home:hover {
border: 1px solid #ffd200;
}