/**********************************/
/* Standard-HTML zurücksetzen
/**********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
html {font-size: 62.5%;}
strong {font-weight: bold;}
a {text-decoration: none;}
a:active, a:focus {outline: 0;}

a {color: #0A4E94};

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

div.dialog {
	margin: 20px;
	color: white;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 1.2em;
}

div.dialog img {
	margin-right: 20px;
}


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

html {
	width: 100%;
}

body{
	background-color: black;
	margin-top: 0px;
	font-family: "Trebuchet MS";
}


/* Header
--------------------------------------------------------------
-------------------------------------------------------------- */

div#header{
	float: left;
	position: relative;
	height: 172px;
	width: 1003px;
	background-image: url(images/bg_header.png);
	background-position: top right;
	background-repeat: no-repeat;
	border-right: solid white 1px;
}

img#logo{
	position: absolute;
	top: 35px;
	left: 35px;
}

/*******************************************/
/* Nav (main)
/*******************************************/

div#header ul {
	float: left;
}

ul#nav {
	height: 41px;
	position: absolute;
	top: 130px;
	padding-left: 25px;
	background-image: url(images/bgnav.png);
	background-repeat: repeat-x;
	border-right: solid white 1px;
	border-top: solid white 1px;
}

ul#nav li{
	display: block;
	float: left;
}

ul#nav li.selected{
	height: 41px;
	border-left: solid white 1px;
	border-right: solid white 1px;
	background-image: url(images/bgselected.png);
	background-repeat: repeat-x;
	text-shadow: 2px 2px #272727;
}

ul#nav li.selected a{
	color: white;
}

ul#nav a{
	padding-left: 10px;
	padding-top: 12px;
	margin-right: 10px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	color: #d6d6d6;
	text-shadow: 2px 2px 4px black;
}

/*******************************************/
/* Nav (sub)
/*******************************************/

ul#subnav{
	height: 36px;
	width: 1003px;
	position:absolute;
	top: 171px;
	border-bottom: solid white 1px;
	border-top: solid white 1px;
	border-right: solid white 1px;
}

ul#subnav a{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	color: #d6d6d6;
	text-shadow: 2px 2px 4px black;
}

ul#subnav li.selected a{
	color: red;
	cursor: default;
}

ul.news li:first-child{
	padding-left: 25px;
}

ul.race li:first-child{
	padding-left: 80px
}

ul.driver li:first-child{
	padding-left: 257px
}

ul.teams li:first-child{
	padding-left: 214px
}

ul.supporting li:first-child{
	padding-left: 385px
}

ul.challenge li:first-child{
	padding-left: 150px
}

ul.organisation li:first-child{
	padding-left: 468px
}



/* Content
--------------------------------------------------------------
-------------------------------------------------------------- */

div#site{
	float: left;
	width: 1003px;
	height: 600px;
	margin-top: 37px;
	padding-top: 25px;
	position: relative;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
}

div#content{
	float: left;
	width: 670px;
	font-family: Tahoma, Arial, sansserif;
}

div#content h1 {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 2em;
	width: 100%;
	float: left;
	display: block;
	color: white;
	margin-bottom: 1em;
	text-shadow: 0px 0px 8px #999999;
	margin-left: 25px;
	line-height: 135%;
}

div#content h1  span.date {
	font-family: Georgia, Times, serif;
}

/*******************************************/
/* Box Small
/*******************************************/

div#content div.small {
	float: left;
	position: relative;
	width: 310px;
	margin-left: 25px;
	margin-bottom: 25px;	
}

div#content div.small div.text {
	width: 288px;
}


/*******************************************/
/* Box Big
/*******************************************/

div#content div.big {
	float: left;
	position: relative;
	width: 645px;
	margin-left: 25px;
	margin-bottom: 25px;
}

div#content div.big div.text {
	width: 623px;
}


/*******************************************/
/* Box Header
/*******************************************/

div.box h2 {
	height: 23px;
	padding-left: 45px;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", "Arial", "sansserif";
	font-size: 1.2em;
	line-height: 2em;
	color: white;
	letter-spacing: 1px;
	text-transform: uppercase;
}


div.small h2 {		
	background-image: url(images/gelb.png);
}

div.headline {
	background-image:url("images/tab-header-red-bg.png");
	background-repeat:repeat-x;
	display:block;
	float:left;
	height:23px;
	padding-left:45px;
}

div.big h2 {	
	background-color: white;
	border-left: 1px solid white;
	border-right: 1px solid #6E0015;
	color: black;
	cursor: default;
	padding-left: 10px;
	padding-right: 11px;	
}

div.box img.icon {
	position: absolute;
	top:-10px;
	left: -20px;
}

/*******************************************/
/* Box Content
/*******************************************/

div.box div.text {
	float: left;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 17px;		
	border: solid white 1px;
	background-image: url(images/bgc.png);
	background-repeat: repeat-x;
	background-color: #afafaf;
	font-size: 1.2em;
	font-family: Tahoma, Arial, sansserif;
	line-height: 140%;
}
div.box div.text h1 {
	font-size: 2em;
	color: black;
}

div.box div.text h3 {
	font-size: 1em;
	color: black;
	margin-bottom: 0.7em;
	margin-top: 1.5em;
	font-weight: bold;
}

div.box div.text p {
	padding-bottom: 10px;
}

/*******************************************/
/* Box Tab
/*******************************************/

div.box ul.tabs {
	padding-left: 45px;
	background-image: url(images/tab-header-red-bg.png);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 23px;
}

div.box ul.tabs li {
	display: block;
	float: left;
	height: 23px;
}

div.box ul.tabs li a {
	font-family: "Trebuchet MS";
	height: 18px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	float: left;
	border-right: 1px solid #6E0015;
	border-left: 1px solid #FF6464;
}

div.box ul.tabs li.selected a {
	background-color: white;
	color: black;
	cursor: default;
	border-right: 1px solid #6E0015;
	border-left: 1px solid white;
}

div.box div.tabcap {
	height: 23px;
	width: 44px;
	display: block;
	float: left;
	background-image: url(images/tab-header-red-cap.png);
	background-repeat: no-repeat;
	border-left: 1px solid #FF6464;
}

div.clear {
	clear: both;
}


/*******************************************/
/* Box Table
/*******************************************/

div.box div.tabelle {
	border: solid white 1px;
}

div.box div.maxHeight {
	height: 250px; 
	overflow-x: hidden; 
	overflow-y: scroll;
}
div.box div.tabelle table {
	width: 100%;
	margin-top: 25px;
	border-bottom: 1px solid #525252;
	font-family: "Trebuchet MS";
}

div.box div.tabelle table tbody tr {
	background-image: url(images/bgtable2.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.box div.tabelle table.roll tbody tr:hover {
	background-color: #666666;
}

div.box div.tabelle table.roll tbody tr.selected {
	background-color: #666666;
}

div.box div.tabelle table tbody tr td {
	color: #A6A6A6;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top: 1px solid #525252;
}

div.box div.tabelle table tbody tr td a {
	color: white;
}

div.box div.tabelle table tbody tr td.title {
	text-transform: uppercase;
	letter-spacing: 1px;
}

div.box div.tabelle table tbody tr th {
	border-top: 1px solid #525252;
	background-color: black;
	height: 25px;
	color: #777777;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* Context
--------------------------------------------------------------
-------------------------------------------------------------- */

div#context {
	float: right;
	width: 309px;
}

div#context div.box {
	float: left;
	width: 307px;
	position: relative;
	border: solid #aaaaaa 1px;
	margin-bottom: 35px;
	
}

div#context h2 {
	float: left; 
	width: 100%;
	height: 23px;
	line-height: 2em;
	letter-spacing: 1px;
	font-family: "Trebuchet MS";
	font-size: 9pt;
	color: #aaaaaa;
	text-transform: uppercase;
	background-image: url(images/bgcontext.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}

div#context div.box a.overlay {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: url(images/bgfolink.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: "Trebuchet MS";
	font-size: 10pt;
	color: black;
	padding-right: 5px;
	height: 19px;
	width: 250px;
	display: block;
	padding-top: 5px;
	text-align: right;
}

div#context div.box img{
	float: left;
	position: relative;
}

div#context div.box h3 {
	font-family: "Trebuchet MS";
	font-size: 9pt;
	color: white;
	padding-top: 20px;
	padding-left: 20px;
}

div#context div.box p {
	color: white;
	padding: 10px;
	font-size: 1.2em;
}


/*******************************************/
/* News
/*******************************************/

div.newslist {
	float: left;
	width: 100%;
} 

div.newslist div.item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;	
	border-bottom: 1px dotted #fff;
}

div.newslist div.item div.image {
	float: left;
	width: 80px;
}

div.newslist div.item div.body {
	float: left;
	width: 450px;
}

div.newslist div.item div.body h3 {
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0;
} 

div.newslist div.item div.body h4 {
	font-weight: normal;
	font-family: Georgia, Times, serif;
	color: #272727;
	font-size: 1.1em;
}

div.newslist div.item div.body p {
	padding: 0;
} 

div.newslist div.item div.image img {
	float: left;
	margin-right: 10px;
	border: 1px solid white;
} 

div.newslist div.item div.body h3 a {
	color: #0A4E94; 
}

div.news div.view h2 {
	margin-bottom: 5px;
	text-shadow: 1px 1px 4px #666666;
	color: #343434;
}

div.news div.view div.download {
	font-size: 1.2em;
}

div.news ul#years {
	float: left;
	width: 100%;
}

div.news ul#years li {
	float: left;
}

div.news ul#years li.selected {
	font-weight: bold;
	color:#343434;
	margin-bottom: 5px;
	text-shadow: 1px 1px 4px #666666;
}

div.news ul#years li a {
	color:#343434;
}

/*******************************************/
/* Race
/*******************************************/

div#race_document {
	float: left
	width: 100%;
}

div#race_document div.download {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

div#race_document div.download img {
	float: left;
}

div#race_document div.download a {
	float: left;
	line-height: 1.5em;
}


/*******************************************/
/* Driver
/*******************************************/

div#driver {

}

div#driver div.portrait {
	float: left;
	width: 220px;
}

div#driver div.portrait img {
	border: 1px solid black;
	margin-left: 5px;
}

div#driver div.description {
	float: left;
	width: 400px;
}

div#driver div.description div.item {
	float: left;
	width: 100%;
	border-bottom: 1px dotted white;
}

div#driver div.description div.item label {
	float: left;
	width: 100px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#driver div.description div.item span {
	float: left;
	width: 200px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*******************************************/
/* Ogranistion
/*******************************************/

div#rules div.download span.published_date {
	float: left;
	font-weight: bold;
	margin-right: 15px;
	margin-top: 2px;
	color: #585858
} 

div#rules div.download img,
div#rules div.download a {
	float: left;
}

div#rules div.download a {
	margin-top: 2px;
}

div#rules div.download {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}