<style type="text/css">
/* <![CDATA[ */
* {vertical-align: top;}
body {COLOR: #000069; background-color: #ffffff;
  margin-top: 2px; TEXT-ALIGN: left;}
#main {margin-left: auto; margin-right: auto;
  margin-top: 1px; margin-bottom: 0px;
  width: 752px; border: 1px solid blue;
  FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
  FONT-SIZE: 10px; TEXT-ALIGN: center;}
#header {margin: 1px; width: 750px;	border: 1px hidden white;}
#kopf {text-align: right; background-color:white; background-repeat: no-repeat;
width: 750 px; height: 112 px;margin: 0; border: none;
z-index: 2;}
.tkopf {font-size: 10px; text-align: right; color:
z-index: 1;}
#koerper {margin: auto;
  margin-top: 0px; margin-bottom: 0px;
  width: 748px;}
#koerperwhg {background-image: url("images/Panunten.jpg");
  margin: auto;
  margin-top: 0px; margin-bottom: 0px;
  width: 748px;}
#footer {width: 748px; height: 22px;}

div#boxlinks {float: left; width: 250px;
  TEXT-ALIGN: left;
  background-color: blue;
  border: 1px solid red;
  margin-right: 6px;
  padding: 6px;}
div#boxrechts {float: right; width: 250px;
  position: relative; top: 3px;
  text-align: left;
  background-color: transparent;
  border: 2px solid blue;
  margin-left: 6px; margin-right: 2px;
  padding: 6px;}
div#boxmitte {text-align: left;
  background-color: transparent;
  border: 1px hidden blue;
  padding: 6px;}

div#whglinks {float: left; width: 210px;
  TEXT-ALIGN: left;
  background-color: transparent;
  border: none;
  padding-top: 8px;
  padding-left: 8px;}
div#whgrechts {float: right; width: 143px;
  position: relative; top: 3px;
  font-size: 11px;
  text-align: left;
  background-color: transparent;
  border: none;
  margin-left: 0; margin-right: 1px;
  padding: 0;}
div#whgmitte {text-align: left;
  font-size: 11px;
  background-color: transparent;
  border: 1px hidden blue;
  padding: 8px;}

.t12bhell {font-size: 12px; font-weight: bold; color: #d7ddf4;}
.t12b {font-size: 12px; font-weight: bold;}
.t11b {font-size: 11px; font-weight: bold;}
.t11n {font-size: 11px;}
.t10b {font-size: 10px; font-weight: bold;}
.t10n {font-size: 10px;}
.t12bws {font-size: 12px; font-weight: bold; color: #ffffff;}
.t9n {font-size: 9px;}
.tf {font-size: 10px; color: red;}
.t8b {font-size: 8px; font-weight: bold;}
.t7n {font-size: 7px;}

.headline {font-size: 18px;	font-weight: bold;text-align: center;}
.h2 {font-size: 12px;	font-weight: bold;text-align: left;}
a:link {color: #0000FF;  text-decoration: none; font-weight: bold;}
a:visited {color: #000099; text-decoration: none; font-weight: bold;}
a:hover {color: #990000; text-decoration: none; font-weight: bold;}
a:active {color: #ff3300; text-decoration: none; font-weight: bold;}

.bel {text-align: center; border: none; font-size: 11px;}

.kalenderklasse{ /*grundsätzliches design des kalenders*/
  background-color:#ffffaa; /*Hintergrundfarbe des kalenderdialogfeldes*/
  border-style:outset;
  border-width:2px;
}
.kalenderklasse input{
 background-color:#0099FF;
}
td.tip  {
 position: relative;
  text-decoration: none;
  color: #000069;
  text-align: center; border: none; font-size: 10px;}

 td.tip:hover {
  color: #000069;
  background: white;
  }
td.tip span {
  display: none;
  text-decoration: none;
}

 td.tip:hover span {
  display: block;
  position: absolute;
  top: 150px;
  left: 80px;
  width: 300px;
  z-index: 100;
  color: #0000ff;
  border:1px solid #000000;
  background: white;
  font: 10px Verdana, sans-serif;
  text-align: left;
  padding: 5px;
  }

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  border: none;
  color: #0000ff;
  font-weight: normal;  }


a.tooltip:visited {
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: none;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: -150px;
  left: 80px;
  width: 300px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: white;
  font: 10px Verdana, sans-serif;
  text-align: left;
  padding: 5px;
  }

.button7 {
  padding:0;
  margin:0;
  border:none;
  font-size:12px;
  font-weight: bold;
  background: url(button_bg_3.gif) no-repeat center;
  color: #AE0000;
  height:32px;
  width:170px;

  }

#linkleiste {padding-top: 2px; padding-bottom: 2px; padding-left: 10px;
  width: 748px; height: 27px;
  font-size: 10px;
  text-align: center; color: #0a1f6e;}


a.linkbutton{
background: transparent url('css/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px ;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-left: 5px;
text-decoration: none;
}

a:link.linkbutton, a:visited.linkbutton, a:active.linkbutton{
color: #0a1f6e; /*button text color*/
}

a.linkbutton span{
background: transparent url('css/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.linkbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.linkbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}




/* ]]> */
</style>
