/*
   In dieser Datei werden Bereiche aus main.css für einzelne Templates
   modifiziert und/oder gesetzt.
   
   Welches Template zur Anwendung kommt wird ausschließlich im
   class-Attribut des body-tags definiert. Alles CSS-Selektoren in dieser
   Datei beginnen mit "body.TEMPLATENAME PFAD".
*/

/* Template startseite */
body.startpage #medienbereich { margin-top: 17px; }
body.startpage #medienbereich { position: relative; border: 0px; width: 904px; height: 463px;  }
body.startpage #medienbereich #fallbackBG {position: relative;border: 0px; width: 904px; height: 463px; background-image: url(../flash/startseite/img/super-sport/fallback.jpg);}
body.startpage #medienbereich .btn { position: relative; padding-left: 8px; top: 428px;}
body.startpage #medienbereich .btn img { padding-left: 6px; padding-right: 4px; }
body.startpage #footer { margin-top: 16px; }

/* Template text1col */
body.einspaltig-text #fliesstext    { margin-top: 19px; width: 664px; }
body.einspaltig-text #abschlusslink { margin-top: 15px; }


/* Template uebersicht-flash */
body.uebersicht-flash #footer { margin-top: 16px;}

/* Template konfigurator-flash */
body.konfigurator-flash #footer { margin-top: 16px;}


/* zeitleiste */
body.zeitleiste #footer { margin-top: 6px;}

/* Template  */
body.error-404 #headline            { margin-top: 0px; }
body.error-404 #fliesstext          { margin-top: 20px; width: 904px; }

/* sitemap */
body.sitemap #headline            { margin-top: 0px; }
body.sitemap #fliesstext          { margin-top: 20px; width: 904px; }
body.sitemap #fliesstext div      { margin-right: 25px; float: left;}
body.sitemap #fliesstext div.last { margin-right: 0px; }
body.sitemap #fliesstext table    { margin-top: 4px; width: 100%; }
body.sitemap #fliesstext table a  { color: #414448; border: 0px solid black; }
body.sitemap #fliesstext table a:hover  { color: #214D7E;}

body.sitemap table.content-tab a.level3 {
  display:block;
  margin-left:10px;
}

body.sitemap table.content-tab a.level4 {
  display:block;
  margin-left:20px;
}

/* Template bildtext2col */
body.zweispaltig-bild-text #spalten-container { width: 664px; }
body.zweispaltig-bild-text #bildspalte        { width: 234px; float: left; }
body.zweispaltig-bild-text #textspalte        { width: 403px; float: right; }
body.zweispaltig-bild-text #fliesstext,
body.zweispaltig-bild-text #abschlusslink     { width: 403px; float: right; }

body.zweispaltig-bild-text #textspalte    { margin-top: 18px; }
body.zweispaltig-bild-text #abschlusslink { margin-top: 15px; }
body.zweispaltig-bild-text #bildspalte    { margin-top: 22px; }

/* neues Template bild text übersicht */
body.uebersicht-bild-text #spalten-container { width: 793px; }

body.uebersicht-bild-text #bildspalte {
  position: relative; 
  left: -13px;
  width: 372px; 
  float: left;
}
body.uebersicht-bild-text #textspalte   { width: 421px; float: right; }
body.uebersicht-bild-text #fliesstext,

body.uebersicht-bild-text #textspalte    { margin-top: 10px; }
body.uebersicht-bild-text #abschlusslink { margin-top: 15px; }
body.uebersicht-bild-text #bildspalte    { margin-top: 11px; }


/* Template bildtext2col mit 2 Tabellen zum klappen */
body.zweispaltig-bild-text-jstab2teilig #spalten-container { width: 664px; }
body.zweispaltig-bild-text-jstab2teilig #bildspalte { width: 234px; float:left;margin-top:25px; }
body.zweispaltig-bild-text-jstab2teilig #fliesstext { width: 403px; float:right;margin-top:21px;}

body.zweispaltig-bild-text-jstab2teilig #tabelle {margin-top:38px;}
body.zweispaltig-bild-text-jstab2teilig #tabelle tr th {width:312px;}
body.zweispaltig-bild-text-jstab2teilig #tabelle tr th.spacer {width:40px;}
body.zweispaltig-bild-text-jstab2teilig #tabelle tr td {width:312px;}
body.zweispaltig-bild-text-jstab2teilig #tabelle table.content-tab { width: 312px; }
body.zweispaltig-bild-text-jstab2teilig #tabelle td.spacer         { width:  40px; }


/* Template bildtext2col mit einer Tabelle zum klappen */
body.zweispaltig-bild-text-jstab1teilig #spalten-container { width: 664px; }
body.zweispaltig-bild-text-jstab1teilig #bildspalte { width: 234px; float:left;margin-top:25px; }
body.zweispaltig-bild-text-jstab1teilig #fliesstext { width: 403px; float:right;margin-top:21px;}

body.zweispaltig-bild-text-jstab1teilig #tabelle {margin-top:27px;}
body.zweispaltig-bild-text-jstab1teilig #tabelle tr th {width:312px;}
body.zweispaltig-bild-text-jstab1teilig #tabelle tr td {width:312px;}
body.zweispaltig-bild-text-jstab1teilig #tabelle table.content-tab { width: 312px;}


/* Template Typen mit Text */
body.einspaltig-text-tab2teilig #fliesstext    { margin-top: 19px; width: 664px; }
body.einspaltig-text-tab2teilig #tabelle       { margin-top: 23px; }
body.einspaltig-text-tab2teilig #abschlusslink { margin-top: 25px; }

body.einspaltig-text-tab2teilig #tabelle table.content-tab { width: 322px; }
body.einspaltig-text-tab2teilig #tabelle td.spacer         { width:  20px; }


/* Template Typen ohne Text */
body.einspaltig-tab2teilig #tabelle       { margin-top: 24px; }
body.einspaltig-tab2teilig #abschlusslink { margin-top: 19px; }

body.einspaltig-tab2teilig #tabelle table.content-tab { width: 322px; }
body.einspaltig-tab2teilig #tabelle table.content-tab td.leftcol { padding-left: 5px; }
body.einspaltig-tab2teilig #tabelle td.spacer         { width:  20px; }


/* Template Typen ohne Text */
body.einspaltig-tab3teilig #tabelle       { margin-top: 24px; }
body.einspaltig-tab3teilig #abschlusslink { margin-top: 19px; }

body.einspaltig-tab3teilig #tabelle table.content-tab { width: 322px; }
body.einspaltig-tab3teilig #tabelle td.spacer         { width:  20px; }


/* einspaltig tab1teilig */
body.einspaltig-tab1teilig #tabelle       { margin-top: 24px; }

/* einspaltig jstabs2teilig (news events z.b.) */
body.einspaltig-jstabs1teilig table.layout-tab { margin-top: 26px;  width: 664px; }
body.einspaltig-jstabs1teilig table.content-tab { width: 664px; }
body.einspaltig-jstabs1teilig table.content-tab td.leftcol { width: 130px; }
body.einspaltig-jstabs1teilig table.content-tab td.rightcol { text-align: left;padding-right: 5px; }

/* einspaltig jstabs2teilig (pressespiegel) */
body.einspaltig-jstabs1teilig table.content-tab.pressespiegel td.rightcol { text-align: right; }
body.einspaltig-jstabs1teilig table.content-tab.pressespiegel td.leftcol { width: 500px; }

/* Template Typen-Bilder/Liste */
body.uebersicht-bild-und-liste .button-container { margin-top:24px;}
body.uebersicht-bild-und-liste .button-container div { float: left;}

body.uebersicht-bild-und-liste .button-container div.button a img.tab-headline { padding-right: 8px; }

body.uebersicht-bild-und-liste .button-container div.button { margin-right:30px; }

body.uebersicht-bild-und-liste #bildspalte {
  position: relative; 
  left: -13px;
  width:930px;
  margin-top:1px;
}

body.uebersicht-bild-und-liste #tabelle       { margin-top: 14px; width:664px;}
body.uebersicht-bild-und-liste #tabelle table.content-tab { width: 312px; }
body.uebersicht-bild-und-liste #tabelle td.spacer         { width:  40px; }


/* template uebersicht-bilder */
body.uebersicht-bilder #bildspalte {
 position: relative; 
 left: -13px;
 top: -13px;
 width: 930px;
 margin-top:0px;
 padding-top: 0px;
}
body.uebersicht-bilder #abschlusslink { margin-top: 6px; } 
body.uebersicht-bilder #bildspalte { margin-top: 27px;}

/* template uebersicht-bilder (mit crumbbar) */
body.uebersicht-bilder #crumb-bar { margin-top: 3px;}
body.uebersicht-bilder.crumbbar #bildspalte { margin-top: 8px; }

/* Template News nur mit Text */
body.einspaltig-datum-text #datum { margin-top:23px; }
body.einspaltig-datum-text #fliesstext    { width:630px; margin-top: 7px; }
body.einspaltig-datum-text #abschlusslink { margin-top: 15px; }


/* Template News mit Text und Bilder unten */
body.einspaltig-datum-text-raster #datum { margin-top:24px; }
body.einspaltig-datum-text-raster #fliesstext    { width:630px; margin-top: 8px; }
body.einspaltig-datum-text-raster #bildspalte { width: 601px; margin-top:10px;}
body.einspaltig-datum-text-raster #abschlusslink { margin-top: 21px; }


/* Template News mit Text und Bilder links */
body.zweispaltig-bild-datum-text #spalten-container {width:656px;}
body.zweispaltig-bild-datum-text #bildspalte { float:left; width: 234px; margin-top:24px;}
body.zweispaltig-bild-datum-text #textspalte { float:right; width: 395px; margin-top:23px;}
body.zweispaltig-bild-datum-text #datum {width:395px; float:right;}
body.zweispaltig-bild-datum-text #fliesstext    { float:right; width:395px; margin-top:6px;}
body.zweispaltig-bild-datum-text #abschlusslink { width:395px; float:right; margin-top:15px;}


/* Template News mit Text und Bilder links */
body.zweispaltig-datum-raster-text #datum {margin-top:23px;} 
body.zweispaltig-datum-raster-text #spalten-container {width:784px;}
body.zweispaltig-datum-raster-text #bildspalte { float:left; width: 360px;margin-top:5px; }
body.zweispaltig-datum-raster-text #textspalte { float:right; width: 403px;margin-top:7px; }

body.zweispaltig-datum-raster-text #fliesstext    { float:right; width:403px; }
body.zweispaltig-datum-raster-text #abschlusslink { width:403px; float:right; margin-top:15px;}


/* Template News Liste */
body.uebersicht-teaser-tab1teilig #spalten-container {width:596px;}
body.uebersicht-teaser-tab1teilig #bildspalte { float:left; width: 166px; margin-top:24px;}
body.uebersicht-teaser-tab1teilig #textspalte { float:right; width: 403px; margin-top:20px;}
body.uebersicht-teaser-tab1teilig #abschlusslink { margin-top:9px;}

body.uebersicht-teaser-tab1teilig #tabelle { width:664px; margin-top:10px;}


/* Template Events Liste */
body.einspaltig-tab1teilig #tabelle { width:664px; margin-top:24px;}


/* Template Events mit Text und Bilder links */
body.zweispaltig-raster-text #spalten-container {width:784px;}
body.zweispaltig-raster-text #bildspalte { float:left; width: 360px;margin-top:18px; }
body.zweispaltig-raster-text #textspalte { float:right; width: 403px;margin-top:20px; }

body.zweispaltig-raster-text #fliesstext    { float:right; width:403px; }
body.zweispaltig-raster-text #abschlusslink { width:403px; float:right; margin-top:15px;}

/* Bugatti Partner */
body.partner #tabelle { width:904px; margin-top:24px;}
body.partner #tabelle tr td {padding-top: 0px;padding-bottom: 0px; border-bottom: 0px solid #d8dcdf;}

body.partner #tabelle tr td img {display:none;}
body.partner #tabelle tr td img.display {display:block;}

body.partner #form-container {height:295px;}

body.partner #tabelle table.form-tab {width:860px;margin-left:13px;}
body.partner #tabelle #textspalte #arrow-list li { padding-bottom: 4px; }

body.partner #bildspalte{float:left;}
body.partner #textspalte{position:relative;width:307px;height:295px;background-color:#ebeced;float:right;}

body.partner #textspalte .textbereich{margin-top:13px;margin-left:21px;}
body.partner div.textbereich a{border-bottom: 1px solid #a6b8cb !important;}

body.partner #breadcrumb {width:100%;background-color:#d8dcdf;font-size:11px;line-height:12px;padding-top:7px;padding-bottom:7px;padding-left:13px;margin-top:1px;margin-bottom:1px;}
body.partner #breadcrumb a {font-size:11px;line-height:12px;}

body.partner #backbutton { position: absolute;top:268px;left:23px; }
body.partner #form-container #backbutton { position: absolute;top:268px;left:15px;}

body.partner #form-container .textbereich {padding-left:379px;padding-top:130px;width:230px;} 
body.partner #form-container .textbereich #backbutton { position: absolute;top:147px;left:368px;}
body.partner #form-container .textbereich #backbutton img { position: absolute;top:0px;left:0px;}
body.partner #form-container .textbereich #backbutton a { position: absolute;top:0px;left:10px;}

body.partner #form-container #hinweis { position: absolute;top:268px;left:302px;font-size:11px;line-height:16px;}
body.partner #form-container #hinweis.error {font-weight:bold;color:#D2293D;}



/* Kontakt */
body.kontakt #tabelle { width:904px; margin-top:24px;}
body.kontakt #tabelle tr td {padding-top: 0px;padding-bottom: 0px; border-bottom: 0px solid #d8dcdf;}

body.kontakt #tabelle table.form-tab {width:860px;margin-left:13px;}

body.kontakt .textbereich {padding-left:379px;padding-top:130px;width:230px;} 
body.kontakt .textbereich #backbutton { position: absolute;top:147px;left:368px;}
body.kontakt .textbereich #backbutton img { position: absolute;top:0px;left:0px;}
body.kontakt .textbereich #backbutton a { position: absolute;top:0px;left:10px;}

body.kontakt #form-container {height:300px;}

body.kontakt #form-container #hinweis { position: absolute;top:268px;left:302px;font-size:11px;line-height:16px;}
body.kontakt #form-container #hinweis.error {font-weight:bold;color:#D2293D;}

/* Anreise */
body.anreise #tabelle { width:904px; margin-top:24px;}
body.anreise #tabelle tr td {padding-top: 0px;padding-bottom: 0px; border-bottom: 0px solid #d8dcdf;}

body.anreise #tabelle tr td #bildspalte img {display:none;}
body.anreise #tabelle tr td #bildspalte img.display {display:block;}

body.anreise .textbereich a{border-bottom: 1px solid #a6b8cb;}

body.anreise #bildspalte{float:left;margin-top:1px;}

body.anreise #textspalte{position:relative;width:307px;height:448px;background-color:#ebeced;float:right;margin-top:1px;}
body.anreise #textspalte .textbereich {position:absolute;top:110px;left:23px;}
body.anreise #zoomMenu {position:absolute;top:3px;left:-2px;}
body.anreise #zoomMenu a.active{cursor:auto;}

/* Allgemeine body Attribute für bestimmte Templategruppen - definiert durch ccs_prefix Attribute */

/* CSS Prefix Sepia */
body.sepia {
  background-color: #fffdf0;
}

body.sepia div.bildtext-raster a {
 background-color: #e2e2d6;
}

body.sepia div.bildtext-raster a:hover {
 background-color: #C8D6E6;
}