@charset "utf-8";

html,
body,
form{
	margin:					0;
	padding:				0;
}
body{
	background:				#ffffff url(../../images/layout/body_bg_main.gif) 0 80px repeat-x;
}
body.home{
	background-image:		url(../../images/layout/body_bg_home.gif);
}

/* --<<[[ CONTAINER ]]>>-- */
#container{
	margin:					0 auto;
	padding:				0;
	width:					780px;
}
.clearfix{
	clear:					both;
}
.corner{
	background-position:	0 0;
	background-repeat:		no-repeat;
	font-size:				0%;
	line-height:			0%;
	position:				absolute;
}
.corner_lt,
.corner_rt{
	top:					0;
}
.corner_lb,
.corner_rb{
	bottom:					0;
}
.corner_lt,
.corner_lb{
	left:					0;
}
.corner_rt,
.corner_rb{
	right:					0;
}

/* --<<[[ HEADER ]]>>-- */
#header{
	height:					80px;
	overflow:				hidden;
}
#header #logo{
	display:				block;
	float:					left;
	font-size:				0%;
	height:					80px;
	line-height:			0%;
	width:					450px;
}
#header #logo a img{
	padding:				10px;
}

/* --<<[[ LOGIN ]]>>-- */
#header #login{
	display:				block;
	float:					left;
	padding:				10px 0 0 60px;
	width:					270px;
}
#login label{
	color:					#999999;
	font-size:				9px;
}
#login label.field{
	display:				block;
	float:					left;
	padding:				0 10px 5px 0;
	width:					90px;
}
#login label.button{
	display:				block;
	float:					left;
	padding:				15px 0 0 0;
}
#login label.field input{
	background:				#ffffff;
	border:					1px solid #dddddd;
	color:					#666666;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			14px;
	padding:				2px 1px;
	width:					86px;
}
#login #login_error{
	background:				#f0d9d9;
	border:					1px solid #990000;
	font-size:				11px;
	left:					50%;
	margin:					0 0 0 -220px;
	min-height:				10px;
	padding:				10px;
	position:				absolute;
	text-align:				center;
	top:					18px;
	width:					250px;
}
#login #login_error .arrow{
	background:				url(../../images/layout/form_error_arrow.gif) -50px 0 no-repeat;
	height:					15px;
	right:					-50px;
	position:				absolute;
	top:					4px;
	width:					50px;
}

#login_info{
	line-height:			18px;
	padding:				10px 20px 0 0;
	text-align:				right;
}
#login_info strong{
	color:					#990000;
}
#login_info a{
	color:					#333333;
	text-decoration:		none;
}
#login_info a:hover{
	color:					#990000;
	text-decoration:		underline;
}

/* --<<[[ NAVIGATION ]]>>-- */
#navigation{
	min-height:				35px;
	padding:				5px 0 0 11px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul{
	font-size:				0%;
	line-height:			0%;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
ul.dropdown{
	display:				none;
}

/* --<<[[ NAVIGATION - hoofdniveau ]]>>-- */
ul.dropdown li a{
	background:				url(../../images/layout/nav_spacer.gif) right 7px no-repeat;
	color:					#eeeeee;
	font-size:				11px;
	line-height:			17px;
	padding:				9px 5px 9px 5px;
	position:				relative;
	text-align:				center;
	text-decoration:		none;
	width:					85px;
}
ul.dropdown li.last a{
	background:				none;
}
ul.dropdown li a:hover{
	text-decoration:		underline;
}
ul.dropdown li a span{
	display:				none;
}
ul.dropdown li a.active{
	background:				#cdcdcd url(../../images/layout/nav_bg_active.gif) 0 0 repeat-x;
	color:					#000000;
}
ul.dropdown li a.active span{
	background:				url(../../images/layout/nav_active_corners.gif) 0 0 no-repeat;
	display:				block;
	height:					35px;
	left:					-5px;
	position:				absolute;
	top:					0;
	width:					105px;
}
ul.dropdown ul li a.active{
	font-weight:			bold;
}

/* --<<[[ NAVIGATION - onderliggende niveau's ]]>>-- */
ul.dropdown ul{
	border-top:				1px solid #333333;
	margin:					22px 0 0 0;
	width:					162px;
}
ul.dropdown ul li{
	border-bottom:			1px solid #333333;
	border-left:			1px solid #333333;
	border-right:			1px solid #333333;
}
ul.dropdown ul li a,
ul.dropdown ul li a.active{
	background-color:		#454545 !important;
	background-image:		none;
	color:					#ffffff !important;
	opacity:				0.90;
	padding:				5px 0 5px 20px;
	text-align:				left;
	text-decoration:		none;
	width:					140px;
}
ul.dropdown ul li.submenu-left a{
	background-image:		url(../../images/layout/nav_subitems.gif);
	background-position:	147px 11px;
	background-repeat:		no-repeat;
}
ul.dropdown ul li a:hover,
ul.dropdown ul li.last a:hover{
	background-color:		#cccccc !important;
	color:					#232323 !important;
	opacity:				1;
	text-decoration:		none;
}
ul.dropdown ul li.submenu-left a:hover{
	background-position:	147px -13px;
}
ul.dropdown ul li a span{
	display:				none !important;
}
ul.dropdown ul ul{
	margin:					0 0 0 2px !important;
}
ul.dropdown ul li.submenu-left ul li a{
	background-image:		none !important;
}

/* --<<[[ BLOG SCROLL ]]>>-- */
#blog_scroll{
	background:				#434343 url(../../images/layout/blogscroll_bg.gif) 0 0 repeat-x;
	height:					200px;
	margin:					10px 0;
	overflow:				hidden;
	position:				relative;
}
#blog_scroll #blog_scroll_navigation,
#blog_scroll #blog_scroll_shade{
	display:				block;
	left:					0;
	overflow:				hidden;
	position:				absolute;
	top:					170px;
}
#blog_scroll #blog_scroll_navigation{
	font-size:				0%;
	height:					22px;
	line-height:			0%;
	padding:				7px 15px 0 15px;
	text-align:				right;
	z-index:				100;
	width:					440px;
}
#blog_scroll #blog_scroll_navigation span{
	cursor:					pointer;
	display:				inline-block;
	color:					#eeeeee;
	font-size:				10px;
	line-height:			13px;
	margin:					0 5px;
	padding:				1px 5px 3px 5px;
}
#blog_scroll #blog_scroll_navigation span.active{
	background:				url(../../images/layout/blogscroll_bg_nav.gif) 0 0 no-repeat;
	color:					#000000;
}
#blog_scroll #blog_scroll_shade{
	background:				#000000;
	height:					30px;
	opacity:				0.5;
	width:					470px;
	z-index:				10;
}
#blog_scroll #blog_scroll_images{
	display:				block;
	float:					left;
	font-size:				0%;
	line-height:			0%;
	overflow:				hidden;
	position:				relative;
	width:					470px;
}
#blog_scroll #blog_scroll_info{
	color:					#cccccc;
	display:				block;
	float:					left;
	height:					155px;
	overflow:				hidden;
	padding:				15px 30px 10px 40px;
	width:					240px;
}
#blog_scroll #blog_scroll_info h3{
	color:					#ffffff;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	padding:				5px 0 10px 0;
}
#blog_scroll #blog_scroll_info h3 a{
	color:					#ffffff;
	text-decoration:		none;
}
#blog_scroll #blog_scroll_info h3 a:hover{
	text-decoration:		underline;
}
#blog_scroll #blog_scroll_info p{
	margin:					0;
	padding:				0;
}
#blog_scroll blog_scroll_info .date{
	font-size:				10px;
}
#blog_scroll #blog_scroll_info .readmore{
	color:					#999999;
}

/* --<<[[ BLOG SCROLL - corners ]]>>-- */
#blog_scroll .corner{
	background-image:		url(../../images/layout/blogscroll_corners.png);
	height:					10px;
	width:					10px;
	z-index:				20;
}
#blog_scroll .corner_rt{
	background-position:	-10px 0;
}
#blog_scroll .corner_lb{
	background-position:	0 -10px;
}
#blog_scroll .corner_rb{
	background-position:	-10px -10px;
}

/* --<<[[ CONTENT ]]>>-- */
#content{
	min-height:				400px;
	padding:				10px 0 30px 0;
	position:				relative;
}
#content #content_left,
#content #content_right{
	display:				block;
	float:					left;
	line-height:			16px;
	text-align:				justify;
}
#content #content_left{
	margin:					0 20px 0 0;
	padding:				10px 0 10px 10px;
	width:					440px;
}
#content #content_left.full{
	float:					none;
	margin:					0;
	padding:				10px 10px 10px 10px;
	width:					760px;
}
#content #content_right{
	padding:				10px 0 10px 40px;
	width:					265px;
}

/* --<<[[ CONTENT - breadcrumb ]]>>-- */
#breadcrumb{
	color:					#ababab !important;
	font-size:				10px;
	padding:				5px 10px 5px 0;
}
#breadcrumb a{
	color:					#ababab !important;
	text-decoration:		none;
}
#breadcrumb a:hover{
	text-decoration:		underline;
}

/* --<<[[ CONTENT - layout ]]>>-- */
#content h3{
	background:				url(../../images/layout/bullet_lgp.gif) 0px 2px no-repeat;
	color:					#990000;
	display:				block;
	padding:				3px 0 14px 30px;
	text-align:				left !important;
}
#content ul{
	line-height:			18px;
	list-style-type:		disc;
	margin:					0;
	padding:				5px 0 15px 40px;
}
#content ul ul{
	list-style-type:		circle;
}
#content li{
	padding:				2px 0;
}
#content .red{
	color:					#990000;
}
#content table.list{
	padding:				5px 0 10px 0;
	text-align:				left;
	width:					100%;
}
#content table.list .date{
	width:					45px;
}

/* --<<[[ CONTENT - blog ]]>>-- */
.post_info{
	color:					#999999;
	font-size:				10px;
	padding:				0 0 10px 0;
	text-align:				right;
}
#blog_image{
	font-size:				0%;
	line-height:			0%;
	margin:					40px 0 0 0;
	position:				relative;
	width:					235px;
}

/* --<<[[ CONTENT - blog - corners ]]>>-- */
#blog_image .corner{
	background-image:		url(../../images/layout/corners.png);
	height:					10px;
	width:					10px;
}
#blog_image .corner_rt{
	background-position:	-10px 0;
}
#blog_image .corner_lb{
	background-position:	0 -10px;
}
#blog_image .corner_rb{
	background-position:	-10px -10px;
}

/* --<<[[ CONTENT - navigatie items ]]>>-- */
.nav{
	padding:				10px 0 10px 2px;
}
.nav a{
	display:				block;
	float:					left;
	text-decoration:		none;
}
.nav a:hover{
	text-decoration:		underline;
}
.nav a.inactive{
	color:					#999999 !important;
	text-decoration:		none !important;
}
.nav #nav_prev{
	background:				url(../../images/layout/blog_navigation.gif) 0 2px no-repeat;
	padding:				2px 5px 2px 25px;
}
.nav #nav_prev:hover{
	background-position:	0 -19px;
}
.nav #nav_prev.inactive{
	background-position:	0 2px !important;
}
.nav #nav_list,
.nav #nav_info{
	margin:					0 10px;
	padding:				2px 20px;
	text-align:				center;
}
.nav #nav_info{
	color:					#666666;
	display:				block;
	float:					left;
}
.nav #nav_next{
	background:				url(../../images/layout/blog_navigation.gif) 64px -40px no-repeat;
	padding:				2px 25px 2px 5px;
	text-align:				right;
}
.nav #nav_next:hover{
	background-position:	64px -61px;
}
.nav #nav_next.inactive{
	background-position:	64px -40px !important;
}

/* --<<[[ CONTENT - locaties ]]>>-- */
#google_map{
	height:					380px;
	width:					440px;
}

/* --<<[[ CONTENT - albums ]]>>-- */
.album{
	display:				block;
	float:					left;
	margin:					0 10px 10px 0;
	padding:				10px;
	width:					350px;
}
.album .album_image,
.album .album_info{
	display:				block;
	float:					left;
}
.album .album_image{
	font-size:				0%;
	line-height:			0%;
	padding:				5px 10px;
	width:					100px;
}
.album .album_image a img{
	background:				#ffffff;
	border:					1px solid #dddddd;
	padding:				4px;
}
.album .album_image a:hover img{
	background:				#eeeeee;
	border:					1px solid #dddddd;
	padding:				4px;
}
.album .album_info{
	padding:				5px 0 0 10px;
	width:					220px;
}
.album .album_info .album_content{
	color:					#999999;
	font-size:				10px;
}
.album .album_info .album_text{
	text-align:				left;
}

/* --<<[[ CONTENT - album images]]>>-- */
#album_nav{
	position:				absolute;
	right:					20px;
	top:					25px;
}

#album{
	font-size:				0%;
	line-height:			0%;
}
#album .milkbox{
	display:				block;
	float:					left;
	margin:					4px;
}
#album .milkbox img{
	background:				#ffffff;
	border:					1px solid #dddddd;
	opacity:				0.75;
}
#album .milkbox:hover img{
	background:				#eeeeee;
	border:					1px solid #dddddd;
	opacity:				0.99;
}

/* --<<[[ CONTENT - sponsors - home ]]>>-- */
#sponsor_scroll{
	font-size:				0%;
	height:					120px;
	line-height:			0%;
	overflow:				hidden;
	margin:					0 0 10px 0;
	padding:				0 0 0 30px;
	position:				relative;
	width:					150px;
}
#sponsor_container{
	position:				absolute;
}
#sponsor_container span{
	background:				#ffffff;
	display:				block;
}

/* --<<[[ CONTENT - sponsors ]]>>-- */
a.sponsor{
	border:					1px solid #eeeeee;
	display:				block;
	float:					left;
	font-size:				0%;
	line-height:			0%;
	margin:					0 10px 10px 0;
	min-height:				150px;
	padding:				9px;
	text-align:				center;
	text-decoration:		none !important;
	width:					160px;
}
a.sponsor img{
	opacity:				0.75;
}
a.sponsor span{
	color:					#666666;
	font-size:				11px;
	line-height:			14px;
}
a.sponsor:hover{
	border:					1px solid #cccccc;
	text-decoration:		none !important;
}
a.sponsor:hover img{
	opacity:				0.99;
}
a.sponsor:hover span{
	color:					#ff0000;
}

/* --<<[[ CONTENT - contact ]]>>-- */
fieldset{
	background:				#eeeeee;
	border:					1px solid #dddddd;
	margin:					5px 0 0 0;
	padding:				9px 0 9px 34px;
	position:				relative;
	width:					430px;
}
fieldset.wit{
	background:				#ffffff;
	border:					1px solid #ffffff;
}
fieldset label{
	display:				block;
	float:					left;
	padding:				2px 5px;
	width:					100px;
}
fieldset input,
fieldset textarea{
	color:					#000000;
	display:				block;
	float:					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
}
fieldset input.field,
fieldset textarea.field{
	border:					1px solid #dddddd;
	line-height:			16px;
	margin:					1px 0;
	padding:				2px 5px;
	width:					258px;
}
fieldset input.field.datum_kort{
	width:					18px;
}
fieldset input.field.datum_lang{
	width:					33px;
}
fieldset input.field.postcode{
	width:					38px;
}
fieldset label.gemeente{
	padding:				2px 5px 2px 10px;
	width:					70px;
}
fieldset input.field.gemeente{
	width:					123px;
}
fieldset input.button{
	margin:					0 10px 0 0;
	padding:				2px 10px;
}
fieldset span.info{
	color:					#666666;
	display:				block;
	float:					left;
	padding:				2px 5px;
}
fieldset span.obligatory{
	color:					#990000;
	display:				block;
	float:					left;
	padding:				2px 5px;
}
fieldset br{
	clear:					both;
}

fieldset .error{
	background:				#f0d9d9;
	border:					1px solid #990000;
	font-size:				10px;
	left:					450px;
	min-height:				10px;
	padding:				9px 4px 9px 24px;
	position:				absolute;
	top:					2px;
	width:					240px;
}
fieldset .error .arrow{
	background:				url(../../images/layout/form_error_arrow.gif) 0 0 no-repeat;
	height:					15px;
	left:					-50px;
	position:				absolute;
	top:					4px;
	width:					50px;
}

/* --<<[[ CONTENT - downloads ]]>>-- */
.download{
	border:					1px solid #ffffff;
	display:				block;
	margin:					0 0 5px 0;
	padding:				4px 4px 4px 64px;
}
.download span{
	color:					#999999;
	font-size:				10px;
	line-height:			10px;
}

.download.doc{
	background:				url(../../images/mime/icon_pdf.gif) 15px 8px no-repeat;
}
.download.jpg{
	background:				url(../../images/mime/icon_jpg.gif) 15px 8px no-repeat;
}
.download.pdf{
	background:				url(../../images/mime/icon_pdf.gif) 15px 8px no-repeat;
}
.download.xls{
	background:				url(../../images/mime/icon_xls.gif) 15px 8px no-repeat;
}

/* --<<[[ CONTENT - afmelden ]]>>-- */
#logout_form label{
	cursor:					pointer;
	padding:				4px 0;
}
#logout_form input{
	float:					left;
	margin:					0 0 0 50px;
	padding:				0 10px;
}

/* --<<[[ FOOTER ]]>>-- */
#footer{
	background:				#1e1e1e url(../../images/layout/footer_bg.gif) 0 0 repeat-x;
	height:					29px;
	padding:				6px 0 0 15px;
	position:				relative;	
}

/* --<<[[ FOOTER - navigation ]]>>-- */
#footer ul,
#footer li{
	font-size:				0%;
	line-height:			0%;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#footer ul li a{
	background:				url(../../images/layout/footer_spacer.gif) right 8px no-repeat;
	color:					#cccccc;
	display:				block;
	float:					left;
	font-size:				10px;
	line-height:			14px;
	padding:				5px 16px 5px 15px;
	text-decoration:		none;
}
#footer ul li a:hover{
	text-decoration:		underline;
}
#footer ul li a.active{
	color:					#ffffff;
}
#footer ul li.last a{
	background:				none;
	padding:				5px 15px;
}

/* --<<[[ FOOTER - corners ]]>>-- */
#footer .corner{
	background-image:		url(../../images/layout/footer_corners.gif);
	height:					10px;
	width:					10px;
}
#footer .corner_rt{
	background-position:	-10px 0;
}
#footer .corner_lb{
	background-position:	0 -10px;
}
#footer .corner_rb{
	background-position:	-10px -10px;
}

/* --<<[[ BIRGER DESIGN ]]>>-- */
#birgerdesign{
	font-size:				0%;
	line-height:			0%;
	padding:				10px 20px;
	text-align:				right;
}
#birgerdesign a img{
	background-color:		#ababab;
}
#birgerdesign a:hover img{
	background-color:		#cc3300;
}