body {
background-color:#cccccc;
font-family:Arial;
font-size:small; /*medium / large / x-large */
font-style:normal;
line-height:1.33em;
width:96%;
margin-left:2%;
margin-right:2%;
display:inline-block;
overflow-y:scroll;
}

body.kantlijn {
margin-left:30px;

	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 8px 4px;
	border-style: none none none none;
	
	color:red;
	}

#container {
width:100%;
background-color:#e4e4e4;
background-color:#ffffff;
}

#header {
background-color:#00f;
height:0px;
position:relative;
width:100%;
border-top:#cccccc 10px solid;
}


#main_image {
background: url(../images/kop_w3bis.jpg);
height: 89px;
background-size:100% 100%;
background-repeat:no-repeat;
}
	.menu {
			background: url(../images/menu_bg.jpg) repeat-x; 
            background-color: #00c;
                         width: 100%;
			height:auto;
			margin-top: 1px;
			}

		.menu ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
			border-bottom:0px solid #9f9f9f ;
            }

		.menu li {
			float: left;
			
			background:url(../images/menu_bg_a.jpg); background-position:right top; background-repeat:no-repeat;}
			.menu li a {
					background: url(../img/menu_bg_a.gif) top left no-repeat;
					display: block;
					padding: 10px;
					color:#00c; 
					}
			.menu li a:hover {
					color: #fff;
                    background-color: #00c;
					/*background:url(../img/menu_bg_hover.jpg) repeat-x; */}
			.menu a { text-decoration: none;  }
			
			.menu li.active a{
					/*background:url(../img/menu_bg_hover.jpg) repeat-x;*/
                    background-color: #00c;
					color:#fff;}
			 .cler{ clear:both;}	 	
 	
	
	.content {
	    background-color: #ffffff;
        color:#555555;
        margin-top:1px;
		width: 100%;
        /*width:80%;*/
		float: left;
		
        	float: bottom;
        }
       	#footer {
	         background-color: #00c;
			height: 20px;
			width: 100%;
			clear: both;
			text-align: center;
			padding:7px 0 7px 0;}
    #footer p {
          display: inline;
          padding-right:15px;
		  font-size:12px;
		 }
      #footer p a {color: #ffffff;
         text-decoration: none;}
      #footer p a:hover {
          text-decoration: underline;}
		#copyright {
		color:#454444;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
        border-bottom:#cccccc 1px solid;
		}
		#copyright a{
		color:#00c;
		padding-left: 3px; 
		/*padding-right: 4px;*/
		outline: none;
		}	
        /***********/ 
        
        input.button { 
	margin: 0; 
	font: bold 1em Arial; 
    border-color: #dcdcdc;
    border-width:4px;	
     border-style:outset;
	/*border: 1px solid #dcdcdc;*/
	 /* width: 90px; */
	 height: 24px;
	padding: 0px 0px; 
	color: #ffff00;
	background: #4169E1; 
	cursor: pointer;	
}
input.submit { 
	margin: 0; 
	 
    border-color: #dcdcdc;
    border-width:4px;	
     border-style:outset;
	/*border: 1px solid #dcdcdc;*/
	 width: 90px;
	 height: 30px;
	padding: 2px 3px; 
	color: #ffff00;
	background: #4169E1; 
	cursor: pointer;	
}
input.button2 { 
	margin: 0; 
	
	border: 1px solid #dcdcdc;
	 width: 75px;
	 height: 20px;
	padding: 2px 3px; 
	color: #333;
	background: #eeeeee; 
	cursor: pointer;	
}
input.button:hover {
	color: #ffffff;
	background: #1919e1;
	/*border: 1px solid #ffa500;*/
    border-color: #dcdcdc;
    border-width:4px;	
     border-style:outset;
	}
input.button2:hover {
	color: #333;
	background: #00bfbf;
	border: 1px solid #ffa500;
	}
.button_oke
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/oke.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}   
.button_nok
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/nok.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}   
.button_nieuw
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/plus.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}   
.button_wijzig
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/potlood.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
} 
.button_verwijder
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/nok.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
} 
.button_print
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/print.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}  
.button_lijst
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/schema.jpg);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
  
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}        
.button_rapport
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/rapport.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
} 
.button_vraag
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/question.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}   
.button_zoek
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/zoek.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
}
.button_terug
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/terug.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
} 
.button_update
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/update.PNG);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: top;
   
   font-size: 30px;
   color:#ffffff;
   cursor:pointer;
   -moz-box-shadow: 1px 1px 0px #F5F5F5;
   -webkit-box-shadow: 1px 1px 0px #F5F5F5;
   box-shadow: 1px 1px 0px #F5F5F5;
} 
.button_refresh
{
   border: 0px #A9A9A9 dotted;
   background-color: transparent;
   background-image: url(../images/refreshk.PNG);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: center;
   
   cursor:pointer;
   
}          
input.normaal {
	padding: 2px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#fff;
} 
textarea.normaal {
padding: 2px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#fff;
}   
input.invullen {
	padding: 2px;
     margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#0000ff;
    background-color:#FFFACD;
}
textarea.invullen {
padding: 2px;
     margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#0000ff;
    background-color:#FFFACD;
}
input.display {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#FFFFFF;
}
textarea.display {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#FFFFFF;
}

img.invullen {
	padding: 2px;
     margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#0000ff;
    background-color:#FFFACD;
}
img.display {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#FFFFFF;
}

table.invoer{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 8px 4px;
	border-style: none none none none;
	
	color:red;
	}

table.lijst {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 8px 4px;
	border-style: none none none none;
	
	color:#dddddd;
    width:95%;
	}
table.invoer {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 8px 4px;
	border-style: none none none none;
	
	color:#dddddd;
	}
td.invullen {
	padding: 2px;
     margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#0000ff;
    background-color:#FFFACD;
}  
td.display {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#000000;
    background-color:#FFFFFF;
}              
td.lijst {
	border-style: none none none none;
	width: 20%;
	
	color:#888888;
}
td.lijst0 {
	border-style: none none none none;
	width: 6%;
	
	color:#888888;
}
td.lijst1 {
	border-style: none none none none;
	width: 10%;
	
	color:#888888;
}
td.lijst2 {
	border-style: none none none none;
	width: 20%;
	
	color:#888888;
}
td.lijst3 {
	border-style: none none none none;
	width: 30%;
	
	color:#888888;
}
td.lijst4 {
	border-style: none none none none;
	width: 37%;
	
	color:#888888;
}
td.lijst5 {
	border-style: none none none none;
	width: 15%;
	
	color:#888888;
}
td.lijst80 {
	border-style: none none none none;
	width: 80%;
	
	color:#888888;
}
tr.lijst {
	border-style: none none none none;
	color: #0000ff;
	
	background-color:#dddddd;
}
tr.invoer {
	border-style: none none none none;
	
	background-color:#0000ff;
}
tr.lijst:hover {
	border-style: none none none none;
	color: #191970;
	
	background-color:#eee;
}
tr.invoer:hover {
	border-style: none none none none;
	
	background-color:#191970;
}
 input.zoek { 
	color: #191970;
	background: #fafad2; 
}
input.c2 {
    text-align: right;
    color:#000000;
    background-color:#FFFACD;
    }
input.c3 {
    text-align: right;
    }
input.c4 {
    text-align: right;
    color:#000000;
    background-color:#FFFfff;
    }
    
input#terug-button{
    background: #ccc url('../images/terugk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#zoek-button{
    background: #ccc url('../images/zoekk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;

}
input#annuleer-button{
    background: #ccc url('../images/annuleerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#opslaan-button{
    background: #ccc url('../images/opslaank.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#voegtoe-button{
    background: #ccc url('../images/voegtoek.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#nieuw-button{
    
background: #ccc url('../images/nieuwk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#wijzig-button{
    background: #ccc url('../images/wijzigk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#verwijder-button{
    background: #ccc url('../images/verwijderk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#print-button{
    background: #ccc url('../images/printk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#lijst-button{
    background: #ccc url('../images/lijstk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#rapport-button{
    background: #ccc url('../images/rapportk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#vraag-button{
    background: #ccc url('../images/questionk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#oke-button{
    background: #ccc url('../images/okek.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#refresh-button{
    background: #ccc url('../images/refreshk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#help-button{
    background: #ccc url('../images/helpk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}

input#actualiseer-button{
    background: #ccc url('../images/actualiseerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#formateer-button{
    background: #ccc url('../images/formateerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#selecteer-button{
    background: #ccc url('../images/selecteerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#certificeer-button{
    background: #ccc url('../images/certificeerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#menu-button{
    background: #ccc url('../images/menuk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#bladeren-button{
    background: #ccc url('../images/bladerenk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#upload-button{
    background: #ccc url('../images/uploadk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}


input#terug-button:hover{
    background: #ddd url('../images/terugk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#zoek-button:hover{
    background: #ddd url('../images/zoekk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;

}
input#annuleer-button:hover{
    background: #ddd url('../images/annuleerk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#opslaan-button:hover{
    background: #ddd url('../images/opslaank.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#voegtoe-button:hover{
    background: #ddd url('../images/voegtoek.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#nieuw-button:hover{
    background: #ddd url('../images/nieuwk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#wijzig-button:hover{
    background: #ddd url('../images/wijzigk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#verwijder-button:hover{
    background: #ddd url('../images/verwijderk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#print-button:hover{
    background: #ddd url('../images/printk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#lijst-button:hover{
    background: #ddd url('../images/lijstk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#rapport-button:hover{
    background: #ddd url('../images/rapportk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#vraag-button:hover{
    background: #ddd url('../images/questionk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#oke-button:hover{
    background: #ddd url('../images/okek.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#refresh-button:hover{
    background: #ddd url('../images/refreshk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}
input#help-button:hover{
    background: #ddd url('../images/helpk.png') no-repeat top left;
    padding-left: 30px;
    color: #0000ff;
    height: 26px;
    cursor: pointer;
}

input#actualiseer-button:hover{
    background: #ddd url('../images/actualiseerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#formateer-button:hover{
    background: #ddd url('../images/formateerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#selecteer-button:hover{
    background: #ddd url('../images/selecteerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#certificeer-button:hover{
    background: #ddd url('../images/certificeerk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#menu-button:hover{
    background: #ddd url('../images/menuk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#bladeren-button:hover{
    background: #ddd url('../images/bladerenk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
input#upload-button:hover{
    background: #ddd url('../images/uploadk.png') no-repeat top left;
    padding-left: 30px;
    height: 26px;
    cursor: pointer;
}
/********tot zover goed******/
hr.c1 {
       text-align:left;
       border: none; 
       border-bottom: 2px dotted #d3d3d3; 
       height: 0;
	   width: 600px;
	} 
select.normaal {
	padding: 2px;
	border:1px solid #cccccc;
	color:#000;
    background-color:#ffffff;
}         
select.invullen {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	color:#00f;
    background-color:#FFFACD;
} 
select.display {
	padding: 2px;
    margin-top:1px;
    margin-bottom:1px;
		border:1px solid #cccccc;
	color:#000;
    background-color:#FFFFFF;
} 
textarea {
	padding:2px;
	border:1px solid #cccccc;
	height:90px;
	display:block;
	color:#888;

}

textarea.invullen {
	
	border:1px solid #cccccc;
	color:#00f;
    background-color:#FFFACD;

}  
textarea.invullen90 {
	
	padding:2px;
	border:1px solid #cccccc;
	height:500px;
	
	color:#000;
    background-color:#FFFACD;
    overflow-x: scroll;
    resize: none;
    word-wrap: normal;
}  
textarea.display {
	padding:2px;
    margin-top:1px;
    margin-bottom:1px;
	border:1px solid #cccccc;
	height:90px;
	display:block;
	color:#000000;
    background-color:#FFFFFF;
}    
textarea.invullen2 {
	padding:2px;
	border:1px solid #cccccc;
	height:490px;
	display:block;
	color:#000000;
    background-color:#FFFACD;
} 
textarea.invullen5 {
	padding:2px;
	border:1px solid #cccccc;
	height:700px;
	display:block;
	color:#000000;
    background-color:#FFFACD;
}              
textarea.invullen100 {
	padding:2px;
	border:1px solid #cccccc;
	height:700px;
	display:block;
	color:#000000;
    background-color:#FFFACD;
}  
textarea.invullen70 {
	padding:2px;
	border:1px solid #cccccc;
	height:700px;
	display:block;
	color:#000000;
    background-color:#FFFACD;
}  

.textheading {
color:#0000cc;
font-weight: bold;
padding-left: 10px;
padding-top: 10px;
margin-right: 22px;
font-size: 14px;}

.textheading2 {
color:#0000cc;
font-weight: bold;
padding-left: 10px;
padding-top: 2px;
margin-right: 22px;
font-size: 12px;}

.textheading_oranje {
color:#ff7837;
font-weight: bold;
padding-left: 10px;
padding-top: 10px;
margin-right: 22px;
font-size: 14px;}

		.textx {
			color: #4A4A4A;
			width: 600px;
            padding-left: 15px;
			text-align: left;
			margin-right: 22px;
			margin-top: 8px;
			line-height:17px;}

.text_oranje {
			color: #ff7837;
			width: 600px;
            padding-left: 15px;
			text-align: left;
			margin-right: 22px;
			margin-top: 8px;
			line-height:17px;}
.dash {
background: url(../images/dashdot.jpg) repeat-x;
height: 15px;
width: 100%;
float: right;
margin-right: 0px;
margin-bottom: 3px;
}