/* CSS Document */
body {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

body, td, div, span, a{
	font-family: Arial, Helvetica, sans-serif;
	color: #0055A0;
	font-size: 11px;
}

 .divbutton {
    padding: 2px 5px 2px 2px;
    background-color: #D4D0C8;
    /*border-top: 1px solid #404040;*/
    border-bottom: 1px solid #404040;
    /*border-left: 1px solid #404040;*/
    border-right: 1px solid #404040;
    cursor: pointer;
    color: #000000;
    font-size: 12px;
    border-width: 2px;
    border-color: #dddddd;
    border-style: outset;
    height: 22px;
}

.divbutton a,
.divbutton a:link,
.divbutton a:visited,
.divbutton a:hover {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
}
.divbutton img {
    vertical-align: middle;
    padding-bottom: 3px;
}

.a_image {
    cursor: pointer;
}

fieldset { 
	border: 2px solid #0055A0;
	margin: 0px;
    padding: 5px;
}

legend {
	padding: 0.2em 0.5em;
	color: #0055A0;
}

label.search {
	float:left;
	width:200px;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
}

select {
	width: 200px;
}

img.a_image,
.a_image img, 
.a_image:link img, 
.a_image:hover img,
.a_image:visited img {
    border: 1px solid #0055A0;
}

img.no_a_image {
    border: 1px solid #0055A0;
}

hr {
    border: 1px;
    background-color: #0055A0;
    height: 1px;
}

a.menuitem_level1, a.menuitem_level1:hover {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
}

a.menuitem_level2 {
	font-size: 11px;
}

a.menuitem_level3 {
	font-size: 11px;
}

.menuspacer {
	font-size: 6px;
    height: 6px;
}


.picture{
	text-align: right;
}

img.clientpicture {
    margin: 2px 10px 10px 0;
}

img.border_rood {
    border: 1px solid #C82828;
}

img.border_blauw {
    border: 1px solid #0055A0;
}

img.border_groen {
    border: 1px solid #9BC805;
}

a:link,
a:visited,
a:active{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a.downloadfile{
	font-weight: bold;
}
a.selected:link,
a.selected:visited,
a.selected:hover,
a.selected:active{
	text-decoration: underline;
}

a:link img{
    text-decoration: none;
    border-width: 0;
}

a.downloadlink {
    background-position:left center;
    background-repeat:no-repeat;
    height: 16px;
    padding-left:15px;
    background-image:url(../images/download.jpg);
    text-decoration: underline;
}

a.downloadlink:hover {
    text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.title{
	font-size: 14px;
	font-weight: bold;
}
#scrollcontainer{
	overflow:auto;
	height:100%;
}
table.itemtable{
	margin-top: 20px;
	width: 670px;
}
table.itemtable td{
	vertical-align: top;
}
table.itemtable td.photo{
	width: 100px;
}
table.list{
	margin-right: 10px;
}
table.list td{
	height: 18px;
	vertical-align:top;
}
table.list .label{
	width: 670px;
}
table.list .description{
	padding-top:10px;
}
table.list .textfield{
	width: 200px;
}
table.list .textfield1,
table.list select{
	width: 100px;
}
table.list .textarea1{
	width: 240px;
	height: 100px;
}
table.list .file{
	width: 240px;
}

span.file_exist{
	font-style: italic; 
}
/*div.introtext{
	width: 700px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999;
}*/
div.item,
div.noresults{
	width: 700px;
	padding-bottom: 20px;
	margin-bottom: 5px;
	/*border-bottom: 1px solid #999999;*/
}
div.noresults{
	color:#e71202;
}
table.data{
	margin-top: 10px;
}
table.data .label{
	width: 100px;
	padding-right: 10px;
}
table.fullcontent{
	width: 423px;
	margin-bottom: 10px;
}
table.fullcontent  td.text{
	width: 323px;
}
table.searchtable td{
	height: 30px;
}
table.searchtable td.label{
	width: 120px;
}
table.searchtable input,
table.searchtable select{
	width: 140px;
}
table.searchtable input.searchbutton{
	width: 50px;
}
table.edit td{
	line-height: 25px;
}

table.edit textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #293487;
}
table.formtable{
	width: 423px;
}
table.formtable td{
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.formtable td.label{
	width: 130px;
}
/* CSS Document */
table.homepagenewsitem{
	color: #293487;
	margin-bottom: 20px;
}
table.homepagenewsitem td{
	vertical-align: top;
}

table.homepagenewsitem td.picture{
	width: 150px;
	padding-left: 10px;
}

table.homepagenewsitem .title a{
	font-size: 14px;
	font-weight: bold;
}
table.homepagenewsitem .summary{
	margin-top: 10px;
}
table.newsitem{
	width:100%;
}
.newslist{
	margin-top: 10px;
}
.newslist .newstitle{
	margin-bottom: 2px;
}

input {
    padding-left: 4px;
	color: #293487;
}

input.textfield{
    width: 200px;
    height: 18px;
    font-size: 11px;
}

textarea, .textarea{
    padding-left: 4px;
    width: 290px;
    height: 130px;
    font-size: 11px
}

select {
	color: #293487;
}

div.bottompagecount{
	margin-bottom: 10px;
}

.tab {
	border-left: 2px solid #C82828;
	border-top: 2px solid #C82828;
	border-right: 2px solid #C82828;
	padding-left: 5px;
	line-height: 20px;
	width: 220px;
}

.tabbottomborder{
	border-left: 2px solid #C82828;
	border-right: 2px solid #C82828;
	line-height: 2px;
}
.rood{
	border-color: #C82828;
}
.cmd_rood{
	color: #FF0000;
	font-weight: bold;
}
.blauw{
	border-color: #0055A0;
}

.groen{
	border-color: #9BC805;
}

.roodfill{
	background-color: #C82828;
	height: 2px;
}

.blauwfill{
	background-color: #0055A0;
	height: 2px;
}

.groenfill{
	background-color: #9BC805;
	height: 2px;
}

.rodetab{
	border-left: 2px solid #C82828; 
	border-right: 2px solid #C82828; 
	border-bottom: 2px solid #C82828;
}

.blauwetab{
	border-left: 2px solid #0055A0; 
	border-right: 2px solid #0055A0; 
	border-bottom: 2px solid #0055A0;
}

.groenetab{
	border-left: 2px solid #9BC805; 
	border-right: 2px solid #9BC805; 
	border-bottom: 2px solid #9BC805;
}
table.pagetable td.page{
	width: 700px;
}
table.pagetable td{
	vertical-align: top;
}
table.pagetable .menublock{
	width: 205px;
}
table.pagetable .space{
	background-image: url(../images/middlebar.jpg);
	background-position: 24px 212px;
	background-repeat: no-repeat;
	width: 25px;
}
div.logoworkstep{
	width: 205px;
	margin-bottom: 27px;
}
table.menu{
	width: 205px;
}

table.menu .greenbar{
	width: 12px;
	background-color: #98c000;
}
table.menu span{
	display: none;
}


div.topbar{
	width: 700px;
	height: 13px;
	background-color:#0055A0;
}
div.topvisual{
	margin-top: 15px;
	margin-bottom: 15px;
}
td.bottomtd{
	height: 50px;
}
div.bottombar{
	margin-top: 10px;
	width: 700px;
	height: 13px;
	background-color:#e71202;
}
div.footer{
	width: 700px;
	margin-bottom: 5px;
	text-align:right;
	color: #0055A0;
}
div.submenu{
	margin-top: 0px;
	margin-left: 32px;
	margin-bottom: 0px;
}
div.submenu_contact{
	margin-top: 5px;
	margin-left: 32px;
	margin-bottom: 0px;
}

div.contentwrapper{
	padding-left: 0px;
	width: 700px;
	min-height: 200px;
}

div.toelichting {
	margin-left: 10px;
	padding: 5px; 
	background-color: #eeeeee;	
}

.kop {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0055A0;
	text-decoration: none;
	width: 700px;
}
#loginblock .logininput{
	width: 100px;
	font-size: 10px;
}
#loginblock .loginselect{
	width: 75px;
	font-size: 10px;
}
#loginblock .submitbutton{
	margin-left: 5px;
	cursor: pointer;
	cursor: hand;
	
}
/* pagesblock */
.currentpagenr,
.pagenr,
.pagebutton{
	width: 12px;
	text-align:center;
}

.currentpagenr{
	color: #98c000;
	font-weight: bold;
	text-align:center;
}

/* fileblock */
div#file{
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 30px;
	height: 19px;
	_height: 24px;
	background-repeat:no-repeat;
	background-position: top left;
}
div.file_xls{	background-image: url(../images/fileicons/fm_xls.gif);}
div.file_pdf{	background-image: url(../images/fileicons/fm_pdf.gif);}
div.file_txt{	background-image: url(../images/fileicons/fm_txt.gif);}
div.file_doc{	background-image: url(../images/fileicons/fm_doc.gif);}
div.file_img{	background-image: url(../images/fileicons/fm_img.gif);}
div.file_zzz{	background-image: url(../images/fileicons/fm_zzz.gif);}

div.loginblockwrapper{
	margin-left: 28px;
	margin-top: 28px;
}

h2 {
	font-size: 16px;
}

.error{
	color: red;
}
.ok{
	color: green;
}
.chapters{
margin-top: 10px;
}
td{
	vertical-align: top;
}
table.chapterheader{
	width: 423px;
}
table.chapterheader .pageinfo{
	text-align: right;
	padding-bottom: 17px;
}
table.chapterheader .chaptertitle{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 17px;
}
table.chapter{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 423px;
}
table.chapter a{
	font-weight: normal;
}
table.chapter td.text{
	width: 269px;
	_width: 280px;
	padding-right: 15px;
	padding-bottom: 10px;
}
table.step{
	margin: 10px;
	width: 240px;
	margin-right: 0px;
}
table.step .color{
	width: 14px;
	height: 70px;
}
table.step .desc{
	padding-left: 10px;
}
table#step_red .color{ background-color: #e71202; }
table#step_red .desc{ color: #e71202; }
table#step_blue .color{ background-color: #0055A0; }
table#step_blue .desc{ color: #0055A0; }
table#step_green .color{ background-color: #98c000; }
table#step_green .desc{ color: #98c000; }

ul{
margin-left: 20px;
}
li{
margin-bottom: 10px;
}
table.employee{
	float:left;
	width: 210px;
	margin-bottom: 20px;
	margin-top: 5px;
}
table.employee td.img{
	width: 80px;
}
table.employee td.desc{
	vertical-align: top;
	padding-top: 10px;
	padding-left: 5px;
}
table.employee .desc a{
	font-weight: normal;
}

h3{ 
    font-size: 16px; 
}






table.list td.itemtitel {
	padding-bottom: 6px;
	font-weight: bold;
}

table.list td.itemtitel, 
table.list td.itemgrey,
table.list td.item{
	padding: 2px 10px 2px 0px;
}

table.list td.itemgrey{
	color: #999999;
	border-bottom: 1px solid #d3d2d2;
}

table.list td.knop{
	width: 20px;
}

table.list td.itemtitelsmall,
table.list td.itemsmall,
table.list td.itemtitel,
table.list td.item,
table.list td.knop{
	border-bottom: 1px solid #d3d2d2;
}



