/* Search module */
/*
.search
{
    position: absolute;
    bottom: 0;
    height: 200px;
    width: 200px;
}

.search p
{
    position: absolute;
    left: 48px;
    bottom: 31px !important;
    bottom: 38px;
    height: 17px;
    margin: 0;
    padding: 0;
}

.sea\rch p
{
    bottom: 43px;
}

.search input
{
    margin: 0;
    padding: 0;
}

.search .searchfield
{
    width: 109px;
    margin-right: 1px;
    height: 17px;
    color: #666;
    font-size: 9px;
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 1px;
    background-color: transparent;
}

.sea\rch .searchfield 
{
    width: 105px;
    height: 13px;
}

.search .searchbutton
{
    position: relative;
    top: 0 !important;
    top: 0px;
    width: 17px;
    height: 17px;
    border: 0;
    vertical-align: middle;
}

.sea\rch .searchbutton
{
    top: 1px;
}
*/

/* Inline download module */

.download
{
    border-bottom: 1px dashed #ccc;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.download p
{
    margin-bottom: 8px;
}

.download a
{
    display: block;
    background-image: url(/images/layout/arrow-grey.gif);
    background-position: 1px 4px;
    background-repeat: no-repeat;
    color: #666;
    padding-left: 14px;
    font-size: 10px;
}

.download a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
    color: #CC0000;
}


/* Illustrated links, links module,
   link sub-type model, link sub-type model info
*/

div.link,
a.link,
a.illustratedLink,
a.illustratedModelLink,
a.illustratedModelLinkInfo,
a.illustratedNewsLink
{
    position: relative;
    margin-bottom: 17px;
    /*height: 87px;*/
    clear: both;
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    clear: both;
}

a.illustratedLink,
a.illustratedModelLink,
a.illustratedModelLinkInfo,
a.illustratedNewsLink
{
    width: 567px;
}

a.illustratedModelLinkInfo
{
    /*height: 112px;*/ /* war vorher diese hoehe, dann lappt der graue hintergrund aber beim mouse over ueber die gestrichelte linie */
    height: 87px;
    margin-bottom: 12px;
}

div.link, a.link
{
    /*width: 399px;*/
}

div.link:hover,
a.link:hover, 
a.illustratedLink:hover
{
    background-image: url(/images/layout/illustrated-link-back.gif);
    background-repeat: repeat-y;
    background-position: 100% 0;
}

div.link:hover span,
a.link:hover span,
a.illustratedLink:hover span,
a.illustratedModelLink:hover span,
a.illustratedModelLinkInfo:hover span
{
    background-color: #F5F5F5;
}

div.link:hover span,
a.link:hover span, 
a.illustratedLink:hover span,
a.illustratedModelLink:hover span,
a.illustratedNewsLink:hover span
{
    background-image: url(/images/layout/illustrated-link-back.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
}

a.illustratedModelLinkInfo:hover span,
a.illustratedModelLinkInfo:hover
{
    background-image: url(/images/layout/illustrated-link-info-back.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
}

a.illustratedNewsLink:hover span
{
    color: #cc0000;
}

.illustratedLinkImage
{
    width: 151px;
    height: 87px;
    display: block;
    float: left;
}

div.link span,
a.link span, 
a.illustratedLink span,
a.illustratedModelLink span,
a.illustratedModelLinkInfo span,
a.illustratedNewsLink span
{
    width: 394px;
    height: 79px;
    display: block;
    font-size: 12px;
    padding: 4px;
    padding-left: 6px;
    color: #333;
}

a.illustratedModelLink span
{
    height: 60px;
}

a.illustratedModelLinkInfo span
{
    /*height: 103px;*/ /* war vorher diese hoehe, dann lappt der graue hintergrund aber beim mouse over ueber die gestrichelte linie */
    height: 87px;
}

a.illustratedNewsLink span
{
    height: 79px;
    background-color: #F5F5F5;
    border-top: 1px solid #990000;
    border-bottom: 1px solid #990000;
}

a.illustra\tedNewsLink span
{
    height: 77px;
}

a.illustratedLink span,
a.illustratedModelLink span,
a.illustratedModelLinkInfo span,
a.illustratedNewsLink span
{
    float: right;
}

div.link strong,
a.link strong, 
a.illustratedLink strong,
a.illustratedModelLink strong,
a.illustratedModelLinkInfo strong,
a.illustratedNewsLink strong
{
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 14px;
    color: #848484;
    display: block;
    padding-left: 14px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 2px 4px;
}

a.illustratedLink strong img {
	display: block;
	/* height: 19px; */
}

.illustratedModelLink,
.illustratedModelLinkInfo
{
    padding-bottom: 8px;
    border-bottom: 1px dashed #ccc;
}


a.illustratedNewsLink strong
{
    background-image: url(/images/layout/arrow-red-dark.gif);
    color: #990000;
}

div strong.modelInfo1,
div strong.modelInfo2
{
    display: block;
    position: absolute;
    top: 28px;
    width: 158px;
    height: 65px;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: #333;
    padding-left: 0;
    background-image: none;
}

div strong.modelInfo2
{
    left: 174px;
}

div strong.modelInfo2
{
    left: 375px;
}

.modelInfo1 em,
.modelInfo2 em
{
    font-style: normal;
    font-weight: bold;
    color: #848484;
}


/* Expandable module */
.expandables {
  margin-bottom: 21px;
  /*width:399px;*/
}
.expandables > .isexpanded {
  height: auto;
}
.expandables > .isexpanded > h3 {
  background-image: url(/images/arrow-white-down.gif);
  background-position: 11px 14px;
}

.expandable {
  /*margin-top: 1px;
  height: 19px;
  overflow: hidden;
  background-color: rgb(245,245,245);
  padding-bottom: 1px;*/
  background-color: #333333;
  height: 32px;
  margin-bottom: 0.5em;
  overflow: hidden;
  	/*& br {
  		display: none; // CM: ARGL!!!!
  	}
  
  	& > p > a {
  		margin-bottom: 0.5em;
  		display: block;
  	}*/
}
.expandable > p > a {
  display: inline-block;
  margin-bottom: 6px;
}

.expandable h3 {
    font-family: "PorscheNextWLa", "Arial Narrow", sans-serif;
  /*padding-top: 3px;
  color: #333;
  font-size: 11px;
  height: 17px;
  overflow: hidden;
  margin-top: 0;
  background-color: rgb(204,204,204);
  padding-left: 28px;
  background-image: url(/images/arrow-gray.gif);
  background-repeat: no-repeat;
  background-position: 11px 7px;
  font-weight: normal;
  cursor: pointer;*/
  background-image: url("/images/arrow-white.gif");
  background-position: 11px 12px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  height: 32px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  padding-left: 28px;
  padding-top: 6px;
  line-height: 20px;
  letter-spacing: 0px;
}

/* IE6 does not assign the attribute "padding-top" to h3-Elements
via their cascaded class definition (see above) , so redefine their heights by id
If the id suffix should extend 30, feel free to add more */
/*#expandableHead_1,
#expandableHead_2,
#expandableHead_3,
#expandableHead_4,
#expandableHead_5,
#expandableHead_6,
#expandableHead_7,
#expandableHead_8,
#expandableHead_9,
#expandableHead_10,
#expandableHead_11,
#expandableHead_12,
#expandableHead_13,
#expandableHead_14,
#expandableHead_15,
#expandableHead_16,
#expandableHead_17,
#expandableHead_18,
#expandableHead_19,
#expandableHead_20,
#expandableHead_21,
#expandableHead_22,
#expandableHead_23,
#expandableHead_24,
#expandableHead_25,
#expandableHead_26,
#expandableHead_27,
#expandableHead_28,
#expandableHead_29,
#expandableHead_30
{
	padding-top: 3px;
}*/
/*.innerContent .expandable p,*/
.expandable p {
  background-color: #F5F5F5;
  padding: 1em 28px;
  margin: 0;
}
.expandable .defaultList {
  list-style-type: square;
  background-color: #F5F5F5;
  padding: 1em 28px 1em 42px;
  margin: 0;
}
/* Inline movie module */

.inlineMovie
{
    width: 567px;
    height: 101px;
    border: 1px solid #D6D6D6;
    position: relative;
    margin-bottom: 21px;
    overflow: hidden;
}

.inlineMovie .thumb
{
    position: absolute;
    left: 0;
    top: 0;
    width: 158px;
    height: 101px;
    display: block;
}

#innerContent .inlineMovie h3
{
    position: absolute;
    left: 167px;
    top: 4px;
    line-height: 1em;
    font-size: 1em;
    margin-top: 0;
    margin: 0;
    padding: 0;
}

.inlineMovie .movieformat
{
    position: absolute;
    top: 37px;
    height: 61px;
    width: 100px;
    font-size: 11px;
}

.mediaplayer
{
    left: 167px;
}

.quicktime
{
    left: 300px;
}

.movieformat strong
{
    display: block;
    color: #848484;
    margin-bottom: 6px;
    font-size: 12px;
}

.movieformat a
{
    display: block;
    border: 1px solid #666;
    padding-left: 8px;
    padding-right: 4px;
    margin-bottom: 3px;
    width: 100px;
    font-weight: bold;
    background-image: url(/images/layout/arrow-grey.gif);
    background-position: 100px 3px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
}

.movieformat a:hover
{
    background-color: #eee;
}

.movieformat a.left {
	position: absolute;
	margin-right: 20px;
	float: left;
	bottom: 10px;
}

.movieformat a.right {
	position: absolute;
	left: 167px;
	float: left;
	bottom: 10px;
}


/* News module */

table.news
{
    margin: 0;
    margin-bottom: 21px;
    border-collapse: collapse;
    width: 399px;
    padding: 0;
}

.news td
{
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

.news a
{
    display: block;
    background-image: url(/images/layout/arrow-grey.gif);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    margin-right: 20px;
    padding-left: 16px;
    text-decoration: none;
    color: #666;
    line-height: 17px;
}

.news a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
    color: #CC0000;
}


/* Image combo */

.imageCombo1
{
    float: left;
    width: 183px;
}

.imageCombo2
{
    float: right;
    clear: right;
    width: 183px;
}

.imageCombos:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Link overview module */

ul.linkOverviews
{
    position: relative;
    height: 180px;
    width: 567px;
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.linkOverviews li,
.linkOverviews a
{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 11px;
}

.linkOverviews li,
{
    width: 120px;
    height: 66px;
}

.linkOverviews a
{
    text-decoration: none;
    color: #333;
    padding: 2px;
    width: 124px;
    height: 62px;
}

.linkOverviews a:hover
{
    color: #333;
    background-color: #F2F2F2;
}

.linkOverview1,
.linkOverview5
{
    left: 0;
}

.linkOverview2,
.linkOverview6
{
    left: 144px;
}

.linkOverview3,
.linkOverview7
{
    left: 288px;
}

.linkOverview4,
.linkOverview8
{
    left: 432px;
}

.linkOverview1,
.linkOverview2,
.linkOverview3,
.linkOverview4
{
    top: 0;
}

.linkOverview5,
.linkOverview6,
.linkOverview7,
.linkOverview8
{
    top: 88px;
}

.linkOverviews li strong,
.linkOverviews li span
{
    display: block;
}

.linkOverviews li strong
{
    padding-left: 10px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #848484;
}

.linkOverviews br
{
    display: none;
}

.linkOverviews span br
{
    display: inline;
}


/* Application Download (Screensaver) module */

.appDownload
{
    width: 520px;
    position: relative;
    height: 92px;
    margin-bottom: 21px;
}

.appDownload h3
{
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 1px;
}

.appDownload p
{
    font-size: 10px;
    margin-bottom: 12px;
}

.appDownload p a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.appDownloadExplanation
{
    position: absolute;
    left: 256px;
    top: 0;
    width: 265px;
}

.appDownload1
{
    position: absolute;
    left: 0;
    top: 0;
    width: 105px;
}

.appDownload2
{
    position: absolute;
    left: 136px;
    top: 0;
    width: 105px;
}


/* Gallery movie module */

.galleryMovie
{
    position: relative;
    width: 509px;
    height: 64px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 16px;
}

.galleryMovie .thumb
{
    display: block;
    width: 95px;
    height: 47px;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0;
}

.galleryMovie h3
{
    position: absolute;
    left: 105px;
    top: -30px;
    width: 300px;
    height: 14px;
    margin-top: 0;
    /*border: 1px solid green;*/
}



.galleryMovie .large,
.galleryMovie .small
{
    position: absolute;
    left: 291px;
    top: 33px;
    width: 84px;
    height: 18px;
    text-transform: uppercase;
}

.galleryMovie .small
{
    left: 394px;
}

.galleryMovie a
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}


/* Sound download module */

.sound
{
    position: relative;
    width: 509px;
    height: 64px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 16px;
}

.sound .thumb
{
    display: block;
    width: 95px;
    height: 47px;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0;
}

.sound .soundExplanation
{
    position: relative;
    left: 105px;
    top: 0;
    width: 100px;
    height: 50px;
    /*border: 1px solid red;*/
}

.sound .soundExplanation h3
{
    position: absolute;
    margin-top: 0;
    line-height: 1em;
    height: 14px;
    /*top: -30px;*/
    font-size: 12px;
    margin-bottom: 0;
    /*border: 1px solid blue;*/
}

.sound .soundExplanation p
{
    font-size: 11px;
    /*border: 1px solid green;*/
}

.sounds 
{
    position: absolute;
    top: 20px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 10px;
    /*border: 1px solid green;*/
}

.sound .soundPlay,
.sound .soundDownload
{
    position: absolute;
    left: 273px;
    top: 34px;
    width: 80px;
    height: 18px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.sound .soundDownload
{
    left: 353px;
}

.sound a
{
    text-decoration: none;
}


/* Features table for model specs module */

table.features
{
    width: 529px;
    border-collapse: collapse;
    line-height: 16px;
    margin-bottom: 21px;
}

.features th,
.features td
{
    font-size: 11px;
    padding: 2px;
    padding-bottom: 3px;
    border: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 4px;
    border-top: 1px dashed #ccc;
    padding-right: 16px;
}

.features th
{
    color: #848484;
}

table tr.firstRow th,
table tr.firstRow td
{
    border-top: none;
}


/* Knowledge base module */

ul.knowledgeBases
{
    position: relative;
    width: 567px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    height: 250px;
}

.knowledgeBases li,
.knowledgeBases a
{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
}

.knowledgeBases li,
{
    width: 120px;
    height: 66px;
}

.knowledgeBases a
{
    text-decoration: none;
    color: #333;
    padding: 2px;
    width: 182px;
    height: 52px;
}

.knowledgeBase1,
.knowledgeBase3,
.knowledgeBase5,
.knowledgeBase7,
.knowledgeBase9
{
    left: 0;
}

.knowledgeBase2,
.knowledgeBase4,
.knowledgeBase6,
.knowledgeBase8,
.knowledgeBase10
{
    left: 199px;
}

.knowledgeBase1,
.knowledgeBase2
{
    top: 0;
}

.knowledgeBase3,
.knowledgeBase4
{
    top: 57px;
}

.knowledgeBase5,
.knowledgeBase6
{
    top: 114px;
}

.knowledgeBase7,
.knowledgeBase8
{
    top: 171px;
}

.knowledgeBase9,
.knowledgeBase10
{
    top: 228px;
}

.knowledgeBases li strong,
.knowledgeBases li span
{
    display: block;
}

.knowledgeBases li strong
{
    padding-left: 10px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #848484;
    font-weight: normal;
}

.knowledgeBases li a:hover strong
{
    color: #CC0000;
    background-image: url(/images/layout/arrow-red.gif);
    cursor: pointer;
}

.knowledgeBases br
{
    display: none;
}

.knowledgeBases img
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 61px;
    height: 37px;
    border: 1px solid #ccc;
}

.knowledgeBases strong
{
    display: block;
    position: absolute;
    left: 72px;
    top: -1px;
    width: 117px;
}

#knowledgeBaseShade
{
    position: absolute;
    display: none;
    width: 662px;
    height: 553px;
    z-index: 1900;
}

#knowled\geBaseShade
{
    background-image: url(/images/layout/transparent/black-05.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=5);
    background-color: #000;
    background-image: none;
}

#knowledgeBase
{
    position: absolute;
    background-color: #fff;
    display: none;
    width: 646px;
    height: 535px;
    z-index: 1901;
}





/* News Links module */

.newsLinks
{
    background-color: #F5F5F5;
    border-top: 1px solid #8E0614;
    border-bottom: 1px solid #8E0614;
    padding-top: 4px;
    padding-bottom: 9px;
    position: relative;
    height: 88px;
}

.newsLinks h3
{
    margin-top: 0;
    margin-left: 16px;
    margin-bottom: 8px;
}

.newsLinks ul
{
    margin: 0;
    padding: 0;
    display: block;
}

.newsLinks li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.newsLinks a
{
    display: block;
    font-size: 12px;
    margin-left: 16px;
    padding-left: 8px;
    margin-bottom: 2px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #323232;
    text-decoration: none;
    padding-top: 0;
    height: 18px;
    line-height: 13px;
    padding-bottom: 0;
    margin-bottom: -3px;
}

.newsLinks a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
}


/* Gallery module */

.galleryImage
{
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: -15px;
    margin-top: 9px;
    margin-bottom: 49px;
    border: 1px solid #ccc;
}

.galleryImage img
{
    display: block;
}

.switchgalleryImage
{
    position: absolute;
    top: 343px;
    left: 489px;
    width: 87px;
    height: 17px;
}

.prevgalleryImage
{
    position: absolute;
    top: 0;
    left: 0;
}

.nextgalleryImage
{
    position: absolute;
    top: 0;
    left: 55px;
}

.exterior
{
    width: 385px;
    height: 128px;
}

.interior
{
    width: 385px;
    height: 128px;
}

.wallpaper
{
    width: 320px;
    height: 128px;
}

.postcards
{
    width: 340px;
    height: 128px;
}

ul.galleryThumbs
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -15px;
}

ul.galleryThumbs li
{
    float: left;
}

ul.galleryThumbs li img
{
    display: block;
}

ul.galleryThumbs li div
{
    margin-right: 15px;
    margin-top: 15px;
    border: 1px solid #ccc;
}

ul.galleryThumbs .selected
{
    display: block;
    border: 1px solid #CC0000;
}

ul.galleryThumbs .selected img
{
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}

ul.wallpaperRes
{
    position: absolute;
    left: 247px;
    top: 331px;
    width: 192px;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.wallpaperRes li
{
    float: left;
    width: 96px;
}

.wallpaperRes li a
{
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 18px;
    font-size: 10px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

.wallpaperRes a:hover
{
    color: #CC0000;
    background-image: url(/images/layout/arrow-red.gif);
}


div#navigation {
	position:absolute;
	top:128px;
}


/* Shopping buttons module */
.shoppingButtons
{
    position: relative;
    top: -1px;
    left: 1px;
    display: block;
    width: 287px;
    height: auto; /*120px*/
    padding-left: 47px;
    padding-top: 10px !important;
    padding-top: 15px;
    margin-top: 0;
    z-index: 1234;
}

.shoppin\gButtons
{
    width: 125px;
}

.shoppingButtons span
{
    display: block;
    background-color: transparent;
	border: 1px solid #5B85AD;
    margin-top: 5px;
    margin-bottom: 0;

    height: 19px;
    padding-left: 1px;
    padding-top: 1px;
    width: 127px;
}

.shoppin\gButtons span
{
    width: 124px;
    height: 16px;
}

.shoppingButtons span a
{
    display: block;
    background-color: #5B85AD;
    padding-left: 19px;
    width: 123px;
    height: 15px;
    padding-top: 1px;
    text-decoration: none;
    color: white;
    font-size: 10px;

}

.shoppingShade
{
    position: absolute;
    top: 273px;
    left: 0;
    width: 223px;
    height: 166px;
    z-index: 0;
    background-image: url(/images/layout/chessboard-light.gif);
    background-repeat: repeat;
}

.shoppin\gShade
{
	background-image: url(/images/layout/transparent/white-05.png);
    background-color: transparent !important;
    background-color: white;
	filter: alpha(opacity=5);
}

.shoppin\gButtons span a
{
    width: 104px;
    height: 14px;
}

.shoppingButtons span a:hover
{
    color: #5B85AD;
    background-color: white;
}

body#home .shoppingButtons
{
    top: -4px;
}

body#home .shoppingButtons span
{
	border: 1px solid white;
}

/* Navigation - Blue Buttons */
.shoppingButtons
{
	padding: 0px !important;
	top: 0px !important;
	width: 200px !important;
}

div.shoppingButtons
{
	left: 0px;
}
body.home div.shoppingButtons
{
	left: 60px !important;
}
body.home .shoppingButtons .navigation-bluebox
{
	margin-left:0px;
}
.navigation-bluebox
{
	border: 1px #5B85AD solid;
	padding: 1px;
	background-color: White;
	position: relative;
	margin-left:23px;
	margin-right:23px;
	margin-top:17px;
	margin-bottom: 0px;
	width: 179px;
}
.blueboxitem
{
	display: block;
}
.blueboxitem a
{
	border-bottom: 1px #8DAAC6 solid;
	height: 23px;
	line-height: 22px;
	color: White;
	background-color: #5B85AD;
	text-indent: 15px;
	display: block;
	font-size: 11px;
	text-decoration: none;
}
.blueboxitem a.last
{
	border-bottom: 0px red solid;
}
.blueboxitem a:hover
{
	background-color: #F3F6F9;
	color: #5B85AD;
}


/*sharing/Follow button*/
#sharing
{
    color:white;
    display:block;
    font-size:10px;
    padding:0px;
    position:absolute;
    text-decoration:none;
    margin:0px;
    left:25px;
    border: none;
    margin-top: 18px;
    z-index: 1236;
}
#sharing span
{
    margin-top: 0px;
    text-indent: 6px;
    display: block;
    }


#sharelayer a {
    text-decoration:none;
    background-color:#FFFFFF;
    color:#333333;
    display:block;
    font-size:10px;
    height:16px;
    padding:0px;
    text-decoration:none;
    overflow:hidden;
    text-indent: 30px;
    line-height: 16px;
    background-image: url("/images/layout/icons.jpg");
    background-repeat: no-repeat;
    float:left;
	width:79px;
    margin-top:4px;
    border:none;
}

#sharelayer
{
    background-color: #ffffff;
    font-family: "PorscheNextWLa", "Arial Narrow", sans-serif;
    border-left: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    border-top:0px;
    color: #333333;
    clear:both;
    height:86px;
    position:relative;
    width:177px;
    line-height:16px;
}
#sharebutton
{ 
    background-image: url("/images/layout/share.gif");
    background-repeat: no-repeat;
    display: block;
    height:21px;
    margin:0;
    padding:0;
    line-height:21px;
    width:179px;
    color:#333333; 
    text-indent:23px;
}



/* Module key facts for model homepage;
   fits within gallery tabs module */

.facts
{
    position: relative;
    height: 73px;
    width: 100%;
    top: -2px;
}

.facts h3
{
    margin-top: 0;
    position: absolute;
    text-align: right;
    font-size: 11px;
    letter-spacing: -1px;
}

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

.factsVehicle h3
{
    top: 0;
    left: 0;
    width: 60px;
}

.factsVehicle p
{
    position: absolute;
    top: 0;
    left: 81px;
    width: 150px;
}

.factsPerformance h3
{
    top: 0;
    left: 275px;
    width: 70px;
}

.factsPerformance p
{
    position: absolute;
    top: 0;
    left: 360px;
    width: 150px;
}

.factsPrice h3
{
    top: 40px;
    left: 275px;
    width: 70px;
}

.factsPrice p
{
    position: absolute;
    top: 40px;
    left: 360px;
    width: 120px;
}

img.priceNewCars {
	float: none;
	margin-bottom: 10px;
}

/* Ad-Tracker Module */

.adTracker img
{
    border: 0;
    width: 1px;
    height: 1px;
}


/* Teaser bar module */

.teaserBar
{
    position: relative;
    top: -4px;
    left: 0;
    margin: 0 0 29px 0;
    padding: 0;
    height: 65px;
    display: block;
}

.teaserBar li
{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 135px;
    height: 65px;
    display: block;
}

.teaserBar img
{
    display: block;
    border: 1px solid #CDCDCD;
}

.teaserBar span
{
    display: block;
    margin-top: 5px;
    padding-left: 8px;
    background: #fff url(/images/layout/arrow-grey.gif) no-repeat left 3px;
    font-size: 10px;
}

.teaserBar ul li a 
{
    text-decoration: none;
    display: block;
}


.teaserBar a:hover span
{
    background-image: url(/images/layout/arrow-red.gif);
}

.teaserBar .teaser1
{
    left: 0;
}

.teaserBar .teaser2
{
    left: 152px;
}

.teaserBar .teaser3
{
    left: 304px;
}

.teaserBar .teaser4
{
    left: 456px;
}

/* ************************************************************** */


/* ********************** Teaser Described ********************** */

.teaserDescribed
{
    position: relative;
}

.teaserDescribed h3
{
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
}

.teaserDescribed h3 img
{
    display: block;
}

.teaserDescribed .teaserDescribedImage 
{
    position: relative;
    display: block;
    float: left;
    border: 1px solid #CDCDCD;
    width: 133px;
    left: -3px;
    margin: 0;
    padding: 0;
}

.teaserDescr\ibed .teaserDescribedImage 
{
    left: 0;
}

.teaserDescribed p
{
    clear: none;
    float: right;
    position: relative;
    top: -4px;
    display: block;
    width: 255px;
}

.teaserDescribed p span
{
    display: block;
    height: 32px;
}

.teaserDescribed p a
{
    display: block;
    text-decoration: none;
    font-size: 10px;
    margin-top: 7px;
    padding-left: 16px;
    background: #fff url(/images/layout/arrow-grey.gif) no-repeat 2px 5px;
}

.teaserDescribed p a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
}





/* Christophorus Thumbnails module */

.thumbnails
{
    position: relative;
    top: 2px;
    left: 0;
    margin: 0 0 52px 0;
    padding: 0;
    height: 365px;
    display: block;
}

.thumbnails li
{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 135px;
    height: 180px;
    display: block;
    background: #fff url(/images/layout/thumbnail-bg.jpg) no-repeat top right;
}

.thumbnails img
{
    display: block;
    border: 1px solid #ccc;
}

.thumbnails span
{
    width: 102px;
    display: block;
    margin-top: 4px;
    padding-left: 13px;
    background: #fff url(/images/layout/arrow-grey.gif) no-repeat left 3px;
    font-size: 10px;
}

.thumbnails li a 
{
    text-decoration: none;
    display: block;
}

.thumbnails a:hover span
{
    background-image: url(/images/layout/arrow-red.gif);
}

.thumbnails .thumbnail1
{
    left: 0;
}

.thumbnails .thumbnail2
{
    left: 141px;
}

.thumbnails .thumbnail3
{
    left: 283px;
}

.thumbnails .thumbnail4
{
    top: 192px;
    left: 0px;
}

.thumbnails .thumbnail5
{
    top: 192px;
    left: 141px;
}

.thumbnails .thumbnail6
{
    top: 192px;
    left: 283px;
}




/* Content Navigation module for overview pages */

.contentNav
{
    position: relative;
    top: -5px;
    margin: 0;
    padding: 0;
}

.contentNav li
{
    display: block;
    margin: 0;
    padding: 0;
    height: 19px;
    margin-bottom: 13px;
}

.contentNav li a
{
    padding-left: 16px;
    background: #fff url(/images/layout/arrow-grey.gif) no-repeat 2px 4px;
    font-size: 12px;
    text-decoration: none;
}

.contentNav li a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
}


/* VCard for personal contact information plus photo */

.vcard
{
    position: relative;
    margin: 0;
    margin-bottom: 22px;
    padding: 0;
}

.vcard img
{
    border: 1px solid #ccc;
}

.vcard div
{
    position: absolute;
    left: 128px;
    top: 5px;
}


/* News navigation module */

.newsNav
{
    position: relative;
    margin: 0;
    margin-bottom: 22px;
    padding: 0;
    width: 397px;
    height: 53px;
    border: 1px solid #ccc;
}

.newsNav li
{
    display: block;
    position: absolute;
    font-size: 10px;
}

.newsNav li a
{
    margin: 0;
    padding: 0;
    padding-left: 14px;
    background: #fff url(/images/layout/arrow-grey.gif) no-repeat left 3px;
    text-decoration: none;
}

.newsNav li a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
}

.newsNav .item1
{
    left: 17px;
    top: 12px;
}

.newsNav .item2
{
    left: 169px;
    top: 12px;
}

.newsNav .item3
{
    left: 17px;
    top: 28px;
}

.newsNav .item4
{
    left: 169px;
    top: 28px;
}


/* 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/layout/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;
}

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

.nav\shade
{
    background-image: url(/images/layout/transparent/white-20.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=20);
    background-color: white;
    background-image: none;
}

.navshadeSimple
{
    background-image: url(/images/layout/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
{
    background-image: url(/images/layout/transparent/white-45.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=45);
    background-color: white;
}

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

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

.navshadeTop\nav
{
    background-image: url(/images/layout/transparent/white-13.png) !important;
    background-color: transparent !important;
    filter: alpha(opacity=13);
    background-image: none;
    background-color: #fff;
}

div.subnav
{
    display: none;
    position: absolute;
    width: 151px;
    height: 23px;
    font-size: 10px;
    padding-left: 15px;
    padding-top: 5px;
    background-color: white;
    color: black;
    font-size: 10px;
    text-decoration: none;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 138px 8px;
    filter: alpha(opacity=86);
    -moz-opacity: .86;
    cursor: pointer;
}

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

/* submenues des mouse-over menues auf startseite. */
.subnav1 { left: 224px; } /* ebene 1 */
.subnav2 { left: 376px; } /* ebene 2 */

.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: 417px; }/* { top: 105px; }*/


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;
    line-height: 14px;
    font-size: 10px;
}

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

.info div.engine {
	margin-top: 140px;
}

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

.infoHeadline
{
	position: absolute;
	left: 15px;
	top: 122px;
    width: 269px;
    font-size: 10px;
    height: 23px;
	z-index: 1;
}

.infoSubHeadline
{
	position: absolute;
	left: 15px;
	top: 143px;
    width: 261px;
    font-size: 10px;
    color: #000;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    height: 16px;
    margin-bottom: 6px;
	z-index: 3;
}

.infoSeparator
{
    width: 261px;
    border-top: 1px dashed #ccc;
    height: 1px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 6px;
}

.infoMore
{
	position: absolute;
	left: 16px;
	top: 391px;
    height: 20px;
    width: 380px;
	margin: 0;
	padding: 0;
}

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

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

body#home div#navigation
{
    top: 300px;
}

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

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

body#home .search
{
    postion: absolute;
    top: 0;
    left: 0;
}

body#home .search p
{
    position: absolute;
    left: 48px;    
    top: 451px;
    height: 17px;
    margin: 0;
    padding: 0;
}

body#home .sea\rch p
{
        top: 452px;
}

.search p.lastChild
{
    display: none;
}

body#home .search p.lastChild
{
    display: block;
    position: absolute;
    left: 48px;    
    top: 484px !important;
    top: 483px;
}

body#home .sea\rch p.lastChild
{
    top: 484px;
}

body#home .search .searchbutton
{
    top: 0 !important;
    top: 0px;
}

body#home .sea\rch .searchbutton
{
    top: 1px;
}

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

#home div#content
{
    min-height: 609px;
    height: auto !important;
    height: 609px;
}

#home .related
{
    display: none;
}

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


/* Country Selector module */

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

a.countriesHead,
a.countriesHead:link,
a.countriesHead:visited,
a.countriesHead:hover,
a.countriesHead:active
{
    position: absolute;
    font-weight: bold;
    color: white;
    font-size: 18px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 300px;
    letter-spacing: -1px;
}

body.countries div.introImage
{
    position: absolute;
    left: 24px;
    top: 128px;
    width: 839px;
    height: 440px;
    z-index: 0;
}

.countries div#content
{
    min-height: 470px;
    height: auto !important;
    height: 470px;
}

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

.countries #selector
{
    position: absolute;
    left: 40px;
    top: 150px;
    z-index: 1001;
}

#selector select,
#selector option
{
    font-style: normal;
    background-color: #fff;
}

#selector optgroup
{
    font-weight: bold;
    font-style: normal;
    color: #666;
    padding-left: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#selector optgroup option
{
    font-weight: normal;
    color: #000;
}

#countryBackground
{
    position: absolute;
    left: 0;
    top: 130px;
    width: 847px;
    height: 278px;
    border: 0;
}

#selector div
{
    margin-bottom: 17px;
}

#selector form select,
#selector form option,
#selector form optgroup
{
    font-size: 10px;
}

.selectTitle
{
    font-weight: bold;
}

#selector optgroup option.otherCountries,
.otherCountries
{
    margin-top: 4px;
    color: #666;
}

.langSwitch
{
    position: absolute;
    left: 45px;
    top: 430px;
    width: 200px;
    height: 60px;
}

.langSwitch a
{
    display: block;
    width: 100px;
    height: 20px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 9px;
    color: #666;
    text-decoration: none;
    font-size: 11px;
}

.langSwitch a:hover,
.langSwitch a:active
{
    background-image: url(/images/layout/arrow-red.gif);
    color: #c00;
    text-decoration: none;
}

.welcome
{
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.welcomeGerman
{
    left: 421px;
    top: 374px;
}

.welcomeGerman,
.welcomeGerman img
{
    width: 239px;
    height: 20px;
}

.welcomeEnglish
{
    left: 540px;
    top: 374px;
}

.welcomeEnglish,
.welcomeEnglish img
{
    width: 199px;
    height: 20px;
}

.countrySubmit
{
    display: none;
}

/* der transparente hintergrund beim aufklappen des mouse-over men�s */
#selectorShade
{
    position: absolute;
    left: 0;
    top: 100px;
    width: 223px;
    height: 306px;
    z-index: 1000;
}

#selectorS\hade
{
    background-image: url(/images/layout/transparent/white-13.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=13);
    background-color: #fff;
    background-image: none;
}



/* Module Motorschaubild */
/* vorerst raus, da nicht benoetigt. sonst sucht browser ewig nach den bildern.. */
/*
.engineDiagram
{
    position: relative;
    height: 300px;
}

.engineDiagram .engineDiagramImage
{
display: block;
position: absolute;
left: 0;
top: 0;
width: 369px;
height: 405px;
z-index: 1;
}

.engineDiagram .engineDiagramDetails
{
position: absolute;
left: -153px;
top: -139px;
z-index: 2;
}

.engineDiagram .engineDiagramDetails div
{
position: absolute;
display: none;
}

.engineDiagram ol
{
position: absolute;
left: 390px;
top: 30px;
width: 180px;
height: 340px;
padding: 15px;
padding-left: 0px;
border: 1px solid #ccc;
margin: 0;
list-style-type: none;
z-index: 3;
overflow: auto;
}

.engineDia\gram ol
{
width: 150px;
height: 310px;
padding: 15px;
}

.engineDiagram li
{
margin: 1px;
padding: 0;
margin-bottom: 0px;
}

.engineDia\gram li
{
margin-bottom: 4px;
}

.engineDiagram li a
{
display: block;
height: 22px;
padding-top: 4px;
padding-left: 35px;
font-size: 10px;
text-decoration: none;
cursor: default;
backgroundcolor: #fff;
background-repeat: no-repeat;
background-position: top left;
background-repeat: no-repeat;
}

.engineDia\gram li a
{
padding-left: 35px;
}

.engineDiagram ol #engineDiagramItem1 a {
background-image: url(/images/layout/motor/l1_off.gif);
}

.engineDiagram ol #engineDiagramItem1 a:hover {
background-image: url(/images/layout/motor/l1_on.gif);

}

.engineDiagram ol #engineDiagramItem2 a {
background-image: url(/images/layout/motor/l2_off.gif);
}

.engineDiagram ol #engineDiagramItem2 a:hover {
background-image: url(/images/layout/motor/l2_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem3 a {
background-image: url(/images/layout/motor/l3_off.gif);
}

.engineDiagram ol #engineDiagramItem3 a:hover {
background-image: url(/images/layout/motor/l3_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem4 a {
background-image: url(/images/layout/motor/l4_off.gif);
}

.engineDiagram ol #engineDiagramItem4 a:hover {
background-image: url(/images/layout/motor/l4_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem5 a {
background-image: url(/images/layout/motor/l5_off.gif);
}

.engineDiagram ol #engineDiagramItem5 a:hover {
background-image: url(/images/layout/motor/l5_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem6 a {
background-image: url(/images/layout/motor/l6_off.gif);
}

.engineDiagram ol #engineDiagramItem6 a:hover {
background-image: url(/images/layout/motor/l6_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem7 a {
background-image: url(/images/layout/motor/l7_off.gif);
}

.engineDiagram ol #engineDiagramItem7 a:hover {
background-image: url(/images/layout/motor/l7_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem8 a {
background-image: url(/images/layout/motor/l8_off.gif);
}

.engineDiagram ol #engineDiagramItem8 a:hover {
background-image: url(/images/layout/motor/l8_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem9 a {
background-image: url(/images/layout/motor/l9_off.gif);
}

.engineDiagram ol #engineDiagramItem9 a:hover {
background-image: url(/images/layout/motor/l9_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem10 a {
background-image: url(/images/layout/motor/l10_off.gif);
}

.engineDiagram ol #engineDiagramItem10 a:hover {
background-image: url(/images/layout/motor/l10_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem11 a {
background-image: url(/images/layout/motor/l11_off.gif);
}

.engineDiagram ol #engineDiagramItem11 a:hover {
background-image: url(/images/layout/motor/l11_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem12 a {
background-image: url(/images/layout/motor/l12_off.gif);
}

.engineDiagram ol #engineDiagramItem12 a:hover {
background-image: url(/images/layout/motor/l12_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem13 a {
background-image: url(/images/layout/motor/l13_off.gif);
}

.engineDiagram ol #engineDiagramItem13 a:hover {
background-image: url(/images/layout/motor/l13_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem14 a {
background-image: url(/images/layout/motor/l14_off.gif);
}

.engineDiagram ol #engineDiagramItem14 a:hover {
background-image: url(/images/layout/motor/l14_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem15 a {
background-image: url(/images/layout/motor/l15_off.gif);
}

.engineDiagram ol #engineDiagramItem15 a:hover {
background-image: url(/images/layout/motor/l15_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem16 a {
background-image: url(/images/layout/motor/l16_off.gif);
}

.engineDiagram ol #engineDiagramItem16 a:hover {
background-image: url(/images/layout/motor/l16_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem17 a {
background-image: url(/images/layout/motor/l17_off.gif);
}

.engineDiagram ol #engineDiagramItem17 a:hover {
background-image: url(/images/layout/motor/l17_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem18 a {
background-image: url(/images/layout/motor/l18_off.gif);
}

.engineDiagram ol #engineDiagramItem18 a:hover {
background-image: url(/images/layout/motor/l18_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem19 a {
background-image: url(/images/layout/motor/l19_off.gif);
}

.engineDiagram ol #engineDiagramItem19 a:hover {
background-image: url(/images/layout/motor/l19_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem20 a {
background-image: url(/images/layout/motor/l20_off.gif);
}

.engineDiagram ol #engineDiagramItem20 a:hover {
background-image: url(/images/layout/motor/l20_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem21 a {
background-image: url(/images/layout/motor/l21_off.gif);
}

.engineDiagram ol #engineDiagramItem21 a:hover {
background-image: url(/images/layout/motor/l21_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem22 a {
background-image: url(/images/layout/motor/l22_off.gif);
}

.engineDiagram ol #engineDiagramItem22 a:hover {
background-image: url(/images/layout/motor/l22_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem23 a {
background-image: url(/images/layout/motor/l23_off.gif);
}

.engineDiagram ol #engineDiagramItem23 a:hover {
background-image: url(/images/layout/motor/l23_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem24 a {
background-image: url(/images/layout/motor/l24_off.gif);
}

.engineDiagram ol #engineDiagramItem24 a:hover {
background-image: url(/images/layout/motor/l24_on.gif);
background-repeat: no-repeat;
}

.engineDiagram ol #engineDiagramItem25 a {
background-image: url(/images/layout/motor/l25_off.gif);
}

.engineDiagram ol #engineDiagramItem25 a:hover {
background-image: url(/images/layout/motor/l25_on.gif);
background-repeat: no-repeat;
}
*/

/* Kbase module */

body div #knowledgeBase h2
{
    background-color: #7B8B9A;
    color: #fff;
    width: 632px;
    height: 26px;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
}

body div #knowledgeBase #innerContent
{
    margin-left: 15px;
}


/* Element f�r Personalbilder */


.personal
{
    position: relative;
    margin-bottom: 17px;
    min-height: 87px;
    height:auto !important;
    height:87px;
    clear: both;
    display: block;
    text-decoration: none;
    background-color: #fff;
  	width: 567px;
    
}


.personal strong
{
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 4px;
    color: #848484;
    display: block;
}



.personal div.beschreibung
{
    /*width: 394px;*/
    height: 79px;
    display: block;
    font-size: 12px;
    padding: 4px;
    padding-left: 6px;
    color: #333;
    float: left;

}

.personalImage
{
    display: block;
    float: left;
    margin-right: 36px;
   margin-bottom: 14px;
    
}



/*----- Linkliste im Content Page 1 --- */

a.weiterlink 
{
    display: block;
    background-image: url(/images/layout/arrow-grey.gif);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    margin-right: 20px;
    padding-left: 16px;
    text-decoration: none;
    color: #666;
    line-height: 17px;
}

a.weiterlink:hover
{
    background-image: url(/images/layout/arrow-red.gif);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    color: #CC0000;
}

/* fuer die sofortverkauf-neuwagen*/
.illustrationLinkBordered
{
    position: relative;
    margin-bottom: 17px;
    height: 87px;
    clear: both;
    display: block;
    text-decoration: none;
    cursor: pointer; 
    background-color: #fff;
    width: 567px;
    padding-bottom: 8px;
}

.illustrationLinkBordered span
{
    width: 394px;
    display: block;
    font-size: 12px;
    padding: 4px;
    padding-left: 6px;
    color: #333;
    height: 79px;
    float: right;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    
    /* wenn nicht als link */
        background-color: #F5F5F5;
    border-top: 1px solid #990000;
    border-bottom: 1px solid #990000;
}

a.illustrationLinkBordered:hover span
{
    background-color: #F5F5F5;
		color: #cc0000;
   
}

.illustrationLinkBordered strong
{
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 4px;
    color: #848484;
    display: block;
    padding-left: 10px;
    background-image: url(/images/layout/arrow-red-dark.gif);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

.illustrationLinkBorderedImg
{
    display: block;
    float: left;
    border: 1px #ccc solid;
}

/* nicht hervorgehoben */
.illustrationLinkNoBorder
{
    position: relative;
    margin-bottom: 17px;
    height: 87px;
    clear: both;
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    width: 567px;
    padding-bottom: 8px;
}

.illustrationLinkNoBorder span
{
    width: 394px;
    display: block;
    font-size: 12px;
    padding: 4px;
    padding-left: 6px;
    color: #333;
    height: 79px;
    float: right;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    
    /* wenn nicht als link */
        background-color: #fff;
}

a.illustrationLinkNoBorder:hover span
{
    background-color: #F5F5F5;
}

.illustrationLinkNoBorder strong
{
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 4px;
    color: #848484;
    display: block;
    padding-left: 10px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}




/* nicht hervorgehoben */
.illustrationLinkNoBorderCar
{
    position: relative;
    margin-bottom: 17px;
    height: 87px;
    clear: both;
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    width: 567px;
    padding-bottom: 8px;
    overflow: hidden;
}

.illustrationLinkNoBorderCar span
{
    width: 394px;
    display: block;
    font-size: 12px;
    padding: 4px;
    padding-left: 6px;
    color: #333;
    height: 79px;
    float: right;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    
    /* wenn nicht als link */
        background-color: #fff;
}

a.illustrationLinkNoBorderCar:hover span
{
    background-color: #F5F5F5;

}

.illustrationLinkNoBorderCar strong
{
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 4px;
    color: #848484;
    display: block;
    padding-left: 10px;
    background-image: url(/images/layout/arrow-grey.gif);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}



.illustrationLinkNoBorderImg
{
    display: block;
    float: left;
}


.topRight {
	position: absolute;
	right: 4px;
}

.priceBottomRight {
	position: absolute;
	bottom: 17px !important;
	bottom: 18px;
	right: 4px;
}

/* popup fenster fuer sofort-neuwagen */
#carPopup{
	height: 100%;
	background-color: #fff;
	width: 100%;
	clear: both;
}

#carPopup div.introImage{
	margin: 0;
	padding-top: 0;
}

#carPopup div.introImage h2 {
	height: 55px;
}

#carPopup .introImage h2.headerText img {
	padding-top: 29px;
}

#carPopup .introImage h2.headerText {
	margin-left: 19px;
	margin-right: 19px;
}

#popupContent {

	margin-top: 12px;
  	padding-left: 19px;
	padding-right: 19px;
	padding-bottom: 20px;
	height: 229px;
}

span.meldung {
	font-size: 78%;
}

#popupContent img {
	float: left;
	display: block;
	margin-right: 17px;
}

#newcarDetails {
	position: relative;
	font-size: 78%;
	float: left;
	width: 260px;
	padding-bottom: 1.5em;
	height: 100%;
}

#newcarDetails img {
	position: absolute;
	float: none;
	bottom: 0;
}

#popupContent #buttons {
	clear: both;
	height: 45px;

}

#popupContent #buttons img {
	position: relative;
	margin-top: 29px;
}

#popupContent #buttons img.left {
	margin-right: 20px;
	float: left;
}

#popupContent #buttons img.centre {
	margin-right: 20px;
	float: left;
}

#popupContent #buttons img.right {
	position: absolute;
	right: 19px;
	float: left;
}

p.ul.listBulletSquare,
ul.listBulletSquare {
	margin: 0 0 18px 20px;
	padding: 0;
	list-style-type: square;
	font-size: 78%;
  	line-height: 1.29em;
}

/*PopUpWindow mit Formular */
#PopUpWindow
{
	background-color: #fff;
}

#FormPopup{
	height: 100%;
	background-color: #fff;
	width: 100%;
	clear: both;
}

#FormPopup p {
	  font-size: 78%;
    line-height: 1.29em;
}

#FormPopup div.introImage{
	margin: 0;
	padding-top: 0;
}

#FormPopup div.introImage h2 {
	height: 55px;
}

#FormPopup .introImage h2.headerText img {
	padding-top: 29px;
}

#FormPopup .introImage h2.headerText {
	margin-left: 19px;
	margin-right: 19px;
}

#popupContentForm {

	margin-top: 12px;
  	padding-left: 19px;
	padding-right: 19px;
	padding-bottom: 20px;
	display: block;
	float: left;
}


#popupContentForm #buttons {
	clear: both;
	height: 45px;

}

#popupContentForm #buttons img, #innerContent form div#buttons {
	position: relative;
	margin-top: 29px;

}

#popupContentForm #buttons img.left, #popupContentForm #buttons input.left, #buttons img.left {
	margin-right: 20px;
	float: left;
}

#popupContentForm #buttons img.centre,  #popupContentForm #buttons input.centre, #buttons img.centre {
	margin-right: 20px;
	float: left;
}

#popupContentForm #buttons img.right, #popupContentForm #buttons input.right, #buttons img.right, #buttons input.right {
	position: absolute;
	right: 19px;
	float: left;
}



/* Tabs module (gallery) */

.tabContainer
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 567px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    z-index: 100;

}

.tabs
{
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 700px;
    height: 14px;
    font-size: 10px;
}

.tabs li
{
    position: relative;
    float: left;
    background: #ccc;
    margin: 0;
    padding: 0;
    height: 16px;
    background: #ccc url(/images/layout/tab-bg.gif) no-repeat right top;
}

.tabs li a
{
    float: left;
    display: block;
    height: 16px;
    padding: 2px 20px 0px 20px;
}

.\tabs li a
{
    padding: 0;
    text-decoration: none;
}

.tabs li a img
{
    display: block;
    margin: 0;
    padding: 2px 20px 0px 20px;
}

.tabs .tab1
{
    z-index: 109;
    border-left: 1px solid #ccc;
}

.tabs .tab1 a img
{
    padding-left: 5px;
}

.tabs .tab1 a
{
    padding-left: 5px;
}

.\tabs .tab1 a
{
    padding-left: 0px;
}

.tabs .tab2
{
    z-index: 108;
    left: -15px;
}

.tabs .tab3
{
    z-index: 107;
    left: -30px;
}

.tabs .tab4
{
    z-index: 106;
    left: -45px;
}

.tabs .tab5
{
    z-index: 105;
    left: -60px;
}

.tabs .tab6
{
    z-index: 104;
    left: -75px;
}

.tabs .tab7
{
    z-index: 103;
    left: -90px;
}

.tabs .tab8
{
    z-index: 102;
    left: -105px;
}

.tabs .tab9
{
    z-index: 101;
    left: -120px;
}

.tabs .tab10
{
    z-index: 101;
    left: -120px;
}

.tabs li a.lastChild
{
    background: #ccc url(/images/layout/tab-last-bg.gif) no-repeat right top;
}

.tabs .selected a
{
	cursor: default;
}

.tabs .selected a.lastChild
{
    background: url(/images/layout/tab-last-selected-bg.gif) no-repeat right top;
}

.tabs .selected
{
    background: #fff url(/images/layout/tab-selected-bg.gif) no-repeat right top;
    z-index: 120;
}

.tabContent
{
    position: relative;
    top: 1px;
    border: 1px solid #ccc;
    width: 567px;
    margin-top: -2px;
    margin-bottom: 4px;
    padding: 23px 22px 14px 22px;
    z-index: 10;
}

#bilderschauText
{
	padding: 18px 22px 14px 22px;
	font-size: 12px;
}

.tabCon\tent 
{
    width: 523px;
    margin-top: -2px;
}


/* News Links module */

.newsLinks
{
    background-color: rgb(245,245,245);
    border-top: 1px solid rgb(142,6,20);
    border-bottom: 1px solid rgb(142,6,20);
    padding-top: 4px;
    padding-bottom: 9px;
    position: relative;
    height: 88px;
}

.newsLinks h3
{
    margin-top: 0;
    margin-left: 16px;
    margin-bottom: 8px;
}

.newsLinks ul
{
    margin: 0;
    padding: 0;
    display: block;
}

.newsLinks li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.newsLinks a
{
    display: block;
    font-size: 12px;
    margin-left: 16px;
    padding-left: 8px;
    margin-bottom: 2px;
    background-image: url(/images/layout/arrow-gray.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: rgb(50,50,50);
    text-decoration: none;
    padding-top: 0;
    height: 18px;
    line-height: 13px;
    padding-bottom: 0;
    margin-bottom: -3px;
}

.newsLinks a:hover
{
    background-image: url(/images/layout/arrow-red.gif);
}



/* Gallery module */

.galleryImage
{
    position: relative;
    top: 10px;
    margin: 0;
    padding: 0;
    margin-left: -15px;
    margin-bottom: 57px;
    width: 595px;
    height: 317px;
    border: 1px solid #ccc;
    line-height: 0;
    font-size: 10px;
}

.galleryImage img
{
    display: block;
    line-height: 0;
    font-size: 10px;
}

.galleryImage > .floating { /*display:table for Mozilla & Opera*/
	display: table;
	position: static;
}

.floating { /*for IE*/
	height: 100%;
	position: relative;
	margin: auto;
      overflow: hidden;
}

.floating div { /*for IE*/
	position: absolute;
	top: 50%;
	left: 50%;
}

.floating > div { /*for Mozilla and Opera*/
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.floating div img {
	position: relative;
	/* top: -49.5%; */
	left: 0 !important;
	/* left: -50%; */
}

.textgalleryImage
{
	
	position: absolute;
    top: 332px;
    left: 248px;
    width: 220px;
	height: 42px;
	padding: 1px;    
    font-size: 10px;
    color: #666;
    overflow: hidden;
}

.switchgalleryImage
{
    position: absolute;
    top: 343px;
    left: 489px;
    width: 87px;
    height: 17px;
}

.prevgalleryImage
{
    position: absolute;
    top: 0;
    left: 0;
}

.nextgalleryImage
{
    position: absolute;
    top: 0;
    left: 55px;
}

.autoplayImage
{
    position: absolute;
    top: 0;
    left: 110px;
}

#gallerySubtitles
{
    position: absolute;
    left: 249px;
    top: 337px;
}

#gallerySubtitles div
{
    color: #666666;
    z-index: 11111;
    font-size: 11px;
    display: none;
    width: 210px;
}

.exterior
{
    width: 385px;
    height: 128px;
}

.interior
{
    width: 385px;
    height: 128px;
}

.wallpapers
{
    width: 320px;
    height: 128px;
}

.postcards
{
    width: 340px;
    height: 128px;
}

ul.galleryThumbs
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -15px;
}

ul.galleryThumbs li
{
    float: left;
}

ul.galleryThumbs li img
{
    display: block;
}

ul.galleryThumbs li div
{
    margin-right: 15px;
    margin-top: 15px;
    border: 1px solid #ccc;
}

ul.galleryThumbs .selected
{
    display: block;
    border: 1px solid rgb(204,0,0);
}

ul.galleryThumbs .selected img
{
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}

ul.wallpaperRes
{
    position: absolute;
    left: 247px;
    top: 331px;
    width: 192px;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.wallpaperRes li
{
    float: left;
    width: 96px;
}

.wallpaperRes a
{
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 18px;
    font-size: 10px;
    background-image: url(/images/layout/arrow-gray.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

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

.galleryTitle
{
    /*display: none;*/
    position: absolute;
    right: 6px;
    top: 332px;
    text-align: right;
    width: 200px;
    height: 22px;
    /*border: 1px solid red;*/
}

/* filmseiten, wie orsino */
.movieTop {
	border-bottom: 1px solid #ccc;
	width: 615px;
	height: 257px;
	position: relative;
}

.movieTop img
{
	float: left;
	margin-right: 11px;
}

.movieInfo {
	margin-top: 18px;
	font-weight: bold;
	font-size: 110%;
	color: #848484;
	float: left;
}

.movieInfo h2 {
	margin: 0;
	padding: 0;
	height: auto;
}

.movieInfo img {
	margin-bottom: 12px;
	height: auto;
	float: none;
}

.movieTop .buttons {
	position: absolute;
	bottom: 10px;
}

.movieTop .buttons img {
	margin-top: 4px;
	margin-bottom: 0;
}

.formularfehler {
	display: block;
	font-size: 78%;
	color: #cc0000;
	background-color: #ccc;
	padding: 10px;
	width: 385px;
	margin: 0 0 19px 0px
}

#FormPopup .formularfehler {
		margin: 0 19px 19px 19px !important;
		margin: 0 19px 19px 10px;
		width: 579px;
		min-height: 100px;
		
}

.formularfehler ul {
	list-style-type: square;
}

/* JSL buttons f�r dsl bzw isdn version von filmen. unsichtbar wg. javascript-hover */
#isdn_link, #isdn_hover  {
	position: absolute;
	left: 167px; 
	top: 56px;
}

#dsl_link, #dsl_hover {
	position: absolute;
	left: 167px; 
	top: 76px;
}

#isdn_hover, #dsl_hover {
	display: none;
}

/* Bilderschau aus der Mediendatenabnk */

.media-db-gallery .gallery-spacer {
	height: 9px;
}

.media-db-gallery .gallery-image {
    margin: 0 0 15px -15px;
}

.media-db-gallery .gallery-image img {
	border: 1px solid #ccc;
}

.media-db-gallery .buttons {
	padding: 0 0 0 150px;
	margin-bottom: 15px;
}

.media-db-gallery .buttons  a {
	display: block;
	float: left;
	margin-left: 20px;
}

.media-db-gallery  ul li {
	list-style-type: none;
	list-style: none outside none;
	margin-bottom: 0px !important;
}

.media-db-gallery ul.galleryThumbs li div {
	margin: 15px 0 0 15px;
}