/* CSS Document */

html {
	height:100%;
	/* margin-left:auto;
	margin-right:auto; */
}

body {
	background-color: #FFFFFF;
	height: 100%;
	padding: 0px;
	margin: 0px;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}

h1 {
	font-size: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	color: #C2D6F1;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

h2 {
	font-size: 16px;
	display: inline;
	color: #FF9428;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 25px;
}

ul {
	margin: 0px;
	display: inline;
	vertical-align: middle;
	font-size: 12px;
}
li {
	margin: 0px;
	float: left;
	vertical-align: middle;
	/* line-height: 25px; */
	list-style-type: none;
}

table, tr, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#kassel {
	height: 0px;
	width: 0px;
	left: -999px;
	top: -999px;
	visibility: hidden;
	position: absolute;
}

#schwimmbecken {
	background-image: url(bilder/bg.gif);
	background-repeat: repeat-y;
	width: 815px;
	margin: 0px;
	padding: 0px;
}
#top {
	background-image: url(bilder/bg-menue-2.gif);
	background-color: #FFFFFF;
	width: 800px;
	height: 25px;
}
#navitop {
	/* width: 800px; */
	height: 25px;
	padding-left: 550px;
}
#navitop ul {
	display: inline;
}
#navitop li {
	line-height: 25px;
	display: inline;
	float: left;
}
#navitop a {
	color: #444444;
	text-decoration: none
}
#navitop a:hover {
	text-decoration: none;
	color: #FF9428;
}

#home {
	width: 60px;
	color: #386FB2;
}

#impressum {
	width: 85px;
	color: #386FB2;
}

#agb {
	width: 50px;
	color: #386FB2;
}

#sitemap {
	color: #386FB2;
}

#kopf {
	width: 800px;
	border-top: 1px solid #0067AD;
}

#logo {
	background-image: url(bilder/logo-klikpool.gif);
	float: left;
	width: 185px;
	height: 180px;
}
#logo img {
	border-style: none;
}

#kopfbild {
	background-image: url(bilder/kopf-schwimmbecken-2.jpg);
	float: right;
	width: 615px;
	height: 180px;
}
#kopfbild-warm {
	background-image: url(bilder/kopf-sauna-3.jpg);
	float: right;
	width: 615px;
	height: 180px;
}

#navigation {
	clear: both;
	background-image: url(bilder/bg-menue-2.gif);
	border-bottom: 1px solid #0067AD;
	border-top: 1px solid #0067AD;
	background-color: #FFFFFF;
	height: 25px;
	width: 800px;
}

#hauptnavi {
	padding-left: 185px;
	height: 25px;
	text-align: center;
}

#hauptnavi ul {
	line-height: 25px;
	display: inline;
}

#hauptnavi li {
	display: inline;
}

#hauptnavi ul li a {
	text-decoration: none;
	color: #555555;
	font-weight: bold;
}

#hauptnavi ul li a:hover {
	text-decoration: none;
	/* background: url(../bilder/blue.gif) top left; */
	color: #FF9428;
}

#unternehmen {
	width: 100px;
	text-align: center;
	}
#unternehmen a {
	/* padding: 5px 10px 5px 10px; */
}

#service {
	width: 80px;
	
}
#service a {
	/* padding: 5px 25px 5px 25px; */
}

#stellaus {
	width: 90px;
}

#ktipps {
	width: 85px;
}
#ktipps a {
	/* padding: 5px 18px 5px 18px; */
}

#referenzen {
	width: 100px;
}
#referenzen a {
	/* padding: 5px 18px 5px 18px; */
}

#partner {
	width: 75px;
}
#partner a {
	/* padding: 5px 25px 5px 25px; */
}

#kontakt {
	width: 80px;
}
#kontakt a {
	/* padding: 5px 22px 5px 22px; */
}

#inhalt {
	width: 800px;
	background-image: url(bilder/bg.gif);
	background-repeat: repeat-y;
	height: auto;
}

#subnavigation {
	width: 185px;
	height: auto;
	/* height: auto; */
	float: left;
}

#subnavigation ul {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 185px;
	line-height: 12px;
}

#subnavigation li {
	background-image: url(bilder/bg-menue.gif);
	background-repeat: repeat-x;
	list-style-type: none;
	width: 185px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	float: left;
}

/* #subnavigation a {
	color: #555555;
	text-decoration: none;
	width: 160px;
} */

#subnavigation ul li a {
	background: url(bilder/menuebox.gif) no-repeat top left;
	text-decoration: none;
	text-align: left;
	color: #555;
	padding-left: 10px;
	border: none;
	line-height: 25px;
	width: 160px;
	display: block;
}
* html #subnavigation ul li a {
	height: 1%;
	width: 150px;
	w\idth: 165px;
}
#subnavigation ul li a:hover {
	background : url(bilder/menuebox-aktiv.gif) no-repeat top left;
	/* height: 25px; */
	width: 165px;
}
* html #subnavigation ul li a:hover {
	height: 1%;
	width: 150px;
	w\idth: 165px;
}

#planbau {
	padding: 0px;
	margin: 0px;
	width: 160px;
	height: 10px;
}
* html #planbau {
	width: 170px;
	w\idth: 160px;
}
#planbau ul {
	padding: 0px;
	margin: 0px;
	/* display: block; */
	vertical-align: middle;
	width: 160px;
	height: 0px;
}
* html #planbau ul {
	width: 170px;
	w\idth: 160px;
}
#planbau li {
	background: url(bilder/pixel.gif) no-repeat top left;
	vertical-align: middle;
	list-style-type: none;
	font-weight: normal;
	border: none;
	float: left;
}
* html #planbau ul li {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau a {
	color: #666666;
	width: 150px;
} */

#planbau ul li a {
	background: url(bilder/pixel.gif) no-repeat top left;
	color: #666; 
	padding: 3px 6px 3px 15px;
	border: none;
	line-height: 22px;
}
* html #planbau ul li a {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau ul li a:active {
	background : url(../bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
	width: 160px;
}*/
#planbau ul li a:hover {
	background : url(bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
}
* html #planbau ul li a:hover {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
#planbau a.underline {
	text-decoration: underline;
}
#planbau a.noline {
	text-decoration: none;
}

#saunen {
	padding: 0px;
	margin: 0px;
	width: 160px;
	height: 10px;
}
* html #saunen {
	width: 170px;
	w\idth: 160px;
}
#saunen ul {
	padding: 0px;
	margin: 0px;
	/* display: block; */
	vertical-align: middle;
	width: 160px;
	height: 0px;
}
* html #saunen ul {
	width: 170px;
	w\idth: 160px;
}
#saunen li {
	background: url(bilder/pixel.gif) no-repeat top left;
	vertical-align: middle;
	list-style-type: none;
	font-weight: normal;
	border: none;
	float: left;
}
* html #saunen ul li {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau a {
	color: #666666;
	width: 150px;
} */

#saunen ul li a {
	background: url(bilder/pixel.gif) no-repeat top left;
	color: #666; 
	padding: 3px 6px 3px 15px;
	border: none;
	line-height: 22px;
}
* html #saunen ul li a {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau ul li a:active {
	background : url(../bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
	width: 160px;
}*/
#saunen ul li a:hover {
	background : url(bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
}
* html #saunen ul li a:hover {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
#saunen a.underline {
	text-decoration: underline;
}
#saunen a.noline {
	text-decoration: none;
}

#kabine {
	padding: 0px;
	margin: 0px;
	width: 160px;
	height: 10px;
}
* html #kabine {
	width: 170px;
	w\idth: 160px;
}
#kabine ul {
	padding: 0px;
	margin: 0px;
	/* display: block; */
	vertical-align: middle;
	width: 160px;
	height: 0px;
}
* html #kabine ul {
	width: 170px;
	w\idth: 160px;
}
#kabine li {
	background: url(bilder/pixel.gif) no-repeat top left;
	vertical-align: middle;
	list-style-type: none;
	font-weight: normal;
	border: none;
	float: left;
}
* html #kabine ul li {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau a {
	color: #666666;
	width: 150px;
} */

#kabine ul li a {
	background: url(bilder/pixel.gif) no-repeat top left;
	color: #666; 
	padding: 3px 6px 3px 15px;
	border: none;
	line-height: 22px;
}
* html #kabine ul li a {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
/* #planbau ul li a:active {
	background : url(../bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
	width: 160px;
}*/
#kabine ul li a:hover {
	background : url(bilder/pixel.gif) no-repeat top left;
	text-decoration: underline;
	height: 22px;
}
* html #kabine ul li a:hover {
	width: 180px;
	w\idth: 160px;
	height: 1%;
}
#kabine a.underline {
	text-decoration: underline;
}
#kabine a.noline {
	text-decoration: none;
}

#hotline {
	/* background-image: url(../bilder/hotline.gif);
	background-position: bottom;
	background-repeat: no-repeat; */
	text-align: center;
	height: 125px;
	width: 185px;
}

#hotline img {
	border: 1px dotted #999999;
	margin-top: 20px;
}

#texte {
	width: 575px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: #444444;
	line-height:20px;
	float: right;
}
* html #texte {
	width: 615px;
	w\idth: 575px;
}

#texte a {
	text-decoration: underline;
	color: #333333;
}
#texte a:hover {
	color: #FF9428;
}

#text a {
	text-decoration: underline;
	color: #FF9428;
}
#text a:hover {
	color: #333333;
}
table a {
	text-decoration: underline;
	color: #FF9428;
}
table a:hover {
	color: #333333;
}

#fuss {
	clear: both;
	background-image: url(bilder/bg-menue-2.gif);
	border-top: 1px solid #386FB2;
	/* padding-top: 4px; */
	width: 800px;
	height: 24px;
	font-size: 12px;
	color: #444444;
}
#schatten {
	background-image: url(bilder/schatten-unten-ecke.gif);
	background-repeat: no-repeat;
	width: 815px;
	height: 15px;
}
#adresse {
	width: 575px;
	padding-top: 4px;
	text-align: left;
	margin-left: 205px;
}
#adresse a {
	text-decoration: none;
	color: #444444;
}
#adresse a:hover {
	text-decoration: none;
	color: #FF9428;
}

#angebot td {
	border: 1px dotted #999999;
	padding: 15px;
	margin-bottom: 20px;
}

#angebot td img {
	border: 4px solid #E0EBFF;
	margin-left: 20px;
	margin-bottom: 10px;
}

.rahmen {
	border: 1px dotted #999999;
}
.rahmen-pic {
	border: 4px solid #E0EBFF;
}
.text-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9428;
	text-decoration: none;
}
.strich-re {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}

/* Verwaltungsbereich */

#legende {
	width: 185px;
	float: left;
}

#legende div {
	width: 150px;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px 8px 10px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#angformtab #apreis, #ainhalt, #aueberschrift, #atitel {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #333333;
	background-color: #F7F7F7;
}
#angformtab #apreis {
	height: 22px;
}
#angformtab #atitel {
	height: 22px;
}
#angformtab #aueberschrift {
	height: 22px;
}
#angformtab #ainhalt {
	height: 180px;
}

#angformtab #goforit {
	width: 140px;
}

#angtab img {
	border: 0px;
}
#angtab td {
	padding-bottom: 8px;
}
#angbild img {
	border: 0px;
	margin-bottom: 15px;
}

#pfeil {
	margin-right: 6px;
}

.bordertop {
	border-top: 1px dotted #999999;
	padding-top: 5px;
}

/* Konatktformular */

#kontaktformular form {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#kontaktformular p {
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
#kontaktformular div {
	height: 30px;
}
#kontaktformular div.mail-adresse {
	position: absolute;
	left: -5000px;
	top: -5000px;
	display: none;
}
#kontaktformular input, textarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #999999;
	background-color: #F7F7F7;
}
#kontaktformular #textbereich {
	height: 155px;
}

#kontaktformular #goforit {
	width: 140px;
}

.sm1 {
	font-weight: bold;
	padding-bottom: 3px;
}
.sm2 {
	padding-left: 15px;
}

#teaser div {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}