html, body {
	height: 100%;
 	margin:0; padding:0;
}
body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment:fixed; 
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111F58;
	

	scrollbar-arrow-color: #111F58;
	scrollbar-base-color: #2038A2;
	scrollbar-darkshadow-color: #2038A2;
	scrollbar-face-color: #2038A2;
	scrollbar-highlight-color: #111F58;
	scrollbar-shadow-color: #111F58;
	scrollbar-track-color: #2038A2;
}
::-webkit-scrollbar-track {
      background-color: #2038A2;
} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
      background-color: #111F58;
} /* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
      background-color: #2038A2;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {
      background-color: #111F58;
}
body.frame{
	margin:0px;
	scrollbar-arrow-color:white;
   scrollbar-3dlight-color:#C0D1ED;
   scrollbar-highlight-color:white;
   scrollbar-face-color:#C0D1ED;
   scrollbar-shadow-color:white;
   scrollbar-darkshadow-color:#C0D1ED;
   scrollbar-track-color:white;
   scrollbar-base-color:white;
}
.history{
	background-color:#F3F6F9;
}
td.kopgrafiek{
   font-size: 12px;
	color: #2038A2;
	font-weight: bold;
}
td.subkopgrafiek{
   font-size: 12px;
	color: #F29388;
	font-weight: bold;
}
.menuBackground{
	background-color:#2038A2; 
}
.submenuActive{
	color:#F29388;
}
p {
        margin-top: 0px;
        margin-bottom: 0px;
        }
.area {
scrollbar-arrow-color:white;
scrollbar-3dlight-color:#F0F3FC;
scrollbar-highlight-color:white;
scrollbar-face-color:#F0F3FC;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:#F0F3FC;
scrollbar-track-color:white;
scrollbar-base-color:white;
}
.selectselected{
	color: #FF0000;
	background-color: #D4DFF3;
}
.randLicht{
	border: solid 1px #EFEFF7;
}
tr.colorLicht{
	background-color:#EFEFF7; 
}
tr.colorDonker{
	background-color:#2038A2; 
}
.kopopDonker{ /*in de grafiek  waar  background is donker*/
	color:#F29388;
	font-weight:bold;
}
tr .randDonker {
	border: solid 1px #2038A2;

}
.randMeteo{
	border:solid 2px #2038A2;
}
.randMeteoLicht{
	border:solid 1px #EFEFF7;
}
.lijnonderFlash{
	border-bottom:solid 1px #C0D1ED;   /*als scrollbalk*/
}
.inputlogin{
    background-color: #FFFFFF;
    border-style:#D4DFF3 solid 1px; 
    font-size: 10px;
	color: #111F58;
}
.login{
    background-color: #F0F3FC;
    font-size: 10px;
	color: #111F58;
    border-color: #2038A2;
	border-style: solid;
	border-width: 1px;
}
.invoerfact{
    background-color: #F0F3FC;
    font-size: 11px;
	 color: #2038A2;
    border-color: #B4C6EA;
	border-style: solid;
	border-width: 1px;
	
}
.contactfield{
    background-color: #FFFFFF;
    font-size: 10px;
	 color: #111F58;
    border-color: #C0D1ED;
	 border-style: solid;
	 border-width: 1px;
}
.contact{
	font-size: 11px;
	color: #C0D1ED;
}
.xmlfield{
    background-color: #FFFFFF;
    font-size: 10px;
	 color: #111F58;
    border-color: #2038A2;
	 border-style: solid;
	 border-width: 1px;
	 text-decoration:none;
    padding:2px 2px 2px 2px;
}
.xmlfieldred{
    background-color: #FFFFFF;
    font-size: 10px;
    text-decoration:none;
    padding:2px 4px 2px 4px;
	 color: #ff0000;
    border-color: #ff9977;
	 border-style: solid;
	 border-width: 1px;
}
.xmlfieldActive{
    background-color: #D4DFF3;
    font-size: 10px;
	 color: #111F58;
    font-weight: bold;
    border-color: #2038A2;
	 border-style: solid;
	 border-width: 1px;
	 text-decoration:none;
    padding:2px 2px 2px 2px;
}
.button{
    background-color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
	 color: #2038A2;
    font-weight: bold;
    height:20px;
    border-style: 2px ridge #D4DFF3;
}
.buttonSub{
    background-color: #D4DFF3;
    cursor: pointer;
    font-size: 10px;
	color: #2038A2;
    font-weight: normal;
    height:20px;
    border: 1px solid #2038A2;
}
.buttonSubActive{
    background-color: #D4DFF3;
    cursor: pointer;
    font-size: 10px;
	 color: #FF4500;
    font-weight: normal;
    height:20px;
    border: 1px solid #F29388;
}
.buttonVergeet{
    background-color: #D4DFF3;
    cursor: pointer;
    font-size: 10px;
	color: #2038A2;
    font-weight: normal;
    height:20px;
    border-style:solid;
}
hr{
  color:#B4C6EA;
  height:1px;
}

td{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111F58;
	}
  .pop td{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111F58;
}

.pop {  
  scrollbar-arrow-color:white;
  scrollbar-3dlight-color:#B4C6EA;
  scrollbar-highlight-color:white;
  scrollbar-face-color:#B4C6EA;
  scrollbar-shadow-color:white;
  scrollbar-darkshadow-color:#F0F3FC;
  scrollbar-track-color:white;
  scrollbar-base-color:white;
	}
.a pop{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
  text-decoration: none;
	}  
.info{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #607FB5;
    font-weight: bold;
}
.weekend{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;

	}
.klein{
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #111F58;

	}
.kleinOnder{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
	color: #A9C0DF;
    font-weight: bold;
	}
 .kleinOnder a:link{
	font-size: 9px;
    text-decoration: none;
	color: #A9C0DF;
    font-weight: bold;
	}
 .kleinOnder a:hover{
	font-size: 9px;
    text-decoration: none;
	color: #FFFFFF;
    font-weight: bold;
	}
	.kleinOnder a:visited{
	font-size: 9px;
    text-decoration: none;
	color: #A9C0DF;
    font-weight: bold;
	}
	
	.kleinOnderCall{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
	color: #7b8899;
    font-weight: bold;
	}
 .kleinOnderCall a:link{
	font-size: 9px;
    text-decoration: none;
	color: #7b8899;
    font-weight: bold;
	}
 .kleinOnderCall a:hover{
	font-size: 9px;
    text-decoration: none;
	color: #FFFFFF;
    font-weight: bold;
	}
	.kleinOnderCall a:visited{
	font-size: 9px;
    text-decoration: none;
	color: #7b8899;
    font-weight: bold;
	}
.kop{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2038a2;
	font-weight: bold;
	}
.menubackgroundcolor{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2038A2;
	font-weight: bold;
}

.welkom{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2038a2;
	font-weight: bold;
}
.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}

.menu a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}

.menu a:visited{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}

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

.menukl {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	padding-right:10px;
	padding-left:10px;
}
.menukl a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	padding-right:10px;
	padding-left:10px;
}
.menukl a:visited {
font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	padding-right:10px;
	padding-left:10px;
	}

.menukl a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-right:10px;
	padding-left:10px;

}
.menukl a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-right:10px;
	padding-left:10px;

}
div{
	padding:0px;
	margin:0px;
}


.menutitle{
   cursor:pointer;
   margin-bottom: 2px;
   background-color:#565684;
   color:#FFFFFF;
   padding-left:5px;

   font-weight:bold;
   font-size: 12px;

}

.menutitle td{
   cursor:pointer;
   margin-bottom: 2px;
   background-color:#565684;
   color:#FFFFFF;
   padding-left:5px;
   font-weight:bold;
   font-size: 12px;

}

.menutitleActive{
   cursor:pointer;
   margin-bottom: 2px;
   background-color:#484876;
   color:#ffffff;
   padding-left:5px;
   text-decoration: none;
   font-weight:bold;
  font-size: 11px;

}

.submenu{
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 2px;
   font-size: 12px;
   color: #FFFFFF;
   cursor: pointer;
   text-decoration: none;
   font-weight: bold
}
.submenu a:link{
   margin-bottom: 2px;
   color: #FFFFFF;
  color: #565684;
   cursor: pointer;
   text-decoration: none;
}

.submenu a:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}

.submenu a:hover {
	font-size: 11px;
	color: #E4E4EB;
    text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.submenu a:active {
	font-size: 11px;
	color: #FFFFFF;
    text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a.mainmenu {
    margin-bottom: 5px;
    font-size: 11px;
	background-color: #2038A2;
	color: #D4DFF3;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
    text-decoration: none;
}
a.mainmenu:link {
   font-size: 11px;
    color: #D4DFF3;
	font-weight: bold;
	padding-left: 5px;
    text-decoration: none;
}

a.mainmenu:hover{
font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
    text-decoration: none;

}
a.mainmenu:active{
font-size: 11px;
font-weight: bold;
	color: #FF9977;
	padding-left: 5px;
    text-decoration: none;
}	
.mainmenuKlant{
    margin-bottom: 5px;
    font-size: 11px;
	background-color: #2038A2;
	color: #0099FF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
    text-decoration: none;
}
a.mainmenuKlant{
    margin-bottom: 5px;
    font-size: 11px;
	background-color: #2038A2;
	color: #0099FF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
    text-decoration: none;
}
a.mainmenuKlant:link{
   font-size: 11px;
    color: #0099FF;
	font-weight: bold;
	padding-left: 5px;
    text-decoration: none;
}

a.mainmenuKlant:hover{
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
   text-decoration: none;

}
a.mainmenuKlant:active{
	color: #FF9977;
}	

 .menub {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
}
.menub a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
}
.menub a:visited {
   font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
	}

.menub a:hover,.menub:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	cursor: pointer;
	padding-right:5px;
	padding-left:5px;

}
.menub a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	cursor: pointer;
	padding-right:5px;
	padding-left:5px;

}
 .links {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
    font-size: 12px;
	text-decoration: none;
	font-weight: normal;

}
.links a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	font-weight: normal;

}
.links a:visited {
   font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	font-weight: normal;
	}

.links a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	cursor: pointer;
    font-weight: bold;

}
.links a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	cursor: pointer;

}
 .menuc {
	font-family: Arial, Helvetica, sans-serif;
	color: #F29388;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
}
.menuc a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #F29388;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
}
.menuc a:visited {
   font-family: Arial, Helvetica, sans-serif;
	color: #F29388;
	text-decoration: none;
	font-weight: bold;
	padding-right:5px;
	padding-left:5px;
	}

.menuc a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F29388;
	text-decoration: none;
	cursor: pointer;
	padding-right:5px;
	padding-left:5px;

}
.siteteksten{
	font-family: Arial, Helvetica, sans-serif;
	color: #708EC0;
	text-decoration: none;
}
.sitetekstenBasis{
	font-family: Arial, Helvetica, sans-serif;
	color: #3F4F7F;
	text-decoration: none;
}
.menuCall {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.menuCall a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
}
.menuCall a:visited {
   font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
	text-decoration: none;
	font-weight: bold;
	}

.menuCall a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2038a2;
	text-decoration: none;
	cursor: pointer;

}
.invoicingKop {
	font-family: Arial, Helvetica, sans-serif;
	color: #89A4CF;
    font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.invoicingData {
	font-family: Arial, Helvetica, sans-serif;
	color: #111F58;
    font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.invoicingSt {
	font-family: Arial, Helvetica, sans-serif;
	color: #111F58;
    font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
.callroute{
	color:#588CC9;
	font-size:18px;
	font-weight: normal;
}
.callroutesm{
	color:#588CC9;
	font-size:12px;
	font-weight: normal;
}
.callrouteform{
	color: #111F58;
	font-size: 18px;
	font-weight: normal;
	
}
.calrouteinput{
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #111F58;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.calrouteinputdatum{
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #111F58;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #111F58;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0px;
}
.callrouterand{
	border-bottom-color: #588CC9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.calrouteinputzero{
	border: 0 none;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.demotext{
	color:#696969;
}