html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    outline: 0;
}



body.home div.introImage
{
        height:366px;
        left:0;
        margin:0;
        top:0;
        width:auto;
}


#homeShadow
{
        background-color:#FFFFFF !important;
        background-image:none !important;
        height:455px;
        left:32px;
        position:absolute;
        top:0;
        width:239px;
        z-index:0;
}

.bottomline {
float:left;
position:absolute;
margin: 0px 0 0 138px;
}

#homeNavigationShadow
{
        background-color:#FFFFFF !important;
        background-image:none !important;
        height:439px;
        left:40px;
        position:absolute;
        top:8px;
        width:223px;
        z-index:0;
}
body.home .page
{
    width: 1073px !important;
    height: 573px;
}

html
{
    overflow: -moz-scrollbars-vertical;
    overflow-y: hidden;
    overflow-x: hidden;
}


body
{
    background: #a4a4a4 url(background2.jpg) repeat-x;
    color: #333;
    font-family: arial, helvetica, sans-serif;
}

html,
body
{
    margin-left: 0px; /*50%;*/
    margin-right: 0px; /*50%;*/
    margin-top:0px;
    margin-bottom:0px;
    padding: 0;
    height: 50%;
}

.page
{
    margin: 40px auto 5px auto;
        /*margin-left: -533px;*/
    width: 0px;
    background-image: url(startwelcome.jpg);
    background-position: 0 0;
    text-align: left;
    position: relative;
    min-height: 100%;
    height: 573px;
    height: 100%;
}

h1
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin-bottom: 16px;
    left:0px;
    position: relative;
}

h1.hieroWappen {
    width: 223px;
    height: 79px;
    background-position: 0 0;
}

h1.hieroWappen a img
{
    width: 223px;
    height: 79px;
    border: 0;
    display: block;
    margin:0 !important;
}

body.home h1{
    display: none;
}

body.home h1.hieroWappen {
        left:40px;
        top:8px;
        z-index:1;
}



h1.hieroWappen a
{
    width: 223px;
    height: 79px;
    vertical-align: top;
    padding: 0;
    margin-top: 0;

}
div.hieroWappen {
    width: 223px;
    height: 79px;
    padding: 30px 0 0 35px;
    position: absolute;
    z-index:1;
}

body.home div.hieroWappen
{
    left:40px;
    top:8px;
}

div.hieroWappen a
{
    width: 223px;
    height: 79px;
    vertical-align: top;
    padding: 0;
    margin-top: 0;
}

a
{
    color: rgb(102,102,102);
}

.content
{
    padding-left: 248px;
    width: 567px;
    padding-bottom: 0;
    clear: both;
    min-height: 320px;
    height: 455px;
    height: 50%;
}

h2
{
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin-bottom: 16px;
}

h2 img
{
    display: block;
    height: 27px;
}
h1.standaloneHead img
{
    display: block;
    height: 27px;
}

body p.comment
{
    color: rgb(200,50,50);
    letter-spacing: 1px;
    padding: 4px;
    padding-left: 8px;
    border-left: 1px dotted rgb(200,50,50);
    margin-top: 40px;
    margin-bottom: 18px;
}

.innerContent p,
.innerContent h3,
.innerContent table
{
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 18px;
    font-size: 78%;
    line-height: 1.29em;
    clear: both;
}

.innerContent table p
{
    font-size: 12px;
}

.innerContent h3
{
    margin-top: 28px;
    margin-bottom: 6px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    width: 399px;
    overflow: hidden;
}

.innerContent h3 img
{
    display: block;
    padding: 0;
    margin: 0;
}

* html .content .innerContent h3
{
        padding-top: 28px;
        margin-top: 0;

}

* html .content .innerContent .introFactsContent h3
{
        padding: 0;
        margin: 0;
}

* html .content .innerContent h3.firstH3
{
        padding-top: 0;
        margin-top: 0;

}

*+html .content .innerContent #galleryClaims+h3
{
        padding-top: 28px;
        margin-top: 0;
}

p.footnote
{
    font-size: 10px;
}

p.navigation
{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 79px;
    width: 223px;
    background-color: #FFFFFF;
}

.navigationChapter
{
    display: block;
    border-top: 1px solid rgb(204,204,204);
    padding-left: 24px;
    padding-right: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    font-size: 10px;
    text-decoration: none;
}


.navigationChapter
{
    width: 223px;
}

.navi\gationChapter
{
    width: 180px;
}

.navigationHome
{
    background-image: url(../images/arrow-gray.gif);
    background-position: 210px 8px;
}

.navigationHome:hover
{
    background-image: url(../images/arrow-red.gif);
    color: rgb(204,0,0);
}

.introImage
{
    margin-left: -24px;
    margin-bottom: 19px;
}

.introImage img
{
    display: block;
}

.innerContent
{
    width: 399px;
    background-color: #fff;
    margin-top: -150px;
    padding-bottom: 100px;
}

.innerContent a
{
    color: rgb(102,102,102);
    text-decoration: underline;
}

.innerContent a:hover
{
    color: rgb(204,0,0);
}



.image
{
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 10px;
    color: rgb(102,102,102);
}

.image img
{
    display: block;
    margin-bottom: 4px;
}

a img
{
    border: 0;
}

#navigationHomeSub
{
    position: absolute;
    left: 229px;
    top: 79px;
    width: 215px;
    height: 150px;
    display: none;
    overflow: hidden;
    border-bottom: 1px solid rgb(204,204,204);
    z-index: 3000;
}

.navigationHome,
.navigationBelowHomeFirst,
#navigationHomeSub
{
    text-transform: uppercase;
}

#navigationHomeSub .navigationChapter
{
    width: 227px;
    height: 24px;
    overflow: hidden;
}

#navigationHomeSub .navi\gationChapter
{
    width: 170px;
    height: 14px;
}

#navigationHomeSub .navigationChapter:hover
{
    color: rgb(204,0,0);
    background-color: rgb(242,242,242);
}

#navigationHomeSub a
{
    background-color: #fff;
    border-left: 1px solid rgb(204,204,204);
    border-right: 1px solid rgb(204,204,204);
}

/* Homepage module */

.homeNavigation
{
    position: absolute;
    height: 300px;
    width: 300px;
    z-index: 2000;
    left: 0;
    top: 0;
}

.home h2
{
    display: none;
}

div.topnav
{
    display: block;
    position: absolute;
    left: 0;
    top: 200px;
    width: 223px;
    height: 23px;
    font-size: 10px;
    padding-left: 23px;
    padding-top: 5px;
    text-decoration: none;
    /* background-image: url(/images/arrow-white.gif); */
    background-repeat: no-repeat;
    background-position: 210px 8px;
    color: white;
    overflow: hidden;
    z-index: 40;
    background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
}

div.topna\v
{
    width: 200px;
    height: 18px;
}
div.last
{
  border-bottom: 1px solid #CCCCCC !important
}

#topnav1, .topnav1 { top: 129px; }
#topnav2, .topnav2 { top: 153px; }
#topnav3, .topnav3 { top: 177px; }
#topnav4, .topnav4 { top: 201px; }
#topnav5, .topnav5 { top: 225px; }
#topnav6, .topnav6 { top: 249px; }
#topnav7, .topnav7 { top: 273px; }
#topnav8, .topnav8 { top: 297px; }
#topnav9, .topnav9 { top: 321px; }
#topnav10, .topnav10 { top: 345px; }
#topnav11, .topnav11 { top: 369px; }
#topnav12, .topnav12 { top: 393px; }
#topnav13, .topnav13 { top: 417px; }

.navshade,
.navshadeSimple
{
    display: none;
    position: absolute;
    left: 227px;
    top: 1px;
    width: 151px;
    height: 438px;
}






.navshadeSimple
{
/* STV: background-image: url(/images/chessboard.gif); */
    background-repeat: repeat;
}

#navshade1, #navshadeSimple1 { left: 224px; }
#navshade2, #navshadeSimple2 { left: 376px; }

#navshade3,
#navshadeSimple3
{
    display: none;
    position: absolute;
    top: 1px;
    left: 528px;
    width: 310px;
    height: 438px;
}

#nav\shade3
{
/* STV: background-image: url(/images/transparent/white-45.png) !important;
    background-color: transparent !important; */


    opacity: 0.45;
    background-color: white;
}



#navshadeSimple3
{
/* STV: background-image: url(/images/chessboard.gif); */
    background-repeat: repeat;
}

.navshadeTopnav
{
    position: absolute;
    left: 0;
    display: block;
    z-index: 0;
    height: 23px;
    width: 223px;
/* STV: background-image: url(/images/chessboard-light.gif); */
    background-repeat: repeat;
}

.navshadeTop\nav
{
/* STV: background-image: url(/images/transparent/white-13.png) !important;
    background-color: transparent !important; */


    opacity: 0.13;
    background-image: none;
    background-color: #fff;
}

*+html .navshadeTop\nav
{

/* STV: background-image: url(/images/transparent/white-13.png) !important;
    background-color: transparent !important;*/
    opacity: 0.13;
    background-color: #FFFFFF;
}
div.subnav {
    border-right:1px #CCCCCC solid ;
}
div.subnav
{
    display: none;
    position: absolute;
    width: 151px;
    height: 23px;
    font-size: 10px;
    padding-left: 15px;
    padding-top: 5px;
    background-color: white;
    color: black;
    text-decoration: none;
    background-image: url(../images/arrow-gray.gif);
    background-repeat: no-repeat;
    background-position: 138px 8px;
/*    filter: alpha(opacity=86);
    -moz-opacity: .86;*/
    cursor: pointer;
}

div.subnav a{
    text-decoration:none;
    display:block;
    color: #000040;
    font-size: 11px !important;
    width: 223px;
}


div.subna\v
{
    width: 136px;
    height: 18px;
}

.subnav1 { left:223px; border-left:1px solid #CCCCCC; }
.subnav2 { left: 376px; }

.toppos1 { top: 129px; }
.toppos2 { top: 153px; }
.toppos3 { top: 177px; }
.toppos4 { top: 201px; }
.toppos5 { top: 225px; }
.toppos6 { top: 249px; }
.toppos7 { top: 273px; }
.toppos8 { top: 297px; }
.toppos9 { top: 321px; }
.toppos10 { top: 345px; }
.toppos11 { top: 369px; }
.toppos12 { top: 393px; }
.toppos13 { top: 105px; }
.toppos14 { top: 81px; }
.toppos15 { top: 57px; }
.toppos16 { top: 33px; }
.toppos17 { top:  9px; }

div.final,
div.final:hover,
div.final:active
{
    background-image: none;
}

.info
{
    display: none;
    position: absolute;
    left: 536px;
    top: 9px;
    width: 295px;
    height: 423px;
    padding: 16px;
    background-color: #fff;
    overflow: hidden;
    font-size: 10px;
}

.i\nfo
{
    width: 263px;
    height: 391px;
}

.info p
{
    position: relative;
    top: -3px !important;
    top: -4px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.infoImage,
.infoImage img
{
    position: absolute;
    left: 8px;
    top: 8px;
    width: 263px;
    height: 103px;
    z-index: 2;
}

.info div.infoLink
{
  position: absolute;
  left: 16px;
        bottom: 16px;
  width: 263px;
}

.info div.infoLink a
{
  display: block;
  width: 245px;
        height: 15px;
  border-bottom: 1px dashed rgb(204,204,204);
  background-image: url(../images/arrow-red.gif);
  background-repeat: no-repeat;
  background-position: 1px 8px;
  color: rgb(204,0,0);
  padding: 4px;
  padding-left: 14px;
  font-size: 10px;
  text-decoration: none;
}

.info div.infoLink a:hover
{
  background-image: url(../images/arrow-gray.gif);
  color: rgb(102,102,102);
}

.info div.infoLink a.first
{
        height: 16px;
  border-top: 1px dashed rgb(204,204,204);
}




.navshade,
.navshadeSimple,
.navshadeTopnav
{
    z-index: 2;
}

.subnav,
.info
{
    z-index: 150;
}

body.home p.navigation
{
    top: 300px;
}

body.home div.introImage
{
    position: absolute;
    left: 24px;
    top: 0;
    width: 1062px;
    height: 485px;
    z-index: 0;
}

body.home a.navigationChapter,
body.home span.subNavigation
{
    display: none;
}


*+html body.home .sea\rch .searchbutton
{
        top: 1px !important;
}

a.homeHead,
a.homeHead:link,
a.homeHead:visited,
a.homeHead:hover,
a.homeHead:active
{
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-decoration: none;
    cursor: pointer;
/*    width: 400px;  */
    letter-spacing: -1px;
}

.home div.content
{
    min-height: 490px;
    height: 400px;
    height: 490px;
}

.home .related,
.home .related_hidden,
#knowledgebaseWrapper .related,
#knowledgebaseWrapper .related_hidden
{
    display: none;
}

.home .innerContent
{
    width: 399px;
    background-color: #fff;
    margin-top: 0;
    padding-top: 460px;
    padding-bottom: 0;
}

body.styleguidePool .navigationHome,
body.styleguide-enPool .navigationHome
{
    background-position: -200px;
}

body.styleguidePool #navigationShade,
body.styleguidePool #navigationHomeSub,
body.styleguide-enPool #navigationShade,
body.styleguide-enPool #navigationHomeSub,
body.specialsPool #navigationShade,
body.specialsPool #navigationHomeSub,
body.fairsPool #navigationShade,
body.fairsPool #navigationHomeSub,
body.messePool #navigationShade,
body.messePool #navigationHomeSub
{
    left: -1000px;
}

body.styleguidePool .meta,
body.styleguide-enPool .meta
{
    display: none;
}

body.styleguidePool .shoppingShade,
body.styleguide-enPool .shoppingShade
{
    top: 177px;
    height: 262px;
}

body.styleguidePool .topnav,
body.styleguide-enPool .topnav
{
    background-position: -200px -200px;
}

body.styleguidePool .search,
body.styleguide-enPool .search
{
    display: none;
}


/* Swiss-Pool - Only 3 Menu entries */
body.swissPool #navigationShade
{
    height: 153px;
}

body.swissPool #navigationHomeSub
{
    height: 144px;
}


/* PZ-Master -Pool - Only 5 Menu entries */
/* pch - maienfeldPool - Only 5 Menu entries */
/* ========================================================*/
body.pz-masterPool #navigationShade,
body.pch-maienfeldPool #navigationShade,
body.pch-baselPool #navigationShade,
body.pch-bernPool #navigationShade,
body.pch-genfPool #navigationShade,
body.pch-lausannePool #navigationShade,
body.pch-schinznachPool #navigationShade,
body.pch-sierrePool #navigationShade,
body.pch-stgallenPool #navigationShade,
body.pch-ticinoPool #navigationShade,
body.pch-winterhurPool #navigationShade,
body.pch-zuerichPool #navigationShade,
body.pch-zugPool #navigationShade
{
    height: 129px;
}

body.pz-masterPool #navigationHomeSub,
body.pch-maienfeldPool #navigationHomeSub,
body.pch-baselPool #navigationHomeSub,
body.pch-bernPool #navigationHomeSub,
body.pch-genfPool #navigationHomeSub,
body.pch-lausannePool #navigationHomeSub,
body.pch-schinznachPool #navigationHomeSub,
body.pch-sierrePool #navigationHomeSub,
body.pch-stgallenPool #navigationHomeSub,
body.pch-ticinoPool #navigationHomeSub,
body.pch-winterhurPool #navigationHomeSub,
body.pch-zuerichPool #navigationHomeSub,
body.pch-zugPool #navigationHomeSub
{
    height: 120px;
}

body.pz-masterPool .shoppingShade,
body.pch-maienfeldPool .shoppingShade,
body.pch-baselPool .shoppingShade,
body.pch-bernPool .shoppingShade,
body.pch-genfPool .shoppingShade,
body.pch-lausannePool .shoppingShade,
body.pch-schinznachPool .shoppingShade,
body.pch-sierrePool .shoppingShade,
body.pch-stgallenPool .shoppingShade,
body.pch-ticinoPool .shoppingShade,
body.pch-winterhurPool .shoppingShade,
body.pch-zuerichPool .shoppingShade,
body.pch-zugPool .shoppingShade
{
    top:249px;
    height: 190px;
}

body.pz-masterPool .content,
body.pch-maienfeldPool .content,
body.pch-baselPool .content,
body.pch-bernPool .content,
body.pch-genfPool .content,
body.pch-lausannePool .content,
body.pch-schinznachPool .content,
body.pch-sierrePool .content,
body.pch-stgallenPool .content,
body.pch-ticinoPool .content,
body.pch-winterhurPool .content,
body.pch-zuerichPool .content,
body.pch-zugPool .content
{
    min-height: 660px;
}

body.pz-masterPool .teaserBar,
body.pch-maienfeldPool .teaserBar,
body.pch-baselPool .teaserBar,
body.pch-bernPool .teaserBar,
body.pch-genfPool .teaserBar,
body.pch-lausannePool .teaserBar,
body.pch-schinznachPool .teaserBar,
body.pch-sierrePool .teaserBar,
body.pch-stgallenPool .teaserBar,
body.pch-ticinoPool .teaserBar,
body.pch-winterhurPool .teaserBar,
body.pch-zuerichPool .teaserBar,
body.pch-zugPool .teaserBar
{
    margin-bottom: 120px;
}

.adressfeld
{
    top:40px;
        position:absolute;
        left:-25px;
        width:250px;
}

.adressfeld p
{
    font-size: 10px;
}
/*=================PZ-Master End==========================*/



body #navshade1, body #navshadeSimple1
{
        width:199px;
}

body div.subnav
{
  width: 223px;
  height: 23px;
  padding: 0px;
  line-height: 24px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  border-right: 0px solid #666666;
  background-color: #EEF2F5; /* white-space; */
  background-position: 210px -592px;
  background-image: url(../images/arrows.gif);
  background-repeat: no-repeat;
}





/*********
  STV 2007.10.25:
     -> Related Links */
.related a , a.speciallink
{
    background-image:url(../images/arrow-blue-usapool.gif);
    color: #336699 ;
}




body .info
{
    left: 496px;
    top: 8px;
    width: 495px; /* 527 - 32 padding */
    height: 407px;

}

body.canadaPool ul.knowledgeBases,
body.latin-america-enPool ul.knowledgeBases
{
    width:auto;
}
body.usaPool #knowledgeBase p,
body.canadaPool #knowledgeBase p
{
        font-size: 12px !important;
}
body.usaPool #knowledgeBase p.footnote,
body.canadaPool #knowledgeBase p.footnote
{
        font-size: 10px !important;
}
body div.infoFlyoutElementFirst p
{
        font-size: 11px !important;
}
body div.infoFlyoutElementSecond p
{
        font-size: 11px !important;
}

body .info p
{
        line-height: 15px;
}

body .infoImage, body .infoImage img
{
    height: 142px;
}

body .infoMoreTwoLines
{
  position: absolute;
  left: 0;
  top: 361px;
  height: 38px;
  width: 312px;
  background-color: rgb(245,245,245);
  padding-top: 7px;
  padding-left: 16px;
  border-top: 1px solid rgb(203,0,0);
  border-bottom: 1px solid rgb(203,0,0);
}

body .infoMoreTwoLines a
{
  display: inline;
  text-decoration: none;
  width: 109px;
  height: 14px;
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  margin-right: 15px;
  margin-bottom: 3px;
  background-image: url(../images/arrow-black.gif);
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

body .infoMoreTwoLines a:hover
{
  color: rgb(203,0,0);
  background-image: url(../images/arrow-red.gif);
}

body .infoType_pcna
{
    display: none;
}

body .infoPerformance_pcna
{
    top: 0px;
}

body .infoPrice_pcna
{
    top: 0px;
}
.infoFlyout
{
    overflow: hidden;
    padding: 16px;
    display: none;
    border: 0px red solid;
    width: 367px;
}
.infoFlyoutImage{
    position:relative;
    height:270px;
    width:367px;
    display:block;
    padding-bottom: 14px;
}
.infoFlyoutImage img
{
    height:270px;
    width:367px;
}
.bottomFlyout
{
    border: 0px red solid;
    position:relative;
    overflow: hidden;
    width: 367px;
    height: 107px;
}
.bottomLeftFlyout
{
    border-top:0px dashed #CCCCCC;
    margin-top:4px;
    /*background-image: url(basculante/menuedetalhes.jpg);*/
    padding-bottom:4px;
    position:absolute;
    overflow:hidden;
    top:0px;
    left:0px;
    width:207px;
    height:107px;
}
.bottomRightFlyout
{
    position:absolute;
    overflow:hidden;
    top:0px;
    right:0px;
    width:163px;
    height:107px;
}

.infoLinkFlyout {
    /* position:auto; */
    background-color:#FFFFFF;
    font-size:11px;
    overflow:hidden;
    width: 207px;
}

.infoLinkFlyout a
{
    /*position:auto;*/
    display:block;
    width:207px;

    /*background-image:url(/images/arrow-blue-usapool.gif);
    background-position:1px 7px;*/
    background-image:url(../images/arrows.gif);
    background-position:0px -442px;
    background-repeat:no-repeat;
    border-bottom:1px dashed #CCCCCC;
    color:#336699 ;
    display:block;
    font-size:11px;
    height:15px;
    margin-top: 1px;
    padding: 4px 4px 3px 14px;
    text-decoration:none;
}
.infoLinkFlyout a:hover
{
    /* background-image:url(/images/arrow-red.gif); */
    background-position:0px -142px;
}

.infoFlyoutElementFirst
{
    border: 0px red solid;

    position:relative;
    overflow:hidden;
    top:0px;
    left:0px;
    width:100%;
    padding-bottom:0px;
    font-size:10px !important;
}

.infoFlyoutElementSecondt
{
    border: 1px lime solid;
    position:relative;
    overflow:hidden;
    top:0px;
    left:0px;
    width:100%;
    font-size:10px !important;
}