html {
		overflow:hidden;
}
body {
   background: #fff url(../gfx/header_bg.gif) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:12px;
}

html, body, form, h1, h2, h3, h4, h5, h6 { /* Reset margin for several elements, to prevent browser difference */
   margin: 0;
}
h1{
	font-size: 17px;
	color: #2e1051;
}
h2{
	font-size: 15px;
	color: #422762;
}
a img {
   border: none;
}
input, select, textarea {
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size:12px;
}
.link {
   cursor: pointer;
}
hr {
	color: #6e81bd;
	height: 1px;
}

#home_container {
   background: url(../gfx/home_bg.gif) no-repeat 0 36px;
   width: 1003px;
   height: 608px;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   background-color:#ADBFDA;
}

#container {
   width: 1003px;
   position: relative;
   overflow: hidden;
   margin-right:auto;
   margin-left:auto;
}

#header {
   height: 36px;
   float: left;
   background: url(../gfx/header_bg.gif) repeat-x scroll 0%;
   width: 100%;
}

a.ctype_button {
   border:1px solid #0e0634;
   padding:5px;
   background:#dae4f5;
   padding:5px;
   position:absolute;
   top:5px;
   left:5px;
   font-size:11px;
   color:black;
   white-space:nowrap;
}

#header a {
    display: block;
	float: left;
	color: #94a1ba;
	font-size: 12px;
	line-height: 36px;
	text-decoration: none;
	padding: 0 20px;
}

#header .linkspace {
   display: block;
   float: left;
   width: 213px;
   height: 36px;
   background-image: url(../gfx/header_link_left.gif);
   background-position: 100% 0;
}

.language_switch {
	position:absolute;
	top:6px;
	left:715px;
}
.language_switch a {
   margin:0;
   padding:0;
}

.language_switch select {
	width:140px;
	font-size:12px;
	height:auto;
}

#header .header_logo {
   background-image: url(../gfx/svgb_logo.gif);
   background-repeat: no-repeat;
}

#header a.l {
   background-image: url(../gfx/header_link_left.gif);
   background-position: 100% 0;
   padding-left:0;
}

#header a.l:hover {
   background-image: url(../gfx/header_link_left_hover.gif);
}

#header a.r {
   background-image: url(../gfx/header_link_left.gif);
   background-position: 100% 0;
}

#header a.r:hover{
   background-image: url(../gfx/header_link_left_hover.gif);
}
#header .search {

}
#header .search form {
   margin:0;
   padding:5px;
   float:left;
}
#header .search_terms {
   border:1px solid #8d8896;
   float:left;
   padding-left:3px;
}
#header a.search_submit {
   float:left;
   padding:5px 10px;
   margin-left:3px;
   background:#748fba;
   color:white;
   line-height:100%;
}
#header a.search_submit:hover {
   background:#a0b7dc;
}

#home_logo {
   height: 165px;
   width: 435px;
   float: right;
   display:none;
}

#home_news {
   height: 99px;
   margin-bottom:66px;
   width: 402px;
   float: left;
   margin-top: 18px;
   background: url(../gfx/home_news_block.gif) no-repeat;
}

#home_news .overlay {
}

#home_news .text {
	margin-left: 25px;
	margin-top: 28px;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

#home_news .text .date {
	color: #301555;
	font-size: 14px;
	float: left;
}

#home_news .text .title {
	padding-top:3px;
	color: #94a1ba;
	clear: left;
	height:40px;
	width:380px;
	vertical-align:bottom;
}

#home_news .link {
	display: block;
   position:absolute;
   top:120px;
   left:306px;
   background:#748fba;
   color:white;
   padding:2px 0;
	width: 86px;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
}

#home_news .link:hover {
	background:#a0b7dc;
}

#header_body {
   float: left;
   clear: both;
   height: 100px;
   width: 500px;

}

#header_body .portalswitch {
   height: 85px;
   width: 221px;
   float: left;
   margin-left: 28px;
   margin-top: 15px;

   _margin-left: 16px;
}

#header_body .portalswitch .portal_title {
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
   color: #331958;
   padding-left: 22px;
   background-image: url(../gfx/bullet_portal.gif);
   background-repeat: no-repeat;
   background-position: 0 2px;
}

#header_body .portalswitch .portal_icons {
}

#header_body .portalswitch .portal_icons a {
   display: block;
	float: left;
	border: 3px solid #331958;
	margin-right: 3px;
}

#header_body .logo {
	background: url(../gfx/svgb_logo.gif) 0 0 no-repeat;
	height: 100px;
	width: 212px;
	position:absolute;
	top:40px;
	left:782px;
}

#page_left {
   float: left;
   xheight: 474px;
   width: 799px;
   background-image: url(../gfx/pageleft_bg.gif);
   background-repeat: no-repeat;
   background-position: 0 22px;
}

#page_left .breadcrums {
   height: 22px;
   font-size: 10px;
   font-weight: bold;
   padding-left: 30px;
   color: #2f1d55;
}

#page_left .breadcrums a {
   text-decoration: none!important;
	color: #2f1d55;
}

#page_left .breadcrums a:hover {
   text-decoration: none;
}

#page_left .pagehead {
   height: 133px;
}

#page_left .pagehead .portalimage {
   float: left;
   width: 140px;
   height: 117px;
}
.portalimage {
  float:left;
  margin-top: 0px;

}
#page_left .pagehead .text {
   float: left;
   margin-left: 290px;
   _margin-left: 145px;
   margin-top: 20px;
   color: #fff;
   height: 82px;
   width: 604px;
}

.nieuws_intro{margin-bottom:20px;}

#page_left .pagehead .text .title {
   font-size: 18px;
   font-weight: bold;
}
#page_left .pagehead .text .desc {
   margin-top: 13px;
   font-size: 12px;
   line-height: 15px;
}
#page_left .pagebody {
   xheight: 317px;
   xfloat:left;
}

#page_left .leftmenu {
	position:relative;
}
#page_left .pagebody .leftmenu {
   xheight: 100%;
   float: left;
   font-size: 12px;
   line-height: 20px;
   font-weight: bold;
   width: 266px;
   background-color: #adc0da;
   background-image: url(../gfx/pageleft_bg.gif);
   background-repeat: no-repeat;
   background-position: 0 -131px;
   position:relative;
   padding-bottom:64px;
}

#page_left .pagebody .leftmenu div.active {
   display: block;
   background-repeat: no-repeat;
   background-position: 10px 3px;
   padding-left: 30px;
   background-image: url(../gfx/arrow.gif);
}

#page_left .pagebody .leftmenu div.active_child {
   display: block;
   background-repeat: no-repeat;
   background-position: 0px 3px;
   background-image: url(../gfx/arrow_child.gif);
   margin-left:-20px;
   padding-left:20px;
}

#page_left .pagebody .leftmenu a {
   display: block;
   color: #fff;
   text-decoration: none;
   margin-left: 30px;
   padding:0px;
}

#page_left .pagebody .leftmenu  .left_sub a {
   display: block;
   color: #ffffff;
   text-decoration: none;
   padding:0px;
}

#page_left .pagebody .leftmenu a:hover {
   text-decoration: underline;
   /*background:none !important;*/
}

#page_left .pagebody .leftmenu a.sub {
   display: inline;
}

#page_left .pagebody .leftmenu div.active a,
#page_left .pagebody .leftmenu a.sub {
   margin-left: 0;
   color: #232055;
}

#page_left .pagebody #content {
	width: 493px;
	position: relative;
	overflow: auto;
	float: left;
	margin-top: -25px;
	font-size: 12px;
	padding: 15px 15px 15px 25px;
	background-color: #d0d9e9;
}


#page_left .pagebody #content h4 {
	font-size: 14px;
}

#page_left .pagebody #content a {
	color: #748fbb;
	text-decoration: underline;
}

#page_left .pagebody #content a:hover {
	color: #748fbb;
	text-decoration: none;
}

#page_left .pagebody #content h1 {
}

.hit{
	background: yellow;
}
/* FAQ */

#page_left .pagebody #content .faq_title {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	display: block;
}

#page_left .pagebody #content .faq_content {
	display: none;
	margin-bottom: 10px;
}

/* FAQ */

#agenda a{
	margin-left: 10px;
}


#ag_data{
	color: #6e81bd;
}

#ag_contact{
	font-style: italic;
}

/* Sitemap*/
.level0{
   margin-left:10px
}

.level1{
   margin-left:30px
}

.level2{
   margin-left:50px
}

/* Contact */

#page_left .pagebody #content #contact_form label {
   display: block;
   clear: left;
   float: left;
   margin: 0 0 5px 50px;
   width: 400px;
}

#page_left .pagebody #content #contact_form label span {
   float: left;
   width: 160px;
   height: 18px;
}

#page_left .pagebody #content #contact_form label input,
#page_left .pagebody #content #contact_form label textarea {
	float: left;
	width: 190px;
	height: 16px;
	padding: 0 5px;
	border: 1px solid #55669e;
	font-size: 12px;
	margin: 0;
}

#page_left .pagebody #content #contact_form label textarea {
	height: 80px;
}

#page_left .pagebody #content #contact_form label select {
	float: left;
	width: 202px;
	height: 18px;
	font-size: 10px;
}

#page_left .pagebody #content #contact_form .submit {
	margin-left: 209px;
}

#page_right {
   float: left;
   xheight: 440px;
   width: 203px;
   padding-top:50px;
}
#page_right .banner {
	xheight: 372px;
	background: 0 0 no-repeat #D0D9E9;
}

#home_sub {
   clear: left;
   float: left;
   margin-top: 95px;
   width: 1003px;
}

#home_sub .home_info {
   color: #FFFFFF;
   width: 260px;
   margin-left: 40px;
   _margin-left: 20px;
   float: left;
}

#home_sub .home_info .title {
	font-size: 20px;
	font-weight: bold;
}

#home_sub .home_info .desc {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 40px;
}

#home_sub .home_blocks {
   width: 690px;
   width: 660px;
   float: left;
}

.homeblock {
   padding:2px;
   border:3px solid #2f1d55;
   width:140px;
   float:left;
	margin-right: 15px;
   background:white;
   position:relative;
   display:block;
   color:black;
   text-decoration:none;
   cursor:pointer;
}
a.homeblock:hover {
   background:#f4f5fb;
}
a.homeblocklink {
   color:black;
   text-decoration:none;
   cursor:pointer;
}
a.homeblocklink:hover {
   text-decoration:none;
}
.hb_label {
   height:55px;
   border-collapse:collapse;
}
.hb_label td {
   font-size:14px;
   font-weight:bold;
   padding-bottom:3px;
   padding-left:3px;
   vertical-align:bottom;
}
.hb_image {
   width:140px;
   height:117px;
   background-position:50% 50%;
}

/* Home footerblock */
#footer_nav {
	position: absolute;
	left: 0;
	color: #000000;
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-size: 13px;
   width:260px;
}
#footer_banner {
	background:url(../gfx/footer.gif) -410px 0 no-repeat;
	height: 34px;
}
#footer_text {
   background:white;
   height:26px;
   padding-top:4px;
   text-align:center;
}
#footer_text a {
	color: #748FBA;
	font-size: 11px;
	margin-right: 10px;
	text-decoration: none;
}
#footer_text a:hover {
	text-decoration: underline;
}

/* Normal page leftmenu footer */
.footerlogo {
   background:url(../gfx/footer.gif) -416px 0 no-repeat;
   position:absolute;
   bottom:0;
   left:0;
   height:26px;
   width:100%;
   padding-top:41px;
   text-align:center;
}
#page_left .pagebody .footerlogo a {
	color: #748FBA;
	font-size: 11px;
   margin:0;
	margin-right: 10px;
	text-decoration: none;
   display:inline;
}
#page_left .pagebody .footerlogo a:hover {
	text-decoration: underline;
}

/* submenu left from old site*/
#menu {
   width:195px;
   padding-bottom: 20px;
   z-index:100;
}
#menu a {
	color: black;
	text-decoration: none;
	display: block;
	padding:5px 10px 5px 20px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
}
#menu a:hover, #menu .active {
	color:white;
   /*background:#0e0634;*/
}
#menu .left_sub {
   background:#0e0634;
   display: none;
   width: 200px;
   margin-left:195px;
   margin-top:-30px;
   position: absolute;
}
#menu .left_subsub {
   background:#0e0634;
   display: none;
   width: 150px;
   margin-left:200px;
   margin-top:-30px;
   position: absolute;
}

#menu .left_sub a {
   padding-right:15px;
   color:white;
}
#menu .left_sub a:hover {
   color:white;
   background:#748fba;
}

#leftnav_spacers {
   padding-top:199px;
}
.leftnav_spacer {
   height:35px;
}
/* end submenu */

/* aanmeld_leerbuedrijf.asp */
.aanmeldkop {
   padding-top:20px;
   _padding-top:0px; /* reset it in IE */
   margin-top: 20px;
   margin-bottom: 10px;
   clear:both;
}

.aanmeldform {
   float:left;
   width: 200px;
   clear:left;
}

.aanmeldforminput {
   float:left;
   width: 200px;
}

.aanmeldforminput input, select{
   float:left;
   width: 200px;
}

.aanmeldformtextarea {
   padding-top:20px;
   float:left;
   width:350px;
}
.aanmeldformtextarea  textarea{
   width:350px;
}

#verplicht{
   float:left;
   clear: both;
}

/* closedusergroup_module */
label {
   width: 30%
   float:left;
   display:block;
   clear:both;
   margin: 5px 0px 5px 0px;
}
label span {
   float: left;
   width: 150px;
}
label input, textarea, select {
   float: left;
   margin-bottom: 5px;
   width: 200px;
   font-family: Trebuchet MS, Arial, Geneva, sans-serif;
}
.radio {
   float: left;
   margin-bottom: 5px;
   width: 30px;
   font-family: Trebuchet MS, Arial, Geneva, sans-serif;
}
label img {
	margin-top: 4px;
	margin-left: 5px;
}
select {
   width:204px;
   _width:205px;
}

/* faq */
.right_select {
   float: right;
}

/* register */
.wide_select {
   width:350px;
   _width:351px;
   font-size:10px;
}

/* vacature module */
#text_scroller {
	overflow:auto;
	padding-bottom:15px;
	z-index: -10;
	font-size:13px;
}

/* vacancy */
#vacancy #title {
   font-weight: bold;
   text-align: right;
   border-bottom: 1px solid #ccc;
   font-size: 14pt;
   margin-bottom: 8px;
}
#vacancy #rubriek {
   float: left;
}
#vacancy #date {
   color: #999;
}
#vacancy #tekst {
   clear: both;
   margin-bottom: 8px;
}
#vacancy #contactpersoon {
   text-align: right;
}
#vacancy #button {
   text-align: center;
}
#vacancy input {
   width: 185px;
}


/* zelf test */
.tussenkop{
   float: left;
   clear: both;
   width: 390px;
   margin: 15px 0 10px 0;
}

.input_clear{
   float:left;
   clear:both;
   width: 390px;
}

.doelgroep{
   float:left;
   width: 390px;
   clear: both;
}

.text_zelftest{
   width: 390px;
   float:left;
   clear:both;
}

#profielcontainer{
float:left;
clear:both;
 width: 390px;
 border: 1px solid black;
 padding: 1px 1px 1px 1px;
}

#profieltitle{
   padding: 10px 0 5px 5px;
   border: 1px solid black;
   margin-bottom: 0px;
   background-color: #dae4f5;
}

#profielcontent{
   padding: 10px 5px 10px 5px;
   border: 1px solid black;
   margin-bottom: 0px;
   margin-top: 1px;
}

#profielherken{
   float: left;
   width: 275px;
   border: 1px solid black;
   height: 20px;
   padding: 10px 0 0 5px;
   margin-top: 1px;
   vertical-align: bottom;
}
#profielchoose{
   margin-left: 1px;
   float: left;
   width: 51px;
   margin-top: 1px;
   border: 1px solid black;
   height: 20px;
   padding-top: 10px;
}


#letop{
   width:390px;
   height: 20px;
   border: 3px double #000;
   background-color: #dae4f5;
   padding-top: 15px;
   padding-bottom: 15px;
   text-align: center;
   font-size: 14px;
   float: left;
   clear: both;
   margin-bottom: 20px;
}

#toelichting{
   float:left;
   clear: both;
   width: 390px;
   margin-bottom: 20px;
}


#cities {
   position: absolute;
   border: 1px solid #000;
   height: 100px;
   width: 195px;
   overflow: auto;
   background: #748fba;
   color: #fff;
   left:0px;
   top:22px;
}
.suggestion {
   cursor: pointer;
}
#postcode_plaats{
	position:relative;
}
#formulier div span{ display:block;clear:both ;  }

div#bottomLogo {
	background-image:url(../gfx/slogan_leftcol.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	bottom:0px;
}

#plaats , #register_postcode {
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	font-size: 10px;
	padding-left:3px;
}

/* used by register_leerbedrijf_v2.asp template */

table.regTable td {
	text-align:left !important;
	padding:1px;
}

table.regTable select, table.regTable input {
	margin:0px;
}

td.farRight {
	padding-left:75px !important;
}

.wide_select2 {
	width:202px;
}

/* Register */
#register {
	padding-left:15px;
}

#register .name {
   font-weight: bold;
}
#register .nummer {
   font-style: italic;
   margin-bottom: 8px;
}
#register .email {
   margin-bottom: 15px;
}
#register .niveaus {
   float: left;
   width: 200px;
}

#register_nav {
   margin-bottom:35px;
}
#register_nav a {
   border: 1px solid #bbb;
   display: block;
   text-decoration: none !important;
   width: 98px;
   float: left;
   margin-left: 2px;
   text-align: center;
}
#register_nav a:hover {
   background-color: #a3aad1;
   color: #fff;
}

.register_branche {
	padding-left:15px;
	margin-bottom:30px;
	padding-bottom:10px;
}

div.logobrowser{
	float:left;
	margin-left:300px;
	margin-top:10px;
	border: 3px solid #2F1D55;
}

div.logobrowser_intro{
	float:left;
	margin-left:300px;
	margin-top:50px;
	width:639px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}