A.prot { color: #054e72; font-family: Arial; text-decoration: none }

  A.hmp         { color: #e0e0e0; font-family: Arial; font-size: 12px}
  A.hmp:link    {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 12px; }
  A.hmp:visited {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 12px; }
  A.hmp:active  {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 12px; }
  A.hmp:hover   {color: #e37908; FONT-FAMILY: Arial; FONT-SIZE: 12px; }

  A.hmp2 { color: #e0e0e0; font-family: Arial; font-size: 11px}
  A.hmp2:link    {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 11px; text-decoration: none}
  A.hmp2:visited {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 11px; text-decoration: none}
  A.hmp2:active  {color: #010101; FONT-FAMILY: Arial; FONT-SIZE: 11px; text-decoration: none}
  A.hmp2:hover   {color: #e37908; FONT-FAMILY: Arial; FONT-SIZE: 11px; text-decoration: none}
	
  TABLE.hmp { BORDER: gray 1px solid; }
  TD.hmp { BORDER: gray 1px solid; }

  BODY { SCROLLBAR-FACE-COLOR: #dee3e7; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #dee3e7; 
         SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #efefef; 
         SCROLLBAR-DARKSHADOW-COLOR: #98aab1 FONT-SIZE: 10px; MARGIN: 2px; COLOR: #003366; 
         FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffa0; }

  TD.row1 { BACKGROUND-COLOR: #efefef; }
  TD.row2 { BACKGROUND-COLOR: #DBE1EF; }
  TD.row3 { BACKGROUND-COLOR: #d1d7dc; }

  TABLE.menu   { BACKGROUND-COLOR: #ffffff; BORDER: gray 1px solid; }
  TD.menu      { BACKGROUND-COLOR: #ffffff; }
  TD.menusep   { BACKGROUND-COLOR: #2090B8 }
  FONT.menusep { COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold }

  TABLE.button  { BACKGROUND-COLOR: #dee3e7; BORDER: gray 1px solid; }
  A.button:link    { COLOR: #054e72; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
  A.button:visited { COLOR: #054e72; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
  A.button:hover   { COLOR: #ffa938; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}

  .navbar          { COLOR: #FF0B1C; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-WEIGHT: bold}
  A.navbar:link    { COLOR: #FF0B1C; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
  A.navbar:visited { COLOR: #FF0B1C; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
  A.navbar:hover   { COLOR: #010101; FONT-FAMILY: Arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none}

	div.navbar       { background-color: #2090B8; border: gray 1px solid; width: 100%; padding-top: 1px; padding-bottom: 1px; }
  span.leftnav     { width: 144px; text-align: center; margin-left: 3em; margin-right: 3em;} 
  span.topnav      { padding-left: 0.5em; padding-right: 0.5em; } 
  div.leftnavitem  { width: 144px; background-image: url(http://www.heinpragt.com/style/lnk.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px; } 
  div.menusep      { background-color: #2090B8; text-align: center; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; }
	
  TD.navbar 	     { BACKGROUND-COLOR: #FCE497; color: #ffffff; }
  TD.navbarspacer  { BACKGROUND-COLOR: #010101; }
  TD.navbarspacer2 { BACKGROUND-COLOR: #020202; }
  TABLE.navbar     { BACKGROUND-COLOR: #FCE497; BORDER: black 1px solid; color: #000000; }
  FONT.navbar      { COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}

  TABLE.pagbar     { BACKGROUND-COLOR: #2090B8; BORDER: gray 1px solid }
  TD.pagbar 	 { BACKGROUND-COLOR: #2090B8 }

  TD.mainpag { BACKGROUND-COLOR: #EBFBEB; } 

  FONT.text1 { color: #054e72; font-family: Arial }
  FONT.text2 { color: #F38918; font-family: Arial }

  HR { BORDER-RIGHT: #054e72 0px solid; BORDER-TOP: #054e72 1px solid; BORDER-LEFT: #054e72 0px solid; BORDER-BOTTOM: #054e72 0px solid; HEIGHT: 0px }

	TR.table_content_1a { BACKGROUND-COLOR: #c6d7ec; }
  TR.table_content_2a { BACKGROUND-COLOR: #D9E4F2; }
  TABLE.table_outline { BACKGROUND-COLOR: #000000; } 
	TR.table_header     { BACKGROUND-COLOR: #9999cc; }
	TD.font1            { FONT-SIZE: 12px; FONT-FAMILY: Arial; }
	TD.font2            { FONT-SIZE: 12px; FONT-FAMILY: Arial; }
	DIV.font3           { FONT-SIZE: 12px; FONT-FAMILY: Arial; }
	
  .opentable1     {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; border: 1px solid #808080; }

  DIV.fullpic	       { display: none; top:5; left:5; position:absolute; padding: 10px; margin:10px; border: 2px solid gray; background: #ffffff; z-index: 100;}
  DIV.FloatButton      { display: none; top:5; right:20; position:absolute; padding: 0px; margin:0px; }
  DIV.FloatButton2     { position:absolute; left: 10; border: 1px solid black; }
	
div.hmp_glossary {
  border: none;
	margin: 0px;
	padding: 0px;
}

div.hmp_glossary_item {
  display: block;
	background-color: #f0f0f0;
	margin: 4px;
	padding: 0px;
}

span.hmp_term {
  color: #000000; 
  font: 14px verdana; 
  font-weight: bold;
}

span.hmp_explaintion {
  display: block;
  padding-bottom: 1em;
  color: #000080; 
  font: 12px verdana; 
}

a.hmp_tooltip {
  color: #100000 !important; 
  font: 12px verdana; 
  text-decoration: none !important;
  font-weight: normal !important;
	border-bottom: 1px solid blue;
}

div#hmp_toolTip  {
  position: absolute;
  z-index: 1000;
  width: 220px;
  background: #F0E68C;
  border: 1px solid black;
  text-align: left;
  padding: 5px;
  min-height: 1em;
}

div#hmp_toolTip p { 
  margin: 0px;
  padding: 0px;
  color: #000080; 
  font: 11px verdana; 
}

div.header1   {  border: 1px blue dotted; 
								 padding: 2px;
								 margin-bottom: 5px;
                 background-color: #b0b0b0; 
                 text-align: left;
                 font-size: 12px;
							   font-weight: bold;
                }

input		{font-family: verdana,helvetica; 
                 font-size: 11px 
                }

textarea	{font-family: verdana,helvetica; 
                 font-size: 11px
                }

form 		{font-family: verdana,helvetica; 
                 font-size: 11px;
		 display: inline;
		 margin: 0px;
                 padding: 0px; 
                }
div.butt	{ padding: 4px;
		  margin: 4px;
		}

a.butt          {border: 2px black outset; 
	         margin: 0px;
		 background: #0080c0; 
                 color: #fefefe; 
                 font-size: 10px; 
                 font-family: verdana, helvetica; 
                 text-decoration: none;
                 padding: 2px;
  	         display: inline;
                }
a.butt:visited  {border: 2px black outset; 
	         margin: 0px;
		 background: #0080c0; 
                 color: #fefefe; 
                 font-size: 10px; 
                 font-family: verdana, helvetica; 
                 text-decoration: none;
                 padding: 2px;
  	         display: inline;
                }
a.butt:hover    {border: 2px black outset; 
	         margin: 0px;
		 background: #1090c0; 
                 color: #fefefe; 
                 font-size: 10x; 
                 font-family: verdana, helvetica; 
                 text-decoration: none;
                 padding: 2px;
  	         display: inline;
                }

								div.pageheader  {border: 0px black solid; 
                 width: 100%;
                 height: 66px;
                 background-color: #0080c0; 
                 background-image: url(./style/images/logobg.jpg); 
                 background-repeat: no-repeat;
                 text-align: left;
                 padding-left: 8px;
                 font-family: verdana,helvetica; 
                 font-size: 36px;
                 font-weight: bold;
                 color: #ffffff;
                }


div.pageheader2 {display: inline;
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 32px;
                 font-weight: bold;
                 color: #b02020;
                }
 
div.maintext    {border: 1px gray solid; 
                 font-size: 11px; 
                 margin: 0px;
                 padding: 5px; 
                 background-color: #e0e0ff; 
                 text-align: left;
                }

div.pageblock   {border: 1px gray solid; 
                 margin: 2px;
                 background-color: #e0e0ff; 
                 text-align: left;}

div.editblock   {border: 1px gray solid; 
                 margin: 2px;
                 padding: 20px; 
                 background-color: #e0e0ff; 
                 text-align: left;
                }


TR.adminhead  {BORDER: #a0a0a0 1px solid; background-color: #c0c0c0; } 

TABLE.admin   {border 0px gray solid; BACKGROUND-COLOR: #808080; }

TD.admin      {BACKGROUND-COLOR: #ffffff}

.opentable1     {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; border: 1px solid #808080; }
.opentable1a    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; border: 0px solid #808080; }

a.subject:link    {background: none; color: #010101; font-size: 11px; font-family: verdana, helvetica; font-weight: bold; text-decoration: none}
a.subject:active  {background: none; color: #010101; font-size: 11px; font-family: verdana, helvetica; font-weight: bold; text-decoration: none}
a.subject:visited {background: none; color: #010101; font-size: 11px; font-family: verdana, helvetica; font-weight: bold; text-decoration: none}
a.subject:hover   {background: none; color: #a00101; font-size: 11px; font-family: verdana, helvetica; font-weight: bold; text-decoration: underline}

div.pageblock   {border: 1px gray solid; 
                 margin: 2px;
                 background-color: #e0e0ff; 
                 text-align: left;}

div.editblock   {border: 1px gray solid; 
                 margin: 2px;
                 padding: 20px; 
                 background-color: #e0e0ff; 
                 text-align: left;
                }


div.topicindex  {border: 2px gray solid; 
                 margin: 1px;
                 color: #ffffff; 
                 background-color: #2090B8; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                 font-weight: bold;
                }


table.backofbox {font-family: verdana,helvetica; 
                 font-size: 12px; 
                 border: 1px solid #808080; 
                }

table.editdata  {font-family: verdana,helvetica; 
                 font-size: 12px; 
                 border: 1px solid #808080; 
                }

div.subrublist  {border: 1px gray solid; 
                 margin-left: 16px; 
                 margin-bottom: 8px;
                 padding-left: 4px;
								 background-color: #a0a0a0; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 10px;
                 background-image: url(../images/bg2.jpg); 
                 background-repeat: repeat
                }


div.topictext   {border: 2px gray solid; 
                 margin: 1px;
                 color: #ffffff; 
                 background-color: #2090B8; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                 font-weight: bold;
                }

div.subjecttext {border: 1px black solid; 
                 padding-left: 5px; 
		 background-color: #a0a0a0; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 10px;
                 background-image: url(../images/bg2.jpg); 
                 background-repeat: repeat
                }

div.questtitle  {border: 0px black solid; 
                 padding-left: 5px; 
		 background-color: #105f98; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                 background-image: url(../images/bg2.jpg); 
                 background-repeat: repeat
                }

div.questtitle2 {border: 0px red solid; 
		 background-color: #ffffff; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                 font-weight: bold;
	         padding: 2px;
                }

div.questtext   {border: 0px red solid; 
		 						 background-color: #e0e0e0; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
	         padding: 2px;
                }

div.answertext   {border: 1px blue dotted; 
                 margin-top: 4px;
		 background-color: #ffffff; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
		 padding: 2px;
                }

div.answerinput {border: 1px blue dotted; 
                 background-color: $ffffff; 
                 text-align: center;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                }

div.questinput  {border: 1px blue dotted; 
                 background-color: $ffffff; 
                 text-align: center;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                }

div.error       {background-color: #ffffff; 
		 color: red;
                 text-align: center;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
                }

div.timestamp   {background-color: #ffffff; 
		 						 color: blue;
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 10px;
                 margin-bottom: 5px;
                }

div.textcopy    { color: #ffffff; 
                 font-family: arial; 
                 font-size: 10px;
                 padding-bottom: 10px;  
                }

tr.questtitle  { border: 0px black solid; 
								 background-color: #105f98; 
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 12px;
								 color: #fefefe;
            		 font-weight: bold; 								 
                }
								
td.subject      {width: 50%;  
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 11px;
                }
td.counter     { width: 10%;  
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 11px;
                }

div.topicmenu   {color: #010101; 
		 font-weight: bold; 
		 display:block; 
		 width:116px; 
		 height: 12px; 
		 text-align: center; 
		 padding: 2px;
                 margin-top: 1px;
                 margin-left: 8px; 
                 background-image: url(../images/logobg1.jpg); 
                 background-repeat: repeat;
                 border: 1px black dotted;
		}

a.topicmenu          { color: #d0d0d0; font-size: 10px; text-decoration: none} 
a.topicmenu:link     { color: #d0d0d0; font-size: 10px; text-decoration: none}
a.topicmenu:visited  { color: #d0d0d0; font-size: 10px; text-decoration: none}
a.topicmenu:hover    { color: #ffffff; font-size: 10px; text-decoration: none}

td.timestamp    { width: 40%;
                 text-align: left;
                 font-family: verdana,helvetica; 
                 font-size: 11px;
                }
								
DIV.pagehead     { margin: 5px;
                  FONT-SIZE: 14px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: bold; 
                  TEXT-DECORATION: none;
                } 

DIV.pagetext    { margin: 8px;
		  padding: 10px;
                  FONT-SIZE: 12px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: none; 
                  TEXT-DECORATION: none;
                } 

DIV.submenu     { margin: 5px;
                  padding: 2px; 
                  FONT-SIZE: 14px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: bold; 
                  TEXT-DECORATION: none;
                } 

DIV.arthead     { margin: 5px;
                  BORDER: #808080 1px solid; 
                  display:block; 
                  width: 100%; 
                  padding: 2px; 
                  BACKGROUND: #e0e0e0; 
                  FONT-SIZE: 14px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: bold; 
                  TEXT-DECORATION: none;
                } 

DIV.artsep      { padding-bottom: 10px;
                } 

DIV.arttext     { margin: 5px;
		      padding-top: 8px;
		      padding-bottom: 8px;
                  FONT-SIZE: 12px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: none; 
                  TEXT-DECORATION: none;
                } 

DIV.artlink     { margin: 5px;
                  FONT-SIZE: 11px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: none; 
                  TEXT-DECORATION: none;
                } 

Div.copy        { margin: 5px;
                  FONT-SIZE: 10px; 
                  FONT-FAMILY: Verdana, Helvetica; 
                  FONT-WEIGHT: none; 
                  TEXT-DECORATION: italic;
                } 


span.plus {
	font-weight: bold;
}

span.min {
	font-weight: bold;
}

div.trigger {
  padding: 1px;
  background-color: #e0e0e0;
  font-weight: normal;
  display: inline;
  color: red;
  text-decoration: underline;
  cursor: pointer;
}

div.triggerall {
  padding: 1px;
  background-color: #e0e0e0;
  font-weight: normal;
  display: inline;
  color: red;
  text-decoration: underline;
  cursor: pointer;
}

table.jaaroverzicht { 
  border: 1px solid black;
}

table.jaaroverzicht td { 
  border: 1px solid black;
}

td.jaar {
  width: 4em;
}


#hmpmenu {
  border: black 1px solid; 
  margin-top: 4px; 
  display: inline; 
  float: left; 
  width: 98%; 
  position: relative; 
  background-color: #FCE497;
  z-index: 1000;
}

#hmpmenu ul {
  padding: 0px; 
  margin: 0px; 
  list-style-type: none;
}

#hmpmenu ul li {
  display: inline; 
  float: left; 
  position: relative;
  background-color: #FCE497; 
}


#hmpmenu ul li a {
  display: block; 
  padding: 1px;
  padding-left: 7px;
  padding-right: 7px;    
  font-size: 14px; 
  margin: 0px; 
  color: #800101; 
  text-align: left; 
  text-decoration: none;
  font-weight: bold;
  z-index: 1000;
}

#hmpmenu ul li ul {
  border: black 1px solid; 
  padding: 0px; 
  display: block; 
  left: 0px; 
  margin: 0px; 
  position: absolute; 
  visibility: hidden;
  width: 420px; 
  background-color: #2020ff;    
}

#hmpmenu ul li ul li {
  display: list-item; 
  float: none;
  padding: 0px;
  margin: 0px; 
  border: white 1px solid;    
  z-index: 1000;
}

#hmpmenu ul li A:hover {
  font-size: 14px; 
  color: #ffffff; 
  background-color: #808080;   
}