#homeHead1
{
    top: 59px;
    left: 398px;
}
#homeHead2
{
    top: 59px;
    left: 586px;
}
#homeHead3
{
    top: 59px;
    left: 753px;
}
body 
{
  margin-left: 50%;
}

body.home h1
{
  border: 0px red solid;
  top: 8px;
  left: 40px;
  height: 128px;
  width:223px;
  z-index: 1;
}

body.home h1 a img
{
  /* height: 127px !important; */
  color: White;
}

body div.page
{
  margin-left: -531px;
}

body.home div.introImage 
{
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
}

body.home div.content
{
  width: auto;
  padding-left: 263px;
  height: 710px !important;
  min-height: 710px;
}

/*****************/
/* Dealer Search */
body.home .dealersearch 
{
  left:62px;
  position:absolute;
  top:551px;
}
body.canadaPool .dealersearch /* CA hat atm einen Bluebutton weniger, deshalb um 1 Pos nach oben schieben */
{
    top: 527px;
}
.dealersearch 
{
  height: auto;
  position: absolute;
  width: auto;
}
.shoppingButtonDealersearch .searchbutton
{
    position:absolute;
    top:auto !important;
    bottom:2px !important;
    left: 159px !important;
    /*right:0px !important;*/
    width: 18px !important;
}
#dealersearchStandard
{
    display: none !important;
}
#dealersearchHome
{
    display: block !important;
    z-index: 10000;
    top: 551px; /*564px;*/
}
#dealersearchHome span.shoppingButtons
{
    padding-top: 0px !important;
}
.dealersearch .searchfield 
{
  display: block;
  position: absolute;
  bottom: 2px;
  margin-right: 1px;
  padding:2px 2px 2px 20px;
  height: 13px;
  width: 134px;
  border: 0px solid #CCCCCC;
  background-color: #8ca9c5;
  color: #FFFFFF;
  font-size: 9px !important;
  vertical-align: middle;
}
.search .searchfield 
{
    padding-left: 10px;
    width: 96px;
    background-color: #CCCCCC;
}
/*****************/

body.home #p_searchSite
{
    top: 7px !important;
}

body.home p.navigation
{
  position: absolute;
  top: 455px;
  left: 62px;
  padding: 0px;
  margin: 0px;
  width: 179px;
}

body.home .shoppingButtons 
{
  position: absolute;
  left: 0px;
  width: 177px;
  height: auto;
  top: 13px;
  padding: 0px 0px 0px !important;
  /*top: 0px;
  padding: 13px 0px 0px !important;*/
  margin: 0px;
}
body.home .shoppingButtons span 
{
  width: 176px;
  background-color: #FFFFFF;
}
body.home .shoppingButtons span a
{
  padding: 0px;
  padding-left: 20px;
  padding-top: 1px;
  margin: 0px;
  width: 153px;
  height: 14px;
  vertical-align: middle;
}

.homeNavigation, .homeNavigationLangSelect
{
  padding-top: 79px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 360px; /*312px;*/
  background-image:url(/images/jdpower/200803/navi_bg_aktiv.gif);
  background-repeat:no-repeat;
  background-position: 0px 80px;
}
.homeNavigationLangSelect
{
  background-image: none;
}
body.silverstonePool .homeNavigation
{
  background-image: none;
}
.page, body.usaPool .page /* USA nochmal genauer angeben, da sonst die falsche Breite aus der Pools.css uebernommen wird */
{
  width: 1063px;
  background-image: none;
}


#footer 
{
  background-image: none;
}
#footer .meta
{
    left: 62px;
    text-align: left;
    width: auto;
}
#footer .copyright
{
    left: 296px;
}
#footer .meta, #footer .copyright
{
    line-height: 14px;
}
/*****************/
/* Porsche Login */
#porscheLogin
{
  z-index: 0;
  position: absolute;
  top: 605px;
  left: 64px;
  width: 178px; /*auto;*/
  height: auto;
  background-color: #FFFFFF;
}
#p_ssoEmail
{
  font-size:10px;
  line-height: 10px;
}
#porscheLogin .searchbutton
{
  margin:0px;
  padding:0px;
  left: -2px;
}
#porscheLogin .logintext
{
  font-size: 10px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-left: 0px;
  text-indent: -1px; 
  left: -1px;
}

.loginemail, .loginpassword 
{
  background-color: #F3F3F3;
  border:1px solid #CCCCCC;
  color:#666666;
  font-size:9px !important;
  height:13px;
  margin-right:1px;
  padding:1px;
  vertical-align:middle;
  width:109px;
  margin:0px;
  left: 0px !important;
}
.loginemail 
{
  width:159px;
  padding-left: 13px;
  padding-top: 1px;
  margin-bottom: 7px;
}
.loginpassword
{
  width:141px;
  padding-left: 13px;
  padding-top: 1px;
}
#porscheLogin a
{
    display: block;
    color: #336699;
    text-decoration: none;
    width: 117px;
    padding-top: 6px;
    padding-bottom: 0;
    padding-left: 0px; 
    font-size: 10px;
    text-indent: -1px;
    background-image: url(/images/arrow-blue-usapool.gif);
    background-repeat: no-repeat;
    background-position: 42px 8px;
}

body.francePool #porscheLogin a,
body.germanyPool #porscheLogin a
{
  background-position: 55px 8px;
  background-position
}
body.italyPool #porscheLogin a
{
  background-position: 70px 8px;
}
#porscheLogin a:hover
{
    color: rgb(204,0,0);
    background-image: url(/images/arrow-red.gif);
}

/*****************/


#homeShadow /* shadow, homenavigation */
{
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 32px;
  height: 455px;
  width:239px;
  /*background-color: transparent !important;*/
  background-image: none !important;
  background-color: #FFFFFF !important; 
  opacity: 0.2; 
  filter: Alpha(opacity=20, finishopacity=20, style=2);
}
#homemenue /* home navigation */
{
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 40px;
  height: 439px;
  width:223px;
  background-image: none !important;
  background-color: transparent !important;
  /* background-color: #eef2f5 !important; */
}

body.belgiumPool #navshade1,
body.netherlandsPool #navshade1,
body.silverstonePool #navshade1, 
body.brazilPool #navshade1, 
body.middle-eastPool #navshade1, 
body.internationalPool #navshade1, 
body.papPool #navshade1, 
body.australiaPool #navshade1, 
body.canadaPool #navshade1,
body.chinaPool #navshade1, 
body.francePool #navshade1, 
body.germanyPool #navshade1, 
body.italyPool #navshade1, 
body.japanPool #navshade1, 
body.latin-america-esPool #navshade1, 
body.latin-america-enPool #navshade1, 
body.portugalPool #navshade1, 
body.russiaPool #navshade1, 
body.spainPool #navshade1, 
body.swissPool #navshade1, 
body.ukPool #navshade1, 
body.usaPool #navshade1 
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;
  opacity: none !important;  
  filter: none !important;
  background-color: transparent !important;
}

body.belgiumPool #navshade3,
body.netherlandsPool #navshade3,
body.silverstonePool #navshade3, 
body.brazilPool #navshade3, 
body.middle-eastPool #navshade3, 
body.internationalPool #navshade3, 
body.papPool #navshade3, 
body.australiaPool #navshade3, 
body.canadaPool #navshade3,
body.chinaPool #navshade3, 
body.francePool #navshade3,
body.germanyPool #navshade3, 
body.italyPool #navshade3, 
body.japanPool #navshade3, 
body.latin-america-esPool #navshade3, 
body.latin-america-enPool #navshade3, 
body.portugalPool #navshade3, 
body.russiaPool #navshade3, 
body.spainPool #navshade3, 
body.swissPool #navshade3, 
body.ukPool #navshade3, 
body.usaPool #navshade3  /* flyout shadow */
{
  background-image: none !important;
  background-color: #ffffff !important;
  margin: 0px;
  padding: 0px;
  top: -8px;
  left: 447px; /*462px;*/
  height: 455px;
  width: 544px;
  opacity: 0.2 !important;  
  filter: Alpha(opacity=20, finishopacity=20, style=2) !important;
}
body.belgiumPool .info,
body.netherlandsPool .info,
body.silverstonePool .info, 
body.brazilPool .info, 
body.middle-eastPool .info, 
body.internationalPool .info, 
body.papPool .info, 
body.australiaPool .info, 
body.canadaPool .info,
body.chinaPool .info, 
body.francePool .info,
body.germanyPool .info, 
body.italyPool .info, 
body.japanPool .info, 
body.latin-america-esPool .info, 
body.latin-america-enPool .info, 
body.portugalPool .info, 
body.russiaPool .info, 
body.spainPool .info, 
body.swissPool .info, 
body.ukPool .info, 
body.usaPool .info  /* flyout */
{
  top: 0px;
  left: 456px;
  width: 495px; /* 527 - 32 padding */
  height: 407px;
}

.home .innerContent 
{
  width:auto;
  padding-top:455px;
  min-height: 200px; /*290px;*/
  height: auto;
}

/**************/
/* teaser bar */
.teaserBar
{
  display:block;
  position:relative;
  top: 17px;
  left: 49px;
  width: 696px;
  height: 119px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.teaserBar li
{
  clear: both;
  position: absolute;
  display: inline;
  top: 0px;
  left: -200px; /* -> default Position ausserhalb des sichtbaren Bereichs 
                   -> korrekte Position wird per Javascript gesetzt wenn 
                      die Teaserbar zum ersten mal gescrollt wird */
  width: 167px;
  height: 130px; /*123px;*/ /*119px;*/
  padding-right: 9px;
}
.teaserBar li a
{
  width: 167px;
}
.teaserBar .teaser1, .teaserBar .teaser2, .teaserBar .teaser3, .teaserBar .teaser4 
{
  left: auto;
  padding-right: 9px;
}
.teaserBar .teaser1
{
  left: 0px;
}
.teaserBar .teaser2
{
  left: 176px;
}
.teaserBar .teaser3
{
  left: 352px;
}
.teaserBar .teaser4
{
  left: 528px;
}
.teaserBar li a img, .teaserBar .teaser1 a img, .teaserBar .teaser2 a img, .teaserBar .teaser3 a img, .teaserBar .teaser4  a img
{
  border: 0px black solid;
}
.teaserBar li a span, .teaserBar .teaser1 a span, .teaserBar .teaser2 a span, .teaserBar .teaser3 a span, .teaserBar .teaser4  a span
{
  margin-top: 6px;
}
#teaserbarNavLeft, #teaserbarNavRight
{
  position: absolute;
  top: 472px;
  width: 15px;
  height: 87px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #E3E3E3; /*#EEF2F5;*/ /* transparent */
}
#teaserbarNavLeft
{
  left: 296px;
}
#teaserbarNavRight
{
  left: 1008px;
}
#teaserbarNavLeft a
{
  background-image: url(/images/jdpower/200803/teaser-arrow-left.gif);
}
#teaserbarNavLeft a:hover
{
  background-image: url(/images/jdpower/200803/teaser-arrow-left-active.gif);
}
#teaserbarNavRight a
{
  background-image: url(/images/jdpower/200803/teaser-arrow-right.gif);
}
#teaserbarNavRight a:hover
{
  background-image: url(/images/jdpower/200803/teaser-arrow-right-active.gif);
}
/**************/

/*****************/
/* submenu items */
body.usaPool div.subnav 
{
	font-size: 11px !important;
}
body.belgiumPool div.subnav,
body.netherlandsPool div.subnav,
body.silverstonePool div.subnav, 
body.brazilPool div.subnav, 
body.middle-eastPool div.subnav, 
body.internationalPool div.subnav, 
body.papPool div.subnav, 
body.australiaPool div.subnav, 
body.canadaPool div.subnav,
body.chinaPool div.subnav, 
body.francePool div.subnav,
body.germanyPool div.subnav, 
body.italyPool div.subnav, 
body.japanPool div.subnav, 
body.latin-america-esPool div.subnav, 
body.latin-america-enPool div.subnav, 
body.portugalPool div.subnav, 
body.russiaPool div.subnav, 
body.spainPool div.subnav, 
body.swissPool div.subnav, 
body.ukPool div.subnav, 
body.usaPool div.subnav  /* flyout */
{
  width: 223px;
  height: 23px;
  padding: 0px;
  /*padding-top: 5px;*/
  line-height: 24px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  border-right: 0px solid #666666;
  background-position: 210px 8px;
  background-image: url(/images/arrow-black.gif);
  opacity: 0.86;  
  filter: Alpha(opacity=86, finishopacity=86, style=2);
}
.toppos1 { top:  8px; }
.toppos2 { top: 32px; }
.toppos3 { top: 56px; }
.toppos4 { top: 80px; }
.toppos5 { top: 104px; }
.toppos6 { top: 128px; }
.toppos7 { top: 152px; }
.toppos8 { top: 176px; }
.toppos9 { top: 200px; }
.toppos10 { top: 224px; }
.toppos11 { top: 248px; }
.toppos12 { top: 272px; }
.toppos13 { top: 296px; }
.toppos14 { top: 320px; }
.toppos15 { top: 344px; }
.toppos16 { top: 368px; }
.toppos17 { top: 392px; }

body.belgiumPool div.toppos18, 
body.netherlandsPool div.toppos18,
body.silverstonePool div.toppos18, 
body.brazilPool div.toppos18, 
body.middle-eastPool div.toppos18, 
body.internationalPool div.toppos18, 
body.papPool div.toppos18, 
body.australiaPool div.toppos18, 
body.canadaPool div.toppos18,
body.chinaPool div.toppos18, 
body.francePool div.toppos18,
body.germanyPool div.toppos18, 
body.italyPool div.toppos18, 
body.japanPool div.toppos18, 
body.latin-america-esPool div.toppos18, 
body.latin-america-enPool div.toppos18, 
body.portugalPool div.toppos18, 
body.russiaPool div.toppos18, 
body.spainPool div.toppos18, 
body.swissPool div.toppos18, 
body.ukPool div.toppos18, 
body.usaPool div.toppos18
{ top: 416px; border-bottom: none; }
/*****************/

/********************/
/* main menue items */
div.topnav
{
  text-transform: none;
}
#topnav1, .topnav1, 
#topnav2, .topnav2, 
#topnav3, .topnav3, 
#topnav4, .topnav4, 
#topnav5, .topnav5, 
#topnav6, .topnav6, 
#topnav7, .topnav7, 
#topnav8, .topnav8, 
#topnav9, .topnav9, 
#topnav10, .topnav10, 
#topnav11, .topnav11, 
#topnav12, .topnav12, 
#topnav13, .topnav13, 
#topnav14, .topnav14, 
#topnav15, .topnav15, 
#topnav16, .topnav16
{
  overflow: visible;
  position: relative;
  top: 0px;
  width: 223px;
  border: 0px #CCCCCC solid;
  border-top: 1px #CCCCCC solid; /* #cccccc */
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  font-size: 11px;
  color: #000000;
  z-index: 100000;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
#topnav1, .topnav1 /* id of menu item, CSS class of shadow */
{
  top: 0px;
}

#topnav1, .topnav1,
#topnav2, .topnav2,
#topnav3, .topnav3,
#topnav4, .topnav4,
#topnav5, .topnav5
{
  height: 47px;
  background-image: url(/images/jdpower/200803/hg.jpg);
  background-color: white;
}

#topnav6, .topnav6
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav7, .topnav7
{
  height: 18px;/* + 5 padding top = 23 */
}
#topnav8, .topnav8
{
  height: 18px;/* + 5 padding top = 23 */
}
#topnav9, .topnav9
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav10, .topnav10, #topnav11, .topnav11, #topnav12, .topnav12, #topnav13, .topnav13, #topnav14, .topnav14, #topnav15, .topnav15, #topnav16, .topnav16
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav1 a
{
  background-image: url(/images/jdpower/200803/01boxster.gif);
}
#topnav2 a
{
  background-image: url(/images/jdpower/200803/02cayman.gif);
}
#topnav3 a
{
  background-image: url(/images/jdpower/200803/03911.gif);
}
#topnav4 a
{
  background-image: url(/images/jdpower/200803/05panamera.gif);
}
#topnav5 a
{
  background-image: url(/images/jdpower/200803/04cayenne.gif);
}

#topnav6, #topnav7, #topnav8, #topnav9, #topnav10, #topnav11, #topnav12, #topnav13, #topnav14, #topnav15, #topnav16
{
  background-color: #EEF2F5;
  height: 23px;
}

a.topnavlink /* 223 breit, 48 hoch */
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 223px;
  height: 47px;
  color: #000000;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
}

#topnav6 a.topnavlink, #topnav7 a.topnavlink, #topnav8 a.topnavlink, #topnav9 a.topnavlink, #topnav10 a.topnavlink, #topnav11 a.topnavlink, #topnav12 a.topnavlink, #topnav13 a.topnavlink, #topnav14 a.topnavlink, #topnav15 a.topnavlink, #topnav16 a.topnavlink /* 223 breit, 23 hoch */
{
  font-size: 10px;
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background-image: url(/images/arrow-black.gif);
  background-position: 210px 8px;
  
}
#topnav6 a.final, #topnav7 a.final, #topnav8 a.final, #topnav9 a.final, #topnav10 a.final, #topnav11 a.final, #topnav12 a.final, #topnav13 a.final, #topnav14 a.final, #topnav15 a.final, #topnav16 a.final /* 223 breit, 23 hoch */
{
  background-image: none !important;
}
body.usaPool #topnav6 a.topnavlink, body.usaPool #topnav7 a.topnavlink, body.usaPool #topnav8 a.topnavlink, body.usaPool #topnav9 a.topnavlink, body.usaPool #topnav10 a.topnavlink, body.usaPool #topnav11 a.topnavlink, body.usaPool #topnav12 a.topnavlink, body.usaPool #topnav13 a.topnavlink, body.usaPool #topnav14 a.topnavlink, body.usaPool #topnav15 a.topnavlink, body.usaPool #topnav16 a.topnavlink /* 223 breit, 23 hoch */
{
	font-size: 11px !important;
}
/***************/

/***************/
/* Flyout Layer*/
.infoFlyoutImage 
{
    width: auto;
    height: auto;
}
.infoFlyoutImage img 
{
    width: auto;
    height: auto;
}
.bottomFlyout 
{
    width: auto;
}
.infoLinkFlyout 
{
    width: 153px;
}
.infoLinkHeading
{
    /* margin: 0px 0px 0px -1px; */
    margin: 0;
    padding: 0px 0px 13px 0px;
}
.infoLinkFlyout a 
{
    width: 135px; /* 135 Breite + Padding 4 + Padding 13 = 152 */
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 13px;
    background-position: 0px 8px;
}
.infoLinkFlyout a.first
{
    border-top:1px dashed #CCCCCC;
    padding-top: 5px;
}
.bottomLeftFlyout, .bottomMiddleFlyout
{
    border-top: none;
    height:108px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
    width:153px;
}
.bottomLeftFlyout
{
    left: 0px;
}
.bottomMiddleFlyout
{
    left:168px;
}
.bottomRightFlyout
{
    margin-top:4px;
    padding-top:6px;
    padding-bottom:4px;
    left: 334px;
    right: auto;
}
.bottomRightFlyout img
{
    display: none;
}
/*body div.infoFlyoutElementFirst p
{
	font-size: 10px !important;
}*/
.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}
body.belgiumPool .bottomRightFlyout .infoFlyoutElementSecond, body.netherlandsPool .bottomRightFlyout .infoFlyoutElementSecond
{
    position: auto;
    top: auto;
    bottom: auto;
}

body.latin-america-esPool .bottomRightFlyout .infoFlyoutElementSecond
{
    bottom: 8px;
}
.bottomRightFlyout .infoFlyoutElementFirst p
{
    line-height: 16px !important;
}
/***************/

/* DEBUG 
#nav_boxster_default_1
{
    display: block !important;
}*/
.teaserBar
{
    display: none;
    top: 0px;
    left: 0px;
    overflow: visible;
}
#teaserBarWrapper 
{
    display:block;
    height: 200px;
    left:49px;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    top:17px;
    width:696px;
}
.teaserNav
{
    width: 100%; 
    height: 100%; 
    display: block; 
    background-color: transparent;
}
.infoFlyoutFootnote
{
  bottom: -14px;
  position: absolute;
  right: -0px;
  color: #abacad;
}
/* Flyout */
.info, .infoFlyout , .bottomFlyout 
{
    overflow: visible;
}

body.germanyPool div.bottomRightFlyout, 
body.swissPool div.bottomRightFlyout,
body.ukPool div.bottomRightFlyout,
body.internationalPool div.bottomRightFlyout,
body.francePool div.bottomRightFlyout,
body.italyPool div.bottomRightFlyout,
body.spainPool div.bottomRightFlyout,
body.portugalPool div.bottomRightFlyout,
body.belgiumPool div.bottomRightFlyout
{
	width: 151px;
	left:auto;
	right:0px;
	top:-10px;
}
body.germanyPool div.bottomRightFlyout .infoFlyoutElementFirst img, 
body.swissPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.ukPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.internationalPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.francePool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.italyPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.spainPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.portugalPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.belgiumPool div.bottomRightFlyout .infoFlyoutElementFirst img
{
	display:block;
}

body.germanyPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.swissPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.ukPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.internationalPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.francePool div.bottomRightFlyout .infoFlyoutElementSecond,
body.italyPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.spainPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.portugalPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.belgiumPool div.bottomRightFlyout .infoFlyoutElementSecond
{
	bottom: 3px; 
	text-align: center;
}

body.chinaPool #nav_911_turbo_s_1 div.bottomRightFlyout, 
body.chinaPool #nav_911_turbo_s_cab_1 div.bottomRightFlyout 
{
  height: 140px;
  top: -10px;
}
body.chinaPool #nav_911_turbo_s_1  div.bottomRightFlyout .infoFlyoutElementSecond,
body.chinaPool #nav_911_turbo_s_cab_1  div.bottomRightFlyout .infoFlyoutElementSecond 
{
  bottom:55px;
}