/* =================== BODY =================== */

body.inh {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;		
  background-repeat     : repeat-y;
  background-attachment : fixed;
}

body.inh-popup {
  background-repeat     : repeat-y;
  background-attachment : fixed;
  background-position   : 97% 100%;
}

body.inh-wb {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;		
  background-repeat     : repeat-y;
  background-attachment : fixed;
  background-position   : 97% 100%;
}

body.inh-wb-rood {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;	
  background-repeat     : repeat-y;
  background-attachment : fixed;
  background-position   : 97% 100%;
}

/* =================== TABLE ================== */

table.helptext {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  padding          : 0px;
  text-align       : left;
  color            : #00387D;
}

table.main {
  font-family    : Verdana, Arial, Helvetica, sans-serif;
  font-size      : 12px;
	padding        : 0px;
	margin-left    : 20px;
	/* center table */
	/*
	margin-left    : auto; 
  margin-right   : auto;
  */
  text-align     : left;
}


table.border{
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 12px;
  text-decoration : none;
	border			 	   : 1px solid #00387D;
	padding          : 0px;
	text-align       : left;
	background-color : #FFFFFF;
}

table.titletable {
	padding        : 0px;
	text-align     : left;
  color          : #00387D;
}

table.zoek {
	padding        : 3px;
  text-align     : left;
}

table.data {
	padding        : 3px;
  text-align     : left;
}

table.form {
	padding        : 3px;
  text-align     : left;
}

table.forminline {
	padding        : 3px;
  text-align     : left;
}

table.foutmeldingButtons {
	padding        : 3px;
	color          : #00387D;
}

table.menu {  
}

table.bericht {
	padding          : 0px;
  text-align       : left;
  align            : left;
}

table.popup {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  padding          : 0px;
  text-align       : left;
  color            : #00387D;
}

table.checkpagina {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  padding          : 0px;
  text-align       : left;
  color            : #00387D;
}

td.berichtHeader {
  padding          : 2px;
  font-size        : 12px;
  background-color : #FFFFFF;
  border-top       : solid 1px #00387D;
  border-bottom    : solid 1px #00387D;
  font-weight      : bold;	
  color            : #00387D;	
}

td.berichtFooter {
  border-top       : solid 1px #00387D;
}

td.berichtTekst {
  padding          : 2px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  text-decoration  : none;
  color            : #000000;
  background-color : #ffffff;  
}

td.berichtKop {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  text-decoration  : none;
  color            : #000000;
  background-color : #ffffff;  
}

td.zoek {
  height         : 20px;
}

td.data {
  height         : 20px;
}

td.title {
	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-size    : 18px;
	font-weight  : bold;
	text-align   : left;
	color        : #007EA9;
	margin-bottom: 3px;
	margin-top   : 0px;
}

td.titleGebruiker {
	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-size    : 10px;
	font-weight  : bold;		
	color        : #007EA9;
}

tr.heading {
	font-weight      : bold;
  color            : #007EA9;
  background-color : #FFFFFF;
}

td.vraag {
	font-weight      : bold;
  color            : #00387D;
}

td.FoutMelding {
	font-weight    : bold;
	color          : #C10101;
	height         : 20px;
	vertical-align : middle;
	text-align     : left;
}

td.bgVoorCelButtons {
	background-color : #00387D;
	height           : 30px;
  vertical-align   : middle;
}

td.direct {
	background-color : #f7f79a;
	border-top       : solid 1px #00387D;
	border-bottom    : solid 1px #00387D;
  margin-left     : 12px;
}

.tabelLinkerKolom {
	background-color : #b3d7d7;
	height           : 20px;
	width            : 30px;
}

.VerplichtVeld{ 
	background-color: #FFFFFF;
	color           : #00387D;
	padding         : 2px;
}

#demouitleg {
	font-size    : 12px;
	color           : #ffffff;
	padding         : 2px;
	background-color: #007ea9; 
/*   background-color: transparent;
   background-image: url(../pics/bgrdemo.gif);
	background-repeat: repeat; 
*/
}
#demouitleg .titel {
	color:#d9c900;
	font-weight:bold;
	font-size:14px;
}

#demouitleg a:link {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: none; 
	color						: #FFFFFF;
	border-style      	: none;
	border-width      	: 0px;
	font-weight				: bold;
	}
#demouitleg a:visited {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: none; 
	color		        		: #FFFFFF;
	border-style    		: none;
	border-width      	: 0px;
	font-weight				: bold;
	} 
#demouitleg a:active {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: underline; 
	color						: #FFFFFF;
	border-style      	: none;
	border-width      	: 0px;
	font-weight				: bold;
	}
#demouitleg a:hover {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: underline; 
	color						: #D9C900;
	border-style			: none;
	border-width      	: 0px;
	font-weight				: bold;
} 
#demouitleg p {
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	color						: #FFFFFF;
} 
.NietVerplichtVeld {
	background-color: #FFFFFF;
	color           : #00387D;
	padding         : 2px;
}

/* =================== SPAN =================== */

.title2 {
	font-family  : Verdana, Helvetica, sans-serif;
	font-size    : 17px;
	font-weight  : bold;
	color        : #007EA9;
}

.pad-pagina {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 10px; 
  text-decoration : none; 
  color           : #00387D;
  line-height     : 140%;
} 

.tekst{ 
	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 9pt; 
	font-weight      : normal;
	color            : #000000;
} 

.welkomklein {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 10px;
	text-decoration  : none;
	color            : #000000;
	text-align       : center;
	background-color : #none;
}

.rood {
  color	            : #9C1722;
}

.fout {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color	            : #9C1722;
  font-weight       : bold; 
}

.ondersteuning { 
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  color	            : #9C1722;
  font-weight       : bold; 
  text-align        : right;
}

/* ===================== A ==================== */

a:link {
  	font-size         : 12px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	text-decoration 	: none; 
	color					: #007EA9;
	}

a:visited {
  	font-size         : 12px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none; 
	color					: #007EA9;
	} 

a:active {
  	font-size           : 12px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	text-decoration 	: underline; 
	color				: #007EA9;
	}

a:hover {
  	font-size           : 12px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	text-decoration 	: underline; 
	color					: #00387D;
	} 

a.news {
	font-family      : Verdana,Helvetica,sans-serif;
	font-weight      : bold; 
	text-decoration  : none; 
	color            : #007EA9;
	line-height      : 140%;
}

a.news:visited {
	font-family      : Verdana,Helvetica,sans-serif;
	font-weight      : bold; 
	text-decoration  : none; 
	color            : #007EA9;
	line-height      : 140%;
} 

a.news:active {
	font-family      : Verdana,Helvetica,sans-serif;
	font-weight      : bold; 
	text-decoration  : underline; 
	color            : #007EA9;
	line-height      : 140%;
}

a.news:hover {
	font-family      : Verdana,Helvetica,sans-serif;
	font-weight      : bold; 
	text-decoration  : underline; 
	color            : #007EA9;
	line-height      : 140%;
} 


a.navig:link { 
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #007EA9;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight      : bold;
}

a.navig:visited {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #007EA9;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight      : bold;
}

a.navig:active {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #007EA9;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight      : bold;
}

a.navig:hover {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : underline;
  color             : #00387D;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight      : bold;
}


a.navig_off:link {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #999999;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight       : bold;
}

a.navig_off:visited {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #999999;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight       : bold;
}

a.navig_off:active {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #999999;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight       : bold;
}

a.navig_off:hover {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 10px;
  text-decoration   : none;
  color             : #999999;
  text-align        : right;
  border-right      : 0px solid #FFFFFF;
  font-weight       : bold;
}


a.hoofd:link {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 12px;
  text-decoration : none;
  color           : #FFFFFF;
  font-weight		: bold;
} 

a.hoofd:active {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 12px;
  text-decoration : none;
  color           : #FFFFFF;
  font-weight		: bold;
}

a.hoofd:visited {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 12px;
  text-decoration : none;
  color           : #FFFFFF;
  font-weight		: bold;
}

a.hoofd:hover {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 12px;
  text-decoration : none;
  color           : #D9C900;
  text-decoration : underline;
  font-weight		: bold;
} 

a.hoofd-on:link {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	text-decoration	: none; 
	color					: #D9C900;
	line-height       : none;
   font-weight			: bold;
	} 

a.hoofd-on:active {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	text-decoration	: underline; 
	color					: #D9C900;
   font-weight			: bold;
	}

a.hoofd-on:visited {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	text-decoration	: none; 
	color					: #D9C900;
   font-weight			: bold;
	}

a.hoofd-on:hover {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	text-decoration   : underline; 
	color					: #D9C900;
   font-weight			: bold;
 	} 	

a.help:link { 
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
  color           : #00387D;
} 

a.help:active {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
  color           : #00387D;
} 

a.help:visited 	{ 
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
  color           : #00387D;
} 

a.help:hover { 
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : none;
  color           : #000000;
} 

a.abc:link {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	font-weight			: bold;  
	text-decoration	    : none; 
	color				: #00387D;
    background			: #ffffff;
} 

a.abc:active {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	font-weight			: bold; 
	text-decoration	    : underline; 
	color				: #f7f79a;
    background			: #00387D;
}

a.abc:visited {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	font-weight			: bold;  
	text-decoration	    : none; 
	color				: #00387D;
    background			: #ffffff;
}

a.abc:hover {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
	font-weight			: bold; 
	text-decoration	    : underline; 
	color				: #f7f79a;
	background			: #00387D;
} 

/* =================== FORM =================== */

.form {
	font-family      : Verdana, Helvetica, Arial, sans-serif;
	font-size        : 10pt;
	color            : #000000;
	background-color : #ffffff;
	border-color     : #00387D;
	border-style     : solid;
	border-width     : 1pt;
}

/* =================== FONT =================== */

.CheckCssWit { 
	font-family      : Arial, Helvetica, sans-serif; 
	font-size        : 9pt; 
	color            : #FFFFFF; 
	background-color : #FFFFFF;
}

.CheckcssGroen { 
	font-family      : Arial, Helvetica, sans-serif; 
	font-size        : 9pt; 
	color            : #70A426; 
	background-color : #FFFFFF;
}

.CheckcssZwart {
 	font-family      : Arial, Helvetica, sans-serif; 
	font-size        : 9pt;
	color            : #000000;
	background-color : #FFFFFF;
}

.CheckcssRood {
	font-family      : Arial, Helvetica, sans-serif; 
	font-size        : 9pt; 
	color            : #9C1722; 
	background-color : #FFFFFF;
}

/* ==================== DIV =================== */

.main {

}

/* ================== OVERIG ================== */

hr.grijs {
	height : 1px;
	color  : #9f9f9f;
	width  : 100%;
}

.TitelMededelingScherm {
	font-family  : Verdana, Arial, Helvetica, sans-serif;
	font-size    : 18px;
	font-weight  : bold;
	text-align   : left;
	color        : #007EA9;
	margin-bottom: 3px;
	margin-top   : 0px;
  
}

input.buttonHidden {
	width : 0px;
	height: 0px;
}

.uitlegdemo {
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 10px;
  text-decoration : none;
}