/*
993399 : purple / PANTONE 2593 U

AAACA9 : grey / PANTONE 325-6 CVS
D5D6D4 : grey / PANTONE 325-6 CVS 50% - & signs in buttons
E1E1E0 : grey / PANTONE 325-6 CVS 36%

979997 : grey (body text, slightly darker)
8A8C89 : grey (body text alt. 2, even more dark)
*/


body,html {width:100%;height:100%;margin:0;padding:0;}

body,html {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:82%;line-height:140%;color:#AAACA9;}
body {text-align:center;background:#939 url(../images/bg_body.gif) repeat-y top center;}

div#mainContainer {position:relative;margin:0 auto;padding:0;width:780px;height:100%;text-align:left;color:#555;}

div#topMenuOuter {position:absolute;left:0;top:0;width:100%;height:50px;background:#FFF url(../images/bg_topmenu.gif) no-repeat 0 0;z-index:10;}
  div#topMenuInner {margin:0 0 -4px 180px;}
    div#topMenuButtons img#btn_top_0 {margin:0;}
    div#topMenuButtons img#btn_top_1 {margin:0 0 0 15px;}
    div#topMenuButtons img#btn_top_2 {margin:0;}
    div#topMenuButtons img#btn_top_3 {margin:0;}
    div#topMenuButtons img#btn_top_4 {margin:0;}
    div#topMenuButtons img#btn_top_5 {margin:0;}
    div#topMenuButtons img#btn_top_6 {margin:0 0 0 10px;}
    div#topMenuTextLinks {margin:5px 0 0 53px;}
      div#topMenuTextLinks a {color:#993399;text-decoration:none;}
      div#topMenuTextLinks a:hover {text-decoration:none;}
      div#topMenuTextLinks a.n {color:#993399;}
      div#topMenuTextLinks a.r {color:#481848;}
      div#topMenuTextLinks a.s {color:#993399;font-weight:bold;}
      div#topMenuTextLinks span {font-weight:bold;color:#8A8C89;background:transparent url(../images/bg_link_bullet.gif) no-repeat 0 4px;}
      div#topMenuTextLinks span span {padding:0 2px;height:10px;visibility:hidden;}

	
div#leftOuter {position:absolute;top:0;left:0;width:210px;height:100%;background:#FFF url(../images/bg_leftcol.gif) no-repeat 0 85px;z-index:5;}
  div#leftInner {padding:81px 0 0 0;height:150px;}
    div#menuOuter {}
		  div#menuInner {}
  		  div#menuInner a {display:block;}
			
div#rightOuter {position:absolute;top:0;left:690px;width:90px;height:100%;background:#FFF url(../images/bg_rightcol.gif) no-repeat -10px 85px;z-index:5;}	
	
div#centerOuter {position:absolute;top:0;left:210px;width:480px;height:100%;z-index:5;}
  div#centerInner {position:relative;margin:53px 0 0 0;z-index:5;}
		div#photoBar {position:absolute;top:28px;left:0;z-index:6;width:100%;height:60px;}
		  div#photoBar img {width:43px;height:43px;border:3px solid #993399;position:absolute;}
      /* N x (43+6) + (N-1) x Margin = 780px-(lr_clearance) */
			img#photo_0 {position:absolute;left:6px;}
			img#photo_1 {position:absolute;left:76px;}
			img#photo_2 {position:absolute;left:146px;}
			img#photo_3 {position:absolute;left:216px;}
			img#photo_4 {position:absolute;left:286px;}
			img#photo_5 {position:absolute;left:357px;}
			img#photo_6 {position:absolute;left:425px;}
		  div#photoBar img.r {border:3px solid #D5D6D4;}
		  div#photoBar img.s {border:3px solid #D5D6D4;}
		  div#photoBar img.d {border:3px solid #FFF;}

    /* welcome page uses mainPhoto Div */
		div#mainPhoto {position:absolute;top:0px;left:0;width:100%;text-align:center;z-index:5;}
      div#mainPhoto img {border:1px solid #993399;}

		div#mainFlash {position:absolute;top:0px;left:0;width:100%;text-align:center;z-index:5;}
      
    /* other pages use contentOuter & -Inner Div's */
		div#contentOuter {position:relative;padding:0 10px 10px 10px;}
  		div#totaleHr {position:absolute;top:3px;left:20px;z-index:10;}
  		div#contentInner {width: 435px; position:relative;padding:110px 0 30px 20px;border:1px solid #993399;background-color:#ECECEC;}
disabled     div#contentText {height:230px;box-sizing: border-box;-moz-box-sizing: border-box;} /* IE needs a little 'upgrade' *sigh* */
      /* background images */
			body.cat0 div#contentInner {background:#ECECEC url(../images/bg_content_cat0.gif) no-repeat top center;}
			body.cat1 div#contentInner {background:#ECECEC url(../images/bg_content_cat1.gif) no-repeat 0 40px;}
			body.cat2 div#contentInner {background:#ECECEC url(../images/bg_content_cat2.gif) no-repeat top left;}
			body.cat3 div#contentInner {background:#ECECEC url(../images/bg_content_cat3.gif) no-repeat 0 40px;}
			body.cat4 div#contentInner {background:#ECECEC url(../images/bg_content_cat4.gif) no-repeat top left;}
			body.cat5 div#contentInner {background:#ECECEC url(../images/bg_content_cat5.gif) no-repeat 0 -30px;}
			body.cat6 div#contentInner {background:#ECECEC url(../images/bg_content_cat6.gif) no-repeat 0 60px}
			
        div#contentSubNav {margin:0 0 10px 0;}
        div#contentSubNav a {color:#993399;text-decoration:none;}
        div#contentSubNav a:hover {text-decoration:none;}
        div#contentSubNav a.n {color:#993399 !important;}
        div#contentSubNav a.r {color:#481848 !important;}
        div#contentSubNav a.s {color:#993399 !important;font-weight:bold;}
        div#contentSubNav span {font-weight:bold;color:#8A8C89;background:transparent url(../images/bg_link_bullet.gif) no-repeat 0 4px;}
        div#contentSubNav span span {padding:0 2px;height:10px;visibility:hidden;}

/* generic stuff */
p, hr {margin:0 0 20px 0;padding:0 20px 0 0;}

div.listBox {margin:0 0 20px 0;padding:0 20px 0 0;} 
ol, ul {margin:0;padding:0;list-style:square; }
ol li, ul li {margin:0 0 0 20px;;padding:0;}

h1, h2, h3, h4  {margin:0;font-weight:bold;padding:0 20px 0 0;line-height:140%;font-family:Arial,Verdana,Helvetica,sans-serif;}
h1 {color:#993399;font-size:160%;font-weight:bold;padding:0 20px 0 0;}
h2 {color:#5F5860;font-size:140%;padding:0 20px 0 0;}
h3 {color:#993399;font-size:100%;padding:0 20px 0 0;}
h4 {color:#8A8C89;font-size:100%;padding:0 20px 0 0;}

div#contentInner img {float:right;position:relative;margin:0 -6px 10px 10px;border:3px solid #993399;display:inline;}
div#contentInner p img {float:right;position:relative;margin:10px -26px 10px 10px;border:3px solid #993399;}

div#contentInner table.home {width:420px; }
div#contentInner table.home td {background:#fff; width:50%; border:1px solid #aaaca9; vertical-align:top; padding:10px;}

disabled div#contentInner div.img img {border:5px solid #FFF;}
			
p.adressInfo {font-size:95%;text-align:center;etter-spacing: 1px;margin:5px 10px;}		
p.adressInfo span {font-weight:bold;color:#993399;}		
		
a img {border:0 solid transparent}
a {color:#993399;text-decoration:none;}
a:hover {color:#993399;text-decoration:underline;}

hr {height:1px;border:0px;background-color:#993399;color:#993399}
hr.clear {height:0px;border-width:0px;clear:both;visibility:hidden;}

/* forms */

form div {position:relative;margin:0 0 10px 0;padding:0 20px 0 0;line-height:20px;vertical-align:top;}
form div.higher {height:100px;}
form.div label {vertical-align:top;}
form div input {position:absolute;left:180px;width:240px;border:1px solid #993399;}
form div textarea {position:absolute;left:180px;width:240px;height:100px;border:1px solid #993399;}
form div input.submit {position:absolute;left:180px;width:120px;border:1px solid #993399;}

/* override classes */
.noBorder {border:0 solid transparent;}
.forceBottomMargin {margin-bottom:20px}
.noMargin {margin:0;}

button, input {
	border: 1px solid #A5ACB2;
	background-color: #fff;
	font-weight: normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
}

input.submit {
	border: 1px solid #A5ACB2;
	background-color: #DCDCDC;
	font-weight: normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;	
	margin-top: 10px;
}

input.varchar {
	width: 200px;
	border: 1px solid #A5ACB2;	
}

input.file {
	width: 200px;
}

textarea.textarea {
	width: 200px;
	height: 150px;
	border: 1px solid #A5ACB2;	
}

table {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;

}

table.formulier {
}

table.formulier tr td {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	line-height:140%;
	color:#555555;
	vertical-align: top;
}

div.hidden {
	display: none;
}

div.highlight {
	display: block;
	background-color: #FFFF81;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 415px;
}

.required {
	background-color: #FFFF81;
}

table.provincies {
	width: 100%;
}

input.zoekvacature {
	width: 50%;
}