/* wasser*/

/* subdomain */


html, body {
        height: 100%;
        }
body {
        background-image:url( );
        background-repeat:no-repeat ;
        background-color:#E0F2F7;
        background-size:100%;
        margin: 0px;
        padding: 0px;
        }
h1{     font-size: 1.6em;
        }
h2 {    font-size: 1.3em;
        }
h3 {    font-size: 1.1em;
        }
h4 {    font-size: 1em;
        }
.head   {
        font-size: 22px;
        font-weight: normal;
        }

strong
         {
font-weight: bold;
         }
em
         {
font-style: italic;
         }
td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        }
a:link {
        text-decoration: none;
        color: #696969;
        }
a:visited {
        text-decoration: none;
        color: #000000;
        }
a:hover {
        text-decoration: underline;
        color: #000000;
        }
/* specific divs */
#container {

        position: relative;
        width: 1000px;
        background-color:transparent;
        margin-top: 0px;
        margin-left:  0%;
        min-height: 100%;
        z-index:1;

        }
   /* nur für subdomain*/
 #informationen {width: 850px;border: 0px;margin-top:0px;margin-left: 0px;}
       .produkt {float: left; width: 120px; height: 174px;margin-top:0px; }
       .zwei {width: 120px;  margin:20px; }
       .drei {width: 120px;  margin:20px; }
       .vier {width: 120px;  margin:20px; }
       .fünf {width: 120px;  margin:20px; }
       .clear {clear: both;}


#header h1 span {
        display: none;
        }
#menu {
         position: absolute;
         height: 25px;
         margin-top:550px;
         margin-left: 37px;
         z-index:1;
        }
  * html #menu{
        margin-top:180px;
        }
 #menu_right {
        width: 160px;
        height: 600px;
        margin-left: 760px;
        margin-top: 160px;
        background-color: transparent;
        position: absolute;

        }
 #menu_left {
        width: 160px;
        height: 550px;
        margin-left: 100px;


        position: absolute;

        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;

       background-image:url( ../produktbilder/trinkwasser.jpg);
        float:right;
        margin-right:auto;
        margin-top: 193px;
        padding:8px;
        border-width:1px;
        border-style:solid;
        border-color:#000000;

        }


 #menu_right_1 {
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 160px;
        background:transparent;
        float:right;
        margin-right:auto;
        margin-top: 193px;
        padding:8px;
        border-width:1px;
        border-style:solid;
        border-color:#000000;
        }
  #menu_right_11 {
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 160px;
       background-image:url( ../produktbilder/trinkwasser.jpg);
        float:right;
        margin-right:auto;
        margin-top: 163px;
        padding:8px;
        border-width:1px;
        border-style:solid;
        border-color:#000000;
        }
  #menu_right_in {
        background:#ffffff;
        float:right;
        margin-right:auto;
        margin-top: 125px;

        }
   #menu_right_in2 {
        background:#ffffff;
        float:right;

        margin-top: 420px;
       }


  #menu_right_3 {                                        /* nur für produkt*/
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 180px;
        background: #ffffff;
        position:absolute;
        margin-top:240px;
        margin-left:790px;
      /*  border-width:1px;
        border-style:solid;
        padding:7px;  erzeugt immer einen Rahmen */

}
* html #menu_right_3{
        margin-left:815px;
}

#menu_right_2 {
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 180px;
        background: transparent;
        float:right;
        margin-left:8px;
        margin-top:10px;

}
#title {

        margin: 0px;
        position: absolute;
        top: 300px;
        left: 150px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: white;
        font-size: 28px;
        }
#image {

         margin-left: 0px;
         margin-top: 20px;
         position:absolute;

         }
#menu2 {
        width: 234px;
        height: 325px;
        margin: 0px;
        position: absolute;
        top: 372px;
        left: 14px;
        line-height: 1.5;

        }
#text {
        width: 500px;
        float:left;
        margin-top: 90px;
        margin-left: 298px;
        padding-bottom: 25px;
        padding-top:0px;
        background-color: transparent;
        }
* html #text{
        margin-left:150px;
        }

#textHome {
        width: 510px;
        margin: 0px;
        margin-left: 272px;
        padding-bottom: 25px;
        padding-top: 1em;
        }
#footer {
        width: 300px;
        height: 25px;
        margin-top: 0px;
        margin-bottom: 30px;
        margin-left: 308px;
        }
* html #footer{
        margin-left:312px;
        }
#news {
        float: right;
        background: transparent;
        width: 170px;

        padding: 10px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        border:0px;
         }
#aktuell {
        float: right;
        background: #E3E3E3;
        width: 170px;

        padding: 10px;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 10px;
        border:0px;
         }
#aktuell-2 {
        float: right;
        background: #E3E3E3;
        width: 170px;

        padding: 10px;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 10px;
        border:0px;
         }

#tag_cloud{
         text-align:center  ;
         margin: 0px;
         padding: 0px;
         background: none repeat scroll 0% 0% rgb(255, 255, 255);
         width: 200px;
         }

 #txdiv{
         width: 250px;
         z-index: 2;
         margin: 2px;
         padding: 3px;
         }


.t1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        }




p.t1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        }
p.t2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-align: center;
        }
p.t3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        padding-left: 20px;
        }
h1.t2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-align: center;
        font-weight: bold;
        }
a.t1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:200%;
        color: #000000;
        text-decoration: underline;
        }
a.t2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: underline;
        }
h2.center{
         text-align:center;
}
.center  {
         font-size: 14px;
         font-weight: 800;
         text-align:center;
         }

#headline {
          font-family: Verdana,sans-serif;
          font-size: 20px;
          color: #e17100;
}
  .price_detail {
  font-family: Verdana,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #e17100;
  text-align:left;
  }

 .text_product_detail {
  font-family: Verdana,sans-serif;
  font-size: 12px;
  font-weight: normal;
   color: #696560;
   text-align:left;
}
 .tax_detail {
  font-family: Verdana,sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align:right;
  color: #696560;
}
 .menu {
          margin-left: 82px;
}
#pagelist {
        width: 510px;
        font-family: Verdana,sans-serif;
        margin-left: 298px;


       }
.list {
         font-size: 12px;
         color:#9c9c9c ;
         font-weight: normal;
         }
 .head {
         font-size: 18px;
         font-weight: normal;
         }
* html #pagelist{
        margin-left:300px;
        }


#pagelist a:link {
        text-decoration: none;
        color:#9c9c9c ;
        }
#pagelist a:visited {
        text-decoration: none;
        color:#9c9c9c ;
        }
#pagelist a:hover {
        text-decoration: underline;
        color:#9c9c9c  ;
        }
 /* Überschriften mit dem Pfeil nach oben */
.up {
        border-bottom:1px solid #000000;
        text-align:right;
        margin-bottom: 30px;
        font-size: 95%;}
a.uplink:link{
         padding-left:10px;
         background:  url(../images/xup.gif) no-repeat left;
}
/* Hyperlinks nach oben */
#pageup a{
        padding-left:10px;
        background:  url(../images/xup.gif) no-repeat left
         }

/*THUMBNAIL HOVER POP UP*/

.thumbnail  {
position: relative;
float: left;
padding: 0px;
border-width: 0;
}

.thumbnail:hover {
background-color:transparent;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: fixed;
padding:  0px;
border:  0px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
width: 200px;
top: 150px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 800px;/*position where enlarged image should offset horizontally */
}


/* wrapper 1-2-3-4 */


#wrapper {
        width: 745px;
        margin-top: 170px;
        margin-left: 272px;
        font-family: Verdana,sans-serif;
         font-size: 12px;
        background-image: url(unechter-spalten-hintergrund.png);
        background-repeat: repeat-y;
        border:0px ;
}
#erste {
        float:left;
        width: 145px;

}
#zweite  {

        float:left;
        width: 145px;

}
#dritte {

        float:left;
        width: 145px;
}
#vierte {

        float:left;
        width: 145px;
}
.ab {
        font-size: 1.4em ;
 }

 strong{
         font-weight: bold;
}

#shopimg {
        width: 745px;
        margin-top: 170px;
        margin-left: 272px;
        font-family: Verdana,sans-serif;
         font-size: 14px;

        background-repeat: repeat-y;
        border:1px ;
        }
/*vepreisliste*/
#pricelist {

         z-index:1;
}
/*Tabelle - Preisliste*/

.zeile_a tr td  {
         background: #D9D9CC;
         padding:4px;

}

.zeile_b tr td {
         background: #D9D9CC;
}
.zeile_c th  {
         background: #99B2B2;
         text-align:center;
         width:460px;
         padding:10px;
         font-size: 12px;
}
.zeile_d th  {
         background: #99B2B2;
         width:472px;
         padding:4px;
         font-size: 12px;
}

.zeile_f th  {
         background: transparent;
         width:443px;
         padding:4px;
         font-size: 12px;
         text-align:left;
         }
.zeile_g td  {
          background: transparent;
         padding:0px;
         font-size: 10px;

         }


#menue {

 width: 240px;

        margin: 0px;
        position: absolute;
        top: 380px;
        left: 14px;
        line-height: 1.5;

font-size: 80%;
}
/*
.menuekopf {
font-weight: bold;
color: #000000;
width: 165px;
padding: 5px;
margin-bottom: 2px;
}
*/
#menue ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menue li {
display: block;
margin-bottom: 2px;
}
#menue li a, #menue li a:link {
text-decoration: none;
display: block;
color: #000000;
width: 163px;
padding: 5px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
background-color: #CCCCCC;
}
#menue li a:visited {
color: #999999;
}

#menue li a:hover, #menue li a:active, #menue li a:focus {
color: #000000;
border-top: 1px solid #000000;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 100px solid #000000;
background-color: gray;
padding-top: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 6px;
}


  /*Navigation*/
   ul#Navigation {
   margin:  0 0 0px;
   margin-left: 220px;
   text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
 }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    float: left;

    margin: 0 ;
    padding: 7px 37px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #dfdfdf;
    border-left-color: white;
    border-top-color: #E3E3E3;
    color: #000000;
    background-color: #cccccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */

  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black;
    border-top-color: black;
    color: white;
    background-color: gray;
  }
  ul#Navigation div {
     clear: left;
  }
 .grau {
     font-family: Verdana;
      color: #808080;
  }

  /*kontakt*/
  #checkid {
    width: auto;
    }

  #checkid2 {
    width: auto;
    }

  a:hover{text-decoration: underline;}
  .pflichtfeld {
    color: #ff0000;}
  .neuercode {
    color: #0066FF;}

 /*kontakt*/




 #column {
        width: 800px;
        margin-top:20px;
        margin-bottom:20px;
        border:1px ;
}  /*säule*/
#col_1,#col_2,#col_3,#col_4,#col_5  {
        float:left;
        width: 90px;

}

#col_11,#col_21,#col_31{
        float:left;
        width: 165px;

}

#col_12,#col_22,#col_32{
        float:left;
        width: 150px;

}
#col_13{
        margin-left:0px
        width: 165px;
}

dt {
        font-size: 10px;
        margin-top:5px;
        text-align:center;
}
img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(4.0, 4.0);
 -moz-transform: scale(4.0, 4.0);
 -webkit-transform: scale(4.0, 4.0);
 -o-transform: scale(4.0, 4.0);
 -ms-transform: scale(4.0, 4.0);
}