﻿
/* global */
/*
body
{
    margin-left:50%;
}
*/
.page
{
  width: 1023px; 
  background-image: url(/images/mr/bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 40px;
  padding-right: 0px;
  /*
margin:0 auto 0 -531px;
*/
  margin:0 auto;
}
.content
{
  width: 728px; /* = 984 - 248 padding-left vom div.content - 24px padding-right für Seitenabstand rechts*/
  padding-left: 256px;
  margin-right: 39px;
}
.introImage
{
    margin-left: -296px;
    background-color: transparent;
    width:1063px;
    overflow: hidden;
}
.classicIntroImage /* small */
{
    background-image: url(/images/bg_head.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 32px !important;
    margin-left: -32px !important;
    margin-right: 0px !important;
    /*text-align:center;*/
    background-color: transparent;
    font-size:1px;
    width: 767px; /*800px;*/
}
.classicIntroImage img
{
    display: inline;
}
.classicIntroImage .introFlash
{
    left: 296px;
}
.banderole
{
    top: 0;
    right: 0;
    /*width: 1063px;*/
    width: auto;
    position: absolute;
}
.banderoleWrapper
{
    position: absolute;
    right: -32px;
    bottom: 16px;
    height: auto;
    width: 293px;
    max-height:157px;
    overflow:hidden;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E3E6E9;
    background-image: url(/images/background/banderole.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 8px 48px 8px 16px;

    -moz-border-radius: 0 2px 2px 0; /* Firefox */
    -webkit-border-radius: 0 2px 2px 0; /* Safari and Chrome */
    border-radius: 0 2px 2px 0; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-box-shadow: 3px 3px 3px #999999; /* Firefox */
    -webkit-box-shadow: 3px 3px 3px #999999; /* Safari and Chrome */
    box-shadow: 3px 3px 3px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ /* behavior: url(ie-css3.htc); This lets IE know to call the script on all elements which get the 'box' class */
}
.banderoleIntro img
{
    display: inline;
    float: left;
    margin-right: 12px;
}
.banderoleContent 
{
    float: left;
}
.banderoleContent *
{
    line-height: 16px;
    font-size: 11px;
    color: #333333;
    clear: both;
}
.banderoleContent p
{
    margin-top: 0;
}
.banderoleContent img
{
    display: inline;
    padding-right: 5px;
}
.banderoleContent .subline
{
    margin-top: -5px;
}

div.page
{
/*
    padding-left: 40px;
    padding-right: 39px;
*/
}
body.home div.page
{
	width: 1063px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: none;
}
iframe
{
    margin: 0 !important;
}
#historyspecial
{
    margin-top: -19px !important;
}
.nonavi 
{
  background-image:none !important;
  margin-left:-307px !important;
  padding-left:0 !important;
  width:615px !important;
}
.nonavi .content 
{
    padding-left: 0 !important;
    width: auto !important;
    margin-right: 0 !important;
}
h1.porscheWappen
{
    top: 8px;
    left: 40px;
}
.expandables
{
    width: 456px;
}
.innerContent h3
{
    width: auto;
}

.tabContainer2
{
    width: 736px; 
}
.tabContainer2 .tabs2
{
    margin-bottom: 16px;
}
/*
.tabContainer2 .tabs2
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-left: 0;
    margin-right: 0;
}
.tabContainer2 .tabs2 li a
{
    display: block;
    font-size: 11px;
}
*/
.tabContent
{
    padding-top: 0px;
}
.tabContainer
{
  border-top: 0px solid #666666;
  padding-top: 2px;
}
.tabs li a, 
.tabs li a.lastChild,
.tabs .selected a,
.tabs .selected a.lastChild
{
    font-size: 11px;
    padding-right: 15px;
    padding-left: 21px;
    padding-bottom: 3px;
    padding-top: 1px;
    background-repeat: no-repeat !important;
}
.tabs li a, 
.tabs li a.lastChild
{
    background-image: url(/images/arrow-gray.gif); 
    background-position: 6px 5px !important;
    color: #666666; 
}
.tabs .selected a,
.tabs .selected a.lastChild
{
    background-image: url(/images/arrow-white-down.gif);
    background-position: 6px 7px !important;
    color: #FFFFFF; 
    background-color: #666666;
}
.tabs li a:hover,
.tabs li a.lastChild:hover
{
    background-image: url(/images/arrow-red.gif);
    color: #CC0000; 
}
.tabs .selected a:hover,
.tabs .selected a.lastChild:hover
{
    background-image: url(/images/arrow-white-down.gif);
    color: #FFFFFF; 
}
#zoomImageShade
{
    z-index:3801;
}
.zoomImage
{
    z-index:3802;
}
.innerContent
{
  width: 456px; /* auto; */
  margin-top: 0px;
  background-color: Transparent;
}

/*.innerContent */
.innerContent li,
/* .innerContent a, */
.innerContent strong
{
    font-size: 12px;
}
.innerContent .initialLinks li,
.innerContent .initialLinks a
{
    font-size: 10px;
}
.contentNav li a,
.thumbnails span
{
    background-color: transparent;
}
/* technicalspecs */
.tabContainer
{
  width: auto;
  height: 20px;
  padding-top: 0px;
  border-bottom: 1px #848484 solid;
}
.tabContent
{
  width: 599px;
  /* width: auto; */
}
table.features
{
  width: 100%; /*729px; */
}
table.features th.compare
{
  width: 438px;
}

/* indetail */
div.related
{
  float: right;
  left: auto;
  z-index: 1;
}
div.related_hidden
{
  display: none;
}
.linkOverviews
{
  width: 591px;
}
.linkOverviews li, .linkOverviews a 
{
  position: static; /* zum Ueberschreiben von position: absolute */
}
.linkOverviews li
{
  float: left;
  height:90px;
  width:auto;
}
.linkOverviews a
{
  display: block;
  height:90px;
}

/* customization and experience */
a.illustratedLink, 
a.illustratedModelLink, 
a.illustratedModelLinkInfo, 
a.illustratedNewsLink 
{
 /*width : auto;*/  /*767px;*/ /* = + 200 */
}
a.link span, 
a.illustratedLink span /*, 
a.illustratedModelLink span, 
a.illustratedModelLinkInfo span, */
a.illustratedNewsLink span 
{
  width: 594px; /* = + 200 */
}

/* knowledgebase layer */
ul.knowledgeBases 
{
    /*height: 100% !important;*/
    width: auto; /*567px !important;*/
    top: 0px;
    position: relative;
}
.knowledgeBases li 
{
    width: auto;
}
.knowledgeBases li, .knowledgeBases a
{
    float: left;
    position: static; /* zum Ueberschreiben von position: absolute */
    /* padding-right: 15px;  */
}
.knowledgeBases li strong 
{
    float: right;
    position: static; /* zum Ueberschreiben von position: absolute */
}
.knowledgeBases img 
{
    position: static; /* zum Ueberschreiben von position: absolute */
}
.innerContent h3, 
.innerContent table 
{
    clear: none;
    width: 456px;
}
.innerContent .motorsport table, 
.innerContent .results table, 
.innerContent center .n table 
{
    width: auto;
}
.innerContent p
{
    clear: none;
    font-size: 12px;
    width:456px;
}
.innerContent h3.presshead,
.PAGEquarter1 .innerContent p,
.PAGEquarter2 .innerContent p,
.PAGEquarter3 .innerContent p,
.PAGEquarter4 .innerContent p
{
    width:399px;
}
.innerContent p.podcastText
{
    width: auto;
}
body div.infoFlyoutElementSecond p
{
    width: auto;
}
.innerContent p.footnote
{
    font-size: 10px;
}
.innerContent .tabContent h3
{
    clear: both;
} 
.innerContent form table 
{
    width: 100%; /* 100%; */
}
.innerContent .formscontainer table 
{
  width: 385px; 
}
.innerContent form .formscontainer table 
{
  width: 100%; 
}
.innerContent form table.formscontainerline,
.innerContent form table.formsfield
{
    width: auto;
}
.innerContent .homeNavigation a,
.innerContent .infoLinkFlyout a
{
    font-size: 11px;
}
.innerContent form a
{
    font-size: 10px;
}
/* galleryies */
/*ul.wallpaperRes
{
  width: auto;
}*/
.galleryImage
{
    margin: 0px 0px 43px -32px; /* 0px 0px 24px -24px; */
    padding: 15px 0px 0px 0px;
    position:relative;
    text-align:center;
    top: 0px;
    width:800px; /* 760px; */
    border: 0px #CCCCCC solid;
    background-color: transparent; /* #666666; */
}
.switchgalleryImage
{
/*
    display: inline;
    position: absolute;
    text-align: center;
    top: 343px;
    width: 760px; / * identisch mit .galleryImage damit es zentriert bleibt * /
    left: 224px;  / * = Breite Hauptnavie 223 + 1px Rand, da absolut positioniert * /
*/
    display:block;
    left:554px; /* 514; */
    position:absolute;
    text-align:center;
    top:343px;
    width:200px;
}
.switchgalleryImage a
{
    text-decoration: none;
    margin-right: 24px;
}
#gallerySubtitles div,
#galleryClaims div
{
    /*text-align: center;*/
    text-align: left;
    position: relative;
    padding-left: 4px;
    display: inline;
}
.prevgalleryImage, 
.nextgalleryImage
{
    left: auto;
    top: auto;
    position: relative;
}
#gallerySubtitles, 
#galleryClaims
{


    left:366px;
    right:auto;
    text-align:left;
    top:335px;
    width:225px;
}

/* Tabs: */
.tabContent
{
    top: 0px;
    border: 0px solid #848484; /*#666666;*/
    /*border-top: 1px solid #666666;*/
    min-height: 100px;
    height: auto;
    padding-left: 5px;

} 
.tabs
{
    margin: 0px;
    padding: 0px;
    height: 20px; /*100%;*/
} 
.tabs li
{
	background: none; 
}
.tabs li a img
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
}

.tabs li.selected a.lastChild img
{
	top: -1px;
  border-top: none;
}
.tabs li a.lastChild img
{
  top: -1px;
  border-top: none;
  margin-top: 1px;
}
.tabs .selected
{
    border-left: none;
    background: none; 
    z-index: 120;
}

.tabs .tab1, 
.tabs .tab2, 
.tabs .tab3, 
.tabs .tab4, 
.tabs .tab5, 
.tabs .tab6,
.tabs .tab7,
.tabs .tab8,
.tabs .tab9,
.tabs .tab10,
.tabs .tab11,
.tabs .tab12,
.tabs .tab13,
.tabs .tab14,
.tabs .tab15
{
  /*left: auto;*/
  left: 0px;
  width: auto;
} 
body .galleryImage img,
body .galleryImage *
{
    margin: 0px !important;
    padding: 0px !important;
    height: 317px;
    display: inline;
    text-align: center;
    font-size: 1px;
}
.floating div 
{
    left: 0px !important;
    top: 0px !important;
    display: inline !important;
    width: auto;
    height: auto;
    position: relative;
    margin-top: 0px;
    vertical-align: super;
    font-size: 1px;
}
.floating div img {
    left:auto !important;
    position:relative;
    top:0px !important;
    display: inline;
    margin-top: 0px;
    font-size: 1px;
}
.floating 
{
    display: inline !important;
    position: relative !important;
    width: auto;
    height: auto;
    margin-top: 0px;
    top: 0px;
    white-space: nowrap;
    font-size: 1px;
}
.tabs li 
{
    height: 20px;
}

/* Modelluebersicht */
table.linkblock_deeplink
{
    width: auto;
}
table.linkblock_deeplink td.first 
{
    width: 515px;
}

a.illustratedLink, 
table.linkblock_deeplink a.illustratedModelLink, 
table.linkblock_deeplink a.illustratedModelLinkInfo
{
    /* width: auto; */
}
/*a.link span, */
table.linkblock_deeplink a.illustratedModelLink span, 
table.linkblock_deeplink a.illustratedModelLinkInfo span /*, 
a.illustratedNewsLink span */
{
    /*width: 346px;*/
    padding-left:45px;
    width:306px;
}
a.illustratedLink span
{
    width: 394px; /* 346px; */ /*538px;*/
}
/*table.linkblock_deeplink span, table.linkblock_deeplink span strong 
{
    width: auto;
}*/
ul.wallpaperRes
{
    padding-top:0px;
    position:absolute;
    left: auto;
    right:31px;
    top:404px;
    width:96px;
    z-index:9999;
}
.wallpaperRes a
{
    font-size: 11px;
    background-position: 4px 7px;
}
.galleryMovie,
.sound, 
.gallery360
{
    width: 599px; /* auto; */
}
.exterior,
.wallpapers,
.interior, 
.postcards
{
    height:100px;
    width: 599px; /* auto; */
}
.colorator
{
    line-height: normal;
}
div.content
{
    min-height: 580px;
}
.searchsite
{
    top:0px;
    bottom: auto;
    height: auto;
    width: 200px;
    padding-left: 23px;
    display: block;
}
.searchsite p
{
    font-size: 11px;
    position: relative;
    left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
p.dealerLabel
{
    font-size: 11px;
    color: #666666;
    left: 1px;
    line-height: 17px;
    padding-top: 22px;
}
body.home p.dealerLabel
{
    top: 6px;
    left: 9px;
    position:absolute;
    color: #F3F3F3;
    padding-top: 0px;
}
.searchsite .searchfield
{
    width: 158px;
    margin-right: 2px;
    background-color: #F3F3F3;
}
/*
body.home div.navigation 
{
    top: 0px;
}
*/
div.navigation form
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.navigation p.navigation
{
    position: relative;
    top: 0px;
}
body.home div.navigation p.navigation 
{
    position: absolute;
    top: 455px;
}
div.navigation .searchbutton
{
    margin-top: 0px;
    padding-top: 0px;
    vertical-align: middle;
    top: auto !important;
}
#footer
{
    bottom: 0px !important;
    background-image: none;
    margin-left: -40px;
    /* width: 92.65%; */ /*984px;*/
}
* html #footer
{
    width: 100%;
}
body.home #footer
{
    bottom: 0px !important;
    width: 100%;
    margin-left: 0;
    /* geht nicht im IE 6
    left: auto;
    right: auto;
*/
}
body.home h1.porscheWappen
{
    top: 8px;
    left: 40px;
}
table.features tr th
{
    white-space: nowrap;
}
table.features tr th.optional 
{
    white-space: normal;
}
table.features tr td
{
    border-top: 1px #CCCCCC dashed;
    background-color: #F8F8F8;
}
table.features tr.firstRow td,
table.featuresCompare tr td
{
    border-top: none;
    background-color: #FFFFFF;
}
table.featuresPrice tr.firstRow th
{
   font-weight: normal;
}
table.featuresCompare tr th img
{
    display: none;
}
table.featuresPrice tr.firstRow td
{
    background-color: #F8F8F8;
}
#knowledgeBaseShade
{
    left: 192px;
}
#knowledgeBase
{
    left: 200px;
}
div.innerContent a.illustratedLink span, 
div.innerContent a.illustratedNewsLink span
{
    width: 394px;
}
.innerContent a.link
{
    width: 394px;
}
.innerContent a.link span
{
    width: 394px;
}
.RaceOverviewTable
{
    width: 100%;
}
.raceReport
{
    width: auto;
}
.mainframe
{
    width: 712px;
    border: 0px lime solid;
    margin-left: 0px;
}
.animationWrapper, .animationWrapper h2, .animationWrapper .knowledgebaseWrapper, .animationWrapper .innerContent, .animationWrapper .innerContent *
{
    background-color: #FFFFFF;
}
.animationWrapper .innerContent #SDSInfoTable tr.SDSStatusRow td strong
{
    background-color: #F5F5F5;
}
body div #knowledgeBase h2 
{
    background-color:#FFFFFF;
    border-bottom:1px solid #CCCCCC !important;
    color:#999999;
    height:27px;
    left:0px;
    margin-left:13px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:649px;
    padding-left: 0px;
    padding-bottom: 4px;
    
}

.knowledgebaseWrapper
{
    padding-right: 32px;
    width: 616px;
    margin-left:0px;
}
.engineDiagram li a
{
    font-size: 10px;
}

#knowledgeBase .innerContent
{
    width: 399px;
}
table.features tr.alternate th 
{
    font-weight: normal;
}
#top
{
    display: block;
}

/**********************************/

.tabContainer
{
  border-top: 0px solid #666666;
  padding-top: 2px;
}
.tabs li.tab1
{
	border-left: none !important;
}
.tabs li a, 
.tabs li a.lastChild,
.tabs .selected a,
.tabs .selected a.lastChild
{
    font-size: 11px;
    padding-right: 15px;
    padding-left: 21px !important;
    padding-bottom: 3px;
    padding-top: 1px;
    background-repeat: no-repeat !important;
}
.tabs li a, 
.tabs li a.lastChild
{
    background-image: url(/images/arrow-gray.gif); 
    background-position: 6px 5px !important;
    color: #666666; 
}
.tabs .selected a,
.tabs .selected a.lastChild
{
    background-image: url(/images/arrow-white-down.gif);
    background-position: 6px 7px !important;
    color: #FFFFFF; 
    background-color: #666666;
}
.tabs li a:hover,
.tabs li a.lastChild:hover
{
    background-image: url(/images/arrow-red.gif);
    /*background-position: 6px 7px !important;*/
    color: #CC0000; 
    /* background-color: #666666; */
}
.tabs .selected a:hover,
.tabs .selected a.lastChild:hover
{
    background-image: url(/images/arrow-white-down.gif);
    color: #FFFFFF; 
}
	
/* kbase gallery + related links */
/*
.knowledgeBases li, 
.knowledgeBases a 
{
  padding-right:30px;
}
*/
.knowledgeBases a
{
  width: 205px;
}
.knowledgeBases li strong
{
  width: 125px;
}
table.normalTable 
{
    width: 456px;
}
#knowledgeBase p,
.appDownload p
{
	padding-right: 0px;
}
.innerContent div.download
{
	width: 456px;
    text-align:left;
}
.innerContent .teqBlock,
.innerContent .teqIntro
{
	width: 456px; 
}
.innerContent table.normalTable p
{
	width: auto;
}
.innerContent .expandable p, .expandable p
{
	width: auto;
}
.innerContent ul.defaultList
{
  /*padding-right: 134px;*/
  width: auto; /* 456px; */
}
div.related 
{
  float:none;
  position:absolute;
  right:64px; 
  top: auto; /* 507px; */
  white-space:normal;
  z-index:11;
  height:150px;
  left:auto;
  overflow:hidden;
  width:145px;
}
div.related a
{
  font-size:11px;
  padding-bottom:0pt;
  padding-left:18px;
  padding-top:3px;
  text-decoration:none;
  width:125px;
}

/* colorator */
.colorator
{
  width: 712px;
  z-index: 1000;
}
.coloratorselector .tabContent
{
  padding-right: 0px;
}
#coloratorselector .additionalchargetext
{
  clear: both;
  padding-top: 10px;
  display: block !important;
}

.colorsInterior .category,
.colorsExterior .category
{
  margin-right: 20px;
}

.colorsInterior .category,
.colorsExterior .category.AA1, 
.colorsExterior .category.AA2,
.colorsExterior .category.AA3
{
  width: auto;
}

/*.colorsExterior .category p,*/
.colorsExterior .category ul,
/*.colorsInterior .category p,*/
.colorsInterior .category ul
{
	clear: both;
	display: inline;
}
/* banderole */

.introFactsW 
{
  display:block;
  left:792px;
  position:absolute;
  top:8px;
  width:199px;
  height:327px;
}
.introFacts
{
    top: 0px;
    left: 704px;
}
.introFactsShade
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000000 !important;
    background-image: none !imporetant;
}
.appDownload p
{
	width: auto; 
	font-size: 11px;
}
.introFactsContent p
{
	width: auto;
	font-size: 10px;
}

.introFactsW .introFactsShade 
{
  height: 327px;
  width:199px;
  background-image: none !important;
  background-color: white !important;
  opacity: 0.4; 
  filter: Alpha(opacity=40);
}

.introFactsW .introFactsContent 
{
  width:183px;
  background-color:white;
  top:0px;
  height: 305px;
  border-bottom:1px solid #CCCCCC;
}

.introFactsW .introFactsContent .separator 
{
  border-bottom: 1px dashed #848484;
  margin-left: 5px;
  margin-right: 5px;
}

#navigationHomeSub 
{
  left: 269px;
  top:79px;
  height:144px;
}
#navigationHomeSub a 
{
  padding-bottom:4px;
}

#navigationShade 
{
  left: 264px;
  top: 73px;
}

.innerContent p a
{
  font-size: 12px;
}

.imageCombos
{
	width: 399px; /* 456px; */
}

#SDSTrainingSelector a
{
    font-size: 11px;
}
#SDSTrainingSelector .tabContainer2
{
    width: 568px;
}
#SDSTrainingSelector .tabContainer2 .tabs2
{
    margin-bottom: 0px;
}
/*********************/
html > body img.sfsButtonBook 
{
	right: 305px; /*78*/
}
img.sfsButtonBook 
{
    right:305px;
}

#SDSTrainingSelector
{
	width: 567px;
}

.formslogincontainer
{
    left: 768px;
	/* left: 712px; */
}
#formcontrolprint, 
div.formsContainerExtra
{
	width: 399px;
}

.innerContent table.extensive,
.innerContent table.motorsportNewsTable
{
   width: 567px; /*385px;*/
}
.innerContent table.extensive p.footnote
{ 
    width:200px;
}
    
table.t24
{
    width:385px;
}
body.canada-pdePool #navigationHomeSub
{ 
    height:96px;
}
body.porschesportscup-germanyPool #navigationHomeSub
{ 
    height:288px;
}
body.porschesportscup-germanyPool #navigationShade
{ 
    height:301px;
}
