body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #707070;
}

.clearfix{
	clear:both;
}

#all {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#header {
	width: 960px;
	height: 124px;
	margin-bottom: 16px;
	border-bottom: 1px solid black;
	
}

#header ul {
	padding: 0;
	margin: 0;
	margin-top: 96px;
	position: absolute;
	font-family: 'PT Serif', serif;
	list-style-type: none;
	font-size: 16px;
}

#header ul li {
	float: left;
	margin-right: 32px;
	height: 32px;
}

#header ul li a {
	text-decoration: none;
	color: #9c9c9c;
}

#header ul li a:hover {
	color: black;
}

#header ul li.rex-current, #header ul li.rex-active {
	border-bottom: 2px black solid;
}

#header ul li.rex-current a, #header ul li.rex-active a {
	color: black;
}

#logo {
	float: right;
	margin-top: 35px;
}

#content {
	width: 960px;
}

#balken {
	height: 63px;
	margin-bottom: 24px;
}

.balken_schwimmbad {
	background-image: url(/files/balken_schwimmbad.jpg);
}

.balken_wellness {
	background-image: url(/files/balken_wellness.jpg);
}

.balken_teich {
	background-image: url(/files/balken_teich.jpg);
}

.balken {
	background-image: url(/files/balken.jpg);
}

.balken_presse {
	background-image: url(/files/balken_presse.jpg);
}

h1 {
	margin: 0;
	padding: 0;
	font-family: 'PT Serif', serif;
	color: black;
	font-weight: normal;
	font-size: 32px;
}

h3 {
	margin: 0;
	margin-top: 6px;
	padding: 0;
	font-family: 'PT Serif', serif;
	color: black;
	font-weight: normal;
	font-size: 18px;
}

.white h1, .white .smalldesc {
	color: white;	
}

#smalldesc ul li {
	border-bottom: 1px solid black;
	padding-top: 12px;
	padding-bottom: 4px;
}

#smalldesc ul li a {
	text-decoration: none;
	color: #9c9c9c;
}

#icons {
	width: 100%;
	height: 22px;
	border-bottom: 1px solid black;
}

#icons .grafiken {
	float: right;
}

#icons .grafiken img {
	padding-left: 10px;
}

#unternavi {
	width: 232px;
	float: left;
	margin-top: -1px;
}

#unternavi ul {
	padding: 0;
	margin: 0;
	font-size: 12px;
	width: 140px;
	list-style-image: url(/files/pfeil.gif);
	list-style-position: inside;
}

#unternavi ul li {
	border-bottom: 1px solid black;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 13px;
	text-indent:-13px;
}

#unternavi ul li a {
	text-decoration: none;
	color: #9c9c9c;
}

#unternavi ul li a:hover {
	color: black;
}

#unternavi ul li.rex-current a, #unternavi ul li.rex-active a {
	color: black;
}

#unternavi .rex-navi2 {
	padding: 0;
	padding-left: 29px;
	margin: 0;
	margin-left: -13px;
	margin-top: 4px;
	margin-bottom: -5px;
	list-style-image: url(/files/pfeil.gif);
	border-top: 1px solid black;
	width: 111px;
}

#unternavi .rex-navi2 li {
	width: 98px;
}

#unternavi .rex-navi2 li a {
	color: #9c9c9c !important;
}

#unternavi .rex-navi2 li a:hover {
	color: black !important;
}

#unternavi .rex-navi2 li.rex-current a {
	color: black !important;
}

#minheight {
	width: 1px;
	height: 426px;
	float: left;
}

#inhalt {
	float: left;
	width: 382px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#inhalt-galerie {
	float: left;
	width: 727px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.breit {
	width: 727px !important;
}

.breit .text {
	padding-right: 0 !important;
}

#inhalt a {
	text-decoration: none;
	color: #9c9c9c;
}

#inhalt a:hover {
	color: black;
}

#inhalt .text {
	padding-right: 60px;
}

#inhalt ul {
	list-style-image: url(/files/pfeil.gif);
	list-style-position: inside;
	padding: 0;
}

#inhalt ul li {
	padding-left: 13px;
	text-indent:-13px;
}

.white ul {
	list-style-image: url(/files/pfeil_invertiert.gif) !important;
}

#inhalt ul li a {
	text-decoration: none;
	color: #9c9c9c;
}

#inhalt ul li a:hover {
	color: black;
}

#sitemap ul {
	margin-left: 20px;
}

#sitemap a {
	text-decoration: none;
	color: #707070;
}

#bildergalerie {
	width: 345px;
	float: right;
}

#bildergalerie .text {
	font-size: 12px;
}

#bildergalerie a {
	text-decoration: none;
	color: #9c9c9c;
}

#bildergalerie a:hover {
	color: black;
}


#footer {
	width: 960px;
	height: 118px;
}

#breadcrumb {
	border-bottom: 1px solid black;
	height: 20px;
}

#breadcrumb ul {
	padding: 0;
	margin: 0 0 0 10px;
	list-style-image: url(/files/pfeil.gif);
	font-size: 11px;
}

#breadcrumb ul li {
	float: left;
	margin-right: 32px;
}

#breadcrumb ul li a {
	text-decoration: none;
	color: #707070;
}

#breadcrumb ul li a:hover {
	color: black;
}

#hilfsnavi ul {
	padding: 0;
	margin: 0 0 0 10px;
	margin-top: 6px;
	list-style-image: url(/files/pfeil.gif);
	font-size: 11px;
}

#hilfsnavi ul li {
	float: left;
	margin-right: 32px;
}

#hilfsnavi ul li a {
	text-decoration: none;
	color: #707070;
}

#hilfsnavi ul li a:hover {
	color: black;
}

#hilfsnavi ul li.rex-current a {
	color: black;
}

#sprachauswahl {
	float: right;
	font-size: 11px;
	margin-top: 99px;
	width: 130px;
	position: relative;
	z-index: 99;
}

#sprachauswahl div {
	width: 95px;
	height: 18px;
	
}

#sprachauswahl a {
	padding-left: 26px;
	padding-top: 2px;
	position: absolute;
	color: #707070;
	text-decoration: none;
}

#deutsch {
	background-image: url(/files/deutsch.gif);
}

#generisch {
	background-image: url(/files/generisch.gif);
}

#english {
	background-image: url(/files/english.gif);
}

#francais {
	background-image: url(/files/francais.gif);
}

#russisch {
	background-image: url(/files/russisch.gif);
}

#auswahlpfeil {
	width: 14px !important;
	height: 18px !important;
	float: right;
	background-image: url(/files/auswahlpfeil.gif);
}

.bottom_box {
	background: url(/files/start_box.png) no-repeat!important;
	padding: 13px;
	height: 118px;
	width: 277px;
	border: none;
	border-spacing: 0px;
	padding-bottom: 20px;
	float: left;
}

.bottom_box td{
	vertical-align: bottom;
	width:250px;
	height: 106px;
	background-repeat: no-repeat;
	padding: 0;
}

#bottom_block a {
	margin-right: 18px;
	float: left;
	display: block;
	color: black;
	width: 247px;
	height: 106px;
}

.bottom_box4 {
	background: url(/files/start_box4.png) no-repeat!important;
	padding: 13px;
	height: 118px;
	width: 195px;
	border: none;
	border-spacing: 0px;
	padding-bottom: 20px;
	float: left;
}

.bottom_box4 td{
	vertical-align: bottom;
	width: 190px;
	height: 106px;
	background-repeat: no-repeat;
	padding: 0;
}

#bottom_block4 a {
	margin-right: 0px;
	float: left;
	display: block;
	color: black;
	width: 180px;
	height: 106px;
}

.bottom_box img{
	border: none;
}

.bottom_box_desc {
	background: white;
	padding: 4px 10px 0px 1px;
	font-size: 10px;
	float: left;
	position: relative;
	top: 93px;
}

#bottom_block {
	width: 960px;
	margin-left: 49px;
	margin-top: -170px;
	z-index: 99;
	position: relative;
}

#bottom_block4 {
	width: 960px;
	margin-left: 49px;
	margin-top: -170px;
	z-index: 99;
	position: relative;
}

.seo_footer {
	margin-top: 25px;
	border-top:1px solid #000000;
	padding-top: 20px;
	width: 960px;
	border-spacing: 0px;
	padding-bottom: 20px;
	float: left;
}


.screen h1 {
	line-height: 119%;
	font-size: 40px;	
}

.content_start {
	border-bottom: 1px solid black;	
	height: 600px!important;
}

.slider_content {
	margin-top: 0px!important;	
}

#meldungen {
	padding: 0;
	margin: 0;
}

#meldungen .meldung_bild {
	padding-right: 30px;
	width: 194px;
}

#meldungen .meldung_text {
	width: 503px;
}

#meldungen .untertitel {
	font-size: 10px;
}

h2 {
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

#inhalt h2 a {
	font-family: 'PT Serif', serif;
	color: black;
	font-weight: normal;
	font-size: 32px;
	line-height: 35px;
}

#meldungen .einleitung p {
	margin-top: 7px;
	margin-bottom: 5px;
}

hr {
	height: 1px;
	border: 0;
	background-color: black;
	margin-top: 20px;
	margin-bottom: 20px;
}


.bookmark ul{margin: 0 0 10px 0; padding: 0; }
.bookmark ul li{float: left; list-style: none; margin: 0 2px 0 0; padding:0; }
.bookmark li img{ padding: 1px; border: solid 1px #dedede; }

/*  Download-Modul Download mit Bild (PDF plus Bild) 
	Beispiel CSS
**/
.dwnld{
	width:100%;
	display:inline-block;
	margin:0;
	border-top: 1px solid #000000;
	padding:25px 0px 25px 0px;
}
.dwnld-bild{
	width:150px;
	padding:0;
	text-align:left;
	float:left;
}

.dwnld-flaeche {
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	padding:0;
	margin:0;
	width:500px;
	float:left;
}

.dwnld-title {
    font-family: 'PT Serif', serif;
	font-size:24px;
	text-decoration:none;
	color:#000;
	padding:4px 0;
	margin:0px;
	width:500px;
	float:left;
}

.dwnld-copyright {
	font-size:10px;
}

/*
REDAXO-Modul: doForm! 2.x - 4.4.1
Beschreibung: CSS-DEMO
Bereich: CSS
Für: do form! 2.x bis 4.4.1
Stand: 20.04.2009
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen {
/*font-size: 1em;
padding-right: 0px;
padding-left: 0px;*/
}
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}
.formgen form
{
line-height : 120%;
}
/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock
{
margin-bottom: 15px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;	
}
.forminfo
{
width: 360px;
margin-bottom: 15px;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 4px;
padding-left: 8px;
font-weight: bold;
border: 4px dashed #990000;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
width: 360px;
height: 200px;
margin-left: 4px;
margin-top:10px;
margin-bottom:20px;
border: 1px solid #000;
}
/* Textfeld */
.formgen .formtext
{
width: 360px;
margin-left: 4px;
margin-top:10px;
padding-bottom: 4px;
background-color: #fff;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom: 1px solid #000;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
background-color: #eee;	
}
/* Label */
.formgen label {
width: 130px;
clear: left;
float: left;
height: 20px;
margin-top:10px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 100px;
border: 1px solid #000;
margin-left: 4px;
margin-top:10px;
color: #000000;
}
/* Aussehen der Checkbox-Ausgabe */
.formgen .formcheck
{
border: 0px solid #000;
margin-left: 134px;
margin-top:10px;
}

/* Position des Radiobutton-Divs */
.radiolabel
{
margin-left: 134px;
margin-top:20px;
}
/* Aussehen der Radiobutton-Ausgabe */
.formgen .formradio
{
margin-right:0px;
margin-top:0px;
width:135px;
}

/* Aussehen der Infofelder */
.formgen .formhinweis {
font-style:italic;
font-size:10px;
padding-bottom:3px;
padding-top:3px;
margin-left:134px;
}
/* Sende-Button */
.formgen .formsubmit
{
width: 360px;
height:40px;
font-family: 'PT Serif', serif;
font-size:18px;
text-align: center;
margin-left:130px;
background-color: #eee;
border: 1px solid #000;
color: #000;
}
/* Fieldsetbeschriftung */
.formgen legend {
color: #FFFFFF;
background-color: #990000;
width: 150px;
}
.formgen .fieldset {
margin-bottom: 10px;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
color: #990000;
}
.formgen .formcaptcha
{
border: 2px solid #990000;
vertical-align: top;
float: left;
margin-right: 10px;
}
.formgen .formreq {
color: #006633;
}
.formgen .formheadline {
font-weight:bold;
padding-top:25px;
padding-bottom:10px;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */