/* 
	Colors:

	Magneta: #e1007a; Used for button background and meer info
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
a:focus,
input:focus {
	outline: #8d8b8d dotted 1px;
}
body {
	font-family: Verdana;
	background-color: #d1d1d1;
	font-size: 0.75em;
	line-height: 1.666em;
}
textarea 
{
	font-family: Verdana;
	font-size: 100%;
}

input, select 
{
	max-width: 26em;
    font-size: 1em;
    font-family: Verdana;
}

dl.hard > dd.crebo > select 
{
	width: 24em;
}

ol, ul {
	list-style: none;
}
p {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

th, td {
    vertical-align: top;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
	padding-left: 0.8333em;
	empty-cells: show;
}

th:first-child, td:first-child {
	padding-left: 1.6666em;
}
 
th.dateedit {
    width: 8.5em;
}

td.dateedit {
	white-space: nowrap;
}

a:visited,
a:link
{
    text-decoration: none;
    color: #820852;
}

a:hover 
{
	color: #E1007A;
}

input[type="text"] {
    width: 16em;
}

input[type="text"].populating 
{
    background-image: url('../Images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}


table input[type="text"] 
{
    
}
input[type="radio"]
{
	margin-left: 0;
}

input[type="checkbox"]
{
	margin: 0.25em 0 0;
	padding: 0;
    position: absolute;
}

input[type="checkbox"] + label 
{
	display: inline-block;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

ul.checkboxlist > li > label
{
	/*display: block;*/
	padding-left: 1.5em;
	display: inline-block;
	/*text-indent: -2.6666em;*/
	/*position: relative;*/
}

ul.checkboxlist > li > label > input[type="checkbox"]
{/*
	width: auto;
	left:0;
*/
	margin-left: -1.5em;
}

table input[maxlength="10"],
input[maxlength="10"] {
    width: 6.5em;
}

input[maxlength="5"] 
{
	width: 3em;
}

input[maxlength="7"] 
{
	width: 5em;
}

#ctl00_ContentPlaceHolder1_Ctrl_AanmeldRegistratie1_tbstraat
{
	width: 10.8em;
}

textarea 
{
	width: 23.5em;
	height: 5em;
}

table textarea {
}

button,
input[type="submit"] 
{
	min-width: 5em;
	text-transform: uppercase;
	background-color:#e1007a;
	color: White;
	border: 0;
	margin-top: 0.8333em;
	margin-bottom: 0.8333em;
}

input[type="submit"]:hover {
}

button[disable],
input[type="submit"][disabled]
{
	background-color: #989798;
}

em 
{
	text-transform: uppercase;
}

acronym 
{
	border-bottom: dotted 1px;
	cursor: help;
}

p.disclaim
{
	font-size: 75%;
	color: #989798;
}

#bannerHeader,
#main,
#mainNavigation,
#kenniscentra {
	display: block;
	max-width: 76.1666em; /*914px;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: -22px;
	
}

#main
{
	background-color: white;
	position: relative; 
	table-layout: fixed;
}
#main > div
{
    display: table-row;
}

#content
{
	display: table-cell;	
	vertical-align: top;
	
	width: 62.8%;
	position: relative;
	
	padding-bottom: 1.6666em;
}



body.wide #content {
	width: 81.4%;
}

body.regie #content {
	width: 100.0%;
}

#more {
	display: table-cell;
	vertical-align: top;
	width: 37.2%;
	position: relative;
	overflow: hidden;
	
	table-layout: fixed;
}

body.wide #more {
	width: 18.6%;
}

div.col {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}


#bannerHeader > img
{
	background: url('../Images/v3/h1_bg_Stagemarktnl.png') no-repeat;
	display: block;
}

#bannerHeader img.overlay
{
    position: absolute;
    top:0;
    left: 0;
}

#campagnelogos
{
    padding-bottom: 1.6666em;
}

h2, h3, h4, h5 ,
span.heading
{
	font-weight: normal;
    color: #e1007a;
    display:block;
}

div.section4 > span.eigenheader
{
	font-weight: normal;
    color: #e1007a;
}

div.kleineretekst
{
	font-size:0.8em;
}

input+span.heading
{
	padding-top: 1.3333em;
}

h2, h3
{

	text-transform: uppercase;
}

h2 {
    font-size: 1.3333em;
}



#more div.section3 > div.section {
	padding: 1.17em 0.9em ;
}

legend
{
	display: none;
}


dt, dd {
	margin-top: 0.5em;
}


div.borderimage 
{
	background: url('../Images/v3/border-right.png') no-repeat  bottom right;
	width: 20px;
	position: absolute;
	right: 0;
	top: 0;
	bottom:0;
}

div.innersection {
	position: relative;
}

span.shorthelp 
{
	display: inline-block;
	background-image: url('../Images/v3/ico_hint.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	width:17px;
	height: 17px;
	vertical-align: bottom;
}

span.shorthelp span
{
	padding: 0.5em 0.5em 0.5em 2em;
	border: solid 1px white;
	cursor: default;
	display: none;
	background-color: #989798;
	position: absolute;
	overflow: visible;
	z-index: 10;
	width: 15em;
	margin: 0;
}

span.AlertPanel 
{
    margin-top: 25px;
    padding: 0.5em 0.5em 0.5em 2em;
    border: 1px solid #E1007A;
     
    cursor: default;
    display:block;
    background-color: #FFFFFF;
    position: absolute;
    overflow: visible;
     z-index: 5;
    width: 810px;
    margin: 0;
    color: #E1007A;
}


#content span.AlertPanel  tr,
#content span.AlertPanel td
{
	border:0;
}

span.checkboxlist
{
	display: inline-block;
}

#quicklinks 
{
	font-size:0.8em;
	z-index: 2;
	position: absolute;
	top: 1em;
	right: 3em;
}

#quicklinks  li 
{
	padding: 0 0.5em;
	display: inline;
	border-left: solid 1px white;
	color: White;
}
#quicklinks  li:first-child {
	border-left: none;
}

#quicklinks  li a 
{
	
	color: White;
}


#mainNavigation {
	margin-top: 0.6666em;
	
	background-color: #e1007a;
	color: white;
	overflow: auto;
}

#mainNavigation a {
	color: white;
	text-decoration: none;
	padding: 0.8em 1.1em;
	display: inline-block;
	outline: none;
}

#mainNavigation #currentDate {
	position: absolute;
	right: 1em;
	line-height: 1em;
	padding-top: 0.8em;
	padding-right: 20px;
	text-transform: uppercase;
}

#mainNavigation li {
	display: block;
	float: left;
	
	text-transform: uppercase;
	line-height: 1em;
	

	border: solid #ef7fbc;
	border-width: 0 1px;
}

#mainNavigation li + li 
{
	border-left: none;
}

#mainNavigation li:hover {
	background-color: #820852;
}

#mainNavigation li:first-child {
	margin-left: 1.666em;
}

#labelstagemarktnl {
	position: absolute;
	right: -55px;
	top: 40px;
}

#beheerColo {
	position: absolute;
	right: -14px;
	bottom: 0;
}

ul#kenniscentra {
	text-align: center;
	height: 2em;
	overflow: hidden;
}

ul#kenniscentra > li
{
	font-size: 0.75em;
	text-transform: lowercase;

	display: inline;
	border-left: 1px solid;
	padding: 0 1.9ex;

}

ul#kenniscentra > li:first-child
{
	border-left: none;
}


div.section3 {
	margin-top: 1.6666em;
	margin-bottom: 1.6666em;
}

.errors {
    display: block;
    left: 0;
    border: 1px solid #0BCDC2;
    padding: 0.5em;
    background-color: White;
    color: #0BCDC2;
    z-index: 100;
    margin-right: 1.6666em;
}
.Confirm 
{
	text-align:center;
    display: block;
    left: 0px;
    width: 840px;
    top:2em;
    min-height:435px;
    position:absolute;
    border: 1px solid #e1007a;
    border-top: 20px solid #e1007a;
    padding: 0em;
    color: #000;
    background-color: #d1d1d1;
    
    z-index: 100;
    margin-right: 1.6666em;
    
}

#content .Confirm > table
{
	margin: 0;
}

.error 
{
	color: #0BCDC2;
}

.validation
{
	display: none;
}

.validationerror 
{
	display: block;
	color: #0BCDC2;
}

.validationerror[style="DISPLAY: inline"],
.validationerror[style="display: inline;"]
{
	display: block !important;
}

#generalSearch .validationerror[style="display: inline;"]
{
	display: inline  !important;
}

.KC .validationerror 
{
	display: block;
}

#content ul.shortcuts {
	list-style-type: none;
	padding-left: 0;
}

#content ul.shortcuts li 
{
	display: inline-block;
	padding-right: 1em;
}

input.forgetPassword {
	border: 0;
	background-color: Transparent;
	margin: 0;
	padding: 0;
	
	width: auto;
	height: auto;
	
	text-align: left;
	white-space: normal;
}

/* Section specific stylings */

/* Section: main content */
#content h2, 
#content h3,
#content h4,
#content h5,
#content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

#accordion > .ui-state-active   {margin-bottom:0em;}
#accordion > .ui-state-default  {margin-bottom:2em;}

#accordion h2,
#accordion h3{
    margin-top: 0em;
    margin-bottom:0em;
}

#vacaturelegend
{
	margin-left:10px;
	}

#content div.section2 + div.section2 
{
    margin-left: -1.6666em;
    margin-top: 2em;
    border-top: solid 2px #e1007a;
    padding-left: 1.6666em;
}

#content ul {
	padding-left: 2em;
	list-style-type: circle;
}
#content ol {
	padding-left: 2em;
	list-style-type: decimal;
}

#content > div.datacontent > div.section1 
{
	margin-top: 1.6666em;
	margin-left: 1.6666em;
}

#content > div.section1 {
    margin-left: 1.6666em;
    margin-top: 1.6666em;
}

#content .section1 {
    padding-left: 1.6666em;
    padding-right: 1.6666em;
}

#content .sectionmeerinfometbalk {
    padding-left: 0;
}




.bold {
	font-weight:bold;
}

.datum {
	width: 80px;
}

#content table
{
    margin-left: -1.6666em;
}

#content caption
{
    font-weight: bold;
    color: #989798;
    padding-left: 1.6666em;
}

#content th 
{
    color: White;
    
    /* Readded, mijn profiel misses table header display otherwise
	 *	-- JA 23/06/2010 */
    background-color:  #e1007a;
}

#content th.bedrijfsmoduleheader
{
    background-color:  #e1007a;
}

#content tbody th[scope="rowgroup"] 
{
	padding-top: 1.5em;
    padding-bottom: 0.5em;
    
	color: #e1007a;
	background-color: White;
}

#content tr td
{
    border-bottom: solid 1px #e1007a; 
}

#content dl
{
    overflow: hidden;
}

#content dl dt,
#content dl dd
{
    
}
#content dl dt
{
	color: #989798;
    width: 15em;
    
    clear: both;
    float: left;
}


#content span.or
{
	margin-left: 15em;
}

#content dl dt label {
	color: Black;
}


#content dl dd
{
    padding-left: 15em;
}

#content fieldset dl dt {
    color: Black;
}

#content span.languageswitch {
	display: block;
}

#content span.languageswitch input[type="submit"] {
	background-color: Transparent;
	color: #820852;
	text-transform: none;
	padding: 0;
	cursor: pointer;
}



/* Overrides */
#content ul.navigator,
#content ul.navigatorlast,
#content ul.searchresults,
#content ul.autocomplete
{
	list-style-type: none;
	padding-left: 0;
}

/* Section: main content - Zoeken */
#generalSearch label 
{
	text-transform: uppercase;
}

.searchpage > .section
{
	min-height: 193px;
	background: #000 url('../Images/v3/page_zoeken_h1_bg.jpg') no-repeat right -220px ;
	color: white;
	padding-right: 0;
	position:relative;

	margin-left: -1.6666em; 
	margin-right: -1.6666em;
}

.searchpage > .section > .innersection
{
	background: transparent url(../Images/v3/border-right.png) no-repeat scroll right bottom
}

#content .searchpage > .section dt,
#content .searchpage > .section dt label {
    color: white;
    text-shadow: 0 0 1em #4a4a4a;
}

#generalSearchLess, #generalSearchMore 
{
	color: White;
	text-decoration: none;
	margin-top: 0.8333em;
	position: absolute;
	right: 30px;
}

.searchpage.collapsed #generalSearchLess,
.searchpage.expanded #generalSearchMore {
	display: none;
}

.searchpage > .section > h1 {
	padding-top: 1.6666em;
}

.searchpage > .section > .innersection 
{
	padding-top: 1.6666em;	/* 20px */
	padding-bottom: 0.8333em; /* 10px */
	min-height: 163px;	/* + paddings = 193px is default image height */
}

.searchpage > .section > .innersection {
	padding-left: 1.6666em;
}

.searchpage > .section > .innersection {
	padding-right: 1.6666em;
}

#content #generalSearch dl dt,
#content #generalSearch dl dd
{
    display: block;
    float: none;
    width: auto;
    padding-left: 0;
}

#content #generalSearch dl dd {
    margin-top: 0;
}

#content #generalSearch  dl dl,
#content #generalSearch  dl dl dd{
	display: inline;
	vertical-align: bottom;
}


#generalSearch input[type="text"]  
{
	vertical-align: bottom;
	width: 11em;
	border: 1px solid white;
}

#generalSearch input[size="4"],
#generalSearch dl.compagnie  input[size="4"] {
	
	width: 4em;
}

#generalSearch input.crebodescription 
{
    width: 26em;
}


#generalSearch select {
	max-width: 18em;
	vertical-align: bottom;
}

#generalSearch #ziprange 
{
    background-color: #e1007a;
    color: White;
    padding: 3px 1em;
}


#generalSearch dl dl  {
	letter-spacing: -1px;
}

#generalSearch dl.compagnie input {
	width: 16.5em;
}

#generalSearch dl.compagnie input.street  
{
	width:13.5em;
}

#generalSearch dl.compagnie input.housenumber {
	width: 2em;
	margin-left: 0.5em;
}

#generalSearch .compagnie,
#generalSearch .crebo
{
	padding-top: 2em;
	float: left;
	width: 20em;
	vertical-align: top;
}

#generalSearch .crebo
{
	width: 21em;
}

#content .searchresults dd.functie
{
	padding-left:10em;	
}

@media print, screen
{
	.collapsed #generalSearch .compagnie ,
	.collapsed #generalSearch .crebo
	{
		display: none;
	}
}

/* Section: Main content - Zoek resultaten */
ul.navigator,
ul.navigatorlast {
	position: absolute;
	right: 0;
}

ul.navigator {
	top: 0;
}

ul.navigator li,
ul.navigatorlast li {
	display: inline;
}

ul.navigator li a img,
ul.navigatorlast li a img {
	vertical-align: -1px;
}

#content .searchresults dl dt,
#content .searchresults dl dd 
{
    margin: 0;
    float: none;
    width: auto;
    min-height:1em;
}

#content .searchresults dd.orderno,
#content .searchresults dd.opleiding {
	display: block;
	font-weight: bold;
	color: White;
}

#content .searchresults li dl.opleidingmatch {
    position: relative;
    overflow: visible;
    padding-bottom: 2px;
    padding-top: 2px;
}

#content .searchresults dl.opleidinginfo 
{
	padding-top: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 1em;
	
	/* 	overflow: auto; waarom ook alweer? */
	line-height: 1.143em;
}

.searchresults dl.opleidinginfo {
	border-top: 1px solid black;
}


.searchresults li.available dl.opleidingmatch {
    background-color: #e1007a;
}

.searchresults li.available dl.opleidinginfo {
	border-color: #e1007a;
}


.searchresults li.unknown dl.opleidingmatch {
    background-color: #820852;
}

.searchresults li.unknown dl.opleidinginfo {
	border-color: #820852;
}


.searchresults li.unavailable dl.opleidingmatch {
    background-color: #989798;
}

.searchresults li.unavailable dl.opleidinginfo {
	border-color: #989798;
}


#content .searchresults 
{
    margin-left: -1.6666em;
    width: auto;
}


#content .section2 .searchresults dl.opleidingmatch dt,
#content .section2 .searchresults dl.opleidingmatch dd,
#content .section2 .searchresults dl.bedrijfsinfo,
#content .section2 .searchresults dl.opleidinginfo
{
	padding-left: 1.6666em;
}

#content .section2 .searchresults dl.opleidingmatch dd.opleiding {
	padding-left: 0.5em;
}


#content .section2 .searchresults dl.bedrijfsinfo {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

@media screen, print {
#content .searchresults dt.orderno,
#content .searchresults dt.opleiding,
#content .searchresults dt.beroepeninformatie,
#content .searchresults dt.availability,
#content .searchresults dd.availability,
#content .searchresults dt.bedrijf, 
#content .searchresults dt.adres, 
#content .searchresults dt.postcode, 
#content .searchresults dt.plaats {
	display: none;
}

#content .searchresults dd.orderno,
#content .searchresults dd.opleiding,

#content .searchresults dd.adres, 
#content .searchresults dd.postcode, 
#content .searchresults dd.plaats, 
#content .searchresults dt.tel, 
#content .searchresults dd.tel {
	display: inline;
}

#content .searchresults dd {
	padding-left: 0;
}

#content .searchresults dd.postcode, 
#content .searchresults dd.plaats {
	padding-left: 0.5em;
}

#content .searchresults dt.tel {
	margin-left: 2em;
}

#content .searchresults dd.tel {
	position: relative;
	background-color: White;
}

#content .searchresults dd.beroepeninformatie {
	position: absolute;
	right: 10px;
	top: 2px;
}

#content .searchresults dl.opleidingmatch dt.availability,
#content .searchresults dl.opleidinginfo dt 
{
	margin: 0;
	float: left;
	clear: left;
	width: 10em;
}


#content .searchresults dt.matchscore {
    position: absolute;
    bottom: -4em;
    right: 0;
}

#content .searchresults dd.matchscore 
{
    /*top: 1.25em;*/
    /*margin-top: 0.25em;*/
    color: #989798;
    font-size: 200%;
    right: 0;
    bottom: -1em;
    position: absolute;
}

#content .searchresults dl.opleidinginfo dd.crebonummer
{
	margin: 0;
	float: left;
}

#content .searchresults dl.opleidinginfo dt.codeleerbedrijf 
{
	clear: none;
	padding-left: 2em;
	float: left;
	width: auto;
}

#content .searchresults dl.opleidinginfo dd.codeleerbedrijf {
	
	float: left;
	clear: right;
	padding-left: 1em;
}

#content .searchresults a.moreinfo {
    position: absolute;
    right: 0;
    margin-top: -2.3333em;
}

#content .searchpage .availability dt
{
	width: 30em;
}
}


#vacaturelegend li
{
	padding-left: 40px;
	min-height: 33px;
	margin-top: 1em;
	margin-bottom: 1em;
}


#vacaturelegend .available 
{
	background: white url('../Images/v3/zoek_explanation_erkend_plaats.png') no-repeat top left;
}

#vacaturelegend .unavailable 
{
	background: white url('../Images/v3/zoek_explanation_erkend_onbekendplaats.png') no-repeat top left;
}

#vacaturelegend .unknown 
{
	background: white url('../Images/v3/zoek_explanation_erkend_geenplaats.png') no-repeat top left;
}


dl#vacaturelegend dt
{
	text-indent: -1000em;
	overflow: hidden;
	height: 5em;
	width: 5em;
}	

dl#vacaturelegend dt + dd
{
	padding-left: 6em;
}

/* Section: Page Zoeken via profiel */

#pageprofilesearch dt.options {
	display: none;
}

#pageprofilesearch dd.options ul {
	padding-left: 0;
	list-style-type: none;
}

div.maincrit 
{
	background:transparent url(../Images/v3/explanation_corner.png) no-repeat scroll right bottom;
	padding-right: 20px;
	margin-left: -1.6666em;
	margin-right: -1.6666em;
}

div.maincrit > div.inner
{
    
    
    padding: 0.8333em 1.6666em;
    
    border: solid 1px #E1007A;
    border-right: none;
}

#content .maincrit dt {
    width: 16em;
}

#content .maincrit dd 
{
	padding-left: 16em;
}

#content dl.hard dd.crebo input 
{
	width: 23.2em;
}

#content dl.hard dt.options  {
    display: none;
}

#content dl.hard dd.options ul,
#content dl.hard dd.options ul
{
    padding-left: 0;
    list-style: none;
}

#pageprofilesearch h1,
#pageprofilesearch_results h1,
#pageprofilesearch_resultsdetails h1 {	
	min-height: 46px;   /* img 64px - 18px offset */
	background: #39bbb3 url('../Images/v3/page_profilesearch_h1_bg.jpg') no-repeat right top;
	color: white;
	padding-right: 20px;
	position:relative;
	
	margin-left: -1.6666em;
	margin-right: -1.6666em;
	padding-top: 18px;
	padding-left: 1.6666em;
}

.searchresult h3 {
    /*background-color: #E1007A; */
    color: White;
    margin-left: -1.6666em;
    padding-left: 1.6666em;
}

.searchresult th + th {
	border-left: solid 1px white;
}

.searchresult td + td {
	border-left: solid 1px #E1007A;
}


#pageprofilesearch_resultsdetails dl {
    margin-left: -1.6666em;
    padding-left: 1.6666em;
}

#pageprofilesearch_resultsdetails dt 
{
    margin-left: -1.6666em;
    padding-left: 1.6666em;
}


.BeroepenItem img 
{
	max-width: 500px;
}

/*
 * 2009-05-12 Removed on request from Ellen, to busy 
 *
#pageprofilesearch_resultsdetails dt,
#pageprofilesearch_resultsdetails dt + dd {
    border-top: solid 1px #E1007A;
}
*/

#pageprofilesearch_resultsdetails dt:first-child,
#pageprofilesearch_resultsdetails dt:first-child + dd {
    border-top: 0;
}

#pageprofilesearch_resultsdetails .matches,
#pageprofilesearch_resultsdetails .matches ul
{
    padding-left: 0;
    list-style-type: none;
}

#pageprofilesearch_resultsdetails .matches ul li {
	padding-left: 18px;
	text-indent: -18px;
}

#pageprofilesearch_resultsdetails .matches td 
{
    width: 50%;
}

/* Allow more search options for javascript disabled browsers */
.collapsed #generalSearch #zoekenmore:target .compagnie ,
.collapsed #generalSearch #zoekenmore:target .crebo
{
	display: block;
}

/* Section: Page Bedrijven */

#pagebedrijven h1,
#pagebedrijven_aanmeldensuccess h1,
#pagebedrijven_aanmeldstageplek h1,
#pagebedrijven_aanmeldengereed h1,
#pagebedrijven_aanmeldregistratie h1
{
	min-height: 46px;   /* img 64px - 18px offset */
	background: black url('../Images/v3/page_bedrijven_h1_bg.jpg') no-repeat right top;
	color: white;
	padding-right: 20px;
	position:relative;
	
	margin-left: -1.6666em;
	margin-right: -1.6666em;
	padding-top: 18px;
	padding-left: 1.6666em;
}

#pagebedrijven .tabelKop1
{
	font-weight:bold;
	padding-top:1.6666em;
}

#pagebedrijven_aanmeldstageplek div.compagniedata  a.edit
{
	position: absolute;
	right: 0;
}
/* Section: Page stagebegeleider */
#pagestagebegeleider_login h1,
#pagetemplateeditor h1,
#pagestagebegeleider h1,
#pagestagebegeleider_upload h1 {
	min-height: 46px;   /* img 64px - 18px offset */
	background: #789c94 url('../Images/v3/page_stagebegeleider_h1_bg.jpg') no-repeat right top;
	color: white;
	padding-right: 20px;
	position:relative;
	
	margin-left: -1.6666em;
	margin-right: -1.6666em;
	padding-top: 18px;
	padding-left: 1.6666em;
}

/* Section: Page myprofile */
#pagemyprofile h1,
#pagemyprofile_upload h1,
#pagemyprofile_created h1 {
    min-height: 46px;   /* img 64px - 18px offset */
	background: black url('../Images/v3/page_myprofile_h1_bg.jpg') no-repeat right top;
	color: white;
	padding-right: 20px;
	position:relative;
	
	margin-left: -1.6666em;
	margin-right: -1.6666em;
	padding-top: 18px;
	padding-left: 1.6666em;
}

#klacht textarea 
{
	height: 10em;
	width: 20em;
}

#pagemyprofile_created ul {
	list-style: none;
	padding-left: 0;
}

/* Section: Page klachtenformulier */
.klachtenformulier input[type="submit"] {
	margin-left: 15em;
}

/* Section: myprofile */
div.myprofile {
	padding-right: 20px;
	background: #820852 url('../Images/v3/border-right.png') no-repeat  bottom right;
	color: White;
}

div.myprofile label {
    text-transform: uppercase;
}

div.myprofile > div.section {
	overflow: hidden;
	min-height: 36px
}

div.myprofile > div.section input[type="text"],
div.myprofile > div.section input[type="password"] {
	background-color:white;
	border:0 none;
	color:black;
	width:100%;
}

div.myprofile h3,
div.myprofile input.forgetPassword,
div.myprofile li {
	font-size: 0.8em;
	line-height: 1.666em;
}

div.myprofile h3,
div.myprofile input.forgetPassword,
div.myprofile a {
	text-transform: none;
	color: white;
}

div.myprofile ul
{
	overflow: hidden;
}

div.myprofile ul li
{
	border-top:1px solid #B26694;
	margin-bottom:0.5em;
	padding-top:0.5em;

	position: relative;
	top: -1px;	/* Causes first border to disappear */
}


div.myprofile h3 {
	line-height: 1em;
	
}

div.myprofile .login h3 {
	margin-bottom: 1em;
}

div.myprofile h3 input[type="image"] {
	padding-top: 1px;
}

div.myprofile dt
{
	
}

div.myprofile dd 
{
	margin-top: 0;
}

/* Section: Stagemarkt.nl */
div.stagemarktnl {
	padding-right: 20px;
	background: #989798 url('../Images/v3/border-right.png') no-repeat  bottom right;
	color: white;
}

div.stagemarktnl > div.section {
	overflow: hidden;
}

div.stagemarktnl h3 {
	color: white;
}


div.stagemarktnl ul li {
	border-top: solid 1px #CBCBCB;
	padding-top: 0.5em;
}

div.stagemarktnl ul li:first-child {
	border-top: none;
}


/* Section: Moreinfo */
div.moreinfo {
	padding-right: 20px;
	background: #e1007a url('../Images/v3/border-right.png') no-repeat  bottom right;
	color: white;
}

div.moreinfo > div.section {
	min-height: 20.1em;
	overflow: hidden;
}

div.moreinfo h3,
div.moreinfo a {
	color: white;
}

div.moreinfo ul {
	border-top: solid 1px #f07fbc;
}

div.moreinfo h3 + ul {
	border-top: none;
}

/* Section moreinfo & profile */
div.moreinfo ul li,
div.stagemarktnl ul li {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	line-height: 1.4em;
}

/* Section: Page navigation */
div.pagenavigation 
{
	clear:both;
	padding-right: 20px;
	background: url('../Images/v3/explanation_corner.png') no-repeat bottom right;
}


div.pagenavigation > div.section {
	border: 1px solid #e1007a;
	border-right: none;
}

/* Section: Explanation */
div.explanation 
{
	clear:both;
	padding-right: 20px;
	background: url('../Images/v3/explanation_corner.png') no-repeat bottom right;
}


div.explanation > div.section {
	border: 1px solid #e1007a;
	border-right: none;
}

div.explanation p 
{
	color: #E1007A;
}


div.explanation div p:first-child {
	margin-top: 0;
}


.KC .section3{
	position: relative;
}

.KC span.download
{
	position: absolute;
	right: 0;
	top: 2em;
}

.KC span.download > span.imagetitle {
	display: block;
}

/* Other */
ul.autocomplete, /* For some reason, in safari 4 the autocomplete list is not generated next to its target control but first thing in the body */
#content ul.autocomplete
{
	background-color: White;
	color: Black;
	border: 1px solid  #e1007a;
	opacity: 0.9;
	z-index: 10;
	line-height: 1.5em;
	max-height: 18em; /* Always a multiply of line-height */
	overflow-y: scroll;
	overflow-x: hidden;
	
}

ul.autocomplete li
{
    cursor: default;
    white-space: nowrap;
}

ul.autocomplete .highlighted
{
    background-color: #e1007a;
    color: White;
}

table.filterable td 
{
	cursor: pointer;
}

th.header      
{
	cursor: pointer;     

	background-image: url(../Images/sort.gif);         
	background-repeat: no-repeat;     
	background-position: center right;     
	
	margin-left: -1px; 
	padding-right: 20px;
} 

th.headerSortUp 
{     
	background-image: url(../Images/asc.gif);    
} 

th.headerSortDown 
{     
	background-image: url(../Images/desc.gif);     
}

th.actions,
td.actions 
{
	width: 1em;
}

.werzaamheden
{
    display: block;
}


div.ajax__calendar td {
    padding: 0;
}

div.ajax__calendar  thead td {
    color: White;
    background-color:  #e1007a; 
}


th.filtered 
{
	/*border-bottom: 2px solid #f07fbc;*/
	text-decoration: underline;
}

td.filtered 
{
	background-color: #D1D1D1;
}

.toggleable 
{
	cursor: pointer;
}

#content ul.checkboxlist
{
	list-style: none;
	padding-left: 0;
}



/* Fase II */
#loginLeerbedrijfCtrl .codeleerbedrijf input
{
	font-family: Fixed,Monospace;
}

#content ul.sectionnavigation
{
	list-style: none;
	
	padding-top: 1.6666em;
	padding-left: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

#content ul.sectionnavigation li
{
	display: table-cell;
	background: #E1007A url('../Images/v3/tab_unselected.png') no-repeat right bottom;
	
	text-transform:uppercase;
	padding-left: 1.6666em;
	color: White;
}

#content ul.sectionnavigation li a:visited, 
#content ul.sectionnavigation li a:link
{
	color: White;
}

#content ul.sectionnavigation li.current
{
	background: #E1007A url('../Images/v3/tab_selected.png') no-repeat right bottom;
	border-left: 1px solid;
	color: #E1007A;
}

#content ul.sectionnavigation li.current >a
{
	position: relative;
	top: 0.3333em;
}

#content ul.sectionnavigation + div.section2 h2 + h3
{
	margin-top: 0;
}

/* Fase II, Leerbedrijf aanmelden */
#content .aanmeldenleerbedrijf dt
{
	width: 18em;
}

#content .aanmeldenleerbedrijf dl dd
{
	padding-left: 18em;
}

#content input.huisnummer,
#content input.huisnummertoevoeging
{
	width: 3em;
}

#content input.postcode
{
	width: 6.8em;
}

/* Fase II, bedrijven gegevens */

#content dl dt.changed
{
	color: Black;
}


#content div.gegevens > div.section
{
	margin-left: -1.6666em;
}

#content div.gegevens > div.section h1
{
	margin-left: 0;
}

div.gegevens div.section3,
#pagebedrijven div.gegevens h3
{
	margin-top:0;
	margin-bottom: 0;
}

#pagebedrijven div.gegevens h3
{
	background-color: #E1007A;
	color: White;
	text-transform: none;
	
	border-bottom: 5px solid white;
}

#content div.gegevens h3 a:hover
{
	color: White;
}

#content div.gegevens div.section2
{
	
	border-top: 0;
	padding-top: 0.8333em;
	
	background: url('../Images/v3/explanation_corner.png') no-repeat right bottom;
	padding-right: 1.6666em;
	margin-right: -1.6666em;
	border-left: solid 1px #E1007A;
}

#content div.gegevens div.section2 > div.section
{
	border-bottom: solid 1px #E1007A;
	padding-left: 1.6666em;
	padding-right: 1.66666em;
	padding-bottom: 1.6666em;
	position: relative;
}

#content div.gegevens  div.popupmessage
{
	font-style: italic;
	color: #E1007A;
}

#content div.gegevens div.section2 h2
{
	display: none;
}

/* Aanmelden */
#content .aanmeldenleerbedrijf select
{
	width: 24em;
}

select.aanmeldsectorlarge
{
	width:39em;
}

select.aanmeldsector
{
	width:27em;
}

/* Bedrijfsgegevens */
#pagebedrijven input.copyadres
{
	position: absolute;
	margin-left: 24em;
	margin-top: -2em;
}

#pagebedrijven input.save
{
	margin-left: 15em;
}

#pagebedrijven input.cancel
{
	position: absolute;
	margin-left: 3.5em;
	
}

#ctl00_ContentPlaceHolder1_btnManageByKenniscentrum,
#ctl00_ContentPlaceHolder1_btnManageByStagemarkt {
	background-color: Transparent;
	color: #820852;
	border: 1px solid #820852;
	text-transform: none;
	padding: 0;
	cursor: pointer;
	display: block;
	text-align: center;
	width: 100%;
}


/* Leerplaats */
#currentLeerplaats h3
{
	display: none;
}

#currentLeerplaats
{
    padding-left: 1.3333em; 
    /* + 0.333em = 1.6666 */
}

#content #currentLeerplaats input[type="submit"]
{
	margin-top: 2.6666em;
	margin-bottom: 1.3333em;
}

/* Leerplaats opleiding */
#CurrentLeerplaatsOpleiding
{
	padding-left: 1.3333em;	/* 1.666 - 0.3333 from the ul.switch */
	padding-right: 1.3333em;
	padding-bottom: 1.6666em;
	background-color: White;
	color: Black;
}

#CurrentLeerplaatsOpleiding h3
{
	 display: none;
}

#ctl00_ContentPlaceHolder1_btnBack
{
	position: absolute;
	right: 0.3333em;
	margin-top: 0em;
}

#content #CurrentLeerplaatsOpleiding input[type="submit"]
{
	margin-top: 2.6666em;
	margin-bottom: 1.3333em;
}

#content ul.taakprocessen
{
	padding-left: 0;
	border-top: 1px solid #E1007A;
	border-bottom: 1px solid #E1007A;
}
#content ul.taakprocessen li
{
	margin-top: 0.6666em;
	margin-bottom: 0.6666em;
	
	list-style: none;
}

span.taakprocessen /* checkbox list met taakprocessen */
{
	display: block;
	border-top: 1px solid #E1007A;
	border-bottom: 1px solid #E1007A;
	padding: 0.5em 0
}

dl.taakprocessen  dt + dd + dt + dd
{
	border-top: 1px solid #989798;
}

/* Leerplaats kenmerk */
#pagebedrijven.gegevens dt.OPM
{
	width: auto;
}
#pagebedrijven.gegevens dd.OPM
{
	padding-left: 0;
}

#pagebedrijven.gegevens dd.kenmerken textarea
{
	width: 40em;
	height: 15em;
}

#pagebedrijven dd.kenmerk input[type="text"]
{
	width: 24em;
}

#pagebedrijven.gegevens dd input[type="text"]
{
    width: 22.5em;
}

#pagebedrijven.gegevens dd select
{
    width: 23em;
}
#pagebedrijven.gegevens dd textarea
{
    width: 22.5em;
}

/* **** */
#content ul.switch,
#content ul.switch > li
{
	list-style: none;
	padding-left: 0;
}

#content ul.switch
{
	margin-left: -1.6666em;
	margin-right: -1.6666em;
}

#content ul.switch > li
{
	background: #E1007A url('../Images/v3/ico_up_white.png') no-repeat right 5px;
	color: White;
	margin: 2px 0.3333em;
	min-height: 1.6666em;
}

#content ul.switch > li >a
{
	display: block;
}

#content ul.switch > li.current
{
	background: #E1007A url('../Images/v3/ico_down_white.png') no-repeat right 5px ;
}

#content ul.switch > li > div
{
	background-color: White;
	color: Black;
}

#content ul.switch > li > button, 
#content ul.switch > li > input[type="submit"]
{
	width: 100%;
	text-align: left;
	margin: 0;
	padding-left: 1.3333em; /* 1.6666 - 0.3333 */
	background-color: Transparent;
}

#content ul.switch > li a
{
	color: White;
	padding-left: 1.3333em; /* 1.6666 - 0.3333 */
}

.dynamiccontenthelper
{
	display: none;
}

#pagebedrijven.zoekencodeleerbedrijf span.extrainfo
{
    display: block;
}



/* Functional */
tr.dblclickable 
{
    
}

div.ui-widget-overlay
{
	position: absolute;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity = 70);
	/*background-color: #D1D1D1;*/
	background-image: url(../Images/bgrepeat.png);
}

div.ui-dialog
{
	/* TODO */
	/*background: url('../Images/v3/stagemarkt_corner_white.png') no-repeat bottom right;	*/
}

div.ui-dialog-content
{
	color: #E1007A;
}

div.ui-dialog-buttonpane button
{
	margin-right: 0.5em;
	margin-bottom: 0;
}

div.ui-dialog-titlebar,
div.ui-dialog-content,
div.ui-dialog-buttonpane
{
	padding: 0.9em 0.9em 0 0.9em;
	background-color: White;
	margin-right: 0px;
	
	/* TODO: */
	border: 1px solid #e1007a;
}

div.ui-dialog-titlebar  {
	cursor: default;
	/*padding-top: 1.17em;*/
	padding-bottom: 1.17em;
	
	/* TODO: */
	border-bottom:0;
}

div.ui-dialog-content {
	/* TODO: */
	border-top: none 0 transparent;
	border-bottom: none 0 transparent;
}

div.ui-dialog-buttonpane {
	padding-top: 1.17em;
	padding-bottom: 1.17em;
	
	/* TODO: */
	border-top: none 0 transparent;
}

a.ui-dialog-titlebar-close
{
	display: none;
	
	/* TODO: */
	background: url('../Images/v3/ico_delete.png') no-repeat center right;
	position: absolute;
	right: 20px;
	top: 0;
	margin: 3px;
	width: 16px;
	height: 16px;
}

a.ui-dialog-titlebar-close span.ui-icon-closethick
{
	display: none;
}

@media print
{
	#bannerHeader,
	#mainNavigation,
	#kenniscentra,
	#more {
		display: none;
	}
	
	#content 
	{
		width: 100%;
	}
	
	#content h1 {
		display: none;
	}
}


.pager
{
    margin-top : 6px;
}

#content div.ui-jqgrid table {
margin-left:0em;
}

.tipsy { padding: 5px; 
         font-size: 10px; 
         opacity: 0.8; 
         filter: alpha(opacity=80); 
         background-repeat: no-repeat;  
         background-image: url(../images/tipsy.gif); 
         }
.tipsy-inner 
  { 
    padding: 5px 8px 4px 8px; 
    background-color: #e1007a; 
    color: white; 
    max-width: 200px; 
    text-align: center; 
  }
  
  
  
  /*  pagetemplateeditor  */
#HeaderArea
{ margin-left :-1.6666em;
}


#pagetemplateeditor table.mceLayout, #pagetemplateeditor table.mceLayout table, #pagetemplateeditor table.mceLayout td, #pagetemplateeditor table.mceLayout th

{
	margin:0;
	padding:0;
	border:0;
}

#pagetemplateeditor table.receiver, #pagetemplateeditor table.receiver table, #pagetemplateeditor table.receiver td, #pagetemplateeditor table.receiver th

{
	margin:0;
	padding:0;
	border:0;
	 margin-left :1px;
}

#pagetemplateeditor h4
{
	margin-top :0px;
	margin-bottom :0px;
}

/*preview schermen */
.searchresultleerplaats {
	background-color:#820852;
}
.searchresultopenplek {
	background-color:#E1007A;
}
.searchresulterkenning {
	background-color:#989798;
}
/*end preview schermen */

#test123 span
{
	background-image:"../cms/images/ui-icons_ffffff_256x240.png";
	}