/* This file is automatically build (locally) using /?buildCSS in the url */ 

/** 
 * reset.css 
 * 
 * Eric Meyer's reset
 * 
 * Default styles applied to reduce browser inconsistencies.
 * 
 * @version			1.0
 * @date			2008-02-12
 * @author			Eric Meyer
 * @cssdoc			version 1.0-pre
 *
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}


body {background: #f3f5f6; border-top: 1px solid #535353;text-align:center;}

.align-right, .fr {float:right;}
.align-left, .fl {float:left;}

img.align-right {float:right;margin:10px 0 10px 10px;}
img.align-left {float:left;margin:10px 10px 10px 0;}

#page {margin:0 auto;width:956px;text-align:left;position:relative;padding-top:21px;}
	#header { background: url(/static_shared/images/layout/bg_header.png) left top no-repeat;height:185px;}
		#logo {text-align:center;padding-top:8px;height:87px;}
		#title {height:30px;margin:0 8px;}
			#title {font-family: Arial, Verdana, sans-serif; font-size: 1.8em; padding:2px 0 0 24px;display:block;}
	#container {background: #fff url(/static_shared/images/layout/bg_container.png) left top repeat-y;padding:0 8px 30px;}
	#footer { background: url(/static_shared/images/layout/bg_footer.png) left bottom no-repeat;height:33px;}

#servicemenu {position:absolute;left:18px;top:7px;width:920px;}
#servicemenu ul {padding:0;}
#servicemenu li {float:left;margin-right:12px;font-size:1.1em;color:#535353;}
#servicemenu li a {color:#535353;text-decoration:none;}
#servicemenu li.help {float:right;margin-right:0;margin-left:10px;}

ul#legal {padding:0;margin-left:18px;}
#legal li {float:left;margin-right:12px;font-size:1.1em;color:#535353;}
#legal li a {color:#535353;text-decoration:none;}

/* Storingsmelder; only visible when activated in beheer (werkenbijhetrijk) */
#incident {padding:20px 0 20px 0;font-size:1.1em;margin:0 25px;}
#incident .widget {border:none !important;}
#incident .content-inner {background:#fef1bc url(/static_shared/images/icons/info.png) no-repeat 5px 5px;padding:10px 10px 0 30px;}

#home #incident, #vacature #incident {padding:20px 0 0 0;}
#home #container #incident .content-inner, #vacature #container #incident .content-inner {padding:10px 10px 10px 30px;}

#error #page {margin:0 auto;width:516px;text-align:left;position:relative;padding-top:21px;}
	#error #header { background: url(/static_shared/images/layout/bg_header_error.png) left top no-repeat;height:87px;}
		#error #logo {text-align:center;padding-top:8px;height:87px;}
	#error #container {background: #fff url(/static_shared/images/layout/bg_container_error.png) left top repeat-y;padding:0 8px 0;}
	#error #footer { background: url(/static_shared/images/layout/bg_footer_error.png) left bottom no-repeat;height:33px;}
#error #content-primary {width:500px;float:left;height:100%;overflow:hidden;}
#error #content-primary .content-inner{padding:20px 24px;}

/* left column with contentnavigation*/

#content-secondary {width:230px;float:left;margin:40px 20px 0 0;height:100%;overflow:hidden;}
#content-secondary .content-inner {padding-left:24px;}

/* Stappenplan-styling */

#content-primary #stappenplan ul {list-style:none; background:url(/static_shared/images/layout/bg_3_steps.gif) no-repeat 0 0; width:100%; clear:both;}

#content-primary #stappenplan ul.step1 {background:url(/static_shared/images/layout/bg_3_steps.gif) no-repeat 0 0;}
#content-primary #stappenplan ul.step2 {background:url(/static_shared/images/layout/bg_3_steps.gif) no-repeat 0 -40px;}
#content-primary #stappenplan ul.step3 {background:url(/static_shared/images/layout/bg_3_steps.gif) no-repeat 0 -80px;}

#content-primary #stappenplan ul li {float:left; display:block; width:146px;}
#content-primary #stappenplan ul li a {display:block; height:20px; margin-left:15px;text-decoration:none;color:#666;padding-top:1px;} 
#content-primary #stappenplan ul li a.active {color:#000;} 

#content-primary #substappenplan ul li {float:left; display:block;padding:0 5px 0 0;color:#666}
#content-primary #substappenplan ul li span {float:left;}
#content-primary #substappenplan ul li a {float:left;display:block; text-decoration:underline;padding:0 5px 0 0;} 
#content-primary #substappenplan ul li a.active {color:#000;font-weight:bold;text-decoration:none;} 


/* Vacatures/stages zoeken - sidebar */
	.verfijn {padding:10px;}
	.verfijn h3 {margin-top:0;}
	.verfijn h4 {font-weight:normal;}
	.verfijn .widget {border:0;}
	.verfijn .widget ul {margin-left:10px;}
	
	.criteria-holder {padding:10px; background:#E5F0DF; margin-bottom:10px;}
	.criteria-holder h4 {font-weight:normal;}
	.criteria-holder h4 a, .criteria-holder ul a {width:9px; height:11px; display:block; float:left; background:url(/static_shared/images/icons/ico-trashcan.gif) no-repeat; float:right;}
	.criteria-holder h4 span, .criteria-holder ul a span {display:none;}
	.criteria-holder ul {margin:5px 0 10px 20px;}


/* holder for crumblepath, content and additional content (such as banners) */
#main {float:right;width:690px;}
	/* crumble path */
	#crumb {height:40px;font-size:1.1em;}
	#crumb .content-inner {padding:5px 15px 5px 0;}
	#crumb ol {list-style-type:none;}
	#crumb ol li {display:inline;color:#999;}
	#crumb ol li a {background:url(/static_shared/images/layout/arrows.png) no-repeat right 3px;padding-right:10px;text-decoration:underline;margin-right:5px;}
	/* main content*/
	#content-primary {float:left;width:440px;font-size:1.1em; z-index:2; position:relative;}
	/* additional content in right column */
	#content-tertiary {float:left;margin-left:20px;width:210px;overflow:hidden;font-size:1.1em; position:relative; z-index:1;}


#home #main {float:right;width:588px;}
#home #container .content-inner{padding:40px 24px;}
#home #content-primary {width:284px;float:left;margin:0 0 0 0;height:100%;overflow:hidden;font-size:1.1em;}
#home #content-secondary {width:284px;float:right;margin:0 0 0 0;height:100%;overflow:hidden;font-size:1.1em;}
#home #content-tertiary {width:284px;float:left;height:100%;overflow:hidden;font-size:1.1em;margin-left:0px;}

#vacature #main {float:left;width:654px;}
#vacature #container .content-inner{padding:0 24px;}
#vacature #container #crumb .content-inner {padding:0;}
#vacature #crumb {padding-top:5px; height:30px !important;}
#vacature #content-primary {width:654px;float:left;margin:0 0 0 0;height:100%;overflow:hidden;}
#vacature #content-tertiary {width:208px;float:right;height:100%;overflow:hidden;font-size:1.1em;}

/* Fix for TST-268 */
#vacature-detail #content-tertiary {overflow:visible;}
#vacature-detail .widget {position:static;}

#stagebank #content-primary {width:366px;float:left;margin:0 20px 0 0;height:100%;overflow:hidden;font-size:1.1em;}
#stagebank #content-tertiary {width:284px;float:left;height:100%;overflow:hidden;font-size:1.1em;margin-left:0px;}

#video #main {float:left;}


/* Mainnavigation (horizontal) */
#sitenavigation {height:50px;border-bottom:10px solid #bddfed;background:#046f96;margin:0 8px;padding: 0 0 0 12px; }
#sitenavigation .nav {font-family:Arial, Helvetica, sans-serif;font-size: 1.2em; font-weight: bold; float:left;width:668px;padding-top:27px;}
#sitenavigation .nav li {float:left;}
#sitenavigation .nav a { display: block; padding: 3px 12px 3px 12px; text-decoration: none; color:#FFF;}
#sitenavigation .nav a:hover, #sitenavigation .nav .sel a {color:#000;text-decoration: none;background:#bddfed;}

#sitenavigation .search {float:right;width:230px;padding-top:12px;}
#sitenavigation .search li {display:inline;}
#sitenavigation .search li.sitemap {padding-right:26px;}
#sitenavigation .search a {color:#FFF;text-decoration:none;font-size:1.1em;display:inline;}


.widget {border:2px solid;margin-bottom:10px;}
.widget h4 {font-size:1.1em;padding:2px 5px;}
.widget .widget-inner {padding:5px; background:#FFF;}
.widget li a {text-decoration:none;background-image:url(/static_shared/images/layout/arrows.png);background-position:0 5px;background-repeat:no-repeat;display:block;padding-left:10px;}

/* Toggling widget styling */
.widget {position:relative;}
.widget h4 {background-image:url(/static_shared/images/layout/arrows_widget.gif); background-repeat:no-repeat; background-position:5px -39px; padding-left:20px; cursor:pointer;}
.widget .widget-inner h4 {background:none; padding:0; cursor:default;}
.widget.closed {border-bottom:0;}
.widget.closed h4 {background-position:5px 7px;}

a.del-ico {width:9px; height:11px; display:block; background:url(/static_shared/images/icons/ico-trashcan.gif) no-repeat;}
a.del-ico span {display:none;}
.widget a.del-ico {position:absolute; top:4px; right:5px;}

a.submit {text-decoration:none !important;}
a.submit:hover {color:#000 !important; text-decoration:none !important;}
a.submit:visited {color:#000;}

#content-primary ul.result {list-style-type:none;margin:0;padding:0;}
#content-primary ul.result a {text-decoration:underline;font-weight:bold;}

.prev {background:url(/static_shared/images/layout/prevnext.png) no-repeat left -26px;padding-left:15px;}
.next {background:url(/static_shared/images/layout/prevnext.png) no-repeat right 4px;padding-right:15px;}

#content-primary .meta-agenda {color:#535353;}

/* pers. dossier zoekprofielen */
.profieldata {margin-bottom:20px; background:#F5F5F5; padding:10px;}

#content-primary .message_err h2 {font-family:Arial,Verdana,sans-serif;font-size:1.4em;font-weight:bold;line-height:1.2;margin-bottom:0.2em;margin-top:0;}
#content-primary .message_err ul {list-style-type:square;margin:0 15px 0;} 
#content-primary .message_err, #content-primary .message_info {padding: 8px 10px 5px 34px; }
#content-primary .message_err {background:#fab2bd url(/static_shared/images/icons/error.png) no-repeat 5px 5px; }
#content-primary .message_info {background:#fef1bc url(/static_shared/images/icons/info.png) no-repeat 5px 5px; }

.info-message, .textkernel_rewrite {background:#fef1bc url(/static_shared/images/icons/info.png) no-repeat; min-height:18px; height:auto !important; height:18px; padding:2px 5px 2px 25px;}


/* css for movie */
.moviecontent, .audiocontent { width: 400px; } /* a default value will be replaced by movie width */

.moviecontent h3, .audiocontent h3 { color: #000; margin: 0 !important; padding: 0; font-size: 0.9em;font-weight:normal !important;}
.moviecontent li h3 a, .audiocontent li h3 a {border: 1px solid #FFF; color: #000;}
.moviecontent li h3 a:hover, .audiocontent li h3 a:hover {color: #000;}

.moviecontent li p, .moviecontent li li {padding:5px;}
.moviecontent li p a, .audiocontent li p a {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0; font-weight: normal;}
.moviecontent li p a:hover, .audiocontent li p a:hover {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0;}

.moviecontent li img, .audiocontent li img { margin-bottom: -4px;}

.moviecontent ul {border:1px solid #CCC;border-bottom:0;}
.moviecontent ul ul {border:0;}
.moviecontent ul.open, .moviecontent div.open, .moviecontent p.open,
.audiocontent ul.open, .audiocontent div.open, .audiocontent p.open {display: block; }

.moviecontent li a.open, .audiocontent li a.open {background: #F3F5F6 url(/static_shared/images/layout/arrows_widget.gif) right -40px no-repeat;text-decoration:none;display:block;padding:4px 0 4px 4px;border-bottom:1px solid #CCC;}
.moviecontent li a.open:hover, .audiocontent li a.open:hover {background: #F3F5F6 url(/static_shared/images/layout/arrows_widget.gif) right -90px no-repeat;text-decoration:none;display:block;padding:4px 0 4px 4px;border-bottom:1px solid #CCC;}

.moviecontent li a.close, .audiocontent li a.close { background:url(/static_shared/images/layout/arrows_widget.gif) right -90px no-repeat; text-decoration:none;display:block;padding:4px 0 4px 4px;border-bottom:1px solid #CCC;}
.moviecontent li a.close:hover, .audiocontent li.close:hover { background: #F3F5F6 url(/static_shared/images/layout/arrows_widget.gif) right -40px no-repeat; }
.moviecontent ul.close, .moviecontent div.close, .moviecontent p.close,
.audiocontent ul.close, .audiocontent div.close, .audiocontent p.close  {display:none;}
.moviecontent li.transcription div, .audiocontent li.transcription div { margin:0; padding:0; border-bottom: 1px solid #EEE;}

.moviecontent li.transcription .vraag, .moviecontent li.transcription span.actor, .audiocontent li.transcription span.actor { font-weight: bold;}
.moviecontent li.transcription span.handeling, .moviecontent li.transcription span.audiobeschrijving, 
.moviecontent li.transcription span.gebaar, .moviecontent li.transcription span.sfeer, 
.moviecontent li.transcription span.geschreventekst,
.audiocontent li.transcription span.handeling, .audiocontent li.transcription span.audiobeschrijving, 
.audiocontent li.transcription span.gebaar, .audiocontent li.transcription span.sfeer, 
.audiocontent li.transcription span.geschreventekst  { font-style: italic;}

/** 
 * type.css 
 * 
 * Sets up some sensible default typography.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2009-09-10 15:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Default 
 * 
 * @section			Default font settings
 * @note			Default font-size percentage is 62.5% for a
 *					base font size of 10px (0.625 * 16px = 10px).
 */

body { color: #000; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1.5; }

/*h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote { padding-right: 20px; }*/	

/** 
 * Headings 
 * 
 * @section			Headings definitions
 * @note			Calculation of line-height if font-size is 15px and line-height 
 */

h1, h2, h3, h4, h5, h6 { color: #000; }

h1 { font-family: Arial, Verdana, sans-serif; font-size: 2.2em; font-weight: normal; line-height: normal;margin-bottom:0.5em;}
h2 { font-size: 1.5em; font-weight: normal; line-height: 1; margin-bottom: 0.75em; margin-top: 1.25em; }
#content-tertiary h3 { font-size: 1.2em; font-weight: bold; line-height: 1.3333; margin-bottom: 0.4343em; margin-top: 0; }


#content-tertiary .moviecontent h3 {font-size:1em;}
#content-primary .moviecontent h3 {font-size:1em;}

#content-tertiary .organisatieafbeelding h3 {font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:normal;font-size:1.4em;padding:2px 7px 5px;line-height:1.2em;}

/*h4,
h5,
h6 { font-size: 1.1em; font-weight: bold; line-height: 1.4545; margin-bottom: 0.4343em; }*/

/*#home h2 { font-family: Arial, Verdana, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.2; margin-bottom: 0.7em; margin-top: 0; }
#home .equalize h2, #home .equalize h3, #home .equalize h4,
#login .equalize h2, #login .equalize h3, #login .equalize h4,
#home h3, #home h4, #home h5, #home h6,
#home .box h2.head, .box h2.head, .box h3.head, .box h4.head, .box h5.head, .box h6.head { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.2; margin-bottom: 0.2em; margin-top: 0; }
#home .box h2.head.small, .box h2.head.small, .box h3.head.small, .box h4.head.small, .box h5.head.small, .box h6.head.small { font-size: 1.2em; }
*/
.title_bar { font-family: Arial, Verdana, sans-serif; font-size: 1.8em; font-weight: bold; line-height: 1.7; }
.title_bar h1 { font-size: 1em; font-weight: bold; line-height: 1.7; margin-top: 0; } 


/** 
 * Text elements
 * 
 * @section			Basic text element styles
 */

p {margin-bottom: 1.4545em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:link { color: #154273; text-decoration: underline; }
a:visited { color: #154273; }
a:hover { color: #0162CD; text-decoration: underline; }

a.more {font-weight:normal !important;}

p a:link {text-decoration:underline;}
p a:visited {color:#696969}

blockquote { margin: 1.4545em; color: #474747; font-style: italic; font-weight: bold; }
blockquote p { margin-bottom: 0.4em; }
/*
blockquote p:before { content: '\201c'; }
blockquote p:after { content: '\201d'; }
*/
strong { font-weight: bolder; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { font-size: 0.9em; line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

abbr, 
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre, code {
	margin: 1.5em 0;
	/*white-space: pre-wrap;*/			/* css-3 */
	/*white-space: -moz-pre-wrap;*/		/* Mozilla, since 1999 */
	/*white-space: -pre-wrap;*/			/* Opera 4-6 */
	/*white-space: -o-pre-wrap;*/		/* Opera 7 */
	/*word-wrap: break-word;*/			/* Internet Explorer 5.5+ */
}
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/** 
 * Lists
 * 
 * @section			List style defenitions
 */

#content-primary ul, ol {line-height: 1.6; list-style-position: outside; margin-bottom: 2.2em; }
#content-primary ul ul {margin-left:20px;}
#content-primary ul { list-style-type: square; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd {}


/** 
 * Forms
 * 
 * @section			Form element styles
 */

form.form_ll fieldset label,
form.form_ll fieldset p { font-size: 1em; }

form input.text,
form textarea, 
form select  { font-family: Verdana, Verdana, sans-serif; font-size: 1em; line-height: 1.5; }
form input.text { line-height: 1; }

form input.submit { font-size: 1em;}
a.submit {font-family:"MS Shell Dlg","Lucida Grande";}
a.submit.margin-left {position:relative; left:13.4em;}

/** 
 * Tables
 * 
 * @section			Basic table styling
 * @note			Information about table markup: http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
 */

table { border-collapse: separate; border-spacing: 2px; margin: 0 0 1.2em -0.2em; text-align: left; width: 100%; }
th { font-weight: normal; background: #e1e1e1;width:45%;}
th, td { padding: 0.4em 0.9em 0.4em 0.5em; text-align:left;}
td { background: #f5f5f5; }
tr.even td { background: #f0f0f0; }
tfoot { font-style: italic; }
caption { font-weight: bold; padding-left: 0.2em; padding-bottom: 1em; text-align: left; }
.table { padding-right: 20px; }

.result table {margin-bottom:0;}


/** 
 * Miscellaneous
 * 
 * @section			Handy miscellaneous text styling classes
 */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875; }
.large { font-size: 1.2em; line-height: 2.5; margin-bottom: 1.25em; }
.hide { display: none; }


/** 
 * Skip/jump links
 * 
 * @section			Class to 'hide' skip and jump links in the presentation layer, but not for screenreaders
 * @note			See http://hicksdesign.co.uk/journal/skip-navigation-links
 */

.skiplink { font-size: 1px; line-height: 1px; width: 924px; position: absolute; left: -1000px; }


/** 
 * Image replacement
 * 
 * @section			Class for resuable (inline and block) image replacement
 * @note			Yet Another Image Replacement Method:
 *					http://www.evotech.net/blog/2007/09/css-image-replacement-method/
 */

.imgreplacement {
	background-color: transparent;
	background-position: left top;			
	background-repeat: no-repeat;
	/*color: rgba(255,255,255,0);*/
	font: 0/0 sans-serif;
	overflow: hidden;
	text-indent: -9000px;
	padding: 0;
	vertical-align: middle; /* options: middle, bottom, top, text-bottom, text-top */
	/*display: -moz-inline-box;*/ /* inline-block fix for Firefox 3 and older */
	display: inline-block;
}
form ol, form ul { list-style-type: none; margin: 0; padding: 0; }

form legend { color: #000; font-weight: bold; padding-bottom: 1em; white-space: normal; }
form label { font-weight: normal; }

form fieldset li { margin-top: 0.1em; }
form fieldset fieldset legend { font-weight: normal; padding-bottom: 0.2em; }

form em { font-style: normal; color: #666; }
form p { margin-top: 1.4em; }
form p.mandatory { color: #666; font-size: 1em; margin-bottom: -1.8em; text-align: right; }

form input.text,
form textarea { background: #fff; color: #000; border: 1px solid #000; width: 22.2em; padding: 0.2em; }
form textarea { height: 80px; }

form p.counter {color:#777;}

form input.submit { background: #deebe3; border: 1px solid #000; color: #000; cursor: pointer; font-weight: bold; margin: 0; padding: 0.2em 1em; }

form .sr { font-size: 1px; line-height: 1px; width: 924px; position: absolute; left: -1000px; }

a.submit { background: #deebe3; border: 1px solid #000; color: #000; cursor: pointer; font-weight: bold; margin: 0; padding: 0.4em 1em;}
p a.submit {text-decoration:none;}
a.submit { padding: 0.2em 1em; } /* Firefox only */



/** 
 * Two column setup form
 * 
 * @section			Lables left and inputs right aligned, grey background, two column specific style definitions
 */

form.form_ll label { display: inline-block; vertical-align: top; }
form.form_ll label.inline {width:auto;}

form.form_ll p.mandatory { margin-bottom: -1.8em; } 		
form.form_ll fieldset { background: #f5f5f5; border-bottom: 0.2em solid #fff; list-style: none; padding: 0.4em 1em 0.4em 1em; position:relative;}
	
form.form_ll fieldset fieldset { border: none; margin: 0.3em 0 0; }
form.form_ll fieldset fieldset label { display: block; width: auto; }

form.form_ll fieldset.legend { background:#FFF;}
form.form_ll legend { font-weight: bold; padding-bottom:0;}

form.form_ll fieldset.check label { display: block; width: auto; }

form.form_ll label { width: 12.2em; }
form.form_ll fieldset fieldset label { margin-left: 12.3em; }

form.form_ll fieldset p { margin: 0; padding: 0 0 0 12.5em; }

form.form_ll input.text,
form.form_ll textarea,
form.form_ll select { width: 22.2em; }
form.form_ll select.opt-padding { padding-left:6px; }

form.form_ll .autowidth {width:auto;}
form.form_ll *[disabled="disabled"] {background:#E9E9E9;}
/* Other width of form-element if the form is nested in a widget */
.widget form.form_ll input.text,
.widget form.form_ll textarea { width: 21.2em; }

form.form_ll input.submit { position: relative; left: 13.4em; overflow:visible; }
form.form_ll input.submit.noleft { position: relative; left: 2em; }

form.form_ll.cwi_form input.submit {left:0;}

.searchbuttons {text-align:right;padding:5px 10px;border-right:2px solid #FFFFFF;}
.searchbuttons input.submit {margin-top:5px;}

button.submit { background: #deebe3; border: 1px solid #000; color: #000; cursor: pointer; font-weight: bold; margin: 0; padding: 0.2em 1em;font-size:1em;}

form.form_ll button.submit { position: relative; left: 13.4em; }

form.form_ll fieldset select.rtp {width:250px;}

form.form_ll h4 {margin:1.8em 0 .8em;}
form.form_ll .widget h4 {margin:0;}

/* execption for MOBI */
form.form_ll input.text_smal { width: 16.2em; }
form.form_ll button.submit_smal { position: relative; width:auto; left: 0;float:right;}


form .rijbewijs label {float:left;}
form .rijbewijs table {width:22.2em; margin:0;}
form .rijbewijs table tr td {width:40px; padding:0 5px 5px 0;}
form .rijbewijs table label {width:40px; float:none;}

form .checkbox {vertical-align:middle;}

form fieldset {position:relative; padding-right:0; padding-left:0;}
form .formhelp {display:block; width:15px; height:15px; background:url(/static_shared/images/layout/icons_helpbox.gif) no-repeat 0 0; position:absolute; right:2em; top:.2em; }
form .formhelp span {display:none;}

form .formhelpbox {width:200px; padding:10px 10px 10px 19px; position:absolute; text-align:left; right:-225px; top:0; z-index:999;}
form .formhelpbox {background:url(/static_shared/images/layout/arrow_helpbox.gif) no-repeat 0 0 #FCF3BF;}
form .formhelpbox a.hidebox {float:right; display:block; width:14px; height:14px; margin:0 0 3px 3px; background:url(/static_shared/images/layout/icons_helpbox.gif) no-repeat -16px 0; cursor:pointer;}
form fieldset .formhelpbox p {padding:0;}


form#cv-upload-result fieldset.checker label {width:370px;}
form#cv-upload-result .textkernel_rewrite {font-style:inherit; font-weight:bold; padding-left:25px; margin:5px 0 0 136px;}
form#cv-upload-result .textkernel_rewrite span {font-weight:normal;}
form#cv-upload-result .checker {background:#fef1bc;}

/** 
 * Global search 
 * 
 * @section			Global search specific definitions
 */


.search form legend,
.search form label { font-size: 0; line-height: 0; width: 924px; position: absolute; left: -9000px; }
.search form input { float: left; margin: 0; font-size:1.1em;}
.search form input.text { width: 12.2em; }
.search form input.submit { background-color: #fff; margin: 0 0 0 -1px; padding: 0.1em 0 0.2em; height: 1.7em; width: 3.9em; }



/** 
 * Form inside module
 * 
 * @section			Style definitions of form inside a module and/or box
 */

.mod form { padding-right: 20px; }
.mod.box form { padding-right: 0; }

.mod form input.text,
.mod form textarea { width: 100%; }

/* white background on colored or grey background */
.mod.closed form input.submit { background-color: #fff; } 


/** 
 * Messages 
 * 
 * @section			Error and notice (info) message definitions
 */

form input.err, form textarea.err, form select.err {border-color:#e70022; outline:1px solid #e70022;}

form fieldset.err input, form fieldset.err textarea, form fieldset.err select {border-color:#e70022; outline:1px solid #e70022;}
form fieldset.err label {color:#e70022; font-weight:bold;}

/* Error message styling */
form fieldset.errorset {display:none; margin-bottom:20px;}
form fieldset.errorset.show {display:block;}
form fieldset.errorset p {padding:0;}
form fieldset.errorset a {color:#000;}

/* Autorisatie */
#login #page {margin:0 auto;width:516px;text-align:left;position:relative;padding-top:21px;}
	#login #header { background: url(/static_mobi/images/layout/bg_header_login.png) left top no-repeat;height:87px;}
		#login #logo {text-align:center;padding-top:8px;height:87px;}
	#login #container {background: #fff url(/static_mobi/images/layout/bg_container_login.png) left top repeat-y;padding:0 8px 0;}
	#login #footer { background: url(/static_mobi/images/layout/bg_footer_login.png) left bottom no-repeat;height:33px;}
#login #content-primary {width:500px;float:left;height:100%;overflow:hidden;}
#login #content-primary .content-inner{padding:20px 24px;}

#vacature #main {float:right;width:690px;}
#vacature #content-primary {width:690px;float:left;margin:0 0 0 0;height:100%;overflow:hidden;}
#vacature #content-primary .content-inner{padding:0;}

p.example {text-align:center;}

/* Mainnavigation (horizontal) */
#sitenavigation .nav {width:705px;}
#sitenavigation .search {width:210px;}

/* Hide navigation */
#sitenavigation .nav a.contact {display:none;}
#sitenavigation .nav a.veelgestelde-vragen {display:none;}
#sitenavigation .nav a.zoeken {display:none;}


/* Vacatures/stages zoeken */
form.frmResultaat{width:654px;}
form.frmResultaat fieldset{border-bottom:2px solid #FFF;border-right:2px solid #FFF;background:#E5F0DF;padding:5px 10px;}
form.frmResultaat fieldset.hidden{padding:0;}
form.frmResultaat fieldset.clear{clear:left;}
form.frmResultaat fieldset.smallset{width:196px;float:left;background:#E5F0DF;}
form.frmResultaat fieldset.mediumset{width:305px;float:left;background:#E5F0DF;}
form.frmResultaat fieldset.largeset{width:414px;float:left;background:#E5F0DF;}
form.frmResultaat fieldset.xlargeset{width:632px;float:left;background:#E5F0DF;}
form.frmResultaat .fixedheight {height:116px;}


form.frmResultaat fieldset.smallset select{width:196px;line-height:normal;border:1px solid;}
form.frmResultaat fieldset.smallset select.regio {width:196px;height:77px;line-height:normal;border:1px solid;}
form.frmResultaat fieldset.mediumset select{width:305px;line-height:normal;border:1px solid;}
form.frmResultaat fieldset.largeset select{width:414px;line-height:normal;border:1px solid;}
form.frmResultaat fieldset select option{padding:0.1em 0;}
form.frmResultaat fieldset.xlargeset select{width:500px;line-height:normal;border:1px solid;}

form.frmResultaat input.radio{width:auto;}
form.frmResultaat input.checkbox{width:auto;}

/* Homepage MOBI snelzoken naar vacatures */

#home #content-primary h3, #home #content-secondary h3 {margin-top:15px;}

.snelzoekenNER {padding:0 0 10px;margin-bottom:15px;}
.snelzoekenNER h3 {padding:10px 10px 0;margin:0;}
.snelzoekenNER h4 {padding:5px 0 10px;margin:0;}
.snelzoekenNER form label {font-weight:bold;display:block;}
.snelzoekenNER form select {width:240px;}
.snelzoekenNER form fieldset {padding:0 10px 5px;}
.snelzoekenNER input.submit {background:#FFF;}

/* Homepage mobi vacatures */
.jobsNER {margin:5px 0 15px 0;}
.jobsNER p {margin-top:5px;}
.jobsNER table {margin:0;border-collapse:collapse;}
.jobsNER table th {width:90%;border-bottom:1px solid #FFF;}
.jobsNER table td {width:10%;border-bottom:1px solid #FFF;border-left:1px solid #FFF;vertical-align:middle;text-align:center;}
.jobsNER table a {text-decoration:underline;}

/* Homepage mobi agenda */
.agendaNER {margin:10px 0;}
.agendaNER p {margin-top:5px;}
.agendaNER table {margin:0;border-collapse:collapse;}
.agendaNER table th {width:70%;border-bottom:1px solid #FFF;}
.agendaNER table td {width:30%;border-bottom:1px solid #FFF;border-left:1px solid #FFF;vertical-align:middle;text-align:center;}
.agendaNER table a {text-decoration:underline;}

.contentblock {height:150px;font-size:1.1em;margin-bottom:10px;}
.contentblock p {padding-right:20px;}
.contentblock img {float:left;margin-right:20px;}
.contentblock h3 {font-size:1.2em;padding-top:10px;}

#content-primary ul.result table th {width:30%; background:none;font-weight:bold;padding:0.2em;}
#content-primary ul.result table td, #content-primary ul.result table th {background:none;padding:0;}

/* Vacatures/stages zoeken */
#search-result fieldset{padding:0;}
#search-result input.submit {background: #deebe3; border: 1px solid #000; color: #000; cursor: pointer; font-weight: bold; margin: 0; padding: 0.4em 1em;font-size:1em;}

#content-primary ol, #content-primary ul {margin-left:25px;}
#content-primary ol li a, #content-primary ul li a {text-decoration:underline;}

/* Zoekresultaten*/
#content-primary ol.searchresults {margin-left:20px;}
#content-primary ol.searchresults li {font-weight:bold;color:#154273;}
#content-primary ol.searchresults li a {text-decoration:underline}
#content-primary ol.searchresults li p {font-weight:normal;color:#000}

table#kenniskaart img {border:1px solid #CCC; margin:0 20px 0 0;}

/* Prec-next scheidingslijn */
.prevnext-top {border-bottom:3px solid #4E9625;padding-bottom:5px;margin-bottom:15px;}
.prevnext-bottom {border-top:3px solid #4E9625;padding-top:5px;}

.prev {background:url(/static_shared/images/layout/prevnext.png) no-repeat left -26px;padding-left:15px;font-weight:bold;}
.next {background:url(/static_shared/images/layout/prevnext.png) no-repeat right 4px;padding-right:15px;font-weight:bold;}

ul.forum li {padding:10px;margin:10px 0;}

/* overzicht sollicitaties PD */
#sollicitatie-overzicht .widget h4 span {font-size:10px; font-weight:normal;}

/* omdat ik me erger aan de vacaturetitels van het CWI die zo'n beetje allemaal niet met een hoofdletter beginnen */
h1.first-cap:first-letter {text-transform:uppercase;}

/* Article navigation (vertical) */
#contentnavigation {width:230px;font-size:1.1em;}
#contentnavigation ul {width:230px;}
#contentnavigation li a {color:#000;text-decoration:none; background-image:url(/static_shared/images/layout/arrows.png);background-position:20px 8px;background-repeat:no-repeat;display:block;padding: 3px 0 4px 30px;}
#contentnavigation li a:hover {background-color:#CBE1BF;}
#contentnavigation li a.activesub, #contentnavigation li a.activeSub {background:#CBE1BF;background-image:url(/static_shared/images/layout/arrows.png);background-position:20px 8px;background-repeat:no-repeat;}
#contentnavigation li.active ul li a:hover {background-color:#CBE1BF;}
/*#contentnavigation a.activesub, #contentnavigation a.activeSub {background:#E5F0DF;background-image:url(/static_shared/images/layout/arrows.png);background-position:30px 8px;background-repeat:no-repeat;}*/

/* ie6 fix. */
#contentnavigation li a {height:1%;}

#contentnavigation li.active a {background-color:#E5F0DF; background-image:url(/static_shared/images/layout/arrows.png);background-position:20px -82px;background-repeat:no-repeat;}

#contentnavigation li a.activeSub {background-position:30px 8px;padding-left:40px;}
#contentnavigation li li a.activeSub {background-position:30px 8px;padding-left:40px;}
#contentnavigation li li li a.activeSub {background-position:50px 8px;padding-left:60px;}
#contentnavigation li li li li a.activeSub {background-position:70px 8px;padding-left:80px;}

/*#contentnavigation li li a {background-position:30px 8px;padding-left:40px;}
#contentnavigation li li li a {background-position:40px 8px;padding-left:50px;}
#contentnavigation li li li a {background-position:50px 8px;padding-left:60px;}
#contentnavigation li li li li a {background-position:60px 8px;padding-left:70px;}
#contentnavigation li li li li li a {background-position:70px 8px;padding-left:80px;}
*/

.teller p {margin:5px;}


/* Rijkstrainee photoviewer */
.photoviewer .thumbholder, .photoviewer .open-album {float:left; width:66px; height:66px; overflow:hidden; margin:3px;}
.photoviewer .open-album {text-align:center; background:#E5F0DF;}
.photoviewer .open-album a {vertical-align:middle; margin-top:15px; display:block;}

.photoviewer .title {height:20px; display:block;}
.photoviewer .title h2 {display:inline; float:left; margin:0;}
.photoviewer .title h2 a {text-decoration:none;}
.photoviewer .title span {float:right;}

.photoviewer .albumholder {margin-bottom:20px;}


.prevnext {text-align:center; position:relative;height:23px !important;padding-top:5px;}
.prevnext a {color:#333;}
.prevnext a.hidden {color:#E8E8E8; background:none;}
.pagenumbers table{margin:5px auto 0;}
.prev, .next {font-size:11px;margin-top:0}
.prevnext .prev {position:absolute; left:10px; top:5px; }
.prevnext .next {position:absolute; right:10px; top:5px;}


.red-alert {color:#F00; font-weight:bold;}
.open-sollicitatie-styling {display:block; background-color:#FFF; margin:2px; padding:10px;}
form#publicerencv ul.sectoren {width:22.2em; display:block; list-style:none; float:left; margin-bottom:0; margin-left:0;}
table#bereikbaarheid {display:inline; width:22.2em;}
.vertical-align {vertical-align:middle;}
.bottom-margin {margin-bottom:15px;}

/* copy-paste from werkgever/binnen-berijk/dsp_inschrijven */
	#inschrijven {padding:10px;}
	#inschrijven div {margin-left:5px;padding-top:1px;padding-bottom:1px; float:left; height:30px;}

	#inschrijven label {display:block;width:150px;float:left;margin-bottom:5px;padding-top:1px;}
	#inschrijven input, #inschrijven select {padding-left:3px;margin-bottom:5px;float:left;}
	
	#inschrijven .tooltip {display:none;float:left;width:1px;height:1px;margin-top:-10px;background:url(/images/tooltipverplicht.gif) no-repeat;padding:25px 0 0 9px;overflow:visible;}
	#inschrijven .tooltipinner {height:auto;position:absolute;width:125px;z-index:100; border:1px solid #5B1515;background-color:#D75454;padding:5px;color:#FFF;margin-top:-15px;}
	#inschrijven .tooltiphelp {height:auto;border:1px solid #AD8C29;background-color:#EEDE9F;color:#344456;}

	#inschrijven span {display:block;float:left;padding-left:20px;width:150px;}
	#inschrijven span.reedsingevuld {padding-left:0px;width:150px;}

	#inschrijven input.btn {width:auto;float:right;}
	#inschrijven label {padding-left:20px;padding-right:5px;}
	#inschrijven label.required {background:url(/images/required.gif) no-repeat 5px 5px;}

	#inschrijven .kortveld {width:100px;}
	#inschrijven .langveld {width:220px;}
	#inschrijven  .radio {width:auto;float:left;border:0;}
	
	#errors {display:none;}	
	input.errHilite, select.errHilite, textarea.errHilite {border: 1px solid #C00;}
/** 
 * colors.css 
 * 
 * Sets up available colors.
 * 
 * @version			1.0
 * @date			2009-12-02
 * @author			Rhinofly (Nicoline Wouterlood)
 * @project			2009431
 * @link			http://www.werkenbijhetrijk.nl
 *
 */
 
 /* Colors for MOBI - GREEN */


.color-full {background-color:#4E9625;}
.color-lighter {background-color:#CBE1BF;}
.color-lightest {background-color:#E5F0DF;}
.color-grey {background-color:#F3F5F6;}

.dark-blue {background-color:#DEEFF6;}
.light-blue {background-color:#EEF7FA;}

.dark-grey {background-color:#E3E8EA;}
.light-grey {background-color:#F3F5F6;}

#sitenavigation {background:#4E9625;border-bottom:10px solid #CBE1BF;}
#sitenavigation .nav a:hover, #sitenavigation .nav .sel a {background:#CBE1BF;}

.widget {border:2px solid #CBE1BF;}


/* Article navigation (vertical) */
#contentnavigation {width:230px;font-size:1.1em;}
#contentnavigation ul {width:230px;}
#contentnavigation li a {color:#000;text-decoration:none; background-image:url(/static_shared/images/layout/arrows.png);background-position:20px 8px;background-repeat:no-repeat;display:block;padding: 3px 0 4px 30px;}
#contentnavigation li a:hover {background-color:#CBE1BF;}

#contentnavigation li.active a {background:#CBE1BF;background-image:url(/static_shared/images/layout/arrows.png);background-position:20px -82px;background-repeat:no-repeat;}
#contentnavigation li.active ul li a {background:none;background-image:url(/static_shared/images/layout/arrows.png);background-position:30px 8px;background-repeat:no-repeat;}
#contentnavigation li.active ul li a:hover {background-color:#CBE1BF;}
#contentnavigation li.active ul li.active a {background:#CBE1BF;background-image:url(/static_shared/images/layout/arrows.png);background-position:30px 8px;background-repeat:no-repeat;}

#contentnavigation li li a {background-position:30px 8px;padding-left:40px;}
#contentnavigation li li li a {background-position:40px 8px;padding-left:50px;}
#contentnavigation li li li a {background-position:50px 8px;padding-left:60px;}
#contentnavigation li li li li a {background-position:60px 8px;padding-left:70px;}
#contentnavigation li li li li li a {background-position:70px 8px;padding-left:80px;}