@charset "UTF-8";
/*
   * CSS-Datei fuer die Bildschirmdarstellung
   * cron IT GmbH - Alle Rechte vorbehalten
   */

/*
   * Farbschema:
   *
   * #333333 - dunkel grau (Hintergrundsflaechen, Schriften)
   * #989898 - hell grau (Unternavi)
   * #545454 - mittel grau (Unternavi ACT)
   * #eaeaea - Hintergrund Content
   * #e00000 - rot (Text, Links), Formel 1
   * #fdcc00 - Post Gelb
   */

/* defaults */
pre { font-family: Courier New, Courier, monospace; }
table, pre { font-size: 100%; }
IMG { border: 0 none; }

a { text-decoration: none; color: #e00000; outline: 0; }
a:hover { text-decoration: underline; }

/* allgemeiner Zeilenabstand */
P { line-height: 150%; }

/* Layout */

body {
  background: #FDCC00 url(bg-page_g.gif);
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
}

@media print { 
  body { background: #fff !important; }
}

#screen, #footer {
  text-align: left;
  width: 980px;
  margin: 0 auto;
}

@media print {
  #screen { width: auto; }
  #footer { display: none; }
}

#head {
  background: url(bg-head-default_g.gif) no-repeat;
  height: 80px;
}

@media print {
  #head { display: none; }
}

#head img { margin-left: 678px; margin-top: 13px; }

#left {
  width: 200px;
  overflow: hidden;
  position: absolute;
  top: 80px;
  background: white;
}

#left_after_navi {
  margin-top: 30px;
  background: url(bg-reifen.gif) no-repeat 0 30px;
}

@media print {
  #left { display: none; }
}

/* generische Gestaltung der Formularelemente in der linken Spalte */
#left form { margin: 0; }
#left form  p { margin: 3px 1px; }
#left form  p.label { margin: 0 0 15px 0; }
#left form input.textfield { font-size: 11px; color: #333; font-family: Arial, Helvetica, sans-serif; width: 140px; background-color: #eaeaea; border: 1px solid #333; }
#left form p.right { text-align: right; }

#search, #login { margin: 0 0 30px 30px; padding-right: 30px; }
#search p, #login p { line-height: 125%; margin: 0; }

#footer {
  clear: both;
  padding-top: 10px;
  background: url(bg-footer_g.gif) no-repeat;
}

#footer div.logo-left { float: left; margin: 8px 30px; }

#footer div.footer { margin-left: 230px; }
#footer div.footer p,
#footer div.footer p a { margin: 0; line-height: 40px; color: #000; }
#footer div.footer p span.separator,
#footer div.footer p .act a { color: #fff; }

/* Login-Box links */
#login input.textfield, #search input.textfield { margin: 2px 0;}
* html #login input.textfield { margin: 0; }
* html #search input.textfield { margin: 0; }

#login input.csc-mailform-submit { border: 1px solid #999; font-size: 95%; float: right; }
#login label { text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: #333; line-height: 120%; }
#login form p { margin: 3px 0; }
#login p.label { margin-bottom: 20px; }
#login a.link { text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; font-size: 10px; white-space: nowrap;}

div.clearer { clear: both; height: 30px; }

#content {
  padding-left: 230px;
  padding-bottom: 30px;
  background: #EAEAEA url(bg-content.gif) repeat-y 0 0;
}

@media print {
  #content { margin-top: 3em; padding-left: 0; background: #fff; }
}

/* ce=Inhaltselement */
#content div.ce { padding-left: 20px; width: 700px; }

#content div.rcol div.ce { width: auto; }

/* FCE FRAME: Content 2/3, Randspalte (rechts) 1/3 */
#content div.rcol div.rcol-main { clear: both; width: 470px; float: left; overflow: hidden; }
#content div.rcol div.rcol-right { width: 250px; float: right; }

#content div.rcol div.rcol-right div.rcol-teaser { width: 250px; overflow: hidden; }
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content { }

#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content span.rubrik { font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; }
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content span.rubrik,
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content span.slash { color: #fdcc00; }
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content span.slash { margin: 0 3px; }
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content a { color: #eee; }

/* Teams Fahrzeug */
#content div.rcol div.rcol-right div.tx-crondpsa-pi-teams IMG {
  margin: -10px 0 0 -20px;
}

*html #content div.rcol div.rcol-right div.tx-crondpsa-pi-teams IMG { margin-top: -10px; }

#content div.rcol div.rcol-right div.teaser-header { height: 22px; }
#content div.rcol div.rcol-right div.teaser-header h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 11px;
  padding: 0px 20px;
  margin: 0;
  float: left;
}

#content div.rcol div.rcol-right div.teaser-content h3 { font-weight: bold; color: #fff; margin: 10px 0; font-size: 100%; }
#content div.rcol div.rcol-right div.teaser-content h4 { color: #fff; font-weight: normal; margin: 10px 0; font-size: 100%; }

#content div.rcol div.rcol-right div.teaser-content {
  clear: both;
  padding: 10px 20px;
  padding-right: 10px;
  padding-bottom: 76px;
  line-height: 15px;
  margin-bottom: 40px;
}

/* Allgemeines fuer Listen rechts */
#content div.rcol div.rcol-right div.teaser-content ul,
#content div.rcol div.rcol-right div.teaser-content ol { padding-top: 5px !important; }


/* Listen rechts */
#content div.rcol div.rcol-right div.teaser-content ul { list-style-type: none; margin: 0; padding: 0; }
#content div.rcol div.rcol-right div.teaser-content ul li {
  margin-left: -20px;
  margin-right: -10px;
  padding: 5px 20px;
}

#content div.rcol div.rcol-right div.teaser-content ol { margin: 0; padding: 0; }
#content div.rcol div.rcol-right div.teaser-content ol li { list-style-position: inside; font-weight: bold; }
#content div.rcol div.rcol-right div.teaser-content ol li {
  margin-left: -20px;
  margin-right: -10px;
  padding: 5px 20px;
}

#content div.rcol div.rcol-right div.teaser-content dl { margin-top: 7px !important; }

#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content dl a,
#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content ol a,
#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content ul a { background: transparent !important; color: #333 !important; }
#content div.rcol div.rcol-right div.teaser-content dl a:hover,
#content div.rcol div.rcol-right div.teaser-content ol a:hover,
#content div.rcol div.rcol-right div.teaser-content ul a:hover { text-decoration: underline; }

/* Definitionslisten rechts */
#content div.rcol div.rcol-right div.teaser-content dl.table { margin: 0; padding: 0; margin: 0 -10px 0 -20px; }
#content div.rcol div.rcol-right div.teaser-content dl.table dt,
#content div.rcol div.rcol-right div.teaser-content dl.table dd {  }

#content div.rcol div.rcol-right div.teaser-content dl.table dt { float: left; width: 100px; padding-left: 20px; color: #aaa;  }
#content div.rcol div.rcol-right div.teaser-content dl.table dd { margin: 0; padding: 0; border-bottom: 1px dashed #9a9a9a; padding-left: 125px; padding-bottom: 2px; padding-top: 1px; }

#content div.rcol div.rcol-right div.line { height: 1px; border-bottom: 1px dashed #9a9a9a; margin: 0 -20px; margin-right: -10px; padding: 5px 0; position: relative; padding-top: 20px; clear: both; }

/* dl.schedule */
#content div.rcol div.rcol-right div.teaser-content dl.schedule { margin: 0; padding: 0; color: #9a9a9a; line-height: 130%; clear: both; display: block; }
#content div.rcol div.rcol-right div.teaser-content dl.schedule dt { margin: 0; padding: 0; display: block; float: left; width: 110px; clear: both; }
#content div.rcol div.rcol-right div.teaser-content dl.schedule dd { margin: 0; padding: 0; display: block; float: right; width: 105px; }
#content div.rcol div.rcol-right div.teaser-content dl.schedule-current { color: #f00000; }

/* dl.list */
#content div.rcol div.rcol-right div.teaser-content dl.list { margin: 0; padding: 0; clear: both; margin-bottom: 1em; }
#content div.rcol div.rcol-right div.teaser-content dl.list dt { color: #808080; }
#content div.rcol div.rcol-right div.teaser-content dl.list dd { margin: 0; color: #fff; border-bottom: 1px dashed #9a9a9a; margin: 0 -20px; padding: 0 20px; margin-bottom: 5px; padding-bottom: 5px;  }
#content div.rcol div.rcol-right div.teaser-content dl.list dd p.bodytext { margin: 0 !important; }
#content div.rcol div.rcol-right div.teaser-content dl.list dd a { color: #e00000 !important; }
/* dl.wertung-teaser */

#content div.rcol div.rcol-right div.teaser-content dl.wertung-teaser { margin: 0; padding: 0; line-height: 130%; clear: both; display: block; font-weight: bold; border-bottom: 1px dashed #999; margin-left: -20px; margin-right: -10px; height: 30px; line-height: 30px; color: #333; }
#content div.rcol div.rcol-right div.teaser-content dl.wertung-teaser dt { float: left; padding-left: 20px;}
#content div.rcol div.rcol-right div.teaser-content dl.wertung-teaser dd { float: right; text-align: right; padding-right: 30px; }

/* Formulare rechts */
#content div.rcol div.rcol-right div.teaser-content form { margin: 0; padding: 0; }
#content div.rcol div.rcol-right div.teaser-content form dl { margin: 0; padding: 0; }
#content div.rcol div.rcol-right div.teaser-content form dl dt { margin: 0; padding: 0; margin-top: 10px; }
#content div.rcol div.rcol-right div.teaser-content form dl dt label { text-transform: uppercase; color: #aaa; }
#content div.rcol div.rcol-right div.teaser-content form dl dd { margin: 0; padding: 0; }
#content div.rcol div.rcol-right div.teaser-content form dl dd input,
#content div.rcol div.rcol-right div.teaser-content form dl dd select { font-size: 90%; width: 200px; }

#content div.rcol div.rcol-right div.teaser-content p { margin: 0; padding: 5px 0; clear: both; line-height: 1.3em; }
#content div.rcol div.rcol-right div.teaser-content form input.radio { float: left; }
#content div.rcol div.rcol-right div.teaser-content form label { padding-top: 2px; display: block; }

#content div.rcol div.rcol-right div.teaser-content form input.submit {
  margin: 0; padding: 0;
  border: 0 none;
  text-align: left;
  width: 130px;
  text-transform: uppercase; border: 0 none;
  font-size: 9px;
  color: #E00004;
  display: block;
  background: transparent url(bg-link) no-repeat right center;
  padding-right: 5px; margin-top: 10px;
  margin-left: 25px;
}

#content div.rcol div.rcol-right div.rcol-teaser-dunkel div.teaser-content ul li,
#content div.rcol div.rcol-right div.rcol-teaser-dunkel div.teaser-content ol li {
  border-bottom: 1px dashed #9A9A9A;
}

#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content ul li,
#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content ol li {
  border-bottom: 1px dashed #A6A6A6;
}

#content div.rcol div.rcol-right div.rcol-teaser-gelb div.teaser-content ul li,
#content div.rcol div.rcol-right div.rcol-teaser-gelb div.teaser-content ol li {
  border-bottom: 1px dashed #A6A6A6;
}

#content div.rcol div.rcol-right div.teaser-content strong { text-transform: uppercase; color: #fdcc00; font-size: 10px; }

#content div.rcol div.rcol-right div.rcol-teaser-dunkel { color: #fff; }
#content div.rcol div.rcol-right div.rcol-teaser-hell { color: #333; }
#content div.rcol div.rcol-right div.rcol-teaser-gelb { color: #333; }

#content div.rcol div.rcol-right div.rcol-teaser-dunkel div.teaser-header h2 { background: #343434; color: #fff; }
#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-header h2 { background: #CFCFCF; }

#content div.rcol div.rcol-right div.rcol-teaser-dunkel div.teaser-content {
  background: #343434 url(bg-rcol-dunkel.gif) no-repeat 0 bottom;
}
#content div.rcol div.rcol-right div.rcol-teaser-hell div.teaser-content {
  background: #CFCFCF url(bg-rcol-hell.gif) no-repeat 0 bottom;
}
#content div.rcol div.rcol-right div.rcol-teaser-gelb div.teaser-content {
  background: #FDCC00 url(bg-rcol-gelb.gif) no-repeat 0 bottom;
}

#content div.rcol div.rcol-right div.rcol-teaser div.teaser-header h2.white_black {
  color: #fff;
  background-color: #000;
}

#content div.rcol div.rcol-right div.rcol-teaser div.teaser-header h2.black_red {
  color: #000;
  background-color: #e00000;
}

#content div.rcol div.rcol-right div.rcol-teaser div.teaser-header h2.black_yellow,
#content div.rcol div.rcol-right div.rcol-teaser div.teaser-header h2.default {
  color: #333;
  background-color: #FDCC00;
}

#content div.rcol div.rcol-right div.rcol-teaser div.teaser-content h2 { font-weight: normal; color: #fff; font-size: 11px; margin: 0; }

/* Extensions in der rechten Spalte */

/* Metanavi oben */
#metanavi {
  position: absolute;
  top: 0;
  width: 624px;
  height: 20px;
  text-align: right;
  margin-top: 20px;
}

@media print {
  #metanavi { display: none; }
}


#metanavi ul { list-style-type: none; font-size: 10px; display: block; margin: 0; padding: 0; }
#metanavi ul li { float: right; margin-left: -9px; }
#metanavi ul li a { color: #eee; font-weight: bold;  }

/* Main menu */
#mainmenu UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#mainmenu UL LI {
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
}

/* Main menu, second level */
#mainmenu UL UL {
  margin: 6px 20px 0px 20px;
  display: block;
}
#mainmenu UL UL LI { }
#mainmenu UL UL LI {
  margin-bottom: 0px;
}

a.gt-favoriten {
  background-image:url(../images/favoriten.gif);
  height:17px;
  width:180px;
}

a.gt-favoriten-en {
  background-image:url(../images/bookmark-en.gif);
  height:17px;
  width:97px;
}

/*************** TEMP *******************************/

#content { min-height: 800px; }
#left_after_navi { min-height: 360px; }
*html #content { height: 800px; }
*html #left_after_navi { height: 360px; }
#footer { height: 80px; }