/* $Id:$ */
body { font: 69%/1.5em Verdana, Geneva, Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif; background-color: #cccccc; color: #000000; }
table { font: 1em/1.5em Verdana, Geneva, Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif; }
div#stagebank { width: 760px; margin: 0 auto; }
span.delimiter { speak: none; }
input[type='text'] { width: 130px; }
input, select, textarea { font: 1em Verdana, Geneva, Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif; vertical-align: middle; background-color: #ffffff; }
div.rastererror { margin-left: 0 !important; padding: 5px 5px 5px 28px !important; color: #cc0000 !important; background: #eeeeee url(/assets/images/ras.gif) no-repeat 1px 10px !important; }
/* siteheader */
div#siteheader { background-color: #2A2A2A; padding-top: 10px; }
div#siteheader a.skiplink:link, div#siteheader a.skiplink:visited { float: left; color: #2A2A2A; margin: -0.8em 0 0 0.3em; font-size: 0.8em; }
div#siteheader a.skiplink:hover, div#siteheader a.skiplink:focus, div#siteheader a.skiplink:active { color: #ffffff; }
div#siteheader h1 { padding-right: 57px; padding-bottom: 2px; height: 64px; }
div#siteheader h1 a { display: block; height: 64px; width: 220px; background: url(/assets/images/stagevinden-logo.png) no-repeat right top; float: right; text-decoration: none; }
div#siteheader h1 span, div.pageheader h2 span { display: none; }
/* navigation */
div#nav { margin-top: -1.5em; padding: 5px 0 0 5px; font: bold 1.3em Arial, Helvetica, sans-serif; }
div#nav ul { margin: 0; padding: 0; list-style: none; }
div#nav li { margin: 0; padding: 2px; display: inline; background-color: #cccccc; border: 1px solid #333333; }
div#nav li.active { background-color: #ffffff;}
div#nav a:link, div#nav a:visited { text-decoration: none; color: #2A2A2A; }
/* subnav */
div#subnav { width: 758px; background-color: #ffffff; border-left: 1px solid #333333; border-right: 1px solid #333333; }
div#subnav ul { margin: 0; padding: 0 0 0 78px; display: block; list-style: none; background-color: #333333; height: 35px; width: 431px; border-right: 1px solid #333333; border-bottom: 1px solid #ffffff; }
div#subnav ul li { font-weight: bold; display: inline; }
div#subnav ul li.active a, div#subnav ul li a:hover { background-color: #ffffff; color: #333333; }
div#subnav ul li a { margin: 0 -1px 0 0; padding: 0 5px; display: block; float: left; color: #ffffff; text-decoration: none; line-height: 35px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
/* pageheader */
div.pageheader#zoek-mbo-stage { padding: 17px 0 2px 12px; background: #eeeeee url(/assets/images/bg-peinzend.jpg) no-repeat left top; border: 1px solid #333333; border-bottom: 0; }
div.pageheader#zoek-mbo-stage h2 { padding-top: 77px; background: url(/assets/images/zoek-mbo-stage.png) no-repeat left top; }
div.pageheader#stage-aanmelden { padding: 13px 0 2px 12px; background: #eeeeee url(/assets/images/bg-lachend.jpg) no-repeat left top; border: 1px solid #333333; border-bottom: 0; }
div.pageheader#stage-aanmelden h2 { padding-top: 81px; background: url(/assets/images/stage-aanmelden.png) no-repeat left top; }
div.pageheader#stagevinden-info { padding: 6px 0 2px 12px; background: #eeeeee url(/assets/images/bg-lezen.jpg) no-repeat left top; border: 1px solid #333333; border-bottom: 0; }
div.pageheader#stagevinden-info h2 { padding-top: 88px; background: url(/assets/images/stagevinden-info.png) no-repeat left top; }
/* content */
div#content { width: 758px; background-color: #eeeeee; border-left: 1px solid #333333; border-right: 1px solid #333333; }
div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* main content */
div#main div.tekst { margin: 5px; padding: 0; background: transparent; }
div#main { width: 509px; border-right: 1px solid #333333; float: left; margin-left: 0; background-color: #ffffff; min-height: 210px; }
div#main h3 { padding-left: 35px; border-top: 3px solid #333333; border-bottom: 1px solid #cccccc; background-color: #2a2a2a; color: #ffffff; line-height: 2.6em; background-repeat: no-repeat; background-position: center left;}
div#main p.form-note { font-size: 0.9em; display: block; padding-left: 10px; background-color: #dddddd; }
div#main span.required-marker { background: url(/assets/images/black-dot.gif) no-repeat center; color: #000000; font-size: 6px; padding: 0 2px 0 1px; }
div#main label span.required-marker { margin-left: -7px; line-height: 1em; }
div#main div { background-color: #eeeeee; margin-bottom: 25px; }
div#main form {	background-color: #dddddd; padding-top: 8px; }
div#main table { width: 100%; border-collapse: collapse; }
div#main td, div#main th { vertical-align: top; padding: 2px 2px 2px 10px; text-align: left; }
div#main th { border-bottom: 1px solid #dddddd; padding-top: 10px; font-weight: bold; }
div#main tr.odd td, div#main tr.even td { border: 1px solid #dddddd; border-left: 0; }
div#main tr.odd, div#main div.odd { background-color: #dddddd; }
div#main tbody.clickable-rows tr.odd td, div#main tbody.clickable-rows tr.even td { cursor: pointer; }
div#main tr td.verder-link { margin: 0; padding: 5px 0 0 0; vertical-align: top; border-left: 1px solid #dddddd; }
div#main td.verder-link a { display: block; margin: 0 auto; height: 13px; width: 13px; background: url(/assets/images/verder-button.gif) no-repeat left top; }
div#main td.verder-link a span { display: none; }
div#main label { display: block; font-weight: bold; cursor: pointer; }
div#main input[type='radio'], div#main input[type='checkbox'] { cursor: pointer; }
div#main div#stage-zoeken-form legend, div#main caption { display: none; }
div#main table th label {	margin-top: -8px; /*white-space: pre;*/ }
div#main div.submit-button { margin: 0; text-align: right; clear: both; font-weight: bold;  }
div#main div.submit-button label { display: inline; float: none; font-weight: bold; }
div#main div.submit-button a { background: url(/assets/images/submit-button.gif) no-repeat right top; padding-right: 20px; cursor: pointer; }
div#main div.submit-button label:hover span { text-decoration: underline; }
div#main a:link, div#main a:visited { color: #000000; text-decoration: none; }
div#main div p.content { margin: 0 5px; }
div#main div p.content a, div#main div#stage-zoeken-tekst a, div#main div#informatie a, div#main div#stage-aanmelden-tekst a , div#sidebar div#sidebar-tekst a, div#main div.uitleg a { text-decoration: underline; }
div#main div.uitleg { margin: 10px; border: 1px solid black; padding: 5px; }
div#main a:hover span, div#main a:focus span, div#main a:active span { text-decoration: underline; }
div#main span.delimiter, div#main a:hover span.delimiter { color: #000000; font-weight: bold; text-decoration: none; }
div#stage-details div p a:link, div#stage-details div p a:visited { text-decoration: underline; }
div#main span.verder-link { background-color: #eeeeee; display: block; padding-right: 2px; text-align: right; line-height: 1.9em; font-weight: bold; }
/* stage zoeken form */
div#main div#stage-zoeken-form form { margin: 0;  padding: 0; }
div#main div#stage-zoeken-form h3 { background-image: url(/assets/images/ico-zoek.gif); }
div#main div#stage-zoeken-form p { padding: 5px 5px 5px 10px; background-color: #dddddd; }
div#main div#stage-zoeken-form fieldset#richting { width: 386px; margin: 0; padding: 0; overflow: hidden; border: 0; }
div#main div#stage-zoeken-form fieldset#richting label { font-weight: normal; float: left; width: 17.48em; }
div#main div#stage-zoeken-form select { width: 354px; }
div#main input#plaatsnaam, div#main input#bedrijfsnaam, div#main input#naam, div#main input#email, div#main input#onderwijsinstelling { width: 350px; }
div#main input#relatienummer { width: 200px; }
div#main div#stage-zoeken-form fieldset#richting input:focus { outline: 1px dotted black; }
/* zoek profiel */
div#main div#stage-zoeken-tekst h3 { background-image: url(/assets/images/ico-zoek.gif); }
div#main div#stage-zoeken-tekst { padding-bottom: 11px; }
div#main div#stage-zoeken-tekst p { margin: 11px; }
/* stage aanmelden tekst */
div#main div#stage-aanmelden-tekst h3 { background-image: url(/assets/images/ico-potlood.gif); margin-bottom: 6px; }
div#main div#stage-aanmelden-tekst { padding-bottom: 11px; }
div#main div#stage-aanmelden-tekst p { margin: 11px; }
/* nieuwe stages */
div#main div#nieuwe-stages h3 { background-image: url(/assets/images/ico-stagebank.gif); }
div#main td.datum { white-space: pre; }
/* email nieuwe stages teaser */
div#main div#teaser-email-nieuwe-stages h3 { background-image: url(/assets/images/ico-check.gif); }
div#main div#teaser-email-nieuwe-stages { background-color: #dddddd; }
div#main div#teaser-email-nieuwe-stages p { margin: 5px 10px; }
/* zoekresultaten */
div#main div#zoekresultaten h3 { background-image: url(/assets/images/ico-stagebank.gif); }
div#main div#zoekresultaten p { margin: 5px 10px; }
div#main div#zoekresultaten table { margin: -4px 0 10px; }
div#main div#zoekresultaten span.verder-link { background: none; margin-top: -1.7em; }
div#main p.result-pages, div#main div#zoekresultaten p.result-pages { margin: 5px 0; padding-bottom: 5px; text-align: right; }
div#main p.result-pages a:hover, div#main p.result-pages a strong { text-decoration: underline; }
/* stage details */
div#main div#stage-details address { font-weight: bold; margin: 10px; margin-top: 5px; }
div#main div#stage-details div { margin: 0; }
div#main div#stage-details h4 { float: left; width: 16em; padding: 5px 0 5px 10px; }
div#main div#stage-details div p { margin-left: 17em; border-left: 3px solid #dddddd; padding: 5px 0 5px 10px; }
div#main div#stage-details div div { clear: both; margin: 0; overflow: hidden; width: 509px; }
div#main div#stage-details h3 { background-image: url(/assets/images/ico-stagebank.gif); }
div#main div#stage-details h3.aanmelden { background-image: url(/assets/images/ico-potlood.gif); }
div#main div#stage-details div.uitleg { margin: 10px; padding: 5px; }
/* leerbedrijf zoeken */
div#main div#leerbedrijf-zoeken-form h3 { background-image: url(/assets/images/ico-potlood.gif); }
div#main div#leerbedrijf-zoeken-form form { border-top: 1px solid #ffffff; border-bottom: 16px solid #ffffff; }
div#main div#leerbedrijf-zoeken-form fieldset { border: 0; padding-left: 11px; }
div#main div#leerbedrijf-zoeken-form legend { font-weight: bold; padding: 0; }
div#main div#leerbedrijf-zoeken-form label { font-weight: normal; position: relative; }
div#main div#leerbedrijf-zoeken-form input { position: absolute; left: 8.6em; }
div#main div#leerbedrijf-zoeken-form div.submit-button label { font-weight: bold; }
div#main div#leerbedrijf-zoeken-form div.submit-button input { position: static; }
/* stage aanmelden */
div#main div#stage-aanmelden-form h3 { background-image: url(/assets/images/ico-potlood.gif); }
div#main div#stage-aanmelden-form th { width: 155px; }
div#main div#stage-aanmelden-form address { font-weight: bold; margin-bottom: 10px; }
div#main div#stage-aanmelden-form form { padding-left: 11px; }
div#main div#stage-aanmelden-form label { font-weight: normal; }
div#main div#stage-aanmelden-form input { width: 295px; }
div#main div#stage-aanmelden-form select { width: 299px; }
div#main div#stage-aanmelden-form label { white-space: normal; }
div#main div#stage-aanmelden-form textarea { width: 295px; height: 90px; }
div#main div#stage-aanmelden-form fieldset { padding: 0; }
div#main div#stage-aanmelden-form fieldset input { position: static; }
div#main div#stage-aanmelden-form div.submit-button label { font-weight: bold; }
div#main div#stage-aanmelden-form div.submit-button input { height: auto; width: auto; }
/* informatie */
div#main div#informatie h3 { background-image: url(/assets/images/ico-stagebank.gif); margin-bottom: 6px; }
div#main div#informatie p { margin: 0 11px 1em 11px; }
div#main div#informatie h4 { margin-left: 11px; }
/* contact formulier */
div#main div#contact-formulier { padding-bottom: 5px; }
div#main div#contact-formulier h3 { background-image: url(/assets/images/ico-stagebank.gif); margin-bottom: 6px; }
div#main div#contact-formulier p { padding: 0; padding-left: 10px; }
div#main div#contact-formulier fieldset { border: 0; margin: 0 0 0.5em 0; padding: 0; }
div#main div#contact-formulier fieldset legend { display: none; }
div#main div#contact-formulier p label { padding-left: 10px; float: left; width: 8.5em; font-weight: normal; }
div#main div#contact-formulier p > label { padding: 0; }
div#main div#contact-formulier p input { width: 350px; }
div#main div#contact-formulier p textarea { width: 350px; height: 150px; }
div#main div#contact-formulier p { clear: both; }
/* vorige <-> volgende */
div#main a.vorige { background: url(/assets/images/vorige-button.gif) no-repeat center; padding: 2px 4px; }
div#main a.volgende { background: url(/assets/images/volgende-button.gif) no-repeat center; padding: 2px 4px; }
div#main a.vorige span, div#main a.volgende span { visibility: hidden; }
/* terug link */
div#main div#zoeken-terug-link, div#main div#aanmelden-terug-link { margin-bottom: 1px; padding-bottom: 5px; text-align: right; color: #ffffff; background-color: #999999; clear: both; }
div#main div#zoeken-terug-link a, div#main div#aanmelden-terug-link a { display: block; padding-right: 20px; margin-top: 1px; color: #ffffff; background: url(/assets/images/terug-button.gif) no-repeat right top; }
/* Datum input */
div#main fieldset#datum { border: 0; padding: 0 0 0 10px; }
div#main td fieldset#datum { border: 0; padding: 0; }
div#main fieldset#datum legend { display: none; }
div#main fieldset#datum span { font-weight: bold; }
div#main fieldset#datum label { font-weight: normal; display: inline; }
div#main input#dd, div#main input#mm, div#main div#stage-aanmelden-form input#dd, div#main div#stage-aanmelden-form input#mm { width: 2em; }
div#main input#yyyy, div#main div#stage-aanmelden-form input#yyyy { width: 4em; }
/* Help block */
div#main div#stage-aanmelden-form a.help-block { position: absolute; margin-left: -16px;}
div#main div#stage-aanmelden-form a.help-block span { margin: 0; cursor: help; width: 17px; height: 17px; text-align: center; font-weight: bold; display: block; background-color: #cccccc; color: #ffffff; }
div#main div#stage-aanmelden-form a.help-block div.help-text { display: none; cursor: help; text-align: left; font-weight: normal; color: #000000; background-color: #ffffff; border: 1px solid #000000; position: absolute; padding: 5px 5px 5px 15px; width: 228px; top: -1.5em; left: 20px; z-index: 100; }
div#main div#stage-aanmelden-form a.help-block div.help-text h4 { text-transform: uppercase; letter-spacing: 0.3em; margin-bottom: 5px; }
div#main div#stage-aanmelden-form a.help-block:hover, div#main div#stage-aanmelden-form a.help-block:focus, div#main div#stage-aanmelden-form a.help-block:hover span, div#main div#stage-aanmelden-form a.help-block:focus span { text-decoration: none; background-color: #666666; }
div#main div#stage-aanmelden-form a.help-block:hover div.help-text, div#main div#stage-aanmelden-form a.help-block:focus div.help-text { display: block; }
/* edit & confirm link */
div#main p.edit-link a:link, div#main p.edit-link a:visited, div#main p.confirm-link a:link, div#main p.confirm-link a:visited { text-decoration: none; }
div#main p.edit-link a:hover, div#main p.edit-link a:focus, div#main p.edit-link a:active, div#main p.confirm-link a:hover, div#main p.confirm-link a:focus, div#main p.confirm-link a:active { text-decoration: underline; }
div#main p.edit-link, div#main p.confirm-link { font-weight: bold; margin-top: 10px; }
div#main p.edit-link { float: left; }
div#main p.edit-link a { background: url(/assets/images/terug-button.gif) no-repeat left top; padding: 2px 0 2px 20px; }
div#main p.confirm-link { text-align: right; }
div#main p.confirm-link a { background: url(/assets/images/submit-button.gif) no-repeat right top; padding: 2px 20px 2px 0; }
/* sidebar content */
div#sidebar { width: 233px; margin: 0; margin-left: -1px; padding: 15px 0 15px 15px; float: right; border-left: 1px solid #333333; background-color: #eeeeee; }
div#sidebar div { padding-bottom: 15px; }
div#sidebar h3 { text-transform: uppercase; letter-spacing: 0.3em; margin-bottom: 5px; }
div#sidebar ul { margin: 0; padding: 0; list-style: none; }
div#sidebar li { margin-bottom: 5px; margin-left: 2.3em; }
div#sidebar a:link, div#sidebar a:visited { color: #2a2a2a; text-decoration: none; }
div#sidebar a:hover span, div#sidebar a:focus span, div#sidebar a:active span { text-decoration: underline; }
div#sidebar span.delimiter, div#sidebar a:hover span.delimiter { font-weight: bold; text-decoration: none; }
div#sidebar li span.delimiter { margin-left: -2.3em; }
div#sidebar div#stage-ticker { color: #0094d6; background: url(/assets/images/stage-ticker.gif) no-repeat left center; height: 44px; padding-top: 20px; margin-left: -5px; padding-left: 70px; }
div#sidebar div#stage-ticker span { font-weight: bold; }
div#sidebar div#stage-ticker marquee { padding-top: 3px; width: 160px; position: relative; }
div#sidebar div#stage-ticker marquee a:link, div#sidebar div#stage-ticker marquee a:visited { text-decoration: none; color: #0094d6 }
div#sidebar div#stage-ticker marquee a:hover, div#sidebar div#stage-ticker marquee a:focus, div#sidebar div#stage-ticker marquee a:active { text-decoration: underline; }
div#sidebar div.teaser { text-align: center; }
div#sidebar div.teaser img,
div#sidebar div.teaser embed,
div#sidebar div.teaser object { margin-left: -4px; margin-top: 22px; }
/*div#sidebar li p { display: none; }*/

/* footer */
div#footer { background-color: #2A2A2A; color: #ffffff; text-align: right; padding-right: 14px; line-height: 2.3em; clear: both; }
div#footer ul { margin: 0; padding: 0; }
div#footer li { display: inline; padding-right: 28px; }
div#footer a:link, div#footer a:visited { color: #ffffff; text-decoration: none; }
div#footer a:hover span, div#footer a:focus span, div#footer a:active span { text-decoration: underline; }
div#footer span.delimiter, div#footer a:hover span.delimiter { font-weight: bold; text-decoration: none; }
/* branding */
div#branding { display: none; }
div#branding-ovdb-extra-text { display: none; }