@charset "UTF-8";
/* CSS Document */

body, html {
background-color: #ffffff;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-image: url(HFhgrund.gif);
background-repeat: repeat;
}

#oben {
margin-top: 20px;
}

.oben{
width: 990px;
height: 25px;
text-align: left;
background-position:left;
background-image: url(HFoben.gif);
background-repeat: no-repeat;
}

.mitte{
width: 990px;
height: 450px;
text-align: left;
background-position:left;
background-image: url(HFmitte.gif);
background-repeat: repeat-y;
}

.unten{
width: 990px;
height: 50px;
text-align: left;
background-position:left;
background-image: url(HFunten.gif);
background-repeat: no-repeat;
}

/* Navibox */

#logo{
padding: 0;
margin: 0;
width: 235px;
height: 130px;
text-align: left;
background-position:left;
background-image: url(logo.gif);
background-repeat: no-repeat;
}

#navioben{
width: 235px;
height: 23px;
text-align: left;
background-position:left;
background-image: url(navioben.gif);
background-repeat: no-repeat;
}

#navimitte{
width: 235px;
text-align: left;
background-position:left;
background-image: url(navimitte.gif);
background-repeat: repeat;
}

#navigation{
width: 175px;
padding: 30px;
padding-top: 10px;
text-align: left;
background-position:left;
background-image: url(navimitte.gif);
background-repeat: repeat;
}

#naviunten{
width: 235px;
height: 23px;
text-align: left;
background-position:left;
background-image: url(naviunten.gif);
background-repeat: no-repeat;
}

/* Innenseite */

#links {
float: left;
width: 240px;
margin-left: 27px;
padding: 20px;
}

#rechts {
float: right;
width: 661px;
margin-right: 9px;
background-position: top;
background-image: url(wasser_hell.jpg);
background-repeat: no-repeat;
}

#hoehe {
float: left;
width: 1px;
height: 560px;
}

#text {
float: left;
width: 400px;
padding-top: 150px;
/*padding-right: 70px;*/
}

#impressum {
text-align: center;
font-size: 11px;
float: left;
width: 960px;
margin-left: 27px;
}

/*#footer {
font-size: 11px;
text-align: left;
float: right;
width: 620px;
margin-right: 9px;
padding-left: 40px;
}*/

/*Textauszeichnungen*/

h1 {font-size: 20px; color: #000099; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 15px;  }
h2 {font-size: 16px; color: #000099; padding: 0px; margin: 0px; padding-bottom: 10px;}
h3 {font-size: 14px; color: #000099; margin: 0px; padding: 0px; padding-bottom: 5px;}
h4 {font-size: 14px; font-weight: normal; color: #aaa; padding: 0px; margin: 0px; text-align: right;}
h5 {font-size: 12px; font-weight: normal; font-style: italic; color: #333; padding: 0px; margin: 0px; text-align: right;}
h6 {font-size: 12px; color: #333; padding: 0px; margin: 0px;}

p, div, span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

p {padding-bottom: 0px; padding-top: 0px; margin-bottom: 5px; margin-top: 10px;}

img {border: 0px;}

p.align-right {text-align: right;}

/*.bodytext {margin-top: 0px; padding-top: 0px;}*/

ul {
padding-top: 0px;
margin-top: 0px;
}

ul li {
padding: 0px;
margin: 0px;
margin-left: -25px;
list-style: square;
}

ol li {
padding: 0px;
margin: 0px;
margin-left: -20px;
}

a:link, a:visited, a:active  {
text-decoration: none;
color: #000099;
}

a:hover {
text-decoration:unterline;
color: #000099;
}

/*Navigation*/

#hnavi a{
color: #FFF;
font-size: 16px;
display: block;
height: 22px;
margin-top: 5px;
text-decoration: none;
border-bottom: 1px solid  #0024a6;
width: 175px;
}

#hnavi a:hover{
border-bottom: 1px solid  #9999ff;
}

#curhnavi a{
color: #FFF;
font-size: 16px;
display: block;
height: 22px;
margin-top: 5px;
text-decoration: none;
border-bottom: 1px solid  #fff;
width: 175px;
}


#snavi a{
color: #FFF;
font-size: 14px;
display: block;
height: 20px;
margin-top: 5px;
text-decoration: none;
border-bottom: 1px solid  #0024a6;
width: 175px;
}

#snavi a:hover{
border-bottom: 1px solid  #9999ff;
}

#cursnavi a{
color: #FFF;
font-size: 14px;
display: block;
height: 20px;
margin-top: 5px;
text-decoration: none;
border-bottom: 1px solid  #fff;
width: 175px;
}