@CHARSET "UTF-8"; /* CSS KPT TECHNIEK */
html, body {
	background-color:#303030;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#adadad;
/*	overflow:hidden;*/ 
	height:100%;
}

/* general page setup */
#page {
	position:absolute;
	width:1000px;
	height:592px;
	text-align:left;
	background-color:#000;
	margin-top:-300px;
	margin-left:-500px;
	top:50%;
	left:50%;
	overflow:hidden;
}
#logo {
	width:100px;
	height:509px;
	float:left;
	background:transparent url(../img/css/logo.gif) no-repeat 4px bottom;
	clear: left;
}
#menu {
	width:1000px;
	height:60px;
	background:transparent url(../img/css/nmenubg.gif) 0px 47px repeat-x;
}
#main {
	width:900px;
	height:501px;
	background:transparent url(../img/css/main-bg.gif) no-repeat -13px 0px;
	float:left;
	padding:9px 0px 0px 0px;
}
#homemain {
	height:491px;
	background:transparent url(../img/css/main-bg.gif) no-repeat -13px;
	float:left;
	padding:9px 28px 10px 0px;
	width: 853px;
	overflow: hidden;
}
#top {
	height:353px;
	margin-top:10px;
	overflow:hidden;
	width: 900px;
}
#main #content {
	margin-top:8px;
	overflow:auto;
	height:491px;
	left: 10px;
	width: 900px;
/*	padding-right:20px;*/
/*	background-color:yellow;*/
}
#main #content .column {
	float:left;
	margin-left:10px;
/*	background-color:green;*/
}
#main #content .left {
	width:420px;
}
#main #content .middle {
	width:425px;
	padding-top:10px;
}
#main #content .wideleft {
	width:635px;
}
#main #content .wholepage {
	width:850px;
}
#main #content .right {
	width:420px;
}
#main #content .vacatures {
	margin-top:10px;
	background:#000 url(../img/css/vacatures-bottom-bg.gif) 0 bottom no-repeat;
	padding-bottom:16px;
}
#main #content .vacatures .inner {
	padding:10px 10px 0 10px;
	background:#000 url(../img/css/vacatures-top-bg.gif) 0 0 no-repeat;
}
#main #content .smallright {
	width:210px;
}
#main #content .vacature {
	width:190px;
	height:465px;
	background:transparent url(../img/css/vacature-bg.gif) 0 0 no-repeat;
	padding:10px;
}
#main #content .smallleft {
	width:220px;
}
#main #content .smallestleft {
	width:180px;
	background:transparent url(../img/css/smallcolumn-bg.gif) 0 0 no-repeat;
	height:465px;
	padding:10px;
}
#homemain #content {
	width:464px;
	height:323px;
	margin-left:9px;
	float:left;
	padding: 0px 15px 15px;
}
#homemain #additionalcontent {
	margin-left:10px;
	width:321px;
	height:323px;
	float:left;
	background:transparent url(../img/css/additional-bg.gif) 0 0 no-repeat;
	padding:15px;
}
#homemain #bottom {
	margin-top:10px;
	height:120px;
	clear:left;
	overflow:hidden;
	width: 870px;
}
#homemain #blocks {
	width:464px;
	height:90px;
	padding:15px;
	background:transparent url(../img/css/blocks-bg.gif) 0 0 no-repeat;
	margin-left:9px;
	float:left;
}

h2, h3, #homemain h3, #homemain h2{
	color:white;
	font-size:12pt;
	line-height:1.3em;
	font-weight:bold;
	padding-left:25px;
	padding-top:3px;
	background:transparent url(../img/css/icon.gif) 0 0 no-repeat;
	margin-bottom:.5em;
}

h3 {
	margin-top:.5em;
}
#homemain h3 {
	margin-top:0;
}
h4 {
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:.5em;
	margin-top:.5em;
}
#homemain #content h2 {
	font-size:15pt;
	background:none;
	padding:0;
}
#vestigingen {
	float:left;
	width:215px;
}
#news {
	float:left;
	width:219px;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #303030;
}
#news img {
	float:left;
	margin-right:10px;
	margin-top:5px;
	width:48px;
	height:48px;
}
#additionalblocks {
	width:331px;
	height:100px;
	float:left;
	background:transparent url(../img/css/additionalblocks-bg.gif) 0 0 no-repeat;
	margin-left:10px;
	padding:15px 5px 5px 15px;
}


/* content styling */
p {
	font-size:10pt;
	line-height:1.5em;
	margin-bottom:1em;
}
abbr, acronym, .help {
	color:#fc7c00;
	border-bottom:1px dotted #fc7c00;
	cursor:help;
}
a {
	color:#adadad;
	text-decoration:none;
}
a:hover {
	color:#fff;
}
strong, b {
	font-weight:bold;
}
ul, dl, ol {
	line-height:1.5em;
}
#news ol {
	list-style:outside decimal;
	margin-top:8px;
	margin-bottom:7px;
}
#news ol li {
	line-height:1em;
	margin-left:2em;
	font-weight:bold;
	color:#fff;
	font-size:8pt;
}
#news p.temp {
	margin-top:.5em;
}
dt {
	clear:left;
	float:left;
	width:35px;
	text-align:right;
	margin-right:10px;
	color:#fc7c00;
}
dd {
	float:left;
	width:573px;
}
	
h2, h3, #content img {
	margin-bottom:10px;
}
#content img.key {
	margin-bottom:0;
}
#content ol {
	margin-left:2em;
}
#content ol li {
	color:#fc7c00;
	list-style-type:decimal;
}
#content a.textlink{
padding-left:0px;
background-image:none;
color:#FFFFFF;
}
#content a.textlink:hover{
padding-left:0px;
background-image:none;
color:#FFFFFF;
text-decoration:underline;
}

#content a.readmore,
#additionalcontent p a,
#news a {
	padding-left:.8em;
	background:transparent url(../img/css/arrow1.gif) 0 .1em no-repeat;
}
#content a.readmore,
#additionalcontent p a:hover,
#additionalcontent p a.readmore,
#news a:hover,
#news a.readmore {
	color:#fff;
	background:transparent url(../img/css/arrow0.gif) 0 .1em no-repeat;
}
#content a.readmore:hover,
#additionalcontent p a.readmore:hover,
#news a.readmore:hover {
	text-decoration:underline;
}
#additionalcontent p {
	margin-top:-.5em;
	margin-left:26px;
}
#spotlight {
/*	background-color:yellow;*/
}
#spotlight a {
	display:block;
	float:left;
	width:160px;
	filter:Alpha( Opacity=50 );
	-moz-opacity:.5;
	opacity:.5;
}
#spotlight a:hover {
	display:block;
	float:left;
	width:160px;
	filter:Alpha( Opacity=100 );
	-moz-opacity:1;
	opacity:1;
}
#spotlight a.last {
	margin-left:7px;
	width:160px;
}
#vestigingen table td {
	padding-right:5px;
	font-weight:bold;
	font-size:8pt;
	color:white;
}
.smallestleft table, ul.dotlist, ul.vestigingen {
	border-top:1px dotted #adadad;
	width:100%;
	margin-bottom:1em;
}
.smallestleft td {
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px dotted #adadad;
}
.right p {
	margin-bottom:1em;
}
ul.dotlist li,
ul.vestigingen li {
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #adadad;
}
ul.vestigingen li {
	position:relative;
	padding:4px 0;	
}
ul.vestigingen ul {
	width:50px;
	position:absolute;
	left:130px;
	top:57px;
	margin:0;
}
ul.vestigingen li li {
	border-bottom:0;
	padding:0;
}
#content ul.vestigingen li li a {
	padding-left:1.2em;
}
ul.vestigingen li,
ul.vestigingen li p {
	line-height:1.2em;
	font-size:8.5pt;
}
.vacature h4 {
	color:#fc7c00;
}
.aanvraag {
	color:#fc7c00;
	font-size:8pt;
}
#vacatures {
	margin-top:-.5em;
	margin-bottom:1em;
}
#vacatures li {
	margin-left:14px;
}
#vacatures li a {
	background:transparent url(../img/css/nbullet0.gif) 0 .45em no-repeat;
	color:#fc7c00;
	font-size:10.5pt;
	font-weight:bold;
	line-height:1.6em;
	padding-left:1em;
	color:#fc7c00;
}
#blocks #news h3 {
	margin-bottom:0;
}
#news p {
	line-height:1.35em;
	margin-bottom:0;
}
#content .bullet {
	margin-bottom:1em;
}
#content .bullet li {
	background:transparent url(../img/css/nbullet1.gif) 0 .6em no-repeat;
	padding-left:1em;
	color:#adadad;
}
#content .inner thead td {
	color:#fc7c00;
}
#content .inner table {
	width:100%;
}
#content .inner td {
	padding:2px 5px 3px;
}
#content .inner tr.alternate {
	background-color:#303030;
}
#content .inner ul.navigator {
	margin-top:10px;
	text-align:center;
	margin-left:1px;
}
#content .inner .navigator li {
	width:60px;
	display:block;
	float:left;
	border-top:1px solid #303030;
	border-left:1px solid #303030;
	margin-top:-1px;
	margin-left:-1px;
	text-align:center;
}
#content .inner .navigator li a {
	font-size:8pt;
	color:#fc7c00;
	padding:0;
	background:none;
	border-right:1px solid #303030;
	border-bottom:1px solid #303030;
	display:block;
}
#content .inner .navigator li a.active {
	color:white;
}
#content .inner .navigator li a:hover {
	text-decoration:underline;
}
#footer {
	display: block;
	margin-top: 5px;
	margin-left: 110px;
	width: 900px;
	float: left;
}
#footer li {
	display:block;
	float:left;
	font-size:8pt;
	line-height:1.1em;
}
#footer li.left {
	text-align:left;
	width: 300px;
}
#footer li.center {
	text-align:center;
	width: 290px;
}
#footer li.right {
	text-align:right;
	width: 275px;
}
#frm label {
	clear:left;
	float:left;
	width:105px;
	margin-right:10px;
	margin-top:5px;	
}
#frm label.radio {
	clear:none;
	width:auto;
}
#frm label.selecteer {
	text-transform:uppercase;
	float:none;
	clear:none;
	width:auto;
	color:#adadad;
	font-size:9pt;
}
#frm #man,
#frm #telcontact {
	width:20px;
	margin-left:115px;
}
#frm #telcontact {
	clear:left;
}
#frm label.telcontact {
	float:left;
	clear:none;
	width:auto;
}
#frm #vrouw {
	width:20px;
	margin-left:10px;
}
#frm input, #frm textarea, #frm select {
	float:left;
	width:305px;
	border:1px solid #303030;
	margin-top:5px;
}
#frm #categorie,
#frm #provincie {
	float:none;
	width:auto;
	background-color:#fc7c00;
	color:white;
	font-size:9pt;
}
#frm fieldset {
	margin-top:1em;
}
#frm legend {
	padding-left:0;
	font-weight:bold;
}
#frm textarea {
	height:100px;
}
#frm #submitbutton {
	margin-left:115px;
	width:100px;
	clear:left;
	padding:3px 5px;
}
#frm input.validation-failed,
#frm textarea.validation-failed,
#aanmeldfrm input.validation-failed,
#aanmeldfrm textarea.validation-failed {
	border:1px solid #fc7c00;
	color:#5F2F00;
	background-color:#FFE7CF;
}
p.custom-advice {
	color:#fc7c00;
	margin:0;
}
#aanmeldfrm input {
	border:1px solid #303030;
	width:175px;
	margin-top:3px;	
}
#aanmeldfrm #submitbutton {
	width:90px;
	margin-top:5px;
}
#aanmeldfrm label {
	display:block;
	margin-top:5px;
	font-weight:bold;
}

h1 {
	text-indent:-9999px;
}
h1 a {
	display:block;
	height:510px;
	width:87px;
}
.clear {
	clear:both;
}
#main .links {
	margin-bottom:1em;
	margin-top:1em;
	clear:both;
}
#main .links li {
	float:left;
	width:150px;
}
#main .links li a {
	background:none;
	display:block;
	color:#fc7c00;
	padding-left:20px;
}
#main .links li a:hover {
	color:#fff;
	text-decoration:underline;
}
#main .links .back a {
	background:transparent url(../img/css/back0.gif) 0 50% no-repeat;
}
#main .links .back a:hover {
	background-image:url(../img/css/back1.gif);
}
#main .links .tell a {
	padding-left:25px;
	background:transparent url(../img/css/tell0.gif) 0 50% no-repeat;
}
#main .links .tell a:hover {
	background-image:url(../img/css/tell1.gif);
}
#main .links .apply a {
	background:transparent url(../img/css/doc0.gif) 0 50% no-repeat;
}
#main .links .apply a:hover {
	background-image:url(../img/css/doc1.gif);
}
#main .links .print a {
	padding-left:25px;
	background:transparent url(../img/css/print0.gif) 0 50% no-repeat;
}
#main .links .print a:hover {
	background-image:url(../img/css/print1.gif);
}

#main .actueel li {
	border-bottom:1px dotted #adadad;
	clear:left;
	margin-bottom:10px;
}
#main .actueel img {
	width:48px;
	height:48px;
	float:left;
	margin-right:10px;
}
#main .actueel .newsdate {
	font-weight:bold;
	margin-bottom:0;
}

#main .pos1,
#main .pos2,
#main .pos3,
#main .pos6,
#main .pos7,
#main .pos8 {
	width:100%;
/*	background-color:green;*/
}
#main .pos1,
#main .pos6 {
	text-align:left;
}
#main .pos2,
#main .pos7 {
	text-align:center;
}
#main .pos3,
#main .pos8 {
	text-align:right;
}
#main .pos4 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#main .pos5 {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#main #content .wholepage p {
	line-height:1.5em;
}
.thumb {
	display: block;
	float: left;
	width: 100%;
}
.thumb img {
	float: left;
	margin-right: 15px;
}
.kptalk  {
	float: left;
	width: 613px;
	clear: both;
	margin-left: 1px;
}
.kptalk  p {
	float: left;
	margin-right: 20px;
}
.kptalk img {

}


#main #content .halfleft {
	width:340px;
	background:transparent url(../img/css/additionalhalf-bg.gif) 0 0 no-repeat;
	height:465px;
	padding:10px;
}
/* Only in technieksite */
#page #main #content .halfleft input {
	clear: both;
}

#main #content .halfleft .mpFormLabel{
	width:120px;
	height:26px;
	vertical-align:top;
}
#main #content .halfleft .mpRadioButtonInput input, 
#main #content .halfleft .mpCheckBoxInput input{
	width:14px;
	height:14px;
	margin-top:5px;
}
#main #content .halfleft .mpRadioButtonText, 
#main #content .halfleft .mpCheckBoxLabel{
vertical-align:bottom;
}
#main #content .halfleft .submitCell{
	padding-top: 5px;

}
