/*-----------------------------------------------*/
/* html elemements	*/
/*-----------------------------------------------*/

	html{
		overflow:hidden;
		height:100%;
		width:100%;
	}
	body{
		margin:0px;
		width:100%;
		height:100%;
		overflow:hidden;
		background-color: #8B8B8B;
	}

	body,td,div{
		font-family: Calibri, tahoma, arial, Sans-serif;
		font-size: 15px;
	}

	img {
		-ms-interpolation-mode : bicubic;		
	} 

	p{
		margin:0px;
	}

	* { 
		outline: none; 
	} 

	h2{
		font-size:21px;
	}

	h3{
		font-size:20px;
		color:#A4A4A4;
	}

	h1,h2,h3{
		margin:0px;
		padding:0px;
	}

	img{
		color:#FFFFFF;
		text-decoration:none;
		border: 0px;
		border-color:#FFFFFF;
	}

	form{
		margin:0px;
	}	

/*-----------------------------------------------*/
/* helpers */
/*-----------------------------------------------*/
	
	.clear{
		clear:both;
		height:0px;
	}

/*-----------------------------------------------*/
/* main */
/*-----------------------------------------------*/

	.body{
		font-family: Calibri, tahoma, arial, Sans-serif;
		font-size: 15px;
	}

	.body a {
	   color: #000000;
	   border-bottom: #000000 1px dashed;
	   text-decoration: none;
	}
	.body a:visited {
	   color: #000000;
	   border-bottom: #000000 1px dashed;
	   text-decoration: none;
	}
	.body a:hover {
	   background: #000000;
	   color: #ffffff;
	   text-decoration: none;
	}
	.body a:active {
	   background: #000000;
	   color: #ffffff;
	   text-decoration: none;
	}
	
	#bg{
		height:100%;
		width:100%;
		background-repeat:no-repeat;
	}

	#bg_catcher{
		position:absolute;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		background-image: url("../gfx/spacer.gif");
	}

	#main{
		position:absolute;
		top:0px;
		left:0px;
		height:100%;
		overflow:auto;
		width:100%;
	}

	#holder{		
		height:100%;
		width:989px;
		margin-left:auto;
		margin-right:auto;				
		background-image: url("../gfx/main_bg_high.png");
		background-repeat: no-repeat;
		padding-right:0px;
		clear:both;
	}

	#content_holder{
		position:absolute;
		width:809px;
		padding-left:180px;
		top:78px;		
		background-image: url("../gfx/main_bg.png");	
		text-align:left;
	}

	.logo{
		background-repeat:no-repeat;
		position:absolute;
		margin-left:30px;
		height:152px;
		width:712px;
		top:0px;
		z-index:999;
	}

	#logo_1{
		background-image: url("../gfx/logo_1.png");	
		height: 35px;
	}

	#logo_2{
		background-image: url("../gfx/logo_2.png");	
		height: 35px;
	}

	#logo_3{
		background-image: url("../gfx/logo_3.gif");	
	}

	#content{
		padding:8px;
		padding-top:0px;		
	}


	#small_title{
		height:18px;
		position:absolute;
		margin-top:56px;
		margin-left:188px;
		font-family: Calibri, tahoma, arial, Sans-serif;
		font-size: 15px;
	}

	#small_title a{
		text-decoration:none;		
		color: #231f20;
	}

	#search_div{
		display:none;
		z-index:2000;
		position:absolute;
		margin-top:0px;
		left:187px;
		width:795px;
		height:100%;
		background-image: url("../gfx/bg_search.png");
	}

	#search_white{
		width:795px;
		background-image: url("../gfx/bg_search_white.png");
		height:157px;
		margin-top:200px;		
	}

	#search_white #search_btn{
		background-image: url("../gfx/search_btn.png");
		border:0px solid;
		width:63px;
		height:25px;
		margin-left:5px;
	}
	
	#search_white #q{
		background-image: url("../gfx/search_input.png");
		background-repeat:no-repeat;
		border:0px solid;
		width:167px;
		height:22px;
		margin-left:5px;
		text-indent: 4px;
		padding-top:3px;
	}

	#search_white h2{
		color: #727272;
		font-size:24px;
	}

	#search_white form{
		margin-left:60px;
		padding-top:40px;
	}
	
	#search_white #form_fields{
		padding-top:5px;
	}
	

	#search input{

	}


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

	#menu{
		width:150px;
		height:200px;
		position:absolute;
		margin-left:-177px;
		margin-top:200px;		
	}

	#menu_holder{
		padding-top:20px;
		padding-bottom:20px;		
		width:185px;
		text-align:left;
	}

	#menu ul{		
		margin:0px;
		padding:0px;
		list-style:none;
		width:185px;
		text-align:right;

	}

	#menu ul li a{
		font-family: Calibri, tahoma, arial, Sans-serif;
		font-size: 15px;
		color: #231f20;
		text-decoration:none;
		display:block;
		padding-right:10px;
		width:175px;
	}

	#menu ul li a.current{
		font-size: 25px;
		background-color:#231f20 ;
		color: #FFFFFF;	
	}

	#menu .sub_menu{
		margin-bottom:20px;
	}

	#menu .sub_menu li a{	
		margin-right:20px;
	}

/*-----------------------------------------------*/
/* color styles */
/*-----------------------------------------------*/


	.color_1 #menu_holder{
		background-image: none;
	}

	.color_2 #menu_holder, .color_0 #menu_holder{
		background-image: none;
	}
	
	.color_3 #menu_holder{
		background-image: url("../gfx/menu_bg.png");
	}

	.color_1 #menu ul li a{
		color: #231f20;
	}

	.color_1 #menu ul li a:hover{
		background-color: #231f20;
		color: #FFFFFF;
	}

	.color_1 #menu ul li a.current{
		background-color: #231f20;
		color: #FFFFFF;
	}

	.color_2 #menu ul li a, .color_0 #menu ul li a{
		color: #FFFFFF;
	}

	.color_2 #menu ul li a:hover, .color_0 #menu ul li a:hover{
		color: #ffcb08;
		background-color: transparent;
	}

	.color_2 #menu ul li a.current, .color_0 #menu ul li a.current{
		color: #ffcb08;
		background-color: transparent;
	}

	.color_3 #menu ul li a{
		color: #231f20;
	}

	.color_3 #menu ul li a:hover{
		background-color: #231f20;
		color: #FFFFFF;		
	}

	.color_3 #menu ul li a.current{
		background-color: #231f20;
		color: #FFFFFF;		
	}

/*-----------------------------------------------*/
/* color breadcrumb */
/*-----------------------------------------------*/


	.color_1 #small_title a, .color_1 #small_title{
		color: #231f20;
	}
	.color_1 #small_title a.active{
		background-color: #231f20;
		color: #FFFFFF;
	}

	.color_2 #small_title a, .color_2 #small_title, .color_0 #small_title a, .color_0 #small_title{
		color: #FFFFFF;
	}
	.color_2 #small_title a.active, .color_0 #small_title a.active{
		color: #ffcb08;
	}
	
	.color_3 #small_title{
		background-image: url("../gfx/menu_bg.png");
	}
	.color_3 #small_title a, .color_3 #small_title{
		color: #231f20;		
	}
	.color_3 #small_title a.active{
		background-color: #231f20;
		color: #FFFFFF;	
	}

/*-----------------------------------------------*/
/* standaard element styles */
/*-----------------------------------------------*/

	.el_image{
		margin-bottom:10px;
	}

	/* list */

		.el_list_item{
			text-decoration: none;		
		}

		.el_list_item .body{
			color: #A4A4A4;
			line-height:14px;
			height:43px;
			width:175px;
			overflow:hidden;
		}

		.el_list_item:hover, .el_list_item_hover{
			background-color: #707070;
		}

		.el_list_item img{
			border: 0px;
		}

		.el_list_item h2{
			color: #222222;
		}
		

	   /* list small */

		.el_list_small h2{
			font-size:18px;
			color: #222222;	
		}

		.el_list_small .el_list_item{
			display:block;
			clear:both;
			padding:8px;
			cursor:pointer;
			margin-left:-8px;
			height:68px;
			overflow:hidden;
		}

		.el_list_small .el_list_left{
			overflow:hidden;
			float:left;
			width:160px;
		}

		.el_list_small .el_list_right{
			float:left;
			width:135px;
			height:70px;
			padding-left:8px;
			margin-top:-2px;
			overflow:hidden;
			padding-right:8px;
		}
		.el_list_small .el_list_right .body{
			margin-top:-3px;
			width:136px;
			font-size:14px;		
		}

		.el_list_small img{
			height:67px;
			width:160px;
		}


	  /* list large */

		.el_list_large img{
			height:137px;
			width:320px;
		}

		.el_list_large .el_list_right{
			height:145px;
			overflow:hidden;
		}
		.el_list_large .el_list_item{
			height:165px;
			overflow:hidden;
		}


	/* list nav*/

		.el_list_nav{
			width:250px;
			height:20px;
			padding-top:5px;
		}


		.el_list_nav a{	
			text-decoration:none;
			display:block;
			float: left;
			height:14px;
			width:14px;
			background-color: #cccccc;
			margin-right: 3px;
		}
		
		.el_list_nav a.active{	
			background-color: #707070;
		}

		.el_list_nav a span{	
			display:none;
		}
		

	/* tag box */

		.el_tag_box{
			padding-top:15px;
			padding-bottom:15px;
		}

		.el_tag_box ul{
			list-style: none;
			margin:0px;
			padding:0px;
		}

		.el_tag_box a{
			display:block;
			padding-left:20px;
			background-image: url("../gfx/tag_bg.gif");
			background-repeat: no-repeat;
			background-position: 2px 6px;
			background-color: #cccccc;
			color: #FFFFFF;
			text-decoration:none;
			font-family: Calibri, tahoma, arial, Sans-serif;
			font-size: 14px;
			margin-bottom:2px;
			height:18px;
		}

		.el_tag_box a.selected{
			background-image: url("../gfx/tag_active_bg.gif");
			color: #FFFFFF;
			background-color: #3c3c3c;
		}

		


	/* images list */

		.el_image_list img{
			position:absolute;
			z-index:0;
			clear:both;
		}

		.el_image_list_nav{
			margin-top:-20px;
			margin-right:2px;
			position:absolute;
			z-index:998;
			float:right;
			right:9px;
			text-align:right;
		}

		.el_image_list_nav a{	
			text-decoration:none;
			display:block;
			float: left;
			height:14px;
			width:14px;
			background-color: #999999;
			margin-right: 3px;
		}

	/* mailing form */

		.el_form label{
			font-size:12px;	
			line-height:16px;
		}

		.el_form .el_text_input{
			height:19px;
			padding-top:3px;
			text-indent:4px;
			width:204px;
			background-image: url("../gfx/input_bg.png");
			background-repeat:no-repeat;
			border:0px;
		}

		.el_form .el_select_input{
			height:22px;			
			width:88px;
			margin-bottom:5px;
			
		}

		#btn_inschrijven{
			margin-top:10px;
			border:0px;
			background-image: url("../gfx/btn_inschrijven.png");
			height:22px;
			width:89px;
		}



/*-----------------------------------------------*/
/* tempaltes all */
/*-----------------------------------------------*/

	/*
	.area{
		border:1px solid;
	}
	*/

	.template{
		margin-left:30px;
		width:763px;
	}

/*-----------------------------------------------*/
/* tempaltes 1 */
/*-----------------------------------------------*/
	
	.template_1 #area_1{
		width:763px;
	}

	.template_1 #area_2{
		float:left;
		width:320px;
	}

	.template_1 #area_3{
		float:left;
		margin-left:20px;
		width:245px;
	}

	.template_1 #area_4{
		float:left;
		margin-left:40px;
		width:138px;
	}


/*-----------------------------------------------*/
/* tempaltes 4 // allmost the same as 1 */
/*-----------------------------------------------*/
	
	.template_4 #area_1{
		width:763px;
	}

	.template_4 #area_2{
		float:left;
		width:245px;
	}

	.template_4 #area_3{
		float:left;
		margin-left:20px;
		width:320px;
	}

	.template_4 #area_4{
		float:left;
		margin-left:40px;
		width:138px;
	}


/*-----------------------------------------------*/
/* tempaltes 2 */
/*-----------------------------------------------*/


	.template_2 #area_1{
		width:763px;
	}

	.template_2 .el_text_block{
		width: 320px;
	}

	.template_2 .el_image{
		width: 763px;
		overflow:hidden;
	}


	.template_2 .el_list_item{
		display:block;
		clear:both;
		width:733px;
		padding:15px;
		height:137px;
		cursor:pointer;
	}
	
	.template_2 .el_list_left{
		float:left;
		width:320px;
	}

	.template_2 .el_list_right{
		float:left;
		width:385px;
		padding-left:15px;
		height:137px;
		overflow:hidden;
	}




/*-----------------------------------------------*/
/* tempaltes 3 */
/*-----------------------------------------------*/

	.template_3 #main_areas{
		margin-top:0px;
	}

	.template_3 #area_1{
		float:left;
		width: 370px;
	}

	.template_3 #area_2{
		float:left;
		width: 373px;
		margin-left:20px;
	}


/*--------------------------------------------------------*/
/* form validation  */
/*--------------------------------------------------------*/

	#ClientValidationSummary{ 
		display:none;
		border:1px dotted #FF0000;
		background-color:#FFFFFF;
		padding: 8px;
		padding-bottom:0px;
		margin-bottom:8px;
	}
	
	#ClientValidationSummary a{ 
		color: #000000;
	}

	#ClientValidationSummary ul, #ClientValidationSummary_login ul { 
		padding:10px;
		margin-left:15px;
		padding-top:0px;
		padding-bottom:5px;
	}

	div.validation-inline-error-message{ 
		display:inline;
		padding-left: 10px;
		color: #ff0000;
	}

	.validation-failed{
		color: #FF0000;
		background-image: url("../gfx/input_bg_error.png") !important;
	}