<!-- Styles for DropDownMenu -->

<!-- the following style does not work with Firefox under its current name ???!!! -->
td.menbutt {
  cursor: pointer;
  border: solid 0px #bfbfbf;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  padding:1px 1px 1px 1px;
	width: 130px;
	min-width: 130px;
	height: 30px;
	background-color: #ff0000;
	bbackground-image: url(buttonbkgrd3.jpg);
	background-repeat: no-repeat;
´ font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;     
	margin-left: 0;
	margin-right: 0px;
  text-align: center;
	vertical-align: middle;
}

td.mbtd {
  cursor: pointer;
  border: solid 0px #bfbfbf;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  padding:1px 1px 1px 1px;
	width: 130px;
	min-width: 130px;
	height: 30px;
	background-image: url(buttonbkgrd3.jpg);
	background-repeat: no-repeat;
´ font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;     
	margin-left: 0;
	margin-right: 0px;
  text-align: center;
	vertical-align: middle;
}

<!--
.dropdown1,.dropdown2,.dropdown3,.dropdown4,.dropdown5,.dropdown6 {
  cursor: pointer;
  border: solid 0px #BFBFBF;
  padding:1px 1px 1px 1px;
	width: 130px;
	min-width: 130px;
	height: 30px;
	background-image: url(buttonbkgrd3.jpg);
	background-repeat: no-repeat;
´ font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;    
	margin-left: 0;
	margin-right: 0px;
  text-align: center;
	vertical-align: middle;
}
-->


td.hovbutton {
  cursor: pointer;
  border: solid 0px #BFBFBF;
  padding:1px 1px 1px 1px;
	width: 130px;
	min-width: 130px;
	height: 30px;
´ font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;       <!-- not yet clear if this is the colour --> 
	margin-left: 0;
	margin-right: 0px;
  text-align: center;
	vertical-align: middle;
}

font.MenuButton {
  font-family: Arial;
  font-weight: bold;    <!-- should be regular, but too difficult to read -->
  font-size: 12px;
  color: #ffffff;     
  text-align: center;
	vertical-align: middle;
}

.menuItem {
  padding:4px 10px 4px 10px;
  border-bottom: solid 1px #dddddd;
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #c0c0c0;        
  background-color: #6a7ca9;
}                                          

.menuItem a:link {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #f3f3f3;        
  background-color: #6a7ca9;
}                                          

.menuItem a:visited {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;        
  background-color: #6a7ca9;
}                                          

.menuItem a:hover {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;        
  background-color: #6a7ca9;
}

.menuItem a:active {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;       
  background-color: #6a7ca9;
}

<!--
.menuItem a {
  font-family: Arial;
  font-weight: normal;
  text-decoration: underline;
  font-size: 11px;
  color: #0000ff;       
}
-->

#demo {
  background-color:#eeeeee;
  cursor:pointer;
  padding:5px 20px 5px 20px;
  margin: 30px 0;
  width: 425px;
}

#demo span {
  padding:3px 20px 0px 20px;
  cursor:pointer;
}

#demo span:hover {
  text-decoration: underline;
}

td.menugap {
  width: 5px;
  min-width: 5px;
  background-color: transparent;
}
<!--  End Styles for DropDownMenu -->

<!--  Styles for BreadCrumbs -->

.mp_backlinks {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
	text-color: #8a8a8d;
  background-color:white;
	text-align: left;
}

.mp_backlinks a:link {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
	text-color: #8a8a8d;
  background-color:white;
	text-align: left;
}

.mp_backlinks a:visited {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
	text-color: #8a8a8d;
  background-color:white;
	text-align: left;
}

.mp_backlinks a:active {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
	text-color: #8a8a8d;
  background-color: white;
	text-align: left;
}

<!--  End Styles for BreadCrumbs -->


body
{
background-image:url(hdbbg2.jpg);
background-repeat:repeat;
}

.headline,h1 {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #7F7F7F 
}

.logotxt {
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
	margin-top: 0px;
  margin-bottom: 0px;
  color: #7F7F7F; 
}

.subhead,h2 {
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #7f7f7f;
}

.subheaditalic,h3 {
  font-family: Arial;
  font-weight: normal;
	font-style: italic;
  font-size: 12px;
  text-align: center;
  color: #7f7f7f;
}

.introtxt {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: #000000; 
  background-color: #f3f3f3;
  margin-left: 10px;
}

.gentxt { 
  font-family: Arial;
  font-size: 12px;
  text-align: justify;
  color: #000000;
  margin-left: 10px;
}

.centreblock { 
  font-family: Arial;
  font-size: 12px;
  text-align: justify;
  color: #000000;
  margin-left: 15%;
  margin-right: 15%;
}

.lefttxt { 
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #000000;
  margin-left: 10px;
}

.ctxt { 
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  color: #000000;
  margin-left: 10px;
}

<!-- for Google -->

.gsc-resultsHeader .gsc-title {
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #000000;
  margin-left: 10px;
}

.gsc-results, .gsc-webResult, .gs-title { 
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #000000;
  margin-left: 10px;
}

<!-- end for Google -->

.highlight {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: justify;
  color: #000000;
  margin-left: 10px;
}

.stress {
  font-weight: bold;
  color: #000000;
}

.caption {
  font-family: Arial;
  font-size: 11px;
  text-align: left;
  color: #000000;
  margin-left: 10px;
}

.bullet {
  font-family: Arial;
  font-size: 12px;
  text-align: justify;
  color: #000000;
	margin-top: 10px;
  margin-left: 10px;
}

.ankerlnk {
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  color: #aeaeae; 
  text-align: right;
  margin-right: 10px;
}

.txtlnk  a {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;

  text-align: center;

  color: #0000ff;       <!-- not yet clear if this is the colour --> 
  margin-left: 10px;
}

.txtlnk  a:link {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;

  text-align: center;

  color: #0000ff;       <!-- not yet clear if this is the colour --> 
  margin-left: 10px;
}

.txtlnk a:active {
  font-family: Arial;
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
  color: #0000ff;       <!-- not yet clear if this is the colour -->
  margin-left: 10px;
}

.tipp {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: #000000;
  margin-left: 10px;
  border-top-width: 2px;
	border-bottom-width: 2px;
  border-top-style:solid;
  border-top-color:#000000;
  border-bottom-style:solid;
  border-bottom-color:#000000;
}

.toctable, .toctable a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: underline;
  color: #aeaeae; 
  text-align: left;
  margin-left: 10px;
}

.litlisttd, .gentabletd {
  text-align: left;
  margin-left: 10px;
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

.progtd {
  text-align: left;
	vertical-align: text-top;
	padding: 10px;
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

hr.separator {
  width: 70%;
	height: 1px;
	text-align: center;
	color: #6a7ca9;
}

.bold {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

ol.dezimal {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 35px;
}

ul.blob {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

img.photo {
  margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: text-top;
	float: right;
}

img.photoleft {
  margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: text-top;
	float: left;
}

div.global {
  width: 100%;
  text-align: center;
  position: absolute;
  margin-top: 0px;
}

table.topauxilnav {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  table-layout: absolute;
  width: 877px;
  height: 20px;
  cellpadding: 0px; 
  cellspacing: 0px;
  background-color: transparent;
  z-index:1;
}

table.base {
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  table-width: 960px;
  min-width: 960px;
  max-width: 960px;
  cellpadding: 0px; 
  cellspacing: 0px;
  background-color: #6a7ca9;
  z-index:2;
}

td.base {
  height: 340px;
	width: 960px;
}

table.navi{
  margin-top: 149px;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  table-width: 877px;
  min-width: 877px;
  max-width: 877px;
  cellpadding: 0px; 
  cellspacing: 0px;
  z-index: 5;
}

table.content{
  border: solid 0px #000000;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  table-width: 877px;
  min-width: 877px;
  max-width: 877px;
  min-height: 400px;
  cellpadding: 0px; 
  cellspacing: 0px;
  text-align: left;
  background-color: #ffffff;
  z-index:4;
}

tr.content {
  min-height: 400px;
}

table.logo {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
  margin-top: 19px;
  margin-left:auto;
  margin-right:auto;
  table-layout:absolute;
  table-width: 877px;
  min-width: 877px;
  min-height: 100px;
  cellpadding: 0px; 
  cellspacing: 0px;
  text-align: center;
	background-image: url(headerbkgrd.jpg);
  z-index:6;
}

tr.logo{
  width: 877px;
  min-width: 877px;
  max-width: 877px;
}

td.logo{
  text-align:center;
}

td.contenttd{
  width: 877px;
  min-width: 877px;
  max-width: 877px;
  text-align: left;
  vertical-align: top;
}

tr.breadcrumbtr{
  text-align: left;
  height: 80px;
  min-height: 80px;
	max-height: 80px;
}

td.breadcrumbtd{
  width: 877px;
  min-width: 877px;
  max-width: 877px;
	min-height: 80px;
	max-height: 80px;
	margin-left: 65px;
  font-family: Arial;
  font-size: 10px;
  text-align: left;
  vertical-align: middle;
	padding-left: 65px;
}

tr,td{
text-align: left
}

td.litlisttd{
  text-align: left;
  vertical-align: top;
  margin-left: 10px;
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

.textblockwithmargin{
  align:  center;
	margin: 0 auto 0 auto;
	width:  80%;
}

<!-- Beginn Formularstyles -->

.formContainer {
  align:          center;
  text-align:     center;
	vertical-align: top;
}

.stdField {
  size: 30;
	maxlength: 30;
	font-family: Arial;
	font-size: 12;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.stdFieldCaption {
	font-family: Arial;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	width: 50%;
}
	
.valignFieldCaption {
	font-family: Arial;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	width: 50%;
}
	
.valignFormTxt {
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}
	
.stdFormTxt {
  font-family: Arial;
  font-size: 12px;
  text-align: justify;
	vertical-align: top;
  color: #000000;
}

.button {
  font-family: Arial;
  font-size: 12px;
  text-align: center;
	vertical-align: top;
}

<!-- End Formularstyles -->