@import  url("../admin/library/JavaScript/dojo/resources/dojo.css");
@import  url("../admin/library/JavaScript/dijit/themes/dijit.css");
/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

*{
	margin:0;
	padding:0;
}	
	
body{
	font: 13px Arial,Verdana,Helvetica;
	padding:0;
	margin: 0;
	
	color:#3C484C;
	background:url(../images/light_gray.gif) top center repeat-y #394346;
}
	
::selection {
	color:#fff;
	background: #C1D72E; /* Safari */
	}
::-moz-selection {
	color:#fff;
	background: #C1D72E; /* Firefox */
}
	
.header{
	width:100%;
	height:180px;	
	color:#fff;
	background:url(../images/header_top.gif) no-repeat top center;
}
.home .header{
	height:326px;
	background:url(../images/header_top_home.gif) no-repeat top center;
	}

	.header_container{
		margin:auto;
		width:990px;
		text-shadow: 1px -1px 0px #252b2d;
		}
	
		.logo a{
			float:left;
			width:186px;
			height:176px;
			margin-left:33px;
			margin-right:50px;
			background:url(../images/logo.png) no-repeat;
			}
		.dj_ie6 .logo a{background:url(../images/logo.gif) no-repeat;}
			
		.payoff{
			float:left;
			font-size:36px;
			width:694px;
			margin-top:20px;
			}
			
		.search{
			float:right;
			width:190px;
			height:29px;
			margin:0;
			padding:0;
			font-size:12px;
			margin-top:10px;
			background:url(../images/zoek_bg.gif) no-repeat top left;
		}
		.dj_ie7 .search{
			position:absolute;
			margin-left:200px;
			}
			
		.search input{
			color:#fff;
			border:none;
			width:138px;
			background:none;
			margin:0;
			padding:0;
			float:left;
			margin-top:7px;
			margin-left:10px;
			text-shadow: 1px -1px 0px #3f4648;
			}
		
			
			a.zoek_btn{
				float:right;
				height:29px;
				width:32px;
				}
	
			a.zoek_btn:hover{
				background:url(../images/zoek_bg_hover.gif) no-repeat top right;
			}
		.menu{
			float:left;
			margin-top:10px;
			padding-top:20px;
			width:694px;
			background:url(../images/lijn.gif) repeat-x left top;
			}
			
		.menu li{
			display:inline;
			}
		.menu li a{
			display:inline;
			color:#fff;
			font-weight:bold;
			font-size:14px;
			margin-right:9px;
			margin-left:9px;
			}
		.menu li.first a{margin-left:0;}
		.menu li.last a{margin-right:0;}
		
		.menu li a:hover, .menu li a.active{
			color:#C1D72E;
			text-decoration:none;
			}


.twitterfacebook{
	float:right;
	width:70px;
	height:20px;
	}


 .content{
	 width:100%;
	 min-height:400px;	
	 background:url(../images/white.gif) center repeat-y #e5e5e5;
 }
 
 	.content_container_wrapper{
		width:990px;
		margin:auto;
		}
 	.content_container{
		width:990px;
		margin:auto;
		}
		
	.home_slider{
		position:absolute;
		width:692px;
		height:252px;
		margin-top:-153px;
		margin-left:255px;
		padding:20px;
		background:url(../images/home_element_bg.png) no-repeat;
		z-index:10;
		}
		
		.content_left{
			float:left;
			width:280px;
			margin-left:-10px;
			}
		
			.box{
				float:left;
				width:270px;
				margin-bottom:10px;
				background:url(../images/blok_middle.gif) repeat-y;
				}
			.box.hometop{
				margin-top:-147px;
				}
				
				.box_inner{
					float:left;
					width:270px;
					background:url(../images/blok_bottom.gif) no-repeat bottom;
					}
				.box_inner_content{
					float:left;
					width:200px;
					padding:35px;
					padding-top:25px;
					padding-bottom:25px;
					min-height:150px;
					line-height:19px;
					background:url(../images/blok_top.gif) no-repeat top;
					}
				.hometop .box_inner_content{background:url(../images/blok_top_home.gif) no-repeat top;}
				
					.box_inner_content ul{margin:0;}
					.box_inner_content li{
						list-style:none;	
						margin:0;
						padding:0;
						margin-bottom:6px;
										
						}
					.box_inner_content li a{
						font-size:15px;
						color:#3C484C;
						
						padding-bottom:4px;
						}
					.box_inner_content li a:hover, .box_inner_content li a.active{
							color:#E63E97;
							padding-left:25px;
							text-decoration:none;
							background:url(../images/pijl_pink.gif) left center no-repeat;
							}
			
		.content_right{
			width:700px;
			padding:20px;
			padding-left:0;
			float:left;
			}
		.dj_ie6 .content_right{width:670px;}
			
			.home .content_right{
				padding-top:140px;
				}
				
			.content_right_content{
				float:left;
				width:465px;
				line-height:19px;
				}
				
			.home_blok{
				float:left;
				width:340px;
				margin-top:20px;
				min-height:100px;
				margin-right:20px;
				}
			.home_blok.last{
				margin-right:0;
				}
				
			
			.green_box{
				float:left;
				width:195px;
				min-height:100px;
				margin-left:20px;
				padding:10px;
				background:#C1D72E;
				}
			.dj_ie6 .green_box{margin-left:10px;}
				ul.biedtu{
					margin:0;
					}
				ul.biedtu li{
					margin:0;
					padding:0;
					padding-left:25px;
					font-weight:bold;
					padding-top:3px;
					list-style:none;
					margin-bottom:5px;
					background:url(../images/vink.gif) left top no-repeat;
					}
					
			.green_box .button{
				margin-top:10px;
				margin-left:12px;
				}
				
			.breadcrumb{
				float:left;
				width:100%;
				padding-bottom:10px;
				}
			.breadcrumb a{
				color:#3C484C;
				}
			.breadcrumb a:hover{
				text-decoration:underline;
				}
				
			.arrang{
				float:left;
				width:465px;
				min-height:87px;
				padding-top:15px;
				margin-bottom:10px;
				background:url(../images/hr.gif) repeat-x top left;
				}
				
			.dj_ie7 .arrang{
				background:none;
				border-top:1px dotted #cccfd0;
				}
				
				.arrang_img{
					float:left;
					width:95px;
					min-height:87px;
					}
					.arrang_img img{
						padding:5px;
						display:block;
						border:1px solid #cccfd0;
					}
				.arrang_content{
					float:left;
					width:225px;
					padding-right:5px;
					}
					
				.arrang_buttons{
					float:left;
					width:140px;
					}

.footer{
	width:100%;	
	color:#C4C4C4;
	min-height:170px;
}

	.footer_container{
		width:990px;
		padding-top:20px;
		margin:auto;
		margin-bottom:20px;
		}
		
		.footer_blok{
			float:left;
			width:200px;
			margin-left:40px;
			}
		.footer_blok.large{
			width:440px;
			}
		.footer_blok ul{
			margin:0;
			}
		.footer_blok li{
			display:inline;
			
			}
		.footer_blok li a{
			width:145px;
			float:left;
			color:#C4C4C4;
			}
		.footer_blok li a:hover, .footer_blok li a.active {color:#E63E97;}
		
		
	.item{
		float:left;
		margin-top:10px;
		padding-bottom:10px;
		width:100%;
		background:url(../images/hr.gif) repeat-x bottom left;
		}
		
	.dj_ie7 .item{
		background:none;
		border-bottom:1px dotted #cccfd0;
		}
		.item h2{
			margin-bottom:5px;
			}
		.item a.pijl_link{
			float:right;
			font-weight:bold;
			}
		
/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */

.clearer{ 
	clear: both;
} 

/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

h1{
	font-size:18px;
	margin:0;
	padding:0;
	color:#E63E97;
	text-transform:uppercase;
	/*margin-bottom:20px;*/
	font-weight:normal;
}

.dj_ie7 h1{margin-bottom:5px;}

h1.act,h1.pop,h1.age{
	padding-left:30px;
	padding-bottom:3px;
	color:#3C484C;
	clear:both;
	margin-bottom:20px;
	background:url(../images/actualiteiten.gif) no-repeat left center;
	}
h1.pop{background:url(../images/populair.gif) no-repeat left center;}
h1.age{background:url(../images/agenda.gif) no-repeat left center;}

.footer h1{color:#fff;}
.content_right_content h1{
	font-size:25px;
	font-weight:bold;
	}
.content_right_content h1.act{
	font-size:18px;
	font-weight:normal;
	
	}

.home_blok h1{
	color:#3C484C;
	}

h2{
	font-size:16px;
	margin:0;
	padding:0;
	color:#3C484C;
	margin-bottom:10px;
}
.arrang_content h2{
	color:#3C484C;
	}

h3{
	font-size:14px;
	margin:0;
	padding:0;
	color:#3C484C;
	margin-bottom:10px;
}
h3 a{
	color:#3C484C;
	}

h4{
	font-size:15px;
	margin:0;
	padding:0;
	color:#596163;
	font-weight:normal;
	font-style:italic;
}

h5{
	font-size:12px;
	margin:0;
	padding:0;
	color:#E63E97;
}

hr{
	width:100%;
	height:1px;
	border:none;
	margin-top:10px;
	margin-bottom:10px;
	border-color:#fff;
	background:url(../images/hr.gif) repeat-x left #fff;
}

.dj_ie7 hr{
	 border:none;
	 border:1px solid #fff;
	 margin-top:0px;
	 height:2px;
  	 border-top:1px dotted #cccfd0;
	}

.green_box hr{background:url(../images/hr_white.gif) repeat-x left;}
.dj_ie7 .green_box hr{ border:1px solid #c1d72e;border-top:1px dotted #fff;}

.footer hr{background:url(../images/lijn.gif) repeat-x left;}

.dj_ie7 .footer hr{border:1px solid #3e494d;border-top:1px dotted #fff;}

.intro{
	font-size:20px;
	line-height:25px;
	}

.home_intro{
	font-size:16px;
	font-style:normal;	
	line-height:23px;
	}

.nieuwsarchief{
	float:left;
	padding:10px;
	width:443px;
	border:1px solid #cccfd0;
	background:#e5e5e5;
	}

ul{
	margin-left:20px;
}

p{
	margin:0;
	margin-bottom:10px;
	}
.home_intro p{
	line-height:21px;
	}

a {
	color:#E63E97;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a.pijl_link{
	padding-right:25px;
	background:url(../images/pijl.gif) no-repeat right center;
	}
a.sitemap{
	float:right;
	color:#fff;
	padding-right:25px;
	background:url(../images/sitemap.gif) no-repeat right center;
	}
a.button{
	margin:auto;
	float:left;
	padding:5px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	border-radius: 25px; 
	/*text-shadow: 1px 1px 0px #b21369;*/
	background:url(../images/button_bg.gif) repeat-x top left;
	}
a.button.small{
	padding-left:8px;
	padding-right:8px;
	font-size:10px;
	font-weight:bold;
	}
	a.button:hover{
		text-decoration:none;
		background:url(../images/button_bg_hover.gif) repeat-x top left;
		}
a.button_large{
	display:block;
	width:230px;
	margin:auto;
	height:29px;
	color:#fff;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	text-shadow: 1px 1px 0px #b21369;
	background:url(../images/knop_big.gif) left top no-repeat;
	}
a.button_large:hover{
	text-decoration:none;
	background:url(../images/knop_big.gif) left bottom no-repeat;
	}

.input{
	height:19px;
	width:161px;
	border:none;
	padding:4px;
	margin-top:5px;
	padding-left:15px;
	padding-right:18px;
	background:url(../images/input_bg.gif) no-repeat;
}

.input_veld{
	padding:5px;
	width:200px;
	border:1px solid #cdd0d1;
	}
	
	.input_veld.datum{
		background:url(../images/agenda_small.gif) no-repeat right center;
		}
	
.kalender{
	float:left;
	width:47px;
	height:45px;
	text-align:center;
	padding-top:10px;
	margin-right:10px;
	background:url(../images/kalender.gif) no-repeat top left;
	}
	span.dag{
		color:#E63E97;
		font-size:18px;
		font-weight:bold;
		}
	span.maand{
		color:#3C484C;
		}
	.kalender_tekst{
		float:left;
		width:283px;
		}

.pink{
	color:#E63E97;
}
.green{
	color:#C1D72E;
	}
.verplicht{
	color:#C1D72E;
	font-size:20px;
	font-weight:bold;
	}
	
.tel{
	font-size:30px;
	font-weight:bold;
	color:#E63E97;
	}
.gray{
	color:#3C484C;
	}
a.button.right{
	float:right;
	}
/* ----------------------------------------------
				DIALOG DOJO
	____________________________________________ */	

.print{
	border:none;
	
	}
	
.dijitDialogTitleBar{
	border:none;

	}
	
.dijitDialog {
	width:876px;	

}

.shadow{
	float:left;
	width:800px;	
	-webkit-box-shadow:0px 0px 12px #333333 ;
	-moz-box-shadow:0px 0px 12px #333333;
	box-shadow:0px 0px 12px #333333;
	margin-left:38px;
	}

	.dialog_header{
		float:left;
		width:760px;
		min-height:78px;
		border-top:6px solid #C1D72E ;
		color:#fff;
		font-weight:normal;
		padding:20px;
		padding-bottom:10px;
		padding-top:10px;
		background:url(../images/popup_top.gif) no-repeat top left;
		}
		
		.dialog_titel{
			float:left;
			width:430px;
			}
		
		a.close_button, a.print_button{
			padding-right:25px;
			margin-left:10px;
			background:url(../images/close.gif) no-repeat right center;
			}
		a.print_button{background:url(../images/print.gif) no-repeat right center;}
		
	.form_content{
		float:left;
		width:800px;
		background:#fff;
		}
		
	.form_tekst{
		float:left;
		width:250px;
		text-align:right;
		padding:20px;
		font-size:14x;
		}
	.dialog_form{
		float:left;
		width:467px;
		border-left:1px solid #cdd0d1;
		padding:20px;
		}
		.dialog_form td{
			padding:4px;		
			}
			
		.form_lab{
			font-weight:bold;
			}
			
	.dijitPopup{
		border:1px solid #cdd0d1;
		padding:10px;
		background:#fff;
		}
		
	.dialog_content{
		float:left;
		width:760px;
		padding:20px;
		background:#fff;
		}
		
	#aanvullende_informatie{
		width:354px;
		height:80px;
		padding:10px;
		font: 13px Arial,Verdana,Helvetica;
		border:1px solid #cdd0d1;
		}
		
	.arrang_det{
		float:left;
		width:760px;
		padding-top:20px;
		margin-top:20px;
		background:url(../images/hr.gif) repeat-x top left;
		}
		
	.dj_ie7 .arrang_det{
		background:none;
		border-top:1px dotted #cccfd0;	
		}
	
	
	.arrang_det.vervolg{
		width:465px;
		}
		
	.arrang_det h3{
		font-size:24px;
		color:#3C484C;
		font-weight:normal;
		}
	
		.dialog_tekst{
			float:left;
			width:430px;
			}
			
			.dialog_programma{
				float:left;
				width:380px;
				font-size:14px;
				}
				
			.dialog_programma td, .dialog_specs td{
				padding:3px;
				}
				
				td.tijd{
					color:#E63E97;
					font-weight:bold;
					padding-right:10px;
					}
				td.icon{
					padding-right:10px;
					}
			
			.dialog_specs{
				float:left;
				width:380px;
				font-size:14px;
				}
			.vervolg .dialog_specs{
				margin-top:20px;
				}
		
.offerte_aanvragen{
	float:left;
	width:100%;
	padding-top:20px;
	margin-top:20px;
	text-align:center;
	font-size:16px;
	background:url(../images/hr.gif) repeat-x top left;
	}	

	.top_buttons{
		float:right;
		color:#fff;
		}
		.top_buttons a{
			text-transform:uppercase;
			color:#fff;
			font-size:11px;
			}
		
	
	.dialog_header h1{
		color:#C1D72E;
		font-size:25px;
		margin-bottom:5px;
		text-transform:uppercase;
		}
	.dialog_header .intro{
		font-style:italic;
		}

.dijitDialogTitleBar{
	border-bottom:0;
}
.dijitDialogTitle {
	color:#eb0972;
	font-size:bold;
	font-size:14px;
	display:none;
}


.controls{
	position:absolute;
	top:400px;
	width:876px;
	z-index:10;
	}
	
	
a.volgende,a.vorige{
	float:right;
	width:38px;
	height:63px;
	background:url(../images/pop_pijl.gif) ;
	}
a.vorige{float:left;background:url(../images/pop_pijl_vorig.gif);}


.dijitContentPane ul{
	
}
.dijitContentPane li{
	list-style:none;
}
.dijitContentPane li a{
	
}

.dijitDialogUnderlay{
	background-color:#000;
}

	
			
/*-------------------------------------------------
			arrangementDetailsImages
---------------------------------------------------*/		
			
.SliderContainer{
	height:252px;	
	overflow:hidden;
	}
	
	.SliderItem{
		float:left;
		width:692px;
		height:252px;	
		}
	.SliderItem_tekst{
		margin-top:40px;
		margin-left:130px;
		width:380px;
		height:150px;
		padding:10px;
		background:url(../images/trans_green.png) top left;
		}
		.SliderItem_tekst h1{
			font-size:23px;
			padding-bottom:10px;
			background:url(../images/hr_white.gif) repeat-x bottom left;
			}
		.SliderItem_tekst h2{
			font-weight:normal;
			color:#fff;
			font-size:19px;
			line-height:30px;
		}
		.SliderItem_tekst a{
			float:right;
			padding-right:25px;
			color:#3C484C;
			font-size:14px;
			background:url(../images/pijl_pink.gif) no-repeat right center;
			}
		
	.SliderButton a{
		position:absolute;
		width:50px;
		height:43px;
		top:130px;
		background:url(../images/btn_left.png) no-repeat left top;
		z-index:20;
		}
	.SliderButton.disabled a{
		opacity:0;
		filter:alpha(opacity=0)
		}
	
	.SliderButton.right a{
		right:20px;
		background:url(../images/btn_right.png) no-repeat left top;
		}
		
		
.SliderPager{
	position:absolute;
	height:20px;
	top:245px;
	left:290px;
	text-align:center;
}

	.SliderPager ul{
		margin:0;
	}
	.SliderPager li{
		list-style:none;
		display:inline;
		
	}
	.SliderPager li a{
		float:left;
		width:13px;
		height:12px;
		margin-right:5px;
		cursor:pointer;
		background:url(../images/pager_item.png) center top;
	}
	.SliderPager li a:hover,.SliderPager li.active a{
		background:url(../images/pager_item_active.png) center bottom;
	}
	
/*-------------------------------------------------
			TABCONTAINER
---------------------------------------------------*/	


.arrangementDetailsImages{
	float:right;
	margin-top:-60px;
	width:290px;
	height:250px;
	border:none;
	}
	
.arrangementDetailsImages.vervolg{
		float:right;
		margin:20px;
		margin-top:0;
		}

.dijitTabPane  {
	overflow:visible;
	}
	
.dijitAlignClient{
	/*float:left;*/
	border:1px solid #cdd0d1;
	padding:5px;
	background:#fff;
	}
	
	.dijitTabPane{
		
		margin:0;
		padding:0;
		}
	
.dijitTabInnerDiv{
	width:100%;
	}
	
	.dijitTab{
		margin:auto;
		padding:4px;
		padding-bottom:2px;
		padding-top:2px;
		color:#e64195;
		margin-right:5px;
		border:1px solid #b4b7b8;
		border-top:0px solid #fff;
		font-weight:bold;
		background:#d2d2d2;
		}
		
		.dijitTab.dijitChecked{
			border:1px solid #cdd0d1;
			border-top:1px solid #fff;
			background:#fff;		
			} 
		.dijitAlignBottom{
			/*float:left;*/
			border:none;	
			text-align:center;	
				}	
/*	
.dialog_tekst{
	width:350px;
	}*/

.sitemap_left, .sitemap_right {
 float:left;
 width:200px;
 heigth:500px;
}


#selected{
	width:182px;
	height:17px;
	padding:5px;
	padding-left:10px;
	background:url(../images/pulldown.gif) no-repeat left top ;
	}
	
	.selectbox{
		background:#fff;
		margin-top:-2px;
		font-size:11px;
		width:167px;
		border:1px solid #d3d3d3;
		background:#fff;
		}
		
		.selectbox ul{margin:0;padding:0;}
		.selectbox li{list-style:none;}
		.selectbox li a{float:left;width:154px;border-bottom:1px solid #d3d3d3;padding-left:10px;padding-top:4px;color:#3C484C;height:23px;background:#fff;}