/*WYSIWYG:  .normal#Text normal,.blau16#Blau gross,.kursiv#Text kursiv,.blau16kursiv#Blau gross kursiv,*/
/*TABLECORE:  .normal#Text normal,.blau16#Blau gross,.kursiv#Text kursiv,.blau16kursiv#Blau gross kursiv,*/


#suggest {
   z-index:900000;
   display:none;
   position:absolute;

   top:15px;
   width:282px;
   left:476px;
   margin-top:20px;
   height:300px;

   background:white;
   border:1px solid #333333;
}

#suggestww {
   z-index:900000;
   display:none;
   position:absolute;
   NONOfloat:right;

   
   left:-282px;
   

   width:282px;
   top:21px;
   height:300px;

   background:white;
   border:1px solid #333333;
}


/************* raster für verpackungseinheiten **************/
table.raster { background-color:#CCCCCC;}
table.raster td  { 
   border:none !important;
   padding:2px  !important;
   background:white  !important;
   padding:1px  !important;
   white-space: nowrap;
}
table.raster td.headline {
   text-align:center;
   background: #EDE2C7;
   font-weight: bold;
   border-bottom:none;
}

table.rasterwrap { background-color:#CCCCCC;}
table.rasterwrap td  { 
   border:none !important;
   padding:2px  !important;
   background:white  !important;
   padding:1px  !important;
}
table.rasterwrap td.headline {
   text-align:center;
   background: #EDE2C7;
   font-weight: bold;
   border-bottom:none;
}




/************** personalisierung mySHT *******************/
.pers_aktiv  {
   height:25px;
   background:url(1663_DE.gif);
   color:#57575A;
   line-height:25px;
   padding-left:30px;
   cursor:pointer;
}
.pers_inaktiv  {
   height:25px;
   background:url(1662_DE.gif);
   color:#FBFBFB;
   line-height:25px;
   padding-left:30px;
   cursor:pointer;
}
.btn_zuruecksetzen  {
   display:block;
   float:right;
   width:146px !important;
   height:18px !important;
   line-height:1px;
   background:url(1657_DE.gif) left top  !important;
   font-size:1px;
}
.btn_zuruecksetzen:hover  {
   display:block;
   background-position:left bottom  !important;
}
.btn_personalisieren  {
   display:block;
   width:157px !important;
   height:18px !important;
   line-height:1px;
   background:url(1656_DE.gif) left bottom !important;
   font-size:1px;
   
}
.btn_personalisieren:hover  {
   display:block;
   background-position:left top !important;
}






span.weberror {
	color: #CC0000; 
	font-weight: bold;
}

label.w100  {
   display:block;
   float:left;
   width:100px;
}
.w150  {
   width:150px;
}
select.w150  {
   width:154px;
}


.bearbeiten  {
   width:60px;
   height:18px;
   background:url(1502_DE.gif) left bottom;
}
.bearbeiten:hover {
   background-position:left top;
}



@media screen, handheld {
   table.tabelle {
      border-bottom:1px solid #DADADA;
      border-left:1px solid #DADADA;
   }
   table.tabelle td {
      background:url(949_DE.gif) repeat-x left bottom;
      padding:15px;
      border-right:1px solid #DADADA;
   }
   table.tabelle thead td {
      background:url(948_DE.gif) repeat-x left bottom;
      padding-top:0px;
      font-size:14px;
      NONO_font-weight:bold;
      color:#004489;  
   }
}
@media print {      /********* druckversion der tabelle **********/
   .noprint  {
      display:none;
   }
   table.tabelle {
      border-bottom:1px solid #555555;
      border-left:1px solid #555555;
   }
   table.tabelle td {
      padding:15px;
      border-right:1px solid #555555;
      border-bottom:1px solid #555555
   }
   table.tabelle thead td {
      padding-top:0px;
      font-size:14px;
      NONO_font-weight:bold;
      border-bottom:1px solid #555555
   }
}


table.tabelle thead td {
   background:url(948_DE.gif) repeat-x left bottom;
   padding-top:0px;
   font-size:14px;
   NONO_font-weight:bold;
   color:#004489;  
}

/*********************** tabelle dotted - hohe zeilen ******************/
table.tabelledotted {
   border-bottom:1px dotted #DADADA;
   border-left:1px dotted #DADADA;
}
table.tabelledotted td {
   background:url(949_DE.gif) repeat-x left bottom;
   padding:15px;
   border-right:1px dotted #DADADA;
}

table.tabelledotted thead td {
   background:url(948_DE.gif) repeat-x left bottom;
   padding-top:0px;
   font-size:14px;
   NONO_font-weight:bold;
   color:#004489;  
}

/*********************** tabelle dotted - kleine zeilen ******************/
table.tabelledottedklein {
   border-bottom:1px dotted #DADADA;
   border-left:1px dotted #DADADA;
}
table.tabelledottedklein td {
   background:url(949_DE.gif) repeat-x left bottom;
   padding:3px;
   border-right:1px dotted #DADADA;
}

table.tabelledottedklein thead td {
   background:url(948_DE.gif) repeat-x left bottom;
   padding-top:0px;
   font-size:14px;
   NONO_font-weight:bold;
   color:#004489;  
}




.umkreissuche td {
   background:url(925_DE.gif) repeat-x left bottom;
   padding:15px;
}


form  { margin:0px; }
input, textarea, select { 
   border:1px solid #DADADA; 
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#4D4D4D;
}

input.button  {
   background:url(928_DE.gif) no-repeat right bottom;
   color:#004489;   
   height:22px;
   vertical-align:middle;
   padding-right:10px;
}

input.buttonmaximieren  {
   background:url(940_DE.gif) no-repeat right bottom;
   color:#004489;   
   height:22px;
   vertical-align:middle;
   padding-right:10px;
}




/********************************* Schriftarten (ua. für WYSIWSYG) ******************/

.normal   {
   color:#4D4D4D;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:normal;
   
}

.kursiv  {
   color:#4D4D4D;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   font-style:italic;
   
}

.blau16  {
   font-family:Arial,Helvetica,sans-serif;
   font-size:16px;
   color:#004489;
   font-weight:bold;
}

.blau16kursiv  {
   font-family:Arial,Helvetica,sans-serif;
   font-size:16px;
   color:#004489;
   font-weight:bold;
   font-style:italic;
}


.blau18  {
   font-family:Arial,Helvetica,sans-serif;
   font-size:18px;
   color:#004489;
   font-weight:bold;
}

.blau14  {
   font-family:Arial,Helvetica,sans-serif;
   font-size:14px;
   color:#004489;
   font-weight:bold;
}

.blaufett  {
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#004489;
   font-weight:bold;
}




/**************************** Grundsätzliches ******************************/
body  {
   margin:0px;
   background-image:url(537_DE.gif);
   background-color:white;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#4D4D4D;
}
body.tablecore  {
   margin:0px;
   background-color:white;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#4D4D4D;
}
body.wysiwyg  {
   background:white;
}
td  {
   color:#4D4D4D;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
}
.fusszeile  {
   padding-left:15px;
   color:#7A7A7A;
}
.fusszeile, .fusszeile a  {
   color:#7A7A7A;
   text-decoration:none;
}
a { color:#004489; }   

.shadowleft          {  background-image:url(531_DE.png);  }
.shadowright         {  background-image:url(530_DE.png);  }
.shadowbottom        {  background-image:url(532_DE.png); background-position:left bottom; }
.mitte               {  background-color:white; text-align:left; }




.bilderrahmen {
   background-color:#DADADA;
}
.bilderrahmen img {
   border:1px solid white;
   margin:1px;
}

/***************************** PRODUKTFINDER ************************/
.profind_header  {
   background-image:url(1107_DE.gif); 
   padding-left:10px;
   color:#004489;
   font-size:13px;
   font-weight:bold;
}

ul.profind  {
   margin:0px;
   padding:0px;
   list-style:none;
}
ul.profind  li  {
   background:url(1106_DE.gif) no-repeat left top;
   height:30px;
   line-height:30px;
   padding-left:10px;
   padding-right:10px;
   cursor: pointer;
}
ul.profind  li.letzter  {
   background:url(1109_DE.gif) no-repeat left top;
}
ul.profind  li.dummy {
   background:url(1679_DE.gif) no-repeat left top;
}
ul.profind  li:hover, ul.profind li.aktiv  {
   background-position:left -30px;
}
ul.profind li a {
   color:#585858;
   text-decoration:none;
}
ul.profind li a:hover {
   color:#004489;
}

/******************************* AKTUELLES ****************************/
.aktuelles  {
   float:left;
   margin-top:15px;
   /* margin-left:15px; */
}
.aktuelles_header  {
   background-image:url(742_DE.gif); 
   padding-left:10px;
   color:#004489;
   font-size:13px;
   font-weight:bold;
}

.aktuelles_linkliste  {
   background-image:url(1685_DE.gif);
}

ul.linkliste  {
   margin:0px;
   padding:0px;
   list-style:none;
}
ul.linkliste li  {
   background:url(741_DE.gif) no-repeat left bottom;
   min-height:20px;
   line-height:20px;
   padding: 6px 10px;
}
ul.linkliste li:hover  {
   background:url(743_DE.1.gif) no-repeat left bottom;
}

ul.linkliste li a {
   color:#004489;
   text-decoration:none;
}


/******************************** Karteireiter im Content-Kästchen drinnen **************/

ul.contentreiter  {
   LIST-STYLE-TYPE: none;
   padding:0px;
   margin:0px;
}

li.contentreiter_aktiv   {
   height:31px;
   background-image:url(730_DE.gif);
   background-repeat:no-repeat;
   background-position:left top;
   FLOAT: left;
   padding-left:10px;
}
li.contentreiter_aktiv a  {
   background:url(729_DE.gif) no-repeat right top;
   padding-right:15px;
   line-height:31px;
   float:left;
   color:#004489;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
}

li.contentreiter_inaktiv   {
   height:31px;
   background-image:url(728_DE.gif);
   background-repeat:no-repeat;
   background-position:left top;
   FLOAT: left;
   padding-left:10px;
}
li.contentreiter_inaktiv a  {
   background:url(727_DE.gif) no-repeat right top;
   padding-right:15px;
   line-height:31px;
   float:left;
   color:#787878;
   text-decoration:none;
   font-size:12px;
   font-weight:bold;
}

/******************************** mySHT: Fragen und Antworten *************************/
.faqfrage {
   overflow-y:scroll;
   height:152px;
   margin-left:29px;
   margin-right:1px;
   border-left:1px solid white;
}

.faqfrage a {
   display:block;
   padding-left:13px;
   border-left:1px solid #DBE3EB;
   border-right:1px solid #DBE3EB;
   color:#004489;
   font-size:13px;
   line-height:25px;
   height:25px;
   background-image:url(668_DE.gif);
   text-decoration:none;
   filter:Alpha(opacity=80, style=0);
   -moz-opacity:0.8;
}
.faqfrage a:hover  {
   background-image:url(669_DE.gif);
   color:white;
}



/*********** contenttemplates ***************/
.ct_links       {  background:url(603_DE.gif) no-repeat left top  }
.ct_content     {  background:url(601_DE.gif) repeat-x left top; background-color:white; padding-top:10px;  }
.ct_content_ohne_pad {  background:url(601_DE.gif) repeat-x left top; background-color:white; padding-top:10px;  }
.ct_rechts      {  background:url(600_DE.gif) no-repeat right top  }
.ct_linksunten  {  background:url(602_DE.gif) no-repeat left bottom; line-height:1px; font-size:1px; }
.ct_mitteunten  {  background:url(598_DE.gif) repeat-x left bottom; line-height:1px;  font-size:1px;  }
.ct_rechtsunten {  background:url(599_DE.gif) no-repeat right bottom; line-height:1px;  font-size:1px; }
.ct_empty       {  line-height:1px;  font-size:1px; }

td.ct_mitte_content  img, td.ct_content  img, td.umfliessen img  {
   /* position: relative;   */
   float: left;
   bottom: 15px;
   margin-right:15px;
   margin-bottom:15px;
   /* margin: 15px 15px 0px 0px;  */
}




.ct_weiss          {  background-color:white; }

.ct_hl_links       {  background:url(635_DE.gif) no-repeat left top  }
.ct_hl_content     {  background:url(634_DE.gif) repeat-x left top; font-size:13px; color:#004489; font-weight:bold; }
.ct_hl_rechts      {  background:url(633_DE.gif) no-repeat right top  }
.ct_mitte_content  {  background-color:white; padding-top:10px;  }
.ct_linie_links    {  background:url(638_DE.gif) repeat-y; }
.ct_linie_rechts   {  background:url(637_DE.gif) repeat-y; }

/*** Produkttemplate ***/
.ct_produktbox     {position:relative;width:300px;height:374px;}
.ct_rahmen_oben    {position:absolute;width:300px;height:3px;}
.ct_mitte_bild,.ct_mitte_text {border-left:1px solid #DADADA;border-right:1px solid #DADADA;}
.ct_mitte_text     {padding:10px 10px 0 10px;}
.ct_mitte_bild img {margin:1px 0 0 0;}
.ct_verlauf_blau   {background:url(1061_DE?exp=24549184396518.gif) repeat-x;}
.ct_verlauf_trans  {background:url(1066_DE?exp=24549185582758.png) repeat-x;}
.ct_untenmittegrau {background:url(1047_DE?exp=24549172682618.gif) repeat-x;color:#004489}
.ct_untenlinksgrau {background:url(1048_DE?exp=24549172536908.gif) no-repeat;}
.ct_untenrechtsgrau{background:url(1049_DE?exp=24549172539913.gif) no-repeat;}
.ct_preis {position:absolute;width:96px;height:41px;left:192px;top:312px;background:url(1060_DE?exp=24549184310177.gif);color:#FFF;font-size:20px;line-height:41px;text-align:center;}
.ct_preis_ohne_pos {width:96px;height:41px;background:url(1060_DE?exp=24549184310177.gif);color:#FFF;font-size:20px;line-height:41px;text-align:center;}
.ct_neu   {position:absolute;width:72px;height:31px;left: 11px;top:140px;background:url(1055_DE?exp=24549172983219.gif);}
.ct_logo  {position:absolute;width:89px;height:52px;left:211px;top: 12px;}

/**************************** Karteireiter Bäderparadies************************/
#baedernav {
   background: url(621_DE.1.gif) repeat-x right bottom;
      /*
      */
}
#baedernav UL {
   height:28px;
   PADDING-RIGHT: 0px; 
   PADDING-LEFT: 0px; 
   PADDING-BOTTOM: 0px; 
   MARGIN: 0px; 
   PADDING-TOP: 0px; 
   LIST-STYLE-TYPE: none;
}
#baedernav LI {
   /*height:31px; */
   PADDING-RIGHT: 0px; 
   PADDING-LEFT: 3px; 
   BACKGROUND: url(620_DE.3.gif) no-repeat left top; 
   FLOAT: left; 
   PADDING-BOTTOM: 0px; 
   MARGIN: 0px; 
   PADDING-TOP: 0px
   color:red;
}
/*  #baedernav A {  */
a.baedernava {
   color:#787878;
   text-decoration:none;
   line-height:28px;
   padding-left:12px;
   PADDING-RIGHT: 17px; 
   DISPLAY: block; 

   FONT-WEIGHT: bold; 
   BACKGROUND: url(622_DE.5.gif) no-repeat right top; 
   FLOAT: left; 
}

#baedernav A:hover {
   COLOR: #333
}
#baedernav #current {
   BACKGROUND-IMAGE: url(618_DE.2.gif)
}
#baedernav #current A {
   BACKGROUND-IMAGE: url(619_DE.1.gif); 
   color:#004489; 
}

/************************************* Bäderparadies: SUB-NAVIGATION *****************************/


a.baedersubnav  {
   font-weight:bold;
   color:#787878;
   text-decoration:none;
   height:28px;
   background:url(572_DE.gif) repeat-x right bottom;
   line-height:28px;
   float:left;
   font-size:11px;
}
a.baedersubnav:hover  {
   color:#333;
}
a.baedersubnavaktiv {
   font-weight:bold;
   color:#004489;
   text-decoration:none;
   height:28;
   background:url(572_DE.gif) repeat-x right bottom;
   line-height:28px;
   float:left;
   font-size:11px;
}


/************************************* CONTENT: SUB-NAVIGATION *****************************/


a.subnav  {
   font-weight:bold;
   color:#787878;
   text-decoration:none;
   height:31px;
   background:url(572_DE.gif) repeat-x right bottom;
   line-height:31px;
   float:left;
   font-size:13px;
}
a.subnav:hover  {
   color:#333;
}
a.subnavaktiv {
   font-weight:bold;
   color:#004489;
   text-decoration:none;
   height:31px;
   background:url(572_DE.gif) repeat-x right bottom;
   line-height:31px;
   float:left;
   font-size:13px;
}



/************************************* CONTENT: HAUPT-NAVIGATION *****************************/

a.hauptnav  {
   font-weight:bold;
   color:#787878;
   text-decoration:none;
   height:31px;
   background:url(564_DE.gif) repeat-x right bottom;
   line-height:31px;
   float:left;
   font-size:13px;
}
a.hauptnav:hover  {
   color:#333;
}
a.hauptnavaktiv  {
   font-weight:bold;
   color:#004489;
   text-decoration:none;
   height:31px;
   background:url(565_DE.gif) repeat-x right bottom;
   line-height:31px;
   float:left;
   font-size:13px;
}



/**************************** Karteireiter Hauptnavigation ************************/

.header_td  {
   background-color:white;
   background-image:url(550_DE.gif);
   background-position:left bottom; 
   background-repeat:repeat-x;
}

#header {
      /*
      width:950px;
      background-color:white;
      FONT-SIZE: 93%; 
      BACKGROUND: url(179.gif) #dae0d2 repeat-x 50% bottom; 
      FLOAT: left; WIDTH: 100%; 
      LINE-HEIGHT: normal;
      */
}
#header UL {
   height:31px;
   PADDING-RIGHT: 0px; 
   PADDING-LEFT: 0px; 
   PADDING-BOTTOM: 0px; 
   MARGIN: 0px; 
   PADDING-TOP: 0px; 
   LIST-STYLE-TYPE: none;
   /*background: url(550_DE.1.gif) repeat-x right bottom;  */
}
#header LI {
   height:31px; 
   PADDING-RIGHT: 0px; 
   PADDING-LEFT: 9px; 
   BACKGROUND: url(549_DE.4.gif) no-repeat left top; 
   FLOAT: left; 
   PADDING-BOTTOM: 0px; 
   MARGIN: 0px; 
   PADDING-TOP: 0px
}
#header A {
   color:#787878;
   text-decoration:none;
   line-height:31px;
   PADDING-RIGHT: 22px; 
   DISPLAY: block; 
   PADDING-LEFT: 12px; 
   FONT-WEIGHT: bold; 
   BACKGROUND: url(548_DE.5.gif) no-repeat right top; 
   FLOAT: left; 

}

#header A:hover {
   COLOR: #333
}
#header #current {
   BACKGROUND-IMAGE: url(546_DE.1.gif)
}
#header #current A {
   BACKGROUND-IMAGE: url(547_DE.1.gif); 
   color:#004489; 
   /*
   PADDING-BOTTOM: 5px; 
   */
}

/************************* SUCHE ************************/
#suche_baederparadies {
   height:31px;
   width:295px;
   PADDING-RIGHT: 0px; 
   PADDING-LEFT: 0px; 
   PADDING-BOTTOM: 0px; 
   MARGIN: 0px; 
   PADDING-TOP: 0px; 
   background: url(550_DE.1.gif) repeat-x right bottom;
   
}


#suche_baederparadies  input {margin:0;padding:2px 0 0 2px;background:white;height:18px}
#suche_baederparadies  select {margin:3px 0 0 0;padding:0;height:22px}

.lupe  {
   width:16px;
   height:16px;
   background-image:url('1229_DE?exp=24549285493405.gif');
   background-position:left bottom;
}

.lupe:hover  {
background-position:left top;
}

#quicklinks_sht {
   /*
   height:31px;
   PADDING-RIGHT: 31px; 
   PADDING-LEFT: 0px; 
   PADDING-BOTTOM: 0px; 
   PADDING-TOP:0px; 
   */
   MARGIN: 0px; 
   background:url(564_DE.1.gif) repeat-x bottom;
}


#quicklinks {
   width:109px;
   /*
   height:27px;
   PADDING-RIGHT: 31px; 
   PADDING-LEFT: 0px; 
   PADDING-BOTTOM: 3px; 
   PADDING-TOP:0px; 
   */   
   MARGIN: 0px; 
   background: url(550_DE.1.gif) repeat-x right bottom;
}


/************************* TOOLTIP **********************/

#dhtmltooltip{
font-size:11px;
position: absolute;
left: -300px;
width: 140px;
height:106px;
background-image:url(885_DE.gif);
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltip  div { 
   padding-left:6px;
   padding-right:14px;
   padding-top:12px;
   padding-bottom:4px;
   color:#004489;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


.personalisierung  {
   background-color:#58575C;
   color:white;
   padding:15px;
   display:none;
}

/****************** Newsletter ***********************/
table.newsletter {
   margin-top: 15px;
}
table.newsletter td {
   padding: 3px 5px;
}
/********** MooTools Coverflow ****/
.sliderCon .sliderPrev {
   background: url(2336_DE?exp=24550064617090.png) no-repeat !important;
}
.sliderCon .sliderNext {
   background: url(2335_DE?exp=24550064617056.png) no-repeat !important;
}
.headline-aktuelles {
   float: right;
   width: 70%;
}