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;}
	#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;}

/* Fix for CSOI-77 */
#vacature-detail #content-tertiary .widget p{overflow: hidden;}


/* 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:720px;padding-top:27px;}
#sitenavigation .nav li {float:left;}
#sitenavigation .nav a { display: block; padding: 3px 8px 3px 8px; 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:200px;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;}