@charset "utf-8";
	
	html { overflow-y: scroll; }
	html, body { width:100%; height:100%; }
	
	body {
		font:0.8em/1.4em Arial, Helvetica, sans-serif;
		background:#071226 url('../img/bg2.jpg') no-repeat fixed center bottom;
		text-align:center;
		}

	#wrapper, 
	.wrap {
		margin:0 auto;
		width:960px;
		position:relative;
		text-align:left;
		}

/* Skeleton
------------------------------------------------------------------*/

	#aside {
		display:block;
		width:330px;
		background:transparent url('../img/beeldmerk.png') no-repeat 10px 130px;
		z-index:50;	
		float:left;	
		position:fixed;
		}
		
	#container {
		display:block;
		width:630px;
		position:relative;
		float:right;	
		z-index:30;

		}
		
	#above {
		height:130px;
		width:630px;
		position:fixed;
		margin-bottom:20px;
		}

	#content {
		position:relative;
		z-index:40;
		background:#fff;	
		margin-right:10px;
		margin-top:150px;
		padding:20px 20px 20px 30px;
		box-shadow: 10px 10px 0 #ad0910;
		-moz-box-shadow: 10px 10px 0 #ad0910; /*rgba(173,9,16, 0.7) */
		-khtml-box-shadow: 10px 10px 0 #ad0910; 
		}

	#content .sidebar {
		background:#0099FF;
		float:right;
		width:200px;
		height:100px;
		}

	#footer {
		margin-right:10px;
		margin-bottom:30px;
		padding:10px 30px;
		color:#215c69;
		background:#D5E8EC;
		position:relative;
		z-index:50;
		box-shadow: 10px 10px 0 #ad0910;
		-moz-box-shadow: 10px 10px 0 #ad0910; /*rgba(173,9,16, 0.7) */
		-khtml-box-shadow: 10px 10px 0 #ad0910; 
		}

/* Wide
------------------------------------------------------------------*/

	#wide #aside {
		width:180px;
		}
		
	#wide #container {
		width:780px;
		}

	#wide #above {
		margin-left:150px;
		}

/* Sidebar
------------------------------------------------------------------*/

	h1#logo {
		}

	h1#logo a,
	h1#logo a:visited {
		display:block;
		width:310px;
		height:130px;
		margin-bottom:20px;
		background:transparent url('../img/logo.gif') no-repeat 10px 20px;
		text-indent:-3000px;
		}

/* Navigation
------------------------------------------------------------------*/

	#navigation {
		float:right;
		width:190px;
		margin-top:20px;
		position:relative;
		z-index:100;
		list-style-type:none;
		background:rgba(0,18,38, 0.5) !important;
		background:#071226;
		padding:10px 0 10px 10px;
		box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 
		-moz-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7);
		-khtml-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 
		}
		
	#navigation li {
		position:relative;
		background:rgba(7,18,38, 0.6); 
		}

	#navigation li a,
	#navigation li a:visited {
		display:block;
		height:40px;
		width:180px;
		padding-right:10px;
		text-align:right;
		line-height:40px;
		color:#fff;
		font-size:115%;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		text-shadow: rgba(0,0,0, 0.8) 0 -1px;
		}

	#navigation li:hover,
	#navigation li a:hover,
	#navigation li a.active,
	#navigation li a.active:visited,
	#navigation li a.active:hover {
		background:#ad0910 url('../img/nav-bg.gif') repeat-y top right;
		}

	#navigation li ul {
		display:none;
		position:absolute;
		z-index:110;
		left:190px;
		top:5px;
		list-style-type:none;
		}

	#navigation li:hover > ul {
		display:block;
		}
	
	#navigation li ul li {
		position:relative;
		}	

	#navigation li ul li a,
	#navigation li ul li a:visited {
		display:block;
		text-transform:none;
		font-size:130%;
		height:40px;
		width:225px;
		text-indent:30px;
		background:#ad0910;
		text-align:left;
		font-weight:normal;
		text-shadow: #530e11 0 -1px;
		}
		
	#navigation li ul li a:hover,
	#navigation li ul li a.active,
	#navigation li ul li a.active:visited,
	#navigation li ul li a.active:hover {
		background:#77070c url('../img/submenu-arrow.gif') no-repeat 13px 16px;
		} 

/* Sponsors
------------------------------------------------------------------*/

	#sponsors {
		clear:both;
		float:right;
		height:40px;
		background:rgba(7,18,38, 0.5) !important;
		background:#071226;
		padding:10px 0 10px 10px;
		margin-top:20px;
		box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 
		-moz-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7);
		-khtml-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 		
		}

/* Social Media
------------------------------------------------------------------*/

	#social-media {
		float:right;
		clear:both;
		padding-right:10px;
		margin-top:20px;
		}
		
	#social-media a,
	#social-media a:visited,
	#social-media a:hover {
		margin-left:10px;
		float:right;
		}
		
	#social-media a img {
		display:block;
		}

/* Search
------------------------------------------------------------------*/

	#search {

		width:170px;
		height:30px;
		clear:both;

		float:right;

		margin-top:20px;
		padding:10px;

		background:rgba(7,18,38, 0.5) !important;
		background:#071226;

		box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 
		-moz-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7);
		-khtml-box-shadow: 10px 10px 0 rgba(173,9,16, 0.7); 
		}
		
	#search .search-query {
		display:block;
		width:125px;
		height:30px;
		font-size:120%;
		padding:0 5px;
		color:#777;
		background:#fff;
		border:none;
		float:left;
		}
		
	#search .search-submit {
		display:block;
		width:34px;
		float:right;
		height:30px;
		background:#ad0910;
		border:none;	
		text-indent:-3000px;
		}

/* Container
------------------------------------------------------------------*/	

	#cta-register,
	#cta-register:visited {
		display:block;
		width:220px;
		height:55px;
		line-height:55px;
		color:#fff;
		font-size:230%;
		letter-spacing:-1px;
		text-transform:uppercase;
		text-decoration:none;
		background:#ad0910;
		text-align:center;
		text-shadow: rgba(0,0,0, 0.8) 0 -2px;	
		position:absolute;
		bottom:0;	
		}

	#cta-register:hover {
		background:#77070c;
		} 
		
	#cta-register:active {
		line-height:57px;
		}

/* Countdown
------------------------------------------------------------------*/

	#countdown {
		position:absolute;
		bottom:0;	
		right:10px;
		height:75px;
		}

	.countdown_section {
		display:block;
		overflow:hidden;
		width:80px;
		height:75px;
		margin-left:15px;
		float:left;
		text-align:center;
		}

	.countdown_label {
		font:lighter 100%/120% Arial, Helvetica, sans-serif;
		display:block;
		color:#d5e8ec;
		text-transform:uppercase;
		font-weight:bold;
		height:20px;
		}

	.countdown_amount {
		font:lighter 530%/55px Arial, Helvetica, sans-serif;
		letter-spacing:-3px;
		color:#fff;
		text-shadow: #030915 0 -2px;
		}

/* Clearer
------------------------------------------------------------------*/

	.clearer {
		width:100%;
		height:1px;
		clear:both;
		}
		
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		
	.clearfix {
		display:inline-block;
		}
		
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	.left         { float:left; }
	.right        { float:right; }
	img.left      { margin-right:1em; margin-bottom:1.8em; }
	img.right     { margin-left:1em; margin-bottom:1.8em; }
	
	.hide{ /* Hide stuff without resorting to display:none; */
		visibility:hidden;
		width:0!important;
		height:0!important;
		line-height:0!important;
		padding:0!important;
		margin:0!important;
		}