/* ------------------------------------------------------ */
/* Copyright 2007 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");

body { overflow:hidden; background: #FFF url(../images/_shared/bg_body.jpg) repeat-x; color: #000; font: 62.5% Verdana, Arial, Helvetica, sans-serif;}


/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */

div#container { position: relative; margin: 15px auto; width: 964px; }
div#content { position: absolute; left: 458px; width: 459px; height: 443px; padding:75px 25px; background-color: transparent; background-image: url(../images/_shared/bg_content.gif); background-repeat: no-repeat; background-position: left top;}
div#wrapper { position:relative; height: 430px; width: 460px; overflow:auto;font-size:1.1em; line-height:1.6em;}
div#photo { position: absolute; left: 167px; width: 299px; height: 520px; overflow: hidden; }

body#contact div#wrapper,
body#reageren div#wrapper,
body#detacheringaanvraag_plaatsen div#wrapper {height: 430px; width: auto;}

body#inschrijven div#content,
body#aanvragen div#content,
body#detacheringaanvraag_plaatsen div#content { left: 170px; width: 747px; background-image: url(../images/_shared/bg_content_large.gif);}

body#inschrijven div#photo,
body#aanvragen div#photo,
body#detacheringaanvraag_plaatsen div#photo {display:none; visibility:hidden;}

#iframe {height: 420px; width: 100%; margin-top:5px; font-size:1.1em; border:none;overflow-x: hidden;overflow-y: scroll;}

a { color: #000; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline;	}

a#print{display:none; visibility:hidden;width:80px; height:18px; background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(../images/_buttons/print.jpg);}
a#print span{display:none;}

body#contact a#print{ display:block; visibility:visible;}
div#content a{ text-decoration: underline; }
div#content a:hover{ text-decoration: none; }
/* Style ------------------------------------------------ */
/* ------------------------------------------------------ */
h1{ font-size: 1.0em; font-weight: bold; }
h2{ font-size: 1.5em; font-weight: bold; }
h3{ font-size: 1.5em; font-weight: bold; color: #89C0EB; margin: 30px 0; }
body#contact h2{ font-size: 1.5em; font-weight: bold; margin-top: 20px; }

.sIFR-active h2,
.sIFR-active h3{ font-family: Verdana; font-size: 1.6em; line-height:1em; visibility: hidden; }
.sIFR-active legend span,
.sIFR-active th{ font-family: Verdana; font-size: 1.2em; line-height:1em; visibility: hidden; }

p{ margin: 0 0 10px 0; line-height: 1.6em; }
span#stempel{float:right; margin:10px auto; width:150px; height: 150px; display:block; background-color: transparent; background-image: url(../images/beelden/stempel.jpg); background-repeat: no-repeat; background-position: center center; }
ol{ list-style: decimal; padding-left: 25px; margin: 0;}
ol li{margin: 5px 0;}
div#content ul{ list-style: disc; padding-left: 25px; margin: 5px 0;}
div#content ul li{margin: 5px 0;}

/* Crumb ------------------------------------------------ */
/* ------------------------------------------------------ */
ul#crumb li{ display: inline; font-size: 1.1em;padding: 0 10px 0 5px; background: url(../images/_shared/seperator_crumb.jpg) no-repeat right center; }
ul#crumb li.last{ font-weight: bold; background-image:none; }

/* Menu ------------------------------------------------- */
/* ------------------------------------------------------ */
div#menu{ float: left; width: 175px; }
div#menu .top{ padding: 8px 0;  background-color: transparent; background-position: left top; background-repeat: no-repeat; background-image: url(../images/_shared/menu_top.gif); }
div#menu .content{background-color: transparent; background-position: left bottom; background-repeat: no-repeat; background-image: url(../images/_shared/bg_menu.gif);}
div#menu li{ padding: 5px 0; margin-left: 20px; width: 135px; border-bottom: 1px solid #FFDA45; background-color: transparent; background-position: right 3px; background-repeat: no-repeat; background-image: none; }
div#menu li.last{border: none;}
div#menu li.selected,
div#menu li.hover,
div#menu li:hover{ background-image: url(../images/_menu/arrow.gif); }
div#menu li a{ color: #000; font-weight: bold; display: block; }
div#menu li.selected a,
div#menu li.hover a,
div#menu li a:hover{ text-decoration: none; color: #FFF; }

div#menu li ul{display:none;}
div#menu li ul.selected{display:block; border-top: 1px solid #FFDA45; margin-top:7px;}
div#menu li ul li{
	padding: 5px 0;
	margin-left:0px;
	border-bottom:none;
	background-color: transparent;
	background-position: left  8px;
	background-repeat: no-repeat;
	/*background-image: url(../images/_menu/sub_arrow.jpg);*/
}
div#menu li.selected ul li a,
div#menu li ul li a{
	color:#000;
}

div#menu li ul li.selected,
div#menu li ul li.hover,
div#menu li ul li:hover{ background-image: url(../images/_menu/sub_arrow.jpg);}
div#menu li ul li a{
	font-weight:normal;
	margin-left:15px;
}
div#menu li.selected ul li a,
div#menu li ul li a{
	color:#000;
}
div#menu li ul li.selected a,
div#menu li ul li.hover a,
div#menu li ul li:hover a{
	color:#FFF;
}

div#menu li ul li ul{display:none;}
div#menu li ul.selected{display:block; border-top: 1px solid #FFDA45; margin-top:7px;}
div#menu li ul li ul li{ padding: 5px 0; padding-left:0px; width: 115px;margin-left:0px; border-bottom:none;background-color: transparent; background-position: left center; background-repeat: no-repeat; background-image: none;}
div#menu li ul li ul li.selected,
div#menu li ul li ul li.hover,
div#menu li ul li ul li:hover{  background-image:none;color:#000;}

div#menu li ul li ul.selected li a,
div#menu li ul li ul li a{ font-weight:normal;color:#000;}
div#menu li ul li ul li a:hover{ text-decoration: underline; color: #000; }


/* Login ------------------------------------------------ */
/* ------------------------------------------------------ */
div#login{ float: left; width: 175px; }
div#login .top{font-size: 1.0em;font-weight: bold;height: 15px;padding: 20px 0 0 20px;background-color: transparent;background-position: left top;background-repeat: no-repeat;background-image: url(../images/_shared/login_top.gif);}
div#login form 		{ padding-bottom:35px; background-color: transparent; background-position: left bottom; background-repeat: no-repeat; background-image: url(../images/_shared/login_bottom.gif);}
div#login fieldset 	{ padding-left:10px; background-color: transparent; background-position: left top; background-repeat: repeat-y; background-image: url(../images/_shared/login_middle.gif);}
div#login button	{ float:left; margin-left:20px; width:80px; height:18px;cursor:pointer;border:none; background-color: transparent; background-position: left top; background-repeat: no-repeat; background-image: url(../images/_buttons/inloggen.jpg);}
div#login button span{ display:none;}
div#login fieldset input{ height:15px; color:#000; width: 128px; border:1px solid #EEE; margin:5px 10px; font: 1.0em Verdana, Arial, Helvetica, sans-serif; padding-top: 3px;}
a#professionals { float:left; height: 64px; width:175px;background-color: transparent; background-position: left bottom; background-repeat: no-repeat; background-image: url(../images/_shared/bg_professionals.gif);}
a#professionals span {display:none;}

/* Login ------------------------------------------------ */
/* ------------------------------------------------------ */
div#footer{ position: absolute; left:0px; top: 509px; height: 23px;width: 470px; margin:0 auto; padding:24px 0 0 494px; background-color: transparent; background-position: center top; background-repeat: no-repeat; background-image: url(../images/_shared/bg_footer.jpg);}
div#footer ul{ float: left; }
div#footer a{ color: #000; text-decoration: underline; }
div#footer a:hover{ text-decoration: none; }
div#footer ul li { display: inline; padding: 0 10px 0 5px; background: url(../images/_shared/seperator.gif) no-repeat right center; }
* html div#footer ul li {padding: 0 6px;}
div#footer ul li.last {background: none;}

/*Vacature Links ------------------------------------------------ */
/* ------------------------------------------------------ */
div#content ul#vacature_links{ display:block; margin: 10px 0px 10px 0px; height:18px; padding:0;list-style:none; }
div#content ul#vacature_links li{ float:right; height:18px; margin: 0 5px; background-color:transparent; background-position:top left; background-repeat:no-repeat; }
div#content ul#vacature_links li a{ display:block; height:18px; }
div#content ul#vacature_links li:hover,
div#content ul#vacature_links li.hover{ background-position:bottom left;}
div#content ul#vacature_links li.terug{ background-image:url(../images/_buttons/terug.jpg); width:63px; float:left; margin-left:0; }
div#content ul#vacature_links li.bel_mij{ background-image:url(../images/_buttons/bel_mij.jpg); width:70px; float:left; margin-left:0; }
div#content ul#vacature_links li.aanvraag_plaatsen{ background-image:url(../images/_buttons/plaats_aanvraag.jpg); width:142px;}
div#content ul#vacature_links span{ display:none;}