@import url('form.css');
@import url('mod.order.userinfo.css');
@import url('sc.register.css');

body {
	margin: 0px;
	padding: 0px;

	background: #22221f url(../images/bglogos2011.gif) repeat-x 0px 0px;
	background-attachment: fixed;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	
	font-family: "Lucida Grande", arial, sans-serif;
	
}

img {
	border: 0px;
}

a {
	color: #ed1c24;
	text-decoration:none;
}

	a:hover {
		color: #000000;
	}
	
h1 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 16px;
	color: #000;
	line-height: 16px;
	font-family: arial;
}

h2 {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px 0px 18px 0px;
}

div#image-bar {
	position: absolute;
	left: 0px;
	top: 65px;
	width: 100%;
	height: 71px;
	background: #000;
	overflow: hidden;
}

	div#image-bar div#image-bar-ani {
		width: 9000px;
	}

div#header {
	width: 100%;
	height: 152px;
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #ffffff;
	background-image:url('../images/header/background.jpg');
}

	div#header div#header-center {
		width: 940px;
		height: 152px;
		margin: 0 auto;
		padding: 0px;
		color: #ffffff;
		position: relative;
	}
	
	div#header div#header-center div#logo
	{
		width: 122px;
		height: 77px;
		position:absolute;
		z-index: 10;
		top: 3px;
	}
	
		div#header div#header-center div#logo-vhv {
			position: absolute;
			left: 137px;
			top: 0px;
			z-index: 10;
		}
		
		div#header div#header-center div#partners {
			position: absolute;
			right: 0px;
			top: 0px;
			z-index: 10;
		}
	
	div#header div#header-center div#top
	{
		width:100%;
		height: 37px;
	}
	
	div#header div#header-center div#menu
	{
		width:100%;
		height: 26px;
	}
	
	div#header div#header-center div#menu ul
	{
		padding-top: 3px;
		padding-left:120px;
		list-style-type: none;
		margin:0;
	}
	
	div#header div#header-center div#menu li
	{
		float:left;
		padding-left:20px;t
		
	}
	
	div#header div#header-center div#menu li a
	{
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		font-style: italic;
		font-weight: bold;
		font-size: 11px;
	}
	
		div#header div#header-center div#menu li.active a,
		div#header div#header-center div#menu li a:hover {
			color: #ED1C24;
		}
	
div#main {
	width: 940px;
	margin:0 auto;
	margin-top:8px;
}


	div#main div#content {
		width: 567px;
		float: left;
		background-image:url('../images/content/top.png');
		background-repeat: no-repeat;
	}
	
	div#main div#content div#content-text {
		width: 567px;
		float:left;
		margin-top:9px;
		background-image:url('../images/content/back.png');
		background-repeat: repeat-y;
		min-height: 570px;
	}
	
		div#main div#content div#content-text h1 {
			padding: 11px 20px 20px 20px;
			margin: 0px;
			font-family: arial, sans-serif;
			font-weight: bold;
			font-size: 16px;
			line-height: 16px;
			text-transform: uppercase;
		}
		
			body.default div#main div#content div#content-text h1 {
				padding: 0px 0px 20px 0px;
			}
	
			body.default div#main div#content div#content-text h2 {
				font-size: 18px;
				font-weight: normal;
				line-height: 18px;
				padding: 0px 0px 10px 0px;
			}
	
	div#main div#content div#content-bottom {
		background-image:url('../images/content/bottom.png');
		background-repeat: no-repeat;
		background-position:bottom;	
		width: 566px;
		height:9px;
		float:left;
	}

		body.default div#main div#content {
			width: 707px;
			float: left;
			background-image:url('../images/content/top-full.png');
			background-repeat: no-repeat;
		}
	
		body.default div#main div#content div#content-text {
			width: 707px;
			float:left;
			margin-top:9px;
			background-image:url('../images/content/back-full.png');
			background-repeat: repeat-y;
			min-height: 570px;
		}
		
			body.default div#main div#content div#content-text div.space {
				padding: 11px 20px 20px 20px;
			}
	
		body.default div#main div#content div#content-bottom {
			background-image:url('../images/content/bottom-full.png');
			background-repeat: no-repeat;
			background-position:bottom;	
			width: 707px;
			height:9px;
			float:left;
		}
		
		body.equipes div#main div#content {			
			width: 927px;
			background-image:url('../images/content/top-full-100.png');
		}
		
			body.equipes div#main div#content div#content-text {
				width: 927px;
				background-image:url('../images/content/back-full-100.png');
			}
			
			body.equipes div#main div#content div#content-bottom {
				width: 926px;
				background-image:url('../images/content/bottom-full-100.png');
			}
	
	div#main div#content div.news-head {
		height: 237px;
		width: 521px;
		margin: 0px 0px 20px 20px;
		position: relative;
	}
	
		div#main div#content div.news-head img {
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 10;
		}
		
		div#main div#content div.news-head div.overlay {
			background: #ffffff;
			position: absolute;
			left: 0px;
			bottom: 0px;
			width: 521px;
			z-index: 11;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		  	filter:alpha(opacity=80);
			opacity:0.8;	
					
		}
		
			div#main div#content div.news-head div.overlay h2 {
				padding: 10px 10px 0px 10px;
				font-size: 16px;
				font-weight: bold;
			}
			
				div#main div#content div.news-head div.overlay h2 a {
					color: #000;
					text-decoration: none;
				}
				
					div#main div#content div.news-head div.overlay h2 a:hover {
						text-decoration: underline;
					}
			
			div#main div#content div.news-head div.overlay p {
				padding: 5px 10px 10px 10px;
			}
	
	body.home div#main div#content p.archive {
		padding: 5px 20px 0px 0px;;
		margin: 0px;
		float: right;
	}
	
	body.home div#main div#content div#content-text h1 {
		float: left;
	}
	
		body.home div#main div#content div#content-text div.welcome {
			padding: 10px 20px 0px 20px;
		}
		
		body.home div#main div#content div#content-text div.welcome h1 {
			float: none;
			padding: 0px 0px 12px 0px;
			margin: 0px;
		}
	
	div#main div#content div.news-item
	{
		width: 160px;
		float:left;
		margin-left:20px;
	}
	
		div#main div#content div.news-item div.image {
			width: 160px;
			height: 103px;
			overflow: hidden;
			text-align: center;
			background: #ddd;
		}
		
			div#main div#content div.news-item div.image img {
				height: 103px;
			}
	
	div#main div#content div#content-text div.news-item h2
	{
		font-weight:bold;
		font-size:12px;
		padding:0;
	}
	
		div#main div#content div#content-text div.news-item h2 a {
			color: #000;
		}
	
			div#main div#content div#content-text div.news-item h2 a:hover {
				text-decoration: underline;
			}
	
	div#main div#content div.news-item span.date
	{
		font-size:11px;
		color:#3b3b3b;
		padding-top: 5px;
		display: block;		
	}
	
	div#main div#content div.news-item p
	{
		font-size:11px;
		color:#737373;
	}	
	
	div#main div#content div#content-text div.news-view-item {
		padding: 0px 20px 20px 20px;
	}
	
		div#main div#content div#content-text div.news-view-item h2 {
			font-weight: bold;
			font-size: 16px;
			padding: 0px;			
		}
		
		div#main div#content div#content-text div.news-view-item p.date {
			color:#737373;
		}
	
	div#main div#right {
		width: 360px;
		float: left;
		margin-left:12px;

	}
	
			body.default div#main div#right {
				width: 220px;
				text-align: left;
				color: #fff;
			}
			
				body.default div#main div#right a.button {
					background: #2d7000;
					color: #fff;
					border: 1px solid #000;
					display: block;
					padding: 9px 0px 11px 0px;
					margin: 3px 0px 0px 0px;
					font-size: 14px;
					line-height: 14px;
					text-align: center;
					
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;
					border-radius: 7px;
					
					text-shadow: 0px -1px #102800;
				}
				
						body.default div#main div#right a.button.change {
							background: #777;
						}
				
					body.default div#main div#right a.button:hover {
						background: #ED1C24;
					}
				
				body.default div#main div#right div.right-content {
					background: #f2f5f7;
					color: #000;
					border: 1px solid #000;
					display: block;
					padding: 10px;
					margin: 0px 0px 20px 0px;
					font-size: 12px;
					line-height: 18px;
					
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;
					border-radius: 7px;
				}
	
		div#main div#right div#counter
		{
			width: 360px;
			height:89px;
			background-image:url('../images/counter/counter.png');	
			margin: 2px 0px 10px 0px;
			position: relative;
		}
		
			div#main div#right div#counter p.label {
				font-size: 14px;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
				line-height: 14px;
				width: 50px;
				height: 14px;
				position: absolute;
				top: 36px;
				left: 20px;
			}
			
				div#main div#right div#counter div#count {
					color: #ed1c24;
					font-size: 26px;
					font-weight: bold;
				}
				
				div#main div#right div#counter div#count div#days {
					position: absolute;
					top: 30px;
					left: 80px;
					width: 75px;
					height: 40px;
				}
				
				div#main div#right div#counter div#count div#hours{
					position: absolute;
					top: 30px;
					left: 165px;
					width: 45px;
					height: 40px;
				}	
				
				div#main div#right div#counter div#count div#minutes {
					position: absolute;
					top: 30px;
					left: 220px;
					width: 55px;
					height: 40px;
				}	
				
				div#main div#right div#counter div#count div#seconds {
					position: absolute;
					top: 30px;
					left: 285px;
					width: 55px;
					height: 40px;
				}	
				
					div#main div#right div#counter div#count div#days-label {
						position: absolute;
						top: 55px;
						left: 80px;
						width: 75px;
						height: 40px;
					}
				
					div#main div#right div#counter div#count div#hours-label {
						position: absolute;
						top: 55px;
						left: 165px;
						width: 45px;
						height: 40px;
					}	
				
					div#main div#right div#counter div#count div#minutes-label {
						position: absolute;
						top: 55px;
						left: 220px;
						width: 55px;
						height: 40px;
					}	
				
					div#main div#right div#counter div#count div#seconds-label {
						position: absolute;
						top: 55px;
						left: 285px;
						width: 55px;
						height: 40px;
					}				
				
					div#main div#right div#counter div#count div.label {
						font-size: 11px;
						color: #8a8a8a;
						text-transform: uppercase;
						font-weight: normal;
					}
	
		div#main div#right div#map {
			width: 360px;
			height: 260px;
			background: url(../images/map.gif) no-repeat;
			position: relative;
			margin: 0px 0px 10px 0px;
		}
		
		div#main div#right div#trailer {
			width: 360px;
			height: 260px;
			background: url(../images/trailer.gif) no-repeat;
			position: relative;
			margin: 0px 0px 10px 0px;				
		}
		
				div#main div#right div#trailer div.space {
					padding: 20px;
				}
		
		div#main div#right div#sponsors2011 {
			width: 360px;
			height: 554px;
			background: #e7e6e6 no-repeat;
			position: relative;
			margin: 0px 0px 10px 0px;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
			div#main div#right div#sponsors2011 {
				position: relative;
			}
		
			div#main div#right div#sponsors2011 div.space {
				padding: 20px;
			}
		
		div#main div#right div#twitter {
			width: 360px;
			background: #e7e6e6 no-repeat;
			position: relative;
			margin: 0px 0px 10px 0px;	
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
			div#main div#right div#twitter div.space {
				padding: 20px;
			}

		div#main div#right div#inschrijven {
			width: 360px;
			height: 160px;
			background: #e7e6e6 no-repeat;
			position: relative;
			margin: 0px 0px 10px 0px;	
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;			
		}

				div#main div#right div#inschrijven div.space {
					padding: 20px;
				}	
				
					div#main div#right div#inschrijven div.space p {
						padding: 0px;
					}
		
			div#main div#right div#map a#program {
				position: absolute;
				width: 170px;
				height: 100px;
				left: 0px;
				bottom: 0px;
			}
			
			div#main div#right div#map a#voorbereiding {
				width: 180px;
				height: 100px;
				position: absolute;
				bottom: 0px;
				right: 0px;
			}
			
				div#main div#right div#map a span {
					display: none;
				}
			
		div#main div#right div#sponsors-home {
			width: 360px;
			height: 213px;
			position: relative;
			background: url(../images/sponsors-home.gif) no-repeat;
		}
		
			div#main div#right div#sponsors-home div#sponsors-container {
				width: 246px;
				height: 213px;
				margin: 0px 0px 0px 57px;
				overflow: hidden;
			}
			
				div#main div#right div#sponsors-home a#nav-prev {
					width: 47px;
					height: 213px;
					position: absolute;
					left: 0px;
					top: 0px;
				}
				
				div#main div#right div#sponsors-home a#nav-next {
					width: 47px;
					height: 213px;
					position: absolute;
					right: 0px;
					top: 0px;
				}				
			
				div#main div#right div#sponsors-home div#sponsors-container div#sponsors-space {
					width: 4000px; /* yeah */
					margin: 10px 0px 0px 0px;
				}
			
				div#main div#right div#sponsors-home div#sponsors-container div.sponsor {
					width: 118px;
					height: 91px;
					float: left;
					margin: 0px 10px 10px 0px;
					text-align: center;
				}
				
					div#main div#right div#sponsors-home div#sponsors-container div.sponsor table {
						width: 118px;
						height: 91px;
					}
					
						div#main div#right div#sponsors-home div#sponsors-container div.sponsor table td {
							width: 118px;
							height: 91px;
							text-align: center;
							vertical-align: middle;
						}

div#footer {
	font-size:11px;
	color:#888;
	text-align: center;
	clear: both;
	padding: 10px;
}
	
	div#footer a {
		color:#fff;
		text-decoration: underline;
	}
	
div#sponsors div.sponsor {
	width: 196px;
	height: 200px;
	border: 1px solid #a0a0a0;
	float: left;
	margin: 0px 10px 10px 0px;
}

		div#sponsors div.sponsor.middle {
			width: 300px;
			height: 250px;
		}
		
			div#sponsors div.sponsor.middle table tr td {
				width: 300px;
				height: 250px;
			}
			
				div#sponsors div.sponsor.middle table tr td img {
					max-width: 280px;
					max-height: 230px;
				}

		div#sponsors div.sponsor.big {
			width: 610px;
			height: 250px;
			margin-right: 0px;
		}
		
			div#sponsors div.sponsor.big table tr td {
				width: 610px;
				height: 250px;
			}
			
				div#sponsors div.sponsor.big table tr td img {
					max-width: 590px;
					max-height: 230px;
				}

	div#sponsors div.sponsor table tr td {
		width: 196px;
		height: 200px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
	}
	
		div#sponsors div.sponsor.small table tr td img {
			width: 176px;
			display: inline;
		}
		
/* gallery */
div.gallery {

}

	div.gallery div.picture {
		width: 150px;
		height: 150px;
		border: 1px solid #ddd;
		text-align: center;
		float: left;
		margin: 0px 10px 10px 0px;
	}
			div.gallery div.picture:hover {
				border: 1px solid #777;
			}
			
		div.gallery div.picture-loading {
			 background: url(../images/loader.gif) no-repeat center center;
		}

		div.gallery div.picture img {
			margin: 0px 0px 0px 0px;
		}

		div.gallery div.picture table td,
		div.gallery div.picture table {
			width: 150px;
			height: 150px;
		}

			div.gallery div.picture table td {
				text-align: center;
				vertical-align: middle;
			}

			div.gallery div.picture table td a {

			}

	div.gallery div.item {
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
		margin: 0px 0px 10px 0px;
	}

		div.gallery div.item img {
			float: left;
			margin: 0px 10px 0px 0px;
		}

		div.gallery div.item div.label {
			float: left;
			padding: 10px 0px 0px 0px;
		}

			div.gallery div.item div.label a {
				font-size: 16px;
			}

				div.gallery div.item div.label a:hover {
					background: #ED1C24;
					color: #fff;
					text-decoration: none;
				}

			div.gallery div.item div.label span.extra {
				color: #555;
				padding: 10px 0px 0px 0px;
				display: block;
			}

/* equpes */
table.equipes {
	width: 100%;
}

	table.equipes tr {
		
	}
	
		table.equipes tr td {
			padding: 5px 10px 5px 10px;
			border-bottom: 1px solid #ddd;
			vertical-align: top;
		}
		
		table.equipes tr.head td {
			background: #555;
			color: #fff;
			font-size: 11px;
			text-transform: uppercase;
		}
		
		table.equipes tr.bg td {
			background: #f2f2f2;
		}
		
		table.equipes tr.hover td {
			background: #d9eeff;
		}
		
/* poll */
div.poll {
	padding: 10px 0px 0px 0px;
}

	div.poll div.bar {
		background: #342690;
		height: 10px;
		margin: 0px 0px 10px 0px;
	}

	div.poll div.question {
		font-weight: bold;
		padding: 0px 0px 10px 0px;
	}
	
	div.poll div.submit {
		padding: 5px 0px 0px 0px;
	}
	
	div.poll div.option {
		padding: 0px 0px 5px 0px;
		
	}
	
		div.poll div.option input {
			float: left;
			margin: 3px 10px 0px 0px;
		}
		
		div.poll div.option label {
			float: left;
		}
		
/* tweets */
div#tweet {
	padding: 10px 0px 0px 0px;
}

div#tweet ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	div#tweet ul li {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
	}
	
		div#tweet ul li span.twitterTime {
			font-size: 11px;
			color: #555;
			white-space: nowrap;
		}
		
/* buttons */
a.button {
	background: #2d7000;
	color: #fff;
	border: 1px solid #000;
	display: block;
	padding: 9px 0px 11px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	text-shadow: 0px -1px #102800;
}

		a.button.change {
			background: #777;
		}

	a.button:hover {
		background: #ED1C24;
	}