body { font-size: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #016ba2 url(bilder/algen.png) repeat-x fixed left bottom; margin: 0              }
#wrapper { background-image: url(bilder/schatten-blau.png); background-repeat: repeat-y; width: 974px; margin: 20px auto 0; }
#wrapperinnen { background-image: url(bilder/krabbe.png); background-repeat: no-repeat; background-position: 50px bottom; width: 974px; }
#hintergrund { background-image: url(bilder/licht.png); background-repeat: repeat-x; width: 100%; height: 100%; }
#header { background-image: url(bilder/header.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 974px; height: 240px; }
#content  { margin-top: 15px; margin-bottom: 10px; padding-bottom: 20px; width: 660px; float: right ; }
#content p  { color: #000; font-size: 75%; line-height: 150%; margin-left: 30px; padding-right: 50px; }
#content p2  { color: #000; font-size: 75%; line-height: 150%; margin-left: 30px; padding-right: 50px; }
#content h2 { color: #2d2b83; font-size: 120%; font-family: "Times New Roman", Times, serif; font-weight: bold; line-height: 80%; letter-spacing: 2px; margin-top: 20px; margin-left: 30px       }
#content h3   { color: #2d2b83; font-size: 100%; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 120%; letter-spacing: 2px; margin-right: 50px; margin-bottom: 20px; margin-left: 30px          ; padding: 5px 10px 3px; border: solid 1px; }
#content h4  { color: #000; font-size: 80% ; font-family: "Times New Roman", Times, serif, arial; text-align: center; letter-spacing: 1px; margin: 0; }
#content h5 {
	color: #2d2b83;
	font-size: 76%;
	font-weight: bold;
	line-height: 150%;
	margin-top: 50px;
	margin-left: 30px;
	padding-right: 50px; }
#content h6 { color: #000; font-size: 80%; line-height: 150%: margin-left: 30px; padding-right: 50px; } 
#content a   { color: #2d2b83; font-size: 100%; text-decoration: underline  }
#content ul {
	width: 580px; 
	list-style-type:none;
	}
#content li {
	color: #000;
	font-size: 76%;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: url(bilder/haken_8.png); }
#integr {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	width: 660px;
	float: right; }
#integr p {
	color: #000;
	font-size: 76%;
	line-height: 150%;
	margin-left: 30px;
	padding-right: 50px; }
#integr h2 {
	color: #2d2b83;
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 80%;
	letter-spacing: 2px;
	margin-top: 20px;
	margin-left: 30px; }
#integr h3 {
	color: #2d2b83;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 2px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 30px;
	padding: 5px 10px 3px;
	border: solid 1px; }
#integr h4 {
	color: #000;
	font-size: 76%;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: -12px;
	margin-left: 30px;
	padding-right: 50px; }
#integr h5 {
	color: #2d2b83;
	font-size: 76%;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: -12px;
	margin-left: 30px;
	padding-right: 50px; }
#integr ul {
	width: 580px; 
	list-style-type:none;
	}
#integr li {
	color: #000;
	font-size: 76%;
	list-style-type: circle;
	margin-top: 10px;
	margin-bottom: 10px; }
.termin {
	background-color: #f0dbc0;
	width: 200px;
	margin-right: 100px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border: solid 1px #335092; }

.achtung {
	background-color: #cb0c42;
	width: 220px;
	margin-right: 100px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border: solid 1px #335092; }

#fische { width: 90px; float: left; margin-right: 15px; margin-left: 30px; }
#fischelinks { margin-left: 120px; width: 90px; }
#formular { background-image: url(bilder/fischblau.png); background-repeat: no-repeat; background-position: 300px bottom; width: 600px; margin-left: 30px; }
#formular label { color: #2d2b83; font-size: 75%; }
.strich { border-bottom: 1px solid #2d2b83; }
#galerie { width: 620px; height: 182px; margin-bottom: 5px; margin-left: 20px; }
#galerie2 { width: 600px; height:200 px; margin-bottom: 5px; margin-left: 20px; }
#galerie img { width: 180px; margin-right: 10px; border: solid 1px #2d2b83; }
#bild { width: 300px; height: auto; float: right; margin-right: 50px; margin-bottom: 10px; margin-left: 20px; border: solid 1px #335092; }
#bildklein { width: auto; height: auto; float: right; margin-right: 50px; margin-bottom: 10px; margin-left: 20px; border: solid 1px #335092; }

#bild2 { width: 280px; height: auto; float: right; margin-right: 50px; margin-bottom: 10px; margin-left: 20px; border: solid 1px #335092; }
#bild1 { width: 280px; height: auto; float: left; margin-right: 50px; margin-bottom: 10px; margin-left: 20px; border: solid 1px #335092; }

#bildhoch { margin-right: 50px; margin-left: 5px; width: 250px; float: right; margin-bottom: 30px; border: solid 1px #335092; }
#teaser     { font-size: 100%; background-color: #fff; margin: 15px 20px 15px 10px; padding: 10px; width: 230px; clear: both; border: solid 1px #016ba2  }
#sommerspezial     { font-size: 100%; background-color: #fff; margin: 15px 20px 15px 10px; padding: 10px; width: 230px; clear: both; border: solid 1px #016ba2  }
#sommerspezial p   { color: #3a507f; font-size: 76%; font-style: italic; line-height: 120%; margin: 3px 0 0 5px; padding: 0 }

#teaser p   { color: #3a507f; font-size: 76%; font-style: italic; line-height: 120%; margin: 3px 0 0 5px; padding: 0 }
/*Navigation links (Hauptnavi)*/
#divlinks         { padding-top: 8px; padding-bottom: 30px; bottom: 400px; width: 260px; height: 100%; float: left ; padding-left: 20px; }
#navigation       { margin-top: 20px; margin-left: 10px; border-bottom: 2px solid #fff     }
#list1    { list-style: none; margin: 0; padding: 0 }
#list1 li  { border-top: 2px solid #fff; }
#list1 li a       { color: #2d2b83; font-size: 75%; text-decoration: none; display: block; padding: 7px 0 4px 20px  }
#list2  { list-style: none; margin: 0 0 0 20px; padding: 0 }
#list2 li a { color: #016ba2; font-size: 75%; text-decoration: none; display: block; padding: 7px 0 4px 20px; }
#navigation li a:hover     { color: #4b9979;}
.aktiv      { color: #e8703b; font-size: 75%; font-weight: normal; background-position: right 0; display: block; padding: 7px 0 4px 20px  }
/*End Navigation left*/
#footer         { text-align: left; padding-top: 5px; padding-right: 0; width: 100%; height: 30px; clear: both; }
#footer p { color: #fff; font-size: 73%; font-family: "trebuchet ms"; font-weight: normal; padding-bottom: 5px; }
#footer a      { color: #fff; text-decoration: none; margin-top: 40px; margin-left: 52px; }
.clear { clear: both; }
#schattenunten { background-image: url(bilder/schatten-unten.png); background-repeat: no-repeat; background-position: center 50%; width: 100%; height: 8px; }
h1    { color: #840019; font-size: 12px; display: none  }
/*Container fuer Anchor*/
.class { }
#top   { color: #3a507f; font-size: 80%; font-weight: bold; background-position: center 50%; display: inline; margin-top: 20px; margin-left: 20px; padding: 4px; width: auto; float: left; border: solid 1px #800000  }
#top a  { color: #fff; text-decoration: none; display: inline }
/*Diverse Auszeichnungen*/
strong { font-weight: normal; font-style: normal; }
.auszeichnung { color: #cb0c42; font-weight: bold; }

.weiss { color: #ffffff; font-weight: bold; }
.blau { color: #2d2b83; }
.unterstrichen {
	text-decoration: underline; }
.kursiv { font-style: italic; }
.fett {
	font-weight: bold; }
.rot {
	color: #cb0c42;
	font-weight: bold; }

.sommer {
	color: #FF9900;
	font-weight: bold; }
	.groesser {
	font-weight: bold;
	font-size: 14px; }
	
/* Gallery 
/* The containing box for the gallery. */
#newGallery {
    position:relative; 
    width:700px; 
    height:400px; 
    margin:20px auto 0 auto; 
    }
    /* Remove the images and text from sight */
#newGallery a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }