@charset "UTF-8";
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	
	background: url(../assets/jpg/main_background.jpg) repeat;
}

:focus {
	outline: none;
}

h1 {
	padding: 0 0 7px 0;
	margin: 0;
	
	font-weight: normal;
	font-size: 14px;
	color: #111111;
	letter-spacing: -1px;
}

img {
	margin: 0 7px 7px 0;
	border: 0;
}
	.slideshow img {margin-bottom:0px}
a {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #333333;
}

p {
	margin: 0;
	padding: 0;
}

li {

}

/* ------------------------------------------ */
/* rounded corners fix */
/* ------------------------------------------ */

.image-tl { position:absolute; top:0; left:0; width:6px; height:6px; background:url(../assets/png/image-topleft.png) no-repeat; }
.image-bl { position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../assets/png/image-bottomleft.png) no-repeat; }
.image-tr { position:absolute; top:0; right:0; width:6px; height:6px; background:url(../assets/png/image-topright.png) no-repeat; }
.image-br { position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../assets/png/image-bottomright.png) no-repeat; }

/* ------------------------------------------ */
/* home en nieuws */
/* ------------------------------------------ */

.home {
	float: left;
	width: 330px;
}

	.home-content {
		padding: 10px 5px 10px 0;
	}
	
	.home-image {
		height: 150px;
		width: 300px;
		background: #DDDDDD;
		
		position: relative;
		margin-bottom: 10px;
		margin-top: 3px;
		overflow: hidden;
	}
	
	.home-image img {
		width: 300px;
	}
	
	.home-text {
		text-align: justify;
	}
	
.nieuws {
	float: left;
	width:50%;
}

	.nieuws-content {
		margin-left: 10px;
		border-left: 1px dotted #666666;
		padding: 10px 15px;
	}
	
	

	.nieuws-pagina .nieuws-content {
		border-left: none;
		padding: 10px 15px 10px 0;
		margin-left:0
	}
	
	.nieuws-image {
		float: left;
		width: 100px;
		height: 75px;
		
		position: relative;
		margin-right: 10px;
		margin-top: 3px;
		overflow: hidden;
	}
	
	.nieuws-image img {
		width: 100px;
	}
	
	.nieuws-text {
		text-align: justify;
	}
	
	.nieuws-text i {
		color: #333;
	}

.page-image {
	float: left;
	height: 150px;
	width: 250px;
	background: #DDDDDD;
	
	position: relative;
	margin: 5px 15px 3px 0;
	overflow: hidden;
}

.page-image img {
	width: 250px;
}

/* ------------------------------------------ */
/* menu */
/* ------------------------------------------ */

/* menu css */

ul#menu {
	position:absolute;
	top:0;
	left:0;
	z-index: 999;
	
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	background:url(../assets/png/menu_background.png) repeat-x;

	overflow: visible;
	list-style-image: none;
	list-style-type: none;
}

ul#menu li {
	float: left;
	padding: 15px 30px 10px 5px;
	margin: 0 0 0 15px;
	color: #fff;
}

ul#menu li .submenu {
	margin-top: 20px;
}

#submenu {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	background: url(../assets/png/submenu.png) bottom left no-repeat;
	padding: 60px 3px 80px 3px;
	width: 180px;
	height: 54px;
	cursor: pointer;
}

#submenu-content {
	position: relative;
}

#submenu a {
	font-size: 12px;
	letter-spacing: -.5pt;
	color: #333333;
	padding: 0 10px;
	display:block;
}

#submenu a:hover {
	color: #CC9900;
}

#submenu .submenu-item {
	padding:5px;
	background-color:#ddd;
}


.engFlag {
	margin-top: -15px;
	z-index: 100;
}

/* ------------------------------------------ */

#container {
	position: relative;
	width: 765px;
	margin: 0 auto;
	padding-top: 50px;
}

	#panel {
		position: relative;
	}
	
		#panel_header {
			width: 100%;
			height: 225px;
			
			background: url(../assets/jpg/panel_top.jpg) no-repeat;
		}
		
		#panel_content {
			width: 100%;
			background: url(../assets/jpg/panel_background.jpg) repeat-y;
		}
		
			#content {
				padding: 30px;
			}
				
				#wrapper {
					padding: 0 5px;
				}
			
				.introduction {
					text-align: justify;
				}
				
				.table_text {
					vertical-align: top;
					padding: 2px 10px 0 0;
				}
				
				.table_title {
					vertical-align: top;
					padding: 2px 10px 0 0;
					text-align: right;
					width: 85px;
				}
				
				.table_bullet {
					vertical-align: top;
					height: 17px;
					width: 17px;
					padding: 0 10px;
				}
				
				.table_bullet img {
					margin: 0;
				}
		
		#panel_footer {
			width: 100%;
			height: 20px;
			
			background: url(../assets/jpg/panel_bottom.jpg) no-repeat;
		}
		
		#circle {
			position: absolute;
			right: -40px;
			top: 140px;
			
			/*cursor: pointer;*/
		}
		
		a.inactive_link{
			cursor : default;
		}

/* ------------------------------------------ */
/* fotoalbum */
/* ------------------------------------------ */

#gallery_image
{
	float: left;
	
	margin: 5px;
	
	width: 150px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}

	#gallery_image img
	{
		margin: 0;
		width: 150px;
	}



/* ------------------------------------------ */
/* inschrijf formulier */
/* ------------------------------------------ */

#steps {
	
}

	.lefty {
		float: left;
	}
	
	.lefty_text {
		float: left;
		padding: 11px 30px 0 0;
	}
	
	.righty {
		float: right;
	}
	
#iframe_voorwaarden {
	height: 150px;
	width: 100%;
}

#form_agree {
	padding-top: 5px;
}

#error {
	margin-top: 15px;
	width: 100%;
	background: #111111;
	color: #FFFFFF;
}

	#error_message
	{
		padding: 15px;
	}

#form {

}

#form input {
	border: 1px solid #999999;
	padding: 3px;
	margin: 2px;
}

	.label {
		width: 100px;
	}
	
	.form_section {
		padding: 0 0 10px 0;
	}
	.form_section label{
		width:120px;
		display:block;
		float:left;
	}
	.form_section fieldset{
		border:none;
	}
	#nav_gegevens, #bes_gegevens{
		width:340px;
		float:left;
		
	}
	.form_section .space{
		margin-top:10px;
	}
	
/* ------------------------------------------ */
/* deelnemers */
/* ------------------------------------------ */

#deelnemers {
	margin: 10px 0 20px 0;
}	

#deelnemers td.header
{
	padding: 2px 0px;
	border-bottom: 1px dotted #999999;
	width: 100px;
	
	font-size: 11px;
	font-weight: bold;
}

#deelnemers td.cell
{
	font-size: 11px;
	padding: 2px 0px;
	width: 100px;
	border-bottom: 1px dotted #999999;
}

#deelnemers td.cell_thumb
{
	padding: 2px 0px;
	width: 60px;
	border-bottom: 1px dotted #999999;
}

	#deelnemers #deelnemers_thumb
	{
		overflow: hidden;
		width: 60px;
		height: 40px;
		background: #CCCCCC;
	}
	
	#deelnemers #deelnemers_thumb img {
		width: 60px;
	}

/* ------------------------------------------ */
/* inloggen */
/* ------------------------------------------ */

#login {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	color: #FFFFFF;
	padding: 15px 20px;
}

#login a:hover {
	color: #FFFFFF;
}

.login-form {
	width: 550px;
	margin: 10px 0;
	padding: 10px 0;
	background: #CCCCCC;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666; 
}

.form-item {
	padding: 0px 15px;
}

.login-label {
	width: 100px;
	float: left;
	padding: 9px 5px;
}

.login-input {
	float: left;
	padding: 5px;
}

.login-submit {
	padding-top: 5px;
	padding-left: 135px;
}

/* ------------------------------------------ */
/* profile */
/* ------------------------------------------ */

.profile-form {
	width: 550px;
	margin: 10px 0;
	padding: 10px 0;
	background: #CCCCCC;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
}

.profile-image {
	float: left;
}

.profile-caption {
	float: left;
	padding: 5px 0;
}

.profile-image img {
	width: 150px;
	margin: 0 15px;
}


/* ------------------------------------------ */
/* footer */
/* ------------------------------------------ */

#footer {
	width: 765px;
	margin: 0 auto;
	color: #000;
	font-size: 9px;
	text-align: center;
	padding: 10px 0 17px 0;
}

	#footer a {
		color: #333333;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #000000;
	}
			
.container-footer
{
	width:765px;
	height: 150px;
	margin:0 auto;
	color: #ff6600;
	
	background:url(../assets/jpg/panel_footer.gif) repeat-y;
}

	.panel-footer-content
	{
		position: relative;
		padding: 22px 35px 0 25px;
		width: 695px;
	}
	
	.panel-footer-content img 
	{
		margin: 10px 0;
	}
	
		.astma { float: left; z-index: 10; }
		.sponsors { position: absolute; left: 0; top: 0; width: 565px; text-align: center; margin: 0 100px; }
		.sponsors img { margin: 15px 15px; position:relative;left:50px;}
		.kampioenschap { float: right; text-align: right; }
		
		.left-footer { float: left}
		.middle-footer { float: left; margin-left: 88px}
		.right-footer { float: right}

		
		/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/
#container{
	position:relative;
	overflow:visible;
}
#sidebar_vertical{
	behavior: url(border-radius.htc);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:white;
	position:absolute;
	top:335px;
	left:770px;
	padding:10px;
	width:130px;
}
#sidebar_vertical h1{
	color:#ff5a00;
	text-transform:uppercase;
	font-size:13px;
	padding:10px 0;
	letter-spacing:0.5px;
	font-weight:bold;
	margin:0;
}
#sidebar_vertical a{
	padding:5px 0;
	display:block;
}
#form .submit-button, .submit-button { background: url(../assets/jpg/btn_volgende_out.jpg) no-repeat; width:131px; height:32px; display:block; border:none; padding:0; margin:0}
#form .submit-button:hover, .submit-button:hover{background: url(../assets/jpg/btn_volgende_over.jpg) no-repeat; cursor:pointer;}
.slideshow{display:block;position:relative;z-index:0;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}.slideshow-images{height:225px;width:765px;}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}.slideshow{height:225px;margin:0 auto;width:765px;}.slideshow a img{border:0;}.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:22px;opacity:.7;}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}