*{
  /*
  margin:0;
  padding:0;
  border: 0px none;
  */
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
}

a {
	color: #000000;
	
}

a:hover{
	color: #000000;
}

li {
   list-style-type: square;  
}

body {
  width:100%;
  text-align: center;
}

.ueberblick a, .ueberblick a:link, .ueberblick a:visited,ueberblick a:active {
  font-weight: normal;
}

.ueberblick a:hover {
  font-weight: bold;
}

.global {
  margin-left:auto; 
  margin-right:auto; 
  width:900px
}

.content ul {
  margin-left:15px;
}

.angebot {
  width: 180px;
  text-align: left;
  margin : 15px 0px 0 0;
  padding : 0 0 0 0;
  border:0;
  display: inline;
  float:left;
}
 
.aktionspool {
  width: 177px;
  margin : 0px 0 15px 0px;
  padding : 0 0 0 0;
  border: 1px #598CA1 solid;
  text-align: center;  
}

.pool {
  background: #ffffff;
  width: 100%;
  margin: 0 0 0 0;
  padding : 0px 0px 0px 0px;
  text-align: center;  
}

.pool h1, .pool h1 a, .traumpool h1, .informationen h1 {
  width: 100%;
  background: #598CA1;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
  padding:5px 0;
}

.pool img {
  margin-bottom: 10px;
}

.fachberatung {
  width: 177px;
  margin : 0px 0 15px 0px;
  padding : 0 0 0 0;
  border: 1px #598CA1 solid;
  text-align: center;  
}

.fachberatung .header {
  background: #ffffff;
  width: 100%;
  margin: 0 0 0 0;  
  text-align: center;  
}


.fachberatung .header h1, .fachberatung .header h1 a {
  width: 100%;
  background: #598CA1;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
  padding:5px 0;
}


.video {
  width: 177px;
  height: 150px;
  margin : 0px 0 15px 0px;
  padding : 0 0 0 0;
  border: 1px #598CA1 solid;
  text-align: center;  
}

.video .header {
  background: #ffffff;
  width: 100%;
  margin: 0 0 0 0;  
  text-align: center;  
}


.video .header h1, .video .header h1 a {
  width: 100%;
  background: #598CA1;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
  padding:5px 0;
}

.videopreview {
  width: 175px;
  height: 115px;
  overflow: hidden;
}

.videothumb {
	width: 90px;
	float: left;
	overflow: hidden;
	padding-top:24px;
}

#arrow_left {
	background-color:#FFFFFF;
	left:0;
	padding:1px;
	position:relative;
	z-index:10;
	width:40px;
	float:left;
}

#arrow_right {
	background-color:#FFFFFF;
	padding:1px;
	position:relative;
	right:0;
	z-index:10;
	width:40px;
	float:left;
}

#theImages{
	position:relative;
	height:100px;
	left:0px;
	width:100000px;
	
}
#theImages #slideEnd{
	float:left;
}
#theImages img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}


.spacer {
  width: 177px;
  margin : 0px 0 5px 0px;  
}



.content {
  width: 510px;
  margin: 15px 10px 10px 10px;
  border:0; 
  display: inline;
  float:left;
  text-align: left;
}
.content h1 {
  width: 100%;
  margin-bottom: 10px;
}


.beschreibung {
}

.marginal {
  width: 180px;
  margin : 15px 0 0 0;  
  border:0;  
  display: inline;
  float:right;
}

.traumpool {
  width: 178px;
  border: 1px #598CA1 solid;
  margin : 0 0 15px 0;  
  padding: 0 0 15px 0;
  text-align: center;  
}

.informationen {
  width: 178px;
  border: 1px #598CA1 solid;
  margin : 0 0 15px 0;  
  padding: 0 0 15px 0;
  text-align: center;  
}

.rubriken {
  width: 178px;
  height: 500px;
  border: 1px #598CA1 solid;
  margin : 0 0 15px 0;  
  padding: 15px 0 15px 0;
  text-align: center;  
}

.rubriken h1 {
  float:left; 
  color: #bbbbbb;
  font-size: 15px;
  padding: 5px 5px 5px 5px;
}

.rubriken h2 {
  color: #cccccc;
  font-size: 15px;
  padding: 5px 5px 5px 5px;
}

.rubriken h3 {
  color: #cfcfcf;
  font-size: 20px;
  padding: 5px 5px 5px 5px;
}

.informationen {
  text-align: left;  
  margin: 0 0 15px 0;
  padding: 0 0 0 0; 
}

.informationen_1nd {
  background-color: #598CA1;
  margin:0;
  padding: 4px 0 4px 0
}

.informationen_1nd_li {
  text-align: left;
  list-style-type: none;
  padding: 3px 0 3px 0;
 }

.informationen_1nd_li_act {
  text-align: left;
  list-style-type: none;
  padding: 3px 0 3px 0;
  background-color:  #8cBED6;
 }

.informationen_2nd {
  background-color:  #8cBED6;
  margin:0;
  padding:0;
}

.informationen_2nd_li {
  text-align: left;
  list-style-type: none;
  padding: 3px 3px 3px 13px;
}

.informationen_2nd_li_act {
  text-align: left;
  list-style-type: none;
  padding: 3px 0 3px 8px;
}

.informationen_3nd {
  background-color:  #8cBED6;
  margin:0;
  padding:0;
}

.informationen_3nd_li {
  text-align: left;
  list-style-type: none;
  padding: 3px 3px 3px 20px;
}

.informationen_3nd_li_act {
  text-align: left;
  list-style-type: none;
  padding: 3px 0 3px 15px;
}


.informationen_1nd_li a, .informationen_1nd_li a:link, .informationen_1nd_li a:visited,informationen_1nd_li a:active {
  color: #ffffff;
  font-weight: normal;
}

.informationen_1nd_li_act a, .informationen_1nd_li_act a:link, .informationen_1nd_li_act a:visited,informationen_1nd_li_act a:active {
  color: #ffffff;
  font-weight: bold;
}

.informationen_1nd_li a:hover {
  font-weight: bold;
}

.informationen_2nd_li a, .informationen_2nd_li a:link, .informationen_2nd_li a:visited,informationen_2nd_li a:active {
  color: #ffffff;
  font-weight: normal;
}

.informationen_2nd_li_act a, .informationen_2nd_li_act a:link, .informationen_2nd_li_act a:visited, informationen_2nd_li_act a:active {
  color: #ffffff;
  font-weight: bold;
}

.informationen_2nd_li a:hover {
  font-weight: bold;
}

.informationen_3nd_li a, .informationen_3nd_li a:link, .informationen_3nd_li a:visited,informationen_3nd_li a:active {
  color: #ffffff;
  font-weight: normal;
}

.informationen_3nd_li_act a, .informationen_3nd_li_act a:link, .informationen_3nd_li_act a:visited, informationen_3nd_li_act a:active {
  color: #ffffff;
  font-weight: bold;
}

.informationen_3nd_li a:hover {
  font-weight: bold;
}


.whirlpoolspecial {
  background: #598CA1;
  width: 180px;
  height: 90px;
  margin : 15px 0px 0 0;
  border:0;
}

.partnerlink a, .partnerlink a:link, .partnerlink a:visited, partnerlink a:active {
  color: #598CA1;
  font-weight: bold;
  font-size:9px;
}

.newsletter {  
  background: #598CA1;
  width: 180px;
  height: 90px;
  margin : 15px 0px 0 0;
  border:0;
}

.spahochdrei {
  background: #598CA1;
  /*background: #cccccc;*/
  width: 900px;
  height: 218px;
  margin : 55px 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  border:0;
  clear: both;
}

.whirlpools {
  width: 185px;
  height: 75px;
  left: 40px;
  top: 30px;
  display: inline;
  float:left;
}


.garten {
  width: 360px;
  height:218px;
  left: 0px;
  float: left;
   display:none;
 }

.messe {
  width: 300px;
  height: 100px;
  margin: 100px 0 0 20px;
  color: #ffffff;
  float: left;
  display:none;
}

.fachhaendler {
  height:218px;
  margin : 0 0 0 0;
  padding: 0 0 0 0;
  border:0;
  display:inline;
  float:left;
 }

 
.headerteaser {
  width: 155px;
  height:198px;
  margin : 10;
  display:inline;
  float:right;
  background-color: #ffffff;
 }
 
.headerteaser .image, .headerteaser  .mehrinfos {
	padding-left: 10px;
 }
 
.messe h1 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

.messe h2 {
  font-size: 14px;
  padding-bottom: 5px;
}

.messe a, .messe a:link, .messe a:visited, .messe a:active {
  color: #ffffff;
}

.messe a:hover {
  font-weight: bold;
}

.messe_informationen {
  position: relative;
  left: 735px;
  top: -510px;
  width: 160px;
  height: 125px;
}

.messe_informationen a {
  width: 160px;
  height: 125px;
  background: url("../img/informationen.jpg") 0 0 no-repeat;
}

.ueberblick {
  color: #444444;
  width: 510px;
  height: 20px;
  margin-bottom: 10px;
  clear:both;
}

.ueberblick a, .ueberblick a:link, .ueberblick a:visited, .ueberblick a:active {
  color: #444444;
}

.partner {
  color: #444444;
  font-size: 9px;
  width: 510px;
  height: 20px;
  margin-top: 10px;
  clear:both;
  width: 100%;
  text-align: center;
}

.clearboth {
  clear:both;
}

.moreinfo_bottom {
    font-size: 12px;
    text-decoration: none;  
    margin-top: 5px;  
    margin-bottom: 15px;
}

.moreinfo_bottom a, .moreinfo_bottom a:link, .moreinfo_bottom a:visited, .moreinfo_bottom a:active {
  color: #000000;
}

.moreinfo_bottom a:hover {
  font-weight: bold;
}

.moreinfo_top {
    font-size: 12px;
    text-decoration: none;
    display: none;
}

label, input, select, textarea { 
  display: block;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.form_textarea { 
  width: 480px; 
  border: thin solid #cccccc;
  background-color:#eee;  
}

.form_text { 
  width: 330px;
  border: thin solid #cccccc;
  background-color:#eee;  
}

label {
 text-align: left; 
 width: 150px;
}

form {
  margin:0;
  padding:.5em;
}

form br { 
  clear: left;
}

.form_submit { 
  float: none;
  width: 300px;
  border: thin solid #000000;
  background-color:#eee;  
  margin: 25 100 5 100;
}



.csc-text
{
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 5px;
}

.csc-header h1
{
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    color: #598ca0;
}

.csc-header h2
{
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    margin-bottom: 5px;
    color: #598ca0;
}

/*
    Defintion der Ausgabeklassen für CSS styled rendering
    Linke Navigation Layout 5
*/
.csc-header h5
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    background: #598CA1;  
    margin: 0;
    padding: 5px 0 5px 0;
}

/* Definition Katalog 
*
***********************************/

.catmain
{
    float: left;
    text-align: left;
}

.catrow {
  width: 140px;
  height: 180px;
  margin: 0 5px 10px 5px;
  border: 1px #598CA1 solid;
  text-align: center; 
  float: left;
}

.catrow_gazebo {
  width: 140px;
  height: 180px;
  margin: 0 5px 10px 5px;
  border: 1px #598CA1 solid;
  text-align: center; 
  vertical-align: middle; 
  float: left;
}


.catrow h1, .catrow_gazebo h1 {
  width: 100%;
  background: #598CA1;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
  height:55px;
}

.catrow img {
  margin-bottom: 0px;
  vertical-align:bottom;
}

.catrowproductimage img {
  margin-bottom: 10px;
}

.catcategorytitle
{
    font-weight: bold;
    font-size: 16px;
    color: #598ca0;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    padding-bottom: 10px;
    width: 510px;
}

.catcategorysubtitleimageframe, .tx-ttproducts-pi1-list
{
    width: 180px;
    float: left;
}

.catcategorysubtitle
{
    width:510px;
    float: left;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    text-align: justify;
    display: inline;
}

.catcategoryimage
{
    width: 150px;
    float: left;
    text-align: center;
    padding-bottom: 10px;
}


.producttitle
{
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    color: #598ca0;
}

.producttitle h1
{
    font-size: 16px;   
}

.productimage img {
  margin-top: 10px;
}


.producttec 
{
  padding:0;
  margin:0;
}

.producttec > table
{
  padding:0;
  margin:0;
  border:0;
}

.producttablekey
{
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    color: #000000;
    vertical-align: top;
    width: 200px;
    border: 0 0 0 0;
    border-bottom: rgb(204,204,204) solid 1px;
    padding:0;
    margin:0;
} 
.producttablevalue
{
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    text-align: left;
    color: #000000;  
    border: 0 0 0 0;
    border-bottom: rgb(204,204,204) solid 1px;
    padding:0;
    margin:0;
}

.catnavigation, .catnavigationul
{
    width: 180px;
    padding: 0 0 0 0;
    border: 0 0 0 0;    
}


.catnavigationrow
{
/*
    border-bottom: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
*/  
    border-bottom: #8CBED6 2px solid;
    border-top: #8CBED6 2px solid;
    margin-bottom: 0px;
    background-color: #8CBED6;
    width: 180px;
}

.catnavigationrow a:link, .catnavigationrow a:visited
{
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    color: #ffffff;
    text-decoration: none;
    width: 180px;
    height: 20px;
}

.catnavigationrow a:active, .catnavigationrow a:hover, #catnavigationrowact
{
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    color: #ffffff;
    text-decoration: none;
    width: 180px;
    height: 20px;
    background-color: #8CBED6;
}


.mehrinfos {
	height: 15px;
	vertical-align: bottom;
}

.mehrinfos a:link, .mehrinfos a:visited
{
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    height: 15px;
}

.mehrinfos a:active, .mehrinfos a:hover
{
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Sans-Serif;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    height:15px;
}