a, abbr, acronym, address, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, ins, kbd, label, legend, li, object, ol, option, optgroup, p, pre, q, samp, select, small, span, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {
   font-family: verdana, arial, helvetica, sans-serif;
   font-style: normal;
   font-size: 11px;
   color: #455C71;
   }

.menue {
   padding-top: 45px;
   }
   
.menue a {
   height: auto;
   width: 120px;
   text-decoration: none;   
   padding: 0 0 0 9px;   
   margin-bottom: 12px;
   display: block;
   font-weight: normal;   
   font-size: 11px;
   }

.menue a.active {      
   border-left: 2px solid #455C71;   
   padding: 0 2px 0 7px;
   font-weight: bold;   
   }
   
#submenue {
   padding-left: 25px;
   }
   
#submenue a {
   height: auto;
   width: 120px;
   text-decoration: none;   
   margin-bottom: 12px;
   padding: 0 0 0 9px;   
   display: block;
   font-weight: normal;   
   font-size: 11px;
   }

#submenue a.active {      
   border-left: 2px solid #455C71;   
   padding: 0 2px 0 7px;
   font-weight: bold;   
   } 

div.navigation {   
   margin-bottom: 13px;   
   }
   
div.navigation a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 20px;
   }
  
acronym {
   cursor: help;
   border-bottom: #455C71 1px dotted;
   }
   
body {
   width: 100%;
   height: 100%;
   margin: 0;
   leftMargin: 0;
   topMargin: 0; 
   marginheight: 0 
   marginwidth: 0;
   overflow: auto;
   color: #000;
   }
   
body#site {
   width: 100%;
   height: 100%;
   margin: 0;
   color: #455C71;
   leftMargin: 0;
   topMargin: 0; 
   marginheight: 0; 
   marginwidth: 0;
   text-align: center;   
   overflow: auto;
   background-color: #7A9BAC;
   background-image: url(bilder/bg000.gif);
   background-position: 0 0;
   background-repeat: x-repeat;   
   background-attachment: scroll;
   }
   
body.site a {
   color: #455C71;
   }

div#page {
   height: 100%;
   width: 921px;
   margin: auto;
   background-image: url(bilder/hint_2.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;   
   background-attachment: scroll;
   }

div#start {
	width: 800px;
	height: 520px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -260px;
	background-image: url(bilder/starthi.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
   }

.content {   
   text-align: center;    
   vertical-align: top;
   padding-top: 50px;
   }
   
div.item {
   margin: 0 0 10px 0;   
   LINE-HEIGHT: 17px;
   TEXT-ALIGN: justify
   }

h1 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
	word-spacing: 2px;
	font-variant: normal;
	color: #537587;
   }

h2 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 20px;
	word-spacing: 2px;
	font-variant: normal;
   }

h3 {
   font-size: 22px;
   margin-top: 45px;
   margin-bottom: 0px;
   line-height: 18px; 
   font-weight: bold;
   }

h4 {   
   margin-top: 15px;   
   margin-bottom: 9px;   
   font-weight: normal;
   }

table {
   margin: auto;
   }
 
ul#tipbox {
   list-style-type: none;
   padding: 0;
   width: 100%;
   margin: 0;
   }

ul#tipbox li {
   padding-left: 10px;
   line-height: 18px;
   text-align: left;
   }

.imagelabel {
   font-size: 9px;
   color: #4D6C89;
   text-decoration: none;
   }

img.layer {
   border-width: 3px;
   border-color: #FAF4E4;
   border-style: solid;
   margin-top: 10px;
   cursor: pointer;
   width: 140px;
   height: 130px;
   }

img.logo {
   height: 100%;
   width: 315px;
   }
   
img.portal {
   height: 100%;
   width: 606px;
   filter: alpha (opacity=0, finishopacity=90, style=1);
   -moz-opacity: 0.5;
   }

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

.border {
   background-image: url(bilder/pointborder.gif);
   background-repeat: y-repeat;   
   background-attachment: scroll;
   width: 1px;
   }

#filter {
   display: none;
   background: #000;   
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 100%;
   height: 100%;
   text-align: center;
   }

#zoom {
   display: none;
   width: 400px;
   height: 300px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -200px; /*das ist die h?lfte der breite... nur im minusbereich*/
   margin-top: -150px; /*das ist die h?lfte der h?he... nur im minusbereich*/
   border: 3px solid fff;
   z-index: 6;
   cursor: pointer;
   background-color: #fff;
   background-image: url();
   background-repeat: no-repeat;   
   background-attachment: scroll;
   }

#close {
   width: 95px;
   height: 16px;
   float: right;
   background-color: #fff;
   }
   
.service {
   height: 10px;               
   text-align: right; 
   padding: 5px 15px;
   color: #628BA0;
   }

.service a {   
   font-size: 10px;
   text-decoration: none;
   color: #628BA0;
   }

.service a:hover, service a:focus {
   text-decoration: underline;
   }
     
tr.logo td {   
   height: 60px;
   padding-top: 10px;   
   padding-left: 290px;   
   font-weight: bold;
   }
   
.footerIndex {
   height: 24px;
   font-size: 10px;
   color: #fff;
   line-height:14px;
   padding: 35px 20px 20px 0;
   text-align:right
   }

.footerIndex a {
	font-size: 10px;
	text-decoration: none;
	color: #000000;
   }

.footer {
   height: 40px;
   font-size: 10px;
   color: #fff;
   line-height: 14px;
   padding: 26px 0 20px 0;
   BACKGROUND-COLOR: #a7bdc8;
   }

.footer a {   
   font-size: 10px;
   text-decoration: none;
   color: #fff;
   }
   
.footer a:hover, .footer a:focus {
   text-decoration: underline;   
   }

.sitemap {
  margin-top: 20px;
  }
  
.sitemap a {
   height: 23px;
   display: block;
   padding-top: 5px;
   text-decoration: none;
   text-indent: 20px;
   border-left: 1px solid #a7bdc8;
   }

.sitemap a:hover, sitemap a:focus {
   text-decoration: underline;
   }