/* Farbcodes Carrera Island 124

	rot dunkel -  917688 - #B8000E
	gold - 6139575 - #B/AE5D
	reifen gelb - 4114678 - #F6C83E
	reifen orange - 2516479 - #FF6526   
	reifenverschleiss - 16173118 - #3EC8F6
	bestzeit - grün - 32768 - #008000
	sektor 1 - rot - 5263615 - #FF5050
	sektor 2 - oliv - 32896 - #808000
	sektor 3 - blau - 16744448 - #0080FF
	 
	*/

/* Schriftart Carrera Island Kopfzeile */
@font-face { font-family: 'Nasalization Rg'; 
			 src: local('Nasalization Rg')
                  url('http://www.slot-xtreme.de/font/nasalization.otf') format('opentype');
           }

/* Formate für diverse HTML Tags */
html {
	background-image: url('carbon-bg.png');
	cursor: none;
	}
	
body {
	text-align: left;
	font-size: 1em;
	width: 1200px;
	padding: 10px 10px 4px 10px;
	margin: 40px auto;
	background-color: #fff;
	color: #121212;
	font-family: Arial, Helvetica, Calibri, Sans-serif;
	}

h1 {font-family: "Nasalization Rg"; font-size: 2em; margin: 0px; padding-left: 20px;}
table {table-layout:fixed; width: 99.2%; text-align: center; vertical-align: middle; margin: 0px 4px;}
img {padding: 2px 16px;}

/* Formatierung für die Titel-Kopfzeile */			
.kopfzeile {
			background-image: url('header1.png');
			background-repeat: repeat-x;
			color: #b0b0b0;
			margin: 5px 5px 0px 5px;
      padding-top: 2px;
			line-height: 70px;
			text-align: center;
			}

/* Format für die Subtitel-Kopfzeile */			
.kopfzeile2 {
			background-image: url('header2.png');
			background-repeat: repeat-x;
			color: #efefef;
			font-weight: bolder; 
			margin: 0px 5px 15px 5px;
      padding: 2px 15px;
			/* padding-left: 15px;
      padding-right: 15px; */
			line-height: 48px; 
			}

/* Formatierung für das Logo in der Kopfzeile */			
.kopflogo {margin: 10px auto; padding: 0px; float: right;}


/* Formatierung für die Fußzeile */			
.fusszeile {
	margin: 5px 5px 5px 5px;
	background-image: url('footer.png');
	background-repeat: repeat-x;
	line-height: 50px;
	color: #efefef;
	clear: both;
	}

/* Formatierung für Absätze in der Fusszeile */
.fusszeile p {margin: 0px; padding: 0px 10px 0px 10px; line-height: 50px;}

/* Formatierung für Bilder in Absätzen in der Fusszeile */	
.fusszeile p img {margin: 0px auto; padding: 1px 0px; text-align: center;}

	
	/* Formatierung für allgemeine Ausgaben */			
.even {background-color: #eee;}
.right {margin: 0px 10px; padding: 4px 0px; text-align: right; float: right;}
.left {margin: 0px 10px; padding: 4px 0px; text-align: left; float: left;}
.center {margin: 0px auto; padding: 4px 0px; text-align: center;}
.blankline {line-height: 4px;}
.blankpng {width: 48px; height: 48px; padding-left: 4px; margin: 0px;}
/*.ampel {padding: 1px; margin: 0px auto;}*/


/* Formatierungen für die Kopfzeilen im Body */
.ueberschrift {
	border-bottom: 2px solid #909090;
  background-color: #505050;  
	color: #efefef;
	text-align: center;
	padding: 4px 2px;
	font-weight: bold;
	font-size: 0.95em;
	height:48px;
	}

/* Formatierung für den unteren Rand der letzten Zeile */
.letzteZeile {border-bottom: 1px solid #d0d0d0;}


/* Format für die Spalte 1 mit den Beschreibungen */	
.spalte1 {width: 120px; text-align: right; padding-right: 4px; font-style: italic;}
.spaltelinks {width: 120px; text-align: center;}
.spalterechts {width: 120px; text-align: center;}

/* Festlegung der Spaltenbreiten im Inhaltsbereich */	
.poskopf, .idkopf {width: 38px;}
.fahrerkopf {width: 120px;}
.fahrzeugkopf {width: 240px;}
.inpitkopf , .statuskopf {width: 60px;}
.rdzeitkopf , .schnrdzeitkopf, .sektorzeitkopf {width: 80px;}
.tankkopf, .addonbarkopf {width: 110px;}
.rdkopf, .schnrdkopf, .restrunden {width: 65px;}
	
/* Formatierungen Inhaltszeilen */
.zeile {padding: 3px; text-align:center; line-height: 24px;}
.rennzeit, .sollrunden {color: #fff; font-weight: bold; font-size: 1.4em;}	
.fahrerbild, .fahrzeugbild {width: 60px;}
.fahrer {width: 120px; text-align: center; font-weight: bold; font-size: 0.9em; padding-left: 4px; line-height: 20px;}
.fahrersn  {width: 80px; text-align: center; font-weight: bold; font-size: 1.1em; padding-left: 10px;}
.fahrzeug {width: 176px; text-align: center; font-size: 0.9em; padding-left: 4px; line-height: 40px;}
.position {font-weight: bold; font-size: 1.2em; background-color: #e0e0e0;}
.position1 {font-weight: bold; font-size: 1.6em; background-color: #e8cc50; color: white;}
.position2 {font-weight: bold; font-size: 1.5em; background-color: #dfdfdf; color: #606060;}
.position3 {font-weight: bold; font-size: 1.4em; background-color: #ecb480; color: white;}
.id {line-height: 20px; font-weight: bold;}
/* .id { color: #004080;} */
.schnzeit, .schnzeitrunde {color: #008000;}
.schnzeit,  .schnzeitrunde, .rundenzeit, .runden {text-align: right; font-weight: bold; padding-right: 16px;}
.restrunden {font-style: italic; color: #e5e3ce; font-size: 1.3em;}
.sektorzeit1, .sektorzeit2, .sektorzeit3  {text-align: right; font-weight: bold; padding: 0px 2px}
.sektorzeit1  {color: #ff5050;}
.sektorzeit2  {color: #808000;}
.sektorzeit3  {color: #0080ff;}


/* Formatierung für Tankbalken */
table.tankbar {width: 100.01%; height: 30px; border: 1px solid #606060; margin: 0px; padding: 0px;}
td.tankbarcolor {background-color: #00CC00;}      /* grün - Tankinhalt */
td.tankbarcolor2 {background-color: #e0ecf8;}     /* hellgraublau - nur für was */
/* td.tankbarcolorres {background-color: #FF0000;} */   /* Reserve-Farbe */


/* Formatierungen für AddOn Reifenstatus */
table.ReifenLebensdauer{width: 130px; height: 30px; border: 1px solid #606060; margin: 0px; padding: 0px;}
td.RestrundenReifen{height: 30px; text-align: right; margin: 0px; padding-right: 10px;}
td.ReifenLebensdauercolor {background-color: #FFFFFF;}
td.ReifenLebensdauercolor2 {background-color: #FFFFFF;}

/* Formatierungen für AddOnString */
.addonstring {color: #fff; font-weight: bold; font-size: 1.4em;}