/* STANDARD */
html{
	background:#fff;
	}
body{
	background:url(../images/body-bg-home.jpg) #000 center top no-repeat;
	height:855px;
	}

div#container {
	position: relative;
	width: 960px;	
	margin: 0px auto;
	text-align: left;
}

/* HEADER */



/* CONTENT */

/* Home */

#homeLiveRally{
	height:96px;
	width:960px;
	margin:268px 0 10px 0;
	}
.homeContent{
	margin:10px 10px 36px 0;
	width:340px;
	height:280px;
	position:relative;
	float:left;
	background:#fff;
	}
.homeContentTop{
	width:340px;
	height:10px;
	background:url(../images/home-content-bg-top.png) top no-repeat;
	position:absolute;
	top:-10px;
	left: 0px;
	}
.homeContentBottom{
	width:340px;
	height:10px;
	background:url(../images/home-content-bg-bottom.png) top no-repeat;
	position:absolute;
	bottom:-10px;
	left: 0px;
	}
.homeContent ul{
	margin:30px;
	}
.homeContent a{
	color:#007fc5;
	}
.homeContent a.homeContentLeesmeer{
	margin-left:30px;	
	}
.homeContent span{
	color:#585858;
	}


/* Main content */

#mainContentContainer{
	float:left;
	width:690px;
	background:#fff;
	position:relative;
	margin:10px 9px 10px 0;
	min-height:679px;
	z-index: 1;
	}
#mainContentContainerTop{
	height:10px;
	width:100%;
	background:url(../images/content-bg-top.png) top no-repeat;
	position:absolute;
	top:-10px;
	}
#mainContentContainerBottom{
	height:10px;
	width:100%;
	background:url(../images/content-bg-bottom.png) top no-repeat;
	position:absolute;
	bottom:-10px;	
	}
#mainContentContainer h1, .homeContent h5{
	font-style:italic;
	font-size:48px;
	line-height:55px;
	letter-spacing:-3px;
	margin:0 0 15px 30px;
	}
#mainContentContainer h1 {
	text-transform:uppercase;
}
hr{
	border:0;
	margin:0;
	border-bottom:1px solid #000;
	}
#hrVolgOns{
	background:url(../images/hr-volg-ons.gif) no-repeat 30px 0px;
	height:29px;
	padding:0 0 0 140px;
	}
#hrBekijkOns{
	background:url(../images/hr-bekijk-ons.gif) no-repeat 30px 0px;
	height:29px;
	padding:0 0 0 140px;
	}
#hrVolgOns img, #hrBekijkOns img{
	margin:0 0 0 20px;
	}
#mainContent{
	width:630px;
	margin:20px 30px 20px 30px;
	}

/* Headlines */

.headlineItem{
	border-bottom: 1px #ccc dotted;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
.headlineItemLast{
	border:none;
	}
.headlineItem span{
	color:#007fc5;
	width:144px;
	float:left;
	}
.headlineItem p{
	color:#777777;
	font-style:italic;
	margin:0 0 0 144px;
	}
.headlineItem a{
	color:#007fc5;
	font-style:italic;
	margin:0 0 0 144px;
	}

/* Contact */

form#contactForm{}
form#contactForm label{
	float:left;
	clear:both;
	width:144px;
	line-height:31px;
	}
form#contactForm input{
	float:left;
	width:316px;
	height:27px;
	border:0;
	margin:0 0 10px 0;
	padding:0 0 4px 10px;
	background:url(../images/input-text-wide.gif) top;
	}
form#contactForm input.inputRadio{
	background: none;
	width: 20px;
}
form#contactForm span.inputRadio{
	float: left;
	padding: 4px;
}	
	
	
form#contactForm input.inputSmall{
	width:156px;	
	background:url(../images/input-text-small.gif) top;
	}
form#contactForm textarea.inputArea{
	width:476px;
	height:107px;
	border:0;
	padding:10px 0 4px 10px;
	background-color:transparent;
	background:url(../images/input-text-area.gif) top;
	}
form#contactForm textarea.inputArea:focus{
	background:url(../images/input-text-area.gif) bottom;
	}
form#contactForm input.inputError{
	background-position:0px 31px;
	color:#000;
	}
form#contactForm input:focus{
	background-position:0px 62px;
	color:#000;
	}
form#contactForm input.submit{
	width: auto !important;
	height: auto !important;	
	background:none;
	padding:0px;
	margin-top: 5px;
}
/* Foto's */

ul#mainContentPhotos{
	top:30px;
	left:-10px;	
	position:relative;
	}
ul#mainContentPhotos li{
	width:200px;
	height:130px;
	float:left;
	position:relative;
	margin:0 0 10px 10px;
	text-align:center;	
	}
ul#mainContentPhotos li a{
	width:200px;
	height:100px;
	float:left;
	position:absolute;
	background:url(../images/foto-overlay.png) no-repeat;
	top:0px;
	left:0px;	
	}
ul#mainContentPhotos li a:hover{
	background:url(../images/foto-overlay-hover.png) no-repeat;
	}

/* Foto's Seizoen */

ul#mainContentPhotosSeizoen{
	top:10px;
	left:-10px;	
	position:relative;
	padding-bottom: 40px;
	}
ul#mainContentPhotosSeizoen li{
	width:630px;
	height:100px;
	position:relative;
	margin:0 0 20px 10px;
	text-align:center;	
	}
ul#mainContentPhotosSeizoen li div.setInfo {
	float:left;
	margin:0 0 0 20px;
	}
ul#mainContentPhotosSeizoen li div.photoHolder {
	float: left;
	width:200px;
	height:100px;
	overflow: hidden;
}
ul#mainContentPhotosSeizoen li img{
	float:left;
	width: 200px;
	margin-top: -15px;
	}
a.mainContentPhotosSeizoenImgOverlay{
	width:200px;
	height:100px;
	float:left;
	position:absolute;
	background:url(../images/foto-overlay.png) no-repeat;
	top:0px;
	left:0px;	
	}
a.mainContentPhotosSeizoenImgOverlay:hover{
	background:url(../images/foto-overlay-hover.png) no-repeat;
	}
span.mainContentPhotosSeizoenTitle{
	margin:7px 0 0 0;
	font-size:16px;
	font-weight:bold;
	float:left;
	}
span.mainContentPhotosSeizoenAantal{
	font-style:italic;
	color:#666;
	float:left;
	clear:both;
	}
ul#mainContentPhotosSeizoen li div a{
	float:left;
	clear:both;
	color:#0c85cb;
	margin:10px 0 0 0;
	}
	
/* Foto's - Album */

ul#mainContentPhotosAlbum{
	top:10px;
	left:-10px;	
	position:relative;
	}
ul#mainContentPhotosAlbum li{
	width:116px;
	height:100px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:5px;
	text-align:center;	
	}
ul#mainContentPhotosAlbum li a{
	width:116px;
	height:100px;
	float:left;
	position:absolute;
	background:url(../images/photo-album-overlay.png) no-repeat;
	top:0px;
	left:0px;	
	}
ul#mainContentPhotosAlbum li a:hover{
	background:url(../images/photo-album-overlay-hover.png) no-repeat;
}

/* Video's */

ul#mainContentVideos{
	top:10px;
	left:-10px;	
	position:relative;
	}
ul#mainContentVideos li {
	width:200px;
	height:150px;
	float:left;
	position:relative;
	margin:0 0 10px 10px;
	}
ul#mainContentVideos li .imgHolder {
	width: 200px;
	height: 100px;
	overflow: hidden;
	position: relative;
}
ul#mainContentVideos li .imgHolder img {
	width: 200px;
	margin-top: -30px;
}
ul#mainContentVideos li a{
	width:200px;
	height:100px;
	float:left;
	position:absolute;
	background:url(../images/video-overlay.png) no-repeat;
	top:0px;
	left:0px;	
	}
ul#mainContentVideos li a:hover{
	background:url(../images/video-overlay-hover.png) no-repeat;
	}
.mainContentVideosTitel{
	font-weight:bold;
	float:left;
	}
.mainContentVideosTijd{
	float:left;
	clear:both;
	color:#666;
	font-style:italic;
	}

/* Pagination */

ul#pagination{
	height:34px;
	border-top:#b7b7b7 1px solid;
	padding:0 30px 0 30px;
	position:absolute;
	width:630px;
	left: 0px;
	bottom:10px;
	}
ul#pagination li{
	text-align:center;
	float:left;
	}
ul#pagination li.next{
	background:url(../images/pagination-next.gif) top;
	}
ul#pagination li.previous{
	background:url(../images/pagination-previous.gif) top;
	}
ul#pagination li.next:hover, ul#pagination li.previous:hover {
	background-position:bottom;
	}
ul#pagination li a{
	width:34px;
	line-height:34px;
	height:34px;
	float:left;
	color:#000;
	}
ul#pagination li a.active{
	background:#b7b7b7;
	color:#fff;
	}
	
/* Sidebar */

#sideContent{
	margin:10px 0 10px 0;
	width:200px;
	background:url(../images/side-bg.png) repeat;
	float:left;
	position:relative;
	padding:10px 30px 20px 30px;
	min-height:250px;
	}
#sideContentTop{
	height:10px;
	width:100%;
	background:url(../images/side-bg-top.png) no-repeat;
	position:absolute;
	top:-10px;	
	left:0px;
	}
#sideContentBottom{
	height:10px;
	width:100%;
	background:url(../images/side-bg-bottom.png) no-repeat;
	position:absolute;
	bottom:-10px;
	left:0px;
	}
#sideContent span{
	font-size:32px;
	color:#fff;
	font-style:italic;
	letter-spacing:-2px;	
	}
#sideContent a{
	color:#007fc5;
	}
#sideContent ul{
	margin:20px 0 20px 0;
	}


/* FOOTER */

#footer{
	clear:both;
	float:left;
	width:100%;
	margin-top:15px;
	}
#footerContent{
	background:url(../images/hr-sponsors.gif) no-repeat 45px 0px;
	position: relative;
	height:36px;
	padding:44px 0 0 0;
	width: 920px;	
	margin: 0px auto;
	text-align: left;	
	}
#footerContent a{
	margin-left:14px;
	}
#share {
	position: absolute;
	right: 20px;
	top: 10px;	
}

/* LIVE TITLE */

#liveTitleLogos{
	position:absolute;
	right:20px;
	top:12px;
	}
#liveTitleLogos img{
	margin:0 20px 0 0;
	}