BODY.page  {font-size: 9pt;} 
BODY.doc    {width: 100%; font-size: 10pt; background-color: blue; color: white;}
BODY.basis {width: 100%; font-size: 10pt; background-color: white; color: black;} 
BODY.baspw {width: 100%; font-size: 10pt;  background-color: white; color: black;} 
 
P  { }
 P.warn {color: red}
 P IMG.bigpl {width:1600px; float:right;}
 
 P.gall2 {width:100%;} 

 A:link           {font-size:10pt; color:#FF2776; text-decoration:none;}
 A:active       {font-size:10pt; color:#FF2776; text-decoration:none;}
 A:visited      {color:#FF2776;}
 A:hover       {font-size:10pt; color:#FF0000;background-color: #ffff00; text-decoration:underline;}
 
BODY.doc  A:link           {font-size:11pt; color:#FF2776; text-decoration:none;font-weight:bold;}
BODY.doc  A:active       {font-size:11pt; color:#FF2776; text-decoration:none;font-weight:bold;}
BODY.doc  A:visited      {color:#FF2776;}
BODY.doc  A:hover       {font-size:11pt; color:#FF0000;background-color: #ffff00; text-decoration:underline;font-weight:bold;}
 A.baspw:link      {color: #0000ff;}
 A.baspw:visited {color:#800080;}
 A.baspw:active  {color:#ff0000;}
 
DIV.block { }
 DIV.block H2, div.block H3 { }
 DIV.doc {Font-Family:Arial,sans-serif,Helvetica; 
          Font-size: 11pt; text-align: left;  color:#FFFFFF;}
 DIV.doci {Font-Family:Arial,sans-serif,Helvetica; 
          Font-size: 11pt; font-style: italic; text-align: left;  color:#FFFFFF;}
DIV.warn {color: red; font-style:italic; font-weight:bold;}
/* De tab-infowindow CSS */
div.wrapper {
	width:420px; height:360px;
	margin: 0px;
	display: none;
	text-align: left;
	}
span.activeTab, span.passiveTab, span.hoverTab {
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 0px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}

 span.activeTab {
	margin-right:-5px;
	padding-left:7px;
	padding-right:7px;
	font-weight:bold;
	font-size:16px;
	border:1px solid #AAA;
	color:#5D5CA0;
	background-color:#FFF;
	border-bottom:2px solid #FFF;
 }

 

 span.passiveTab {
	margin-right:-5px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #AAA;
	font-size:12px;
	cursor:default;
	background-color:#E9E9E9;
	color:#006;
	border-bottom:2px solid #E9E9E9;
}

 span.hoverTab {
	margin-right:-5px;
	padding-left:7px;
	padding-right:7px;
	font-size:14px;
	border:none;
	border-bottom:2px solid #DCDCDC;
	cursor:pointer;
	background-color:#DCDCDC;
	color:#5676EA;
}
 div.cardContent {
	height:340px;
	padding: 1px 1px 1px 0px;
	border-top:1px solid #CACACA;
	overflow:auto;
	display:none;
}
 div.minimap {
	width:430px;
	height:310px; 
	border: solid 1px gray; 
	border-width: 1px 2px 3px 4px;
	padding: 3px;
	font-size: 1.0em;
	overflow:auto; 
  }
 div.dlatlngcntrl {
       background: #FF00FF;
      border: 2px solid #676767;
      color: #FFFFFF;
      font-family: arial, helvetica, sans-serif;
      font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px;
      position: absolute;
      overflow: hidden;
	left: 16px;
  }
/* einde tab-infowindow CSS */
 
 H1 {text-align: center;}
 H2 {text-align: center;}
 H3 {text-align: center;}
 PRE { }

  TH { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFFFFF;
          font-size: 10pt; text-align: center;  color:#336666;  }
 TH.doc {Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
          Font-size: 10pt; text-align: center;  color:#336666;}
  TD { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
    font-size: 10pt; text-align: center;  } 
 
 DIV.reg TABLE TR TD { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
    font-size: 10pt;  font-weight:normal;  text-align: left;  } 
 DIV.reg TH { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFFFFF;
          font-size: 11pt; font-weight:normal; text-align: left;  color:#336666;  }
DIV.regstrt TABLE TR TD { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
    font-size: 10pt;  font-weight:bold; font-style: italic; text-align: left;  color: green } 
#r1  { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
    font-size: 10pt;  font-weight:normal;  text-align: right;  } 
DIV.reg TABLE TR TD.head { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFDDDD;
    font-size: 9pt;  font-weight:bold;  text-align: center;  }
DIV.reg TABLE TH.head { Font-Family:Verdana,sans-serif,Helvetica; background-color: #FFFFFF;
    font-size: 10pt;  font-weight:bold;  margin-left: 40pt; text-align: left;   } 
  TD.doc { Font-Family:Verdana,sans-serif,Helvetica; Font-size: 8pt;  }
DIV.uitleg TABLE TR TD {font-size: 10pt; background-color: blue; color: white; text-align: left}
INPUT.doc {font-size: 8pt; background-color: blue; color: white; text-align: left;  font-weight:bold;} 
    
a.c5:link    {text-decoration:none; font-weight:bold; color:#002776;}
a.c5:visited {color:#002776;}
a.c5:active  {text-decoration:none; font-weight:bold; color:#002778;}
a.c5:hover   {text-decoration:none; color:#FF0000;}
 
TABLE.end {float:left; width:100%; border-width:1px; border-style:solid; font-size:10px; font-weight:bold;}

TABLE.nav {float:left; width:30%; border-width:1px; border-style:solid;}
TABLE.navblad {width:100%; border-width:1px; border-style:solid; background-color:lightgreen;}
TABLE.navblad td {width:7.8%; border-width:1px; border-style:solid; background-color:lightgreen;}
TABLE.ntabletable.navpres td {width:7.8%; background-color:#FFFF80;}
TABLE.blad {width:30%; border-width:1px; border-style:solid; background-color:lightgreen;}
TABLE.blad TD {width:7.8%; border-width:1px; border-style:solid; background-color:lightgreen;}

TABLE.pres {width:30%; border-width:0px; background-color:#FFFF80;}
TABLE.pres TD {width:7.8%; background-color:#FFFF80;}
 
TABLE.boek {width:98%; border-width:1px; border-style:solid; border-color: black; background-color:#FFFF80;}
TABLE.boek TD { Font-Family:Verdana,sans-serif,Helvetica;border-width:1px; border-style:solid; border-color: white; font-size: 8pt; text-align: center; } 
TABLE.plaatje {float:right; width:60%; border-width:2px; border-style:solid; background-color:white;}
TABLE.plaatje TD IMG {width:100%;float:left;}
 
TABLE.gall {float:right; width:69%; border-width:2px;border-style:solid; background-color:#FFFF80;}
TABLE.gall TD {border-width:1px; border-style:solid; margin:4px;}
TABLE.gall TD#col1 {width:10%} 

TABLE.summ {float:right; width:69%; border-width:2px; border-style:solid; background-color:#FFFF80;}
 
SELECT{width:100%; background-color:blue; color:yellow; font-size:11px; font-weight:bold;}

/*Style ESA Sidebar */
html body {width:100%; height:100%; margin:0px;
font-family: Verdana,Arial,sans serif; font-size: 11px;}
li {margin-left: -10px;}
a:hover {text-decoration: underline overline}
/*#header {height:26px; padding-top:4px; text-align:center;}*/
#sidebar {margin-left: 5px;  width:350px; height:94%; overflow:auto; }
/*#novel {margin-top: 5px; margin-left: 5px; overflow:hidden; }*/
#adsense {margin:10px; text-align:left;}
.sideblock {background-color:#eee;margin:0px;}
.sideblock-close:hover {font-weight:bold}
.sideblock-container {margin:0px; padding:0px;}
.esas {color:black; font-size:18px}
.blue {color:blue; font-size:18px}

/*Map zaken */
#map_div {margin-left: 10px; width:97%; height:620px; border: 2px solid silver;overflow:auto; }
#dag {width:80%;}
#hand_b {  width:31px;  height:31px;  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);}
#hand_b.selected { background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);}
#placemark_b { width:31px;  height:31px;  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);}
#placemark_b.selected { background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);}
#line_b { width:31px;  height:31px;  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);}
#line_b.selected { background-image: url(http://google.com/mapfiles/ms/t/Bld.png);}
#shape_b {  width:31px;  height:31px;  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);}
#shape_b.selected {  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);}
#latlng-control {
      background: #0000FF;
      border: 2px solid #676767;
	color: #FFFFFF;
      font-family: arial, helvetica, sans-serif;
      font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px;
      position: absolute;
	top: 14px;
	}
/* dlatlng is via div.dlatlngcntrl (class= )geregeld; dit is evt voor id=
#dlatlng-control {
      background: #FF00FF;
      border: 2px solid #676767;
      color: #FFFFFF;
      font-family: arial, helvetica, sans-serif;
      font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px;
      position: absolute;
  	top: 14px;
	left: -20px;
	}
*/
 

/*Menu en logo zaken,  logo-id werkt niet goed*/
/*Deel oude menu zaken  nog eens opruimen*/
#logo  DIV { vertical-align: middle; }
/*#logo  TABLE {height: 100%; width: auto;  vertical-align: middle;
	border: solid #eda;
	border-width: 2pt;}
*/
#logo  IMG {width: 100%; vertical-align: middle; height: 90px;  }

#menutbl  {font-size: 8pt; font-style: italic; text-align: left;}
#menutbl TABLE {
	height: 4%;
	width: 98%; text-align: center;
	border: solid #eda;
	border-width: 1pt;
}
#menutbl TD {
	font-weight:bold; 
	text-align: center;
	vertical-align: middle;
	width: 8%;
	border: solid #eda;
	border-width: 2pt ;

}
#menutbl A {
	font-weight:bold; 
	text-align: center;
}
#container {
	width: 96%;
	background: #F4ECD9;
	text-align: left;
	border: 1pt solid #eda;
	margin: 0 auto;
}

P {
	background: center no-repeat;
	margin: 1em 2em;
}

P#smurf {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #7C6240;
}

#smurf strong {
	font-size: 1.2em;
	color: black;
}

#menu, #menu UL  {
	float: left;
	width: 96%;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 1pt 0;
	margin: 0 0 1em 0;
	padding: 0.15em 1.5em;
}
#menu TABLE {
	height: 4%;
	width: 100%;
	text-align: center;
	
}
#menu TD {
	width: 12%;
	font-family: Verdana,sans-serif,Helvetica;
	background-color: #FFDDDD;
    	font-size:  10pt;
	text-align: center;
	border: 2pt solid #eda;
	vertical-align: middle;
} 
#menu A {
	display: block;
	width: 96%;
	color: #7C6240;
	text-align: center;
	font-weight:bold; 
	text-decoration: none;
	padding: 1.05em  0.1em;
}

#menu A.daddy {
	background: center right no-repeat;
}

#menu LI {
	float: left;
	padding: 0;
	width: 80%;
	height: auto;
	font-weight: normal;
	font-style: italic;
	color: blue;
	text-align: center;
	

}

#menu LI UL,#menu LI UL UL,#menu LI UL UL UL ,#menu LI UL UL UL UL {
	position: absolute;
	left: -998em;
	height: auto;
	width: 10%;
	font-weight: normal;
	border-width: 0.25em;
	margin: -1.75em 0 0 1.5em;
}

#menu LI   LI, #menu LI  LI  LI , #menu LI  LI  LI  LI{
	padding-right: 0.05em;
	width: 90%;
	font-style: italic;
	color: blue;
	

}

#menu LI UL A, #menu LI  UL UL A, #menu LI UL UL UL A , #menu LI UL UL UL UL A{
	display: block;
	width: 96%;
	color: #7C6240;
	text-align: center;
	font-weight:bold; 
	text-decoration: none;
	padding: 0.05em  0.1em;
}


#menu LI:hover UL UL, #menu LI:hover UL UL UL, #menu LI:hover UL UL UL UL, #menu LI.sfhover UL UL, #menu LI.sfhover UL UL UL, #menu LI.sfhover UL UL UL UL { 
left: -996em; 
} 
#menu LI:hover UL, #menu LI LI:hover UL, #menu LI LI LI:hover UL, #menu LI LI LI LI:hover UL, #menu LI.sfhover UL, #menu LI LI.sfhover UL, #menu LI LI LI.sfhover UL, #menu LI LI LI LI.sfhover UL { 
left: auto; 
} 


#menu LI:hover, #menu LI.sfhover {
	background: #eda;
}

#content {
	clear: left;
}

#content A {
	color: #7C6240;
}

#content A:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70pt;
	background: no-repeat;
	border: solid #eda;
	border-width: 1pt 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding A {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70pt;
	background: no-repeat;
	background-position: 181pt 0;
}

#scaffolding A:hover {
	background-position: 181pt -70pt;
}
a:hover {
    text-decoration: none;
}
div.p {
    font-family: Verdana, sans-serif; 
    font-size: 12pt;
    margin: 0;
    padding: 5pt;
}
div.small {
    font-family: Verdana, sans-serif; 
    font-size: 10pt;
}
div.title {
    color: #000066;
    padding-left: 1pt;
    font-family: monospace;
    letter-spacing: 2pt;
    font-size: 12pt;
    line-height: 9pt;
    height: 9pt;
    margin-bottom: 1pt;
}
div.main {
    border: 1pt solid #000066;
}
/* Default Style (Opera inspired) */
div.domMenu_Jade1 {
    height: 10pt; margin-bottom: 10pt;
    }
div.domMenu_menuBar {
    border: solid #7E7E7E;  
    border-width: 1pt 0 0 1pt;
    }
div.domMenu_menuElement {
    font-family: Arial, sans-serif; 
    font-size: 11pt;

    border: solid #eda;  
    border-width: 1pt 2pt 2pt 1pt;
    background-color: blue;
    color: white;
    font-weight: bold;
    text-align: center;
    height: 28pt;
    line-height: 28pt;
    vertical-align: middle;
    }
div.domMenu_menuElementHover {
    background-color: aqua;
	color: #0f0f0f
/*	background: url(gradient_hover.png) repeat-x;*/
         }
div.domMenu_subMenuBar {
    border: solid #7E7E7E 1pt;
    padding-bottom: 1pt;
    opacity: .9;
   }
div.domMenu_subMenuElement {
    font-family: Arial, sans-serif; 
    font-size: 11pt;
    border: solid #CCCCCC 1pt;
    margin: 1pt 1pt 0 1pt;
	background-color: lightgreen;
    color: #0F0F0F;
	font-weight: bold;
    padding: 2pt 7pt;
   }
div.domMenu_subMenuElementHover {
    background-color: #ffff00;
   }