@charset "UTF-8";
/* Truckers zijn helden */

body {
	font: 12px Helvetica, Arial, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
}
.oneColFixCtrHdr #container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}

/* INDEX
------------------------------------------------------------*/
#startPage {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#imgBlock {
	position:relative;
	width: 640px;
	height: 720px;
	left:0px;
	top:0px;
	z-index:1;
}
#titleBlock {
	position:absolute;
	width: 360px;
	left:580px;
	top:60px;
	z-index:2;
	font-size:33px;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 60px;
}
#textBlock {
	position:absolute;
	width: 360px;
	left:580px;
	top:200px;
	z-index:3;
	font-size:12px;
	line-height: 18px;
}
.oneColFixCtrHdr #startPage a:hover {
	color: #FFF;
}

/* HEADER
------------------------------------------------------------*/
.oneColFixCtrHdr #header {
	padding: 0 10px 0 50px;
	background: url(img/header_fr.jpg);
}
.oneColFixCtrHdr #header h1 {
	margin: 0;
	padding: 40px 0px 0px 10px;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 50px;
}

/* NAVIGATION
------------------------------------------------------------*/
.oneColFixCtrHdr #nav {
	display: block;
	height: 40px;
	padding: 0px 0px 20px 0px;
} 
.oneColFixCtrHdr #nav a:link { 
	display: block;
	float: left; 
	height: 30px;
	text-decoration: none;
	color: #FFF;
	padding: 20px 10px 0px 10px;
	text-transform: uppercase;
} 
.oneColFixCtrHdr #nav a:visited {
	display: block;
	float: left; 
	height: 30px;
	text-decoration: none;
	color: #FFF;
	padding: 20px 10px 0px 10px;
	text-transform: uppercase;
}
.oneColFixCtrHdr #nav a:hover {
	display: block;
	float: left; 
	height: 30px;
	text-decoration: none;
	color: #FFF;
	padding: 20px 10px 0px 10px;
	text-transform: uppercase;
	background: url(img/rollover.png) center no-repeat;
}
.oneColFixCtrHdr #nav a:active {
	display: block;
	float: left; 
	height: 30px;
	text-decoration: none;
	color: #399;
	padding: 20px 10px 0px 10px;
	text-transform: uppercase;
}
.oneColFixCtrHdr #nav .selected {  
	display: block;
	float: left; 
	height: 30px;
	text-decoration: none;
	color: #399;
	padding: 20px 10px 0px 10px;
	text-transform: uppercase;
} 

/* CONTENT
------------------------------------------------------------*/

.oneColFixCtrHdr #mainContent {
	float: left;
	padding: 0px 0px 20px 60px;
	background: #FFF;
	color: #000;
}
.oneColFixCtrHdr #mainContent #text {
	float: left;
	width: 470px;
	margin: 0;
	padding: 0px 20px 0px 0px;
	font-size: 14px;
	line-height: 18px;
}
.oneColFixCtrHdr #mainContent #text h1 {
	margin: 0;
	padding: 20px 0px 0px 0px;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 30px;
}
.oneColFixCtrHdr #mainContent #text .subtitle {
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
}
.oneColFixCtrHdr #mainContent #text .bottomline {
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
}
.oneColFixCtrHdr #mainContent #foto {
	float: right;
	text-align: right;
	width: 405px;
	padding: 5px 5px 0px 0px;
}
.oneColFixCtrHdr #extraContent {
	float: left;
	width: 840px;
	padding: 0px 60px 20px 60px;
	background: #FFF;
	color:#000;
	font-size: 14px;
	line-height: 18px;
}
.oneColFixCtrHdr #extraContent h1 {
	margin: 0;
	padding: 20px 0px 0px 0px;
	font-size: 28px;
	text-transform: uppercase;
}
.oneColFixCtrHdr #extraContent h2 {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 14px;
	text-transform: uppercase;
}
.upper {
	font-size: 11px;
	text-transform: uppercase;
}
.oneColFixCtrHdr #mainContent #disclaimer {
	float: left;
	width: 880px;
	margin: 0;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
	line-height: 16px;
}

/* LINKS
------------------------------------------------------------*/
a:link {
	color: #399;
	text-decoration: none;
}
a:visited {
	color: #399;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}

/* FOOTER
------------------------------------------------------------*/
.oneColFixCtrHdr #footer {
	float: left;
	width: 950px;
	padding: 0px 5px 0px 5px;
	background: #000;
	color: #FFF;
	text-align:right;
}
#footer .sponsors {
	padding: 0;
	margin: 0;
	float: left;
	width: 300px;
	text-align:left;
}
#footer .text {
	padding: 10px 0px 0px 0px;
	margin: 0;
	float: right;
	width: 300px;
	text-align:right;
}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
}