/*----------------------Algemeen----------------------*/
body, p, dl, dt, dd {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;	
  margin: 0;
  padding: 0;
}
table, tr, td, th {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;	
}

body { 
  background-color : White; 
}

h3 { 
  margin-bottom: 4px; 
}
h3.top { 
  margin-top: 0px; 
  margin-bottom: 4px; 
}

ul { 
  margin-top: 2px; 
}

.img { 
  border: none; 
}

/*------------------ div blocks -------------------------------------------------------------------------------*/

div.vr5 { 
  float: left; 
  width: 5px; 
  height: 10px 
}
div.vr10 { 
  float: left; 
  width: 10px; 
  height: 10px 
}
div.vr20 { 
  float: left; 
  width: 20px; 
  height: 10px 
}
div.vr25 { 
  float: left; 
  width: 25px; 
  height: 10px 
}
div.vr30 { 
  float: left; 
  width: 30px; 
  height: 10px 
}

div.hr15 { 
  clear: left; 
  float: left; 
  height: 15px; 
} 
div.hr20 { 
  clear: left; 
  float: left; 
  height: 20px 
}

div { 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  font-size : 14px; 
  margin: 0; 
  padding: 0; 
}

div.top { 
  position: relative; 
  margin: 0; 
  width: 100%; 
  background-color: #DDDDFF; 
  border-bottom: 2px solid #49B1CA; 
  height: 88px; 
}
* html div.top  { 
  \height: 90px;   /* for IE5 and IE6 in quirks mode */
  h\eight: 88px;   /* for IE6 in standards mode */
}

div.menuandcontent { 
  position: absolute; 
  top: 110; 
  left: 0; 
  width: 100%; 
  background-color: #FFFFFF; 
}

div.toplogo { 
  position: absolute; 
  top: 0; 
  right: 10; 
  height: 108px; 
  border-bottom: 2px solid #49B1CA; 
  border-left: 2px solid #49B1CA; 
  border-right: 2px solid #49B1CA; 
}
* html div.toplogo { 
  \height: 110px;   /* for IE5 and IE6 in quirks mode */
  h\eight: 108px;   /* for IE6 in standards mode */
}
img.toplogo { 
  border: 0; 
}

div.topunder  { 
  position: absolute; 
  top: 88px; 
  left: 11px; 
  background-color: #DDDDFF; 
  border: 2px solid #49B1CA; 
  width: 149px; 
  height: 18px; 
}
* html div.topunder  { 
  \width: 153px;   /* for IE5 and IE6 in quirks mode */
  w\idth: 149px;   /* for IE6 in standards mode */
  \height: 22px;   /* for IE5 and IE6 in quirks mode */
  h\eight: 18px;   /* for IE6 in standards mode */
}

div.topimage { 
  position: absolute; 
  top: 0; 
  left: 13px; 
}
img.topimage  { 
  height: 108px; 
}

div.topcvo  { 
  position: absolute; 
  top: 5px; 
  left: 10px; 
  font-family: Verdana,Arial; 
  font-size: 18px; 
  font-weight: 700; 
  color: #3E847C; 
}

div.topinfo { 
  position: absolute; 
  right: 335px; 
  font-family: Verdana,Arial; 
  font-size: 11px; 
}
div#topinfo1 { 
  top: 5px; 
}
div#topinfo2 { 
  top: 17px; 
}
div#topinfo3 { 
  top: 29px; 
}
div#topinfo4 { 
  top: 41px; 
}

div.utopmenu  { 
  position: absolute; 
  top: 70px; 
  left: 10px; 
  font-size : 11px; 
  color: #105D57; 
}
div.utopblank { 
  clear: left; 
  float: right; 
  height: 20px; 
}

div.bottomline { 
  clear: left; 
  float: left; 
  background-color: #49B1CA; 
  height: 1px; 
}
div.bottom { 
  clear: left; 
  float: left; 
  font-size : 9px; 
  text-align: right; 
  border-top : 1px solid #369; 
}

/*------------------ menu block -------------------------------------------------------------------------------*/

div.menu { 
  width: 155px; 
  float: left; 
  height: 100% 
}

ul.menu { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  font-size: 11px; 
}
li.menu { 
  display: inline; 
  margin: 0 0 1px 0; 
}
li.menuactive { 
  margin: 0 0 1px 0; 
  border: 1px solid #EEEEEE; 
  color: #000000; 
  background-color: #FFFFFF; 
  padding-top: 2px ; 
  padding-left: 12px; 
  padding-bottom: 2px ; 
  padding-right: 12px; 
}
li.menuempty { 
  height: 15px; 
  color: #000000; 
  background-color: #FFFFFF; 
}
div.menuitem { 
  width: 155px; 
  float: left; 
}
a.menu:link { 
  display: block; 
  color: #FFFFFF; 
  background-color: #105D57; 
  padding-top: 3px ; 
  padding-left: 12px; 
  padding-bottom: 3px ; 
  padding-right: 12px;
  text-decoration: none; 
  border: 1px solid #EEEEEE; 
  font-size: 11px; 
}
a.menu:visited { 
  display: block; 
  color: #FFFFFF; 
  background-color: #105D57; 
  padding-top: 3px ; 
  padding-left: 12px; 
  padding-bottom: 3px ; 
  padding-right: 12px;
  text-decoration: none; 
  border: 1px solid #EEEEEE; 
  font-size: 11px; 
}
a.menu:active { 
  display: block; 
  color: #FFFFFF; 
  background-color: #105D57; 
  padding-top: 3px ; 
  padding-left: 12px; 
  padding-bottom: 3px ; 
  padding-right: 12px;
  text-decoration: none; 
  border: 1px solid #EEEEEE; 
  font-size: 11px; 
}
a.menu:hover { 
  display: block; color: #000000; 
  background-color: #DDDDFF;  
  text-decoration: none; 
  border: 1px solid #49B1CA; 
  font-size: 11px; 
}


.style10 {
  font-size : 18px; 
  color : #49B1CA; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.style25 {
  color: #49B1CA; 
  font-size: 21px; 
}
.style33 {
  font-size: 18px
}
.style34 {
  font-size: 21px; 
  color: #BFBFBF; 
}
.style36 {
  font-size: 21px; 
  font-weight: bold; 
  color: #BFBFBF; 
}
.style40 {
  color: #BFBFBF; 
}


/*------------------------ links ---------------------*/
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: none;
}



/*------------------ background colours---------------*/
.prime {
  background-color : #C10010;
  color : White;
}
.secundary {
  background-color : #49B1CA;
}


/*------------------- Titels---------------------*/

.titel,.nopage {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 24px;
  color : #105D57;
  border-bottom : 1px solid #369;
  font-weight : bold;
}


.contentwarning {
}

.subtitel {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 18px;
  color : #105D57;
  font-weight : bold;
}

/*---------------Kleuren in overzichtstabellen-------------------*/
.tabel-caption {
  background-color : #105D57;
  color : White;
  font-weight : bold;
}

.tabel-grijs{
  background-color : #eeeeee;
}

.tabel-wit {
  background-color : #FFFFFF;
}

/*----------------------Basis opmaak------------------------*/
.onderlijn {
  border-bottom : 1px solid #222288;
}
.bovenlijn{
  border-top : 1px solid #222288;
}

.warning {
  font-weight : bold;
  background-color : #ffffff;
  border-top : 1px solid #004C73;
  border-bottom : 1px solid #004C73;
  border-left : 1px solid #004c73;
  border-right : 1px solid #004c73;
  padding : 4px;
}

.kleiner {
  font-size : 11px;
}

a:link {
  color : #222288;
  border: 0px;
}

a:visited {
  color : #222288;
  border: 0px;
}

/*----------------------Formulier opmaak------------------------*/
span.label { 
  font-style: normal; 
  font-size: 11pt;  
  font-weight: 100; 
  color: #000000; 
}
span.bold { 
  font-style: normal; 
  font-size: 11pt;  
  font-weight: 900; 
  color: #000000; 
}
span.small { 
  font-style: normal; 
  font-size: 8pt;  
  font-weight: 100; 
  color: #000000; 
}
span.data { 
  font-style: normal; 
  font-size: 11pt;  
  font-weight: 100; 
  color: #000000;  
  background: #EEEEFF; 
}
span.error { 
  font-style: normal; 
  font-size: 8pt;   
  font-weight: 100; 
  color: #770000; 
}
span.saved { 
  font-style: normal; 
  font-size: 8pt;   
  font-weight: 600; 
  color: #770000; 
  position: relative; 
  top: -4pt; 
  left: -4pt; 
}
span.adead { 
  font-style: normal; 
  font-size: small; 
  font-weight: 600; 
  color: #CFB789; 
}
hr.section { 
  color: #BBBBBB; 
  background-color: #BBBBBB; 
  border-color: #BBBBBB; 
  border-style: none; 
  height: 2; 
  width: 100%; 
}
hr.sub { 
  color: #BBBBBB; 
  background-color: #BBBBBB; 
  border-color: #BBBBBB; 
  border-style: none; 
  height: 1px; 
  width: 100%; 
}
select { 
  background-color: #EEEEFF; 
}
input { 
  background-color: #EEEEFF; 
}
textarea { 
  background-color: #EEEEFF; 
}
option { 
  background-color: #EEEEFF; 
}
option.both  { 
  background-color: #800000; 
}
img.button   { 
  border: solid 1px #369; 
}
input.button { 
  border: solid 1px #369; 
}
             
div.container { 
  width: 800px; 
  position: relative 
}
div.topmessage { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  border: 1px solid #49B1CA; 
  display: none;
  font-style: normal; 
  font-size: small; 
  font-weight: 600; 
  color: #770000; 
}

div.option {
  height: 24px;
}
div.line { 
  clear: left; 
  float: left; 
  height: 2px; 
  text-align: left; 
  margin-top: -7px; 
  margin-bottom: 11px; 
}
* html div.line  { 
  \margin-bottom: 0px;    /* for IE5 and IE6 in quirks mode */
  m\argin-bottom: 11px;   /* for IE6 in standards mode */
}
div.left { 
  float: left; 
  padding-bottom: 2px; 
}
div.right { 
  float: left; 
  text-align: right; 
  padding-bottom: 2px; 
}