#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: -533px;
}

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;
}

body.home #search
{
  top: 0px !important;
  bottom: auto !important;
  left: auto !important;
  right: 14px !important;
}

body.home #sitenavigation #search,
body.home #sitenavigation #languageSelectBox_akademie
{
	display: none;
}
/*****************/
/* 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: 0px; /*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: 14px;
  padding: 0px 0px 0px !important;
  margin: 0px;
}
body.home .shoppingButtons span 
{
  width: 176px;
  background-color: #FFFFFF;
  height :18px;
}
body.home .shoppingButtons span a
{
  padding: 0px;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 1px;
  margin: 0px;
  width: 155px;
  height: 14px;
  vertical-align: middle;
}
body.home .shoppingButtons span a:hover
{
	background-color: #FFFFFF;
	color: #666666;
	border: 1px #666666 solid;
    padding-bottom: 2px; /* +1 */
    padding-top: 1px;    /* -1 */
    width: 153px;        /* -2 */
    height: 12px;        /* -2 */
}
.homeNavigation, .homeNavigationLangSelect
{
  padding-top: 127px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 312px;
  background-image: none; 
}
.homeNavigationLangSelect
{
  background-image: none;
}
body.silverstonePool .homeNavigation
{
  background-image: none;
}
.page, body.pcoPool .page 
{
  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;
}

#homeShadow /* shadow, homenavigation */
{
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 32px;
  height: 455px;
  width:239px;
  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;
}

body.pcoPool #navshade1  /* flyout shadow */
{
  background-image: none !important;
  background-color: #ffffff !important;
  margin: 0px;
  padding: 0px;
  top: -8px;
  left: 223px; /*447px;*/ /*462px;*/
  height: 455px;
  width: 544px;
  opacity: 0.2 !important;  
  filter: Alpha(opacity=20, finishopacity=20, style=2) !important;
}

body.pcoPool .info  /* flyout */
{
  top: 0px;
  left: 232px; /*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.pcoPool div.subnav  /* flyout */
{
  width: 223px;
  height: 18px;
  padding: 0px;
  padding-top: 5px;
  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:  1px; }
.toppos2 { top: 25px; }
.toppos3 { top: 49px; }
.toppos4 { top: 73px; }
.toppos5 { top: 97px; }
.toppos6 { top: 121px; }
.toppos7 { top: 145px; }
.toppos8 { top: 169px; }
.toppos9 { top: 193px; }
.toppos10 { top: 217px; }
.toppos11 { top: 241px; }
.toppos12 { top: 265px; }
.toppos13 { top: 289px; }
.toppos14 { top: 313px; }
.toppos15 { top: 337px; }
.toppos16 { top: 361px; }
.toppos17 { top: 385px; }
 
body.pcoPool div.toppos18
{ top: 416px; border-bottom: none; }
body.pcoPool div.final, body.pcoPool div.final:hover, body.pcoPool div.final:active 
{
  background-image:none;
}
body.langDE #homemenue #navshade1,
body.langEN #homemenue #navshade1
{
  opacity: 0.01 !important;
  filter: alpha(opacity=1) !important;
}
/*****************/

/********************/
/* 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
{
  overflow: visible;
  position: relative;
  height: 23px;
  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-color: #EEF2F5;
  background-repeat: no-repeat;
  
}

#topnav5, .topnav5
{
  height: 23px;}
#topnav6, .topnav6
{
  height: 23px;}
#topnav7, .topnav7
{
  height: 23px;}
#topnav8, .topnav8
{
  height: 23px;}
#topnav9, .topnav9
{
  height: 23px;}
#topnav10, .topnav10
{
  height: 23px;}
#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/04cayenne.gif);
}
#topnav5, #topnav6, #topnav7, #topnav8, #topnav9, #topnav10
{
  background-color: #EEF2F5;
  height: 23px;
}
a.topnavlink /* 223 breit, 48 hoch */
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 223px;
  height: 47px;
  color: #000000;
  background-position: 0px 0px;
  text-decoration: none;
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background: url(/images/arrow-black.gif) no-repeat 210px 8px;  
  
}
/*
#topnav5 a.topnavlink, #topnav6 a.topnavlink, #topnav7 a.topnavlink, #topnav8 a.topnavlink, #topnav9 a.topnavlink, #topnav10 a.topnavlink 
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background-image: url(/images/arrow-black.gif);
  background-position: 210px 8px;
}
*/
.topnav a.topnavlink:hover
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #FFFFFF;
  background-image: url(/images/arrow-red.gif);
  background-position: 210px 8px;
}
.topnav a.final
{
  background-image: none !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;
    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: 351px;
    right: auto;
}
.bottomRightFlyout img
{
    display: none;
}
.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}
.bottomRightFlyout .infoFlyoutElementFirst p
{
    line-height: 16px !important;
}
/***************/

.teaserBar
{
    display: none;
    top: 0px;
    left: 0px;
    overflow: visible;
}
#teaserBarWrapper 
{
    display:block;
    height: 130px; /*119px;*/
    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;
}


#dealersearchHomeShadow,
#dealersearchHome
{
    left: auto;
    width: 142px;
}
#dealersearchHome 
{
    top: 8px;
    z-index: 1;
    height: 50px;
    right: 41px;
}
#dealersearchHome .searchfield 
{
    background-color:White;
}
#dealersearchHome .searchfield 
{
    width: 96px;
}
#dealersearchHomeShadow
{
    right: 40px;
    top: 8px;
    height: 50px;
    z-index: 0;
    background-color: #FFFFFF; 
    opacity: 0.2; 
    filter: Alpha(opacity=20, finishopacity=20, style=2);
}

#dealersearchHome #p_searchDealerHome
{
    top: 23px;
    left: 8px;
    margin-top: 0px;
    margin-bottom:0px;
}
body.home #search
{
	height:32px;
	left:14px !important;
	/*top:106px !important;*/
	top: 149px !important;
	width:235px;
}
#porscheLogin
{
    top: 615px;
}
.search .searchfield
{
  background-color :#FFFFFF !important;
  width :157px;
}
#homemenue
{
    z-index: 2;
}
body.pcoPool .innerContent * 
{
    font-size:11px;
}

/*****************************/
body.pcoPool .bottomLeftFlyout a,
body.pcoPool .bottomMiddleFlyout a
{
    background-repeat:no-repeat;
    border-bottom:1px dashed #CCCCCC;
    display:block;
    font-size:11px;
    height:15px;
    padding: 4px 4px 5px 0px; /* top, right, bottom, left */
    text-decoration: none;
    background-position:0px 8px;
    margin-top:0px;
    padding-left:13px;
    width:auto;
}
body.pcoPool .bottomMiddleFlyout a:hover 
{
    text-decoration:none;
}
body.pcoPool .bottomLeftFlyout a
{
    background-image:url(/images/arrow-blue-usapool.gif);
    color:#336699;
}
body.pcoPool .bottomLeftFlyout a.first 
{
    border-top:1px dashed #CCCCCC;
}
body.pcoPool .bottomMiddleFlyout a
{
    background-image:url(/images/arrow-gray.gif);
    color:#666666;
    font-weight: bold;
    font-size: 11px;
}
body.pcoPool .bottomMiddleFlyout a.first 
{
    border-top:1px dashed #CCCCCC;
}

body.pcoPool .bottomRightFlyout ul.modelData
{
    margin-top: 1px;
}
body.pcoPool .bottomRightFlyout ul.modelData li
{
    line-height: 17px;
    padding-bottom: 2px;
    margin-top: 0px;
}
body.pcoPool .bottomRightFlyout ul.modelData li.first
{
    padding-bottom: 1px;
    margin-top: 1px;
}
#languageSelectBox 
{
  left:62px;
  /*top :582px;*/
  top: 623px;
}




/****************************************/
.infoFlyout
{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.infoImage
{
  position: relative;
}
.infoImage img
{
  width: 495px;
}
.infoHeadline 
{
  left:0;
  position:relative;
  top:22px;
  width:auto;
}
.infoLinks 
{
  display:block;
  float:left;
  left:0px;
  position:relative;
  top:28px;
  width:160px;
}
.infoText 
{
  display:block;
  float:right;
  height:auto;
  left:auto;
  position:relative; 
  top:30px;
  width:335px;
}
.infoLinks a 
{
  padding-top: 2px;
}
.home .shoppingButtons span 
{
  border:1px solid #666666;
}

.home .shoppingButtons span a 
{
  background-color: #666666;
  color:#FFFFFF;
}

.homeNavigation
{
  top: 127px;
  padding-top: 0px;
  background-color: #FFFFFF;
}

body.pcoPool .info
{
  top: -127px;
}

body.langNONE #topnav8, body.langNONE .topnav8,
body.langPT #topnav9, body.langPT .topnav9,
#topnav11
{
  border-bottom:1px solid #CCCCCC;
}

body.home .langSelectCurrent
{
    width: 156px;
}
body.home .langSelectArrow
{
    left: 161px;
}
/* STV: CSS für language Selector verschoben in modules.css*/