body, td, th { font-family: Helvetica, "Humanst521 BT", Verdana, "Tahoma", Arial, Helvetica, "sans-serif"; color:#10107B; font-size:13px; line-height:1.3em}

.td11 { font-family: Helvetica, "Humanst521 BT", Verdana, "Tahoma", Arial, Helvetica, "sans-serif"; color:#FFFFFF; font-size:14px; line-height:1.3em}

.psmall {font-size:11.5px}
.pindent { 
text-indent: 20px
}


#intable table {   border-top:1px solid #ccc;
	  border-left:1px solid #ccc;
	  border-right:2px solid #10107B;
          border-bottom:2px solid #10107B;
}

a {
	font-family: Helvetica, "Humanst521 BT", Verdana, Arial, Helvetica, "sans-serif";
	font-size: 13px;
	text-decoration : none; 
	color : #0066CC;
}

a:hover {
	font-family: Helvetica, "Humanst521 BT", Verdana, Arial, Helvetica, "sans-serif";
	text-decoration : underline; 
	color : #A3B4CF;
}

A:link img {color: #1C6FC2;}    
A:visited img {color: #1C6FC2;}
A:hover img {color: #1C6FC2;} 
A:active img {color: #1C6FC2} 
 
	
.style2 {font-size: x-small; font-family: Helvetica, "Humanst521 BT", Verdana, "Tahoma", Arial, Helvetica, "sans-serif"; color: #FFFFFF;}
.style5 {font-size: 12px}
.style9 {font-size: 10px; color: #FFFFFF;}
.style10 {font-size: 10px; color: #0B0B61;}
.style11 {font-size: xx-small; }
.style12 {color: #FFFFFF; font-weight: bold; }
.style13 {color:#10107B;font-size: 10px; }


img.grey
{
 border: 0.5px;
 border-style: solid;
 border-color: #A4A4A4;
}


table.stat th, table.stat td {
  font-size : 11px;
  font-family : Helvetica, "Humanst521 BT", Verdana, "Tahoma", Arial, Helvetica, "sans-serif";
  background-color: #DBDEEB;
  border: 0.5px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 0.5px
  }



a.info{
    position:relative; /*this is the key*/
    z-index:24; /*background-color:#ccc;*/
    /*color:#000;*/
    text-decoration:none}
a.info:hover{z-index:25; /*background-color:#ff0*/}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:0em; width:20em;
    border:1px solid #10107B;
    background-color:#fee; color:#10107B;
    text-align: center}

a.wr {color: #FFFFFF;font-weight:normal;}
a.wr:hover {color: #A3B4CF;font-weight:bold;}

/* product table*/
.table A:link {color: #10107B;font-weight:normal;}
.table A:hover {color: #10107B;font-weight:normal;}
.table A:visited {color: #10107B;font-weight:normal;}
.table A:active {color: #10107B;font-weight:normal;}
.table1 A:link{color: #006666;font-weight:normal;}
.table1 A:hover {color: #006666;font-weight:normal;}
.table1 A:visited {color: #006666;font-weight:normal;}
.table1 A:active {color: #006666;font-weight:normal;}

.table A:link img {	
	   border-top:1px solid #ccc;
	   border-left:1px solid #ccc;
	   border-right:2px solid #10107B;
	   border-bottom:2px solid #10107B;
}    

.table A:visited img {	
	   border-top:1px solid #ccc;
	   border-left:1px solid #ccc;
	   border-right:2px solid #10107B;
	   border-bottom:2px solid #10107B;
}

.table A:hover img {	
	   border-top:2px solid #10107B;
	   border-left:2px solid #10107B;
	   border-right:1px solid #ccc;
	   border-bottom:1px solid #ccc;
}
	    
.table A:active img {	
	   border-top:2px solid #10107B;
	   border-left:2px solid #10107B;
	   border-right:1px solid #10107B;
	   border-bottom:1px solid #10107B;
}	    
.table1 A:link img {	
	   border-top:1px solid #ccc;
	   border-left:1px solid #ccc;
	   border-right:2px solid #006666;
	   border-bottom:2px solid #006666;
}    

.table1 A:visited img {	
	   border-top:1px solid #ccc;
	   border-left:1px solid #ccc;
	   border-right:2px solid #006666;
	   border-bottom:2px solid #006666;
}

.table1 A:hover img {	
	   border-top:2px solid #006666;
	   border-left:2px solid #006666;
	   border-right:1px solid #ccc;
	   border-bottom:1px solid #ccc;
}
	    
.table1 A:active img {	
	   border-top:2px solid #006666;
	   border-left:2px solid #006666;
	   border-right:1px solid #006666;
	   border-bottom:1px solid #006666;
}


/*table with only white border links*/
.table2 A:link img {	
	   border-top:1px solid #ffffff;
	   border-left:1px solid #ffffff;
	   border-right:1px solid #ffffff;
	   border-bottom:1px solid #ffffff;
}    

.table2 A:visited img {	
	   border-top:1px solid #ffffff;
	   border-left:1px solid #ffffff;
	   border-right:1px solid #ffffff;
	   border-bottom:1px solid #ffffff;
}

.table2 A:hover img {	
	   border-top:1px solid #ffffff;
	   border-left:1px solid #ffffff;
	   border-right:1px solid #ffffff;
	   border-bottom:1px solid #ffffff;
}
.table2 A:active img {	
	   border-top:1px solid #ffffff;
	   border-left:1px solid #ffffff;
	   border-right:1px solid #ffffff;
	   border-bottom:1px solid #ffffff;
}
/* end product table*/

/*table with only fine grey border links*/
.table4 A:link img {
	   border: 1px;
	   border-style: solid;
	   border-color: #A4A4A4;	
	   border-top:1px solid #A4A4A4;
	   border-left:1px solid #A4A4A4;
	   border-right:1px solid #A4A4A4;
	   border-bottom:1px solid #A4A4A4;
}    

.table4 A:visited img {
	  border: 1px;
 	  border-style: solid;
	  border-color: #A4A4A4;	
	  border-top:1px solid #A4A4A4;
	  border-left:1px solid #A4A4A4;
	  border-right:1px solid #A4A4A4;
	  border-bottom:1px solid #A4A4A4;
}

.table4 A:hover img {
	  border: 1px;
 	  border-style: solid;
 	  border-color: #A4A4A4;
	  border-top:1px solid #A4A4A4;
	  border-left:1px solid #A4A4A4;
	  border-right:1px solid ##A4A4A4;
	  border-bottom:1px solid #A4A4A4;
}
.table4 A:active img {	
	  border: 1px;
 	  border-style: solid;
 	  border-color: #A4A4A4;
	  border-top:1px solid #A4A4A4;
	  border-left:1px solid #A4A4A4;
	  border-right:1px solid #A4A4A4;
	  border-bottom:1px solid #A4A4A4;
}
/* end product table*/


/*table with only white border links*/
.table3 A:link img {	
	   border-top:20px solid #ffffff;
	   border-left:20px solid #ffffff;
	   border-right:20px solid #ffffff;
	   border-bottom:20px solid #ffffff;
}    

.table3 A:visited img {	
	   border-top:20px solid #ffffff;
	   border-left:20px solid #ffffff;
	   border-right:20px solid #ffffff;
	   border-bottom:20px solid #ffffff;
}

.table3 A:hover img {	
	   border-top:20px solid #ffffff;
	   border-left:20px solid #ffffff;
	   border-right:20px solid #ffffff;
	   border-bottom:20px solid #ffffff;
}
.table3 A:active img {	
	   border-top:20px solid #ffffff;
	   border-left:20px solid #ffffff;
	   border-right:20px solid #ffffff;
	   border-bottom:20px solid #ffffff;
}
/* end product table*/


a.hr {color: #FFFFFF;}
a.hr:hover {color: #99CCFF;}
a.select {color: #10107B;font-weight:bold;}
a.select:hover {color: #10107B;font-weight:bold;}

.tdb3{
	  padding-top:1px;
          padding-bottom:1px
}

.tdb{	
	   border-right:2px solid #10107B;
	   border-bottom:2px solid #10107B;
	   border-left:1px solid #ccc;
	   border-top:1px solid #ccc;
}

.tableborderblack {
	border: 1px solid #000000;
}

.notableborder {
	border-right: 0px none; border-top: 0px none; border-left: 0px none; border-bottom: 0px none
}

hr {
 	border: 0;
 	width: 100%;
 	color: #99CCFF;
 	background-color: #99CCFF;
 	height: 1px;
}

/*image bullets*/
ul.image_lblue_arrow {  
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/0036_bullet02.png);
}

ul.image_dblue_arrow {   
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/0001_arrow.png);
}

ul.image_silver_bullet {  
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/0129_ibullet.png);
}

ul.image_double_arrow {  
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/0085_blueAndPointy.png);
}
ul.image_download {  
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/download.png);
}
ul.image_blankwhite {  
  list-style-image: url(http://www.knmi.nl/samenw/cindi/images/white_block_10.gif);
}
 


/*top menu*/
#nav, #nav ul {
	float: center;
	width: 51em;
	list-style: none;
	line-height: 1.3;
	background: #4D6FA3;
	font-weight: bold;
	text-align:left;
	padding: 0;
	border: solid #000000;
	border-width: 0px 0;
	border-top: 0px 0;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	color: #10107B;
	text-decoration: none;
	padding: 0.25em 1.6em;
}

#nav a.daddy {
	background: url(images/arrow-down.gif) center right no-repeat;
	padding-left: 13px;
	padding-right: 13px;
}


#nav li {
	float: left;
	padding: 0;
	margin:0;
	border-left: 0px;
}

/*border-left: 1px solid #F7F8FC;*/

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12.6em;
	font-weight: bold;
	margin-left: -1px;
	background: #F7F8FC;

}

#nav li li {
	padding-right: 0px;
	width: 12.5em;
	border-right: 1px solid #10107B;
	border-bottom: 1px solid #10107B;
	border-top: 1px solid #10107B;
	border-left: 1px solid #10107B;
	
}

#nav li ul a {
        padding: 0.25em 1.0em;
	width: 11em;/*11em */
	color:#285080;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #88A1C6 center left repeat-y ;
	border-left: 1px solid #10107B;
}

#nav li ul a:hover {
	border-left: 0px solid #10107B;
	border-right: 0px solid #10107B;
	text-decoration: none;
	color:#ffffff;
}
/*end top menu*/

div.transOFF {background-color: silver;}
div.transON {background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}