

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x;
}


div.wysiwyg { border: solid 1px #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('/images/icons/wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }

html{ margin: 0px; padding: 0px; height: 100%; width: 100%;}
body{ margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(/images/layout/bg.png) ; background-repeat: repeat-x; background-position: 50% 44px; }
/*<agl.folder "Layout">*/
	#spanbox{ position: relative; width: 952px; margin: 44px auto auto; }
	.header { background-image: url(/images/layout/contentBg.png); width: 900px; height: 290px; float: left; margin: 0; padding: 0 26px; }
	.headerBg{ background-color: #000; width: 900px; height: 290px; }
	.menuTop{ color: #fff; line-height: 34px; height: 35px; }
	.menuTop a, .menuTop a:link, .menuTop a:visited{ color: #d0d0d0; text-decoration: none; }
	.menuTop img{ margin-bottom: -7px; padding-top: 0; }
	.menuTop .left{ float: left; padding-left: 10px; }
	.menuTop .right{ float: right; padding-right: 10px; }
	#headerImg{ background-image: url(/images/layout/header/0.jpg); width: 900px; height: 216px; float: left; margin: 0; padding: 0; }
	.menu{ width: 930px; float: left; margin: 0; padding: 0; }
	
	#menu{ background-image: url(/images/layout/menuBg.png); background-repeat: repeat-x; height: 39px; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
	#menu li{ font-size: 12px; text-align: center; height: 39px; float: left; margin-right: 14px; margin-left: 14px; }
	
	
	#menu li a{ line-height: 35px; height: 39px; display: block; z-index: 10; position: relative; }
	#menu li a, #menu li a:link, #menu li a:visited{ color: #fff; text-decoration: none; z-index: 10;}
	#menu li.backLava { background-image: url(/images/layout/menuBgOver.png); z-index: 8; position: absolute; margin-left: -5px; padding-right: 10px; }
	
	.content{ background-image: url(/images/layout/contentBg.png); width: 900px; float: left; margin: 0; padding: 0 26px 10px; }
	
	.footer{ background-image:url(/images/layout/contentBg.png); float: left; }
	.footerTxt{ z-index:0; background-repeat:repeat-x; background-image:url(/images/layout/footer-bg.png); height: 204px; width: 900px; float: left; margin-right: 26px; margin-left: 26px; padding: 0 0 0 0; }
	
	.footerBottom{ line-height: 20px; background-image:url(/images/layout/footerBg.png); background-position: 50% top; text-align: right; width: 922px; height: 50px; float: left; padding-right: 30px; }
	
	.footer a, .footer a:link, .footer a:visited{ color: #FFFFFF; text-decoration: none; }
	.footer a:active, .footer a:hover { color: #a41318; text-decoration: none; }
	
	.footer .kollom { float:left; width:280px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
	.footer .midden { text-align: center; width:300px; height: 100px; float: left; padding-top: 50px; }
	.footer .midden img { width:179px; height:93px; }

	.footer h1 { color:#a41318; font-size:14px; background-image: none; }
	.footer ul { list-style:none; font-size:12px; margin: 2px 0 0; }
	.footer li { margin-top:0; *margin-top:-2px; list-style:none; font-size:12px; width: 250px; }

	.footer .iconen { background-color: transparent; position:absolute; width: 300px; text-align: center; margin-top: 168px; margin-right: 300px; margin-left: 305px; }
	
	
	.content .left{ width: 200px; float: left; }
	.content .mid{ width: 500px; float: left; }
	.content .right{ width: 200px; float: left; }
/*</agl.folder>*/
/*<agl.folder "overal Content">*/
	*{ outline: none; }
	a:link { color: #a41318; }
	a:visited { color: #a41318; }
	a:hover { color: #a41318; }
	a:active { color: #a41318; text-decoration: none; }
	img{ border: 0px;}
	.rood{ color: #fa0103; }
	.geel{ color: #fffe00; }
	
	h1 { color: #fff; font-size: 11px; line-height: 20px; background-image: url(/images/layout/hRoodLeft.png); background-repeat: no-repeat; background-position: left top; height: 20px; clear: both; margin: 5px 5px 0; padding: 0 0 0 6px; }
	h1 .r { background-image: url(/images/layout/hRoodRight.png); background-repeat: no-repeat; background-position: right top; height: 20px; display: block; }
	
	h2 { color: #fff; font-size: 11px; line-height: 20px; background-image: url(/images/layout/hZwartLeft.png); background-repeat: no-repeat; background-position: left top; height: 20px; clear: both; margin: 5px 5px 0; padding: 0 0 0 6px; }
	h2 .r { background-image: url(/images/layout/hZwartRight.png); background-repeat: no-repeat; background-position: right top; height: 20px; display: block; }
	
	h3 { color: #fff; font-size: 11px; line-height: 20px; background-image: url(/images/layout/hZwartLeft.png); background-repeat: no-repeat; background-position: left top; height: 20px; clear: both; margin: 5px 5px 0; padding: 0 0 0 6px; }
	h3 .r { background-image: url(/images/layout/hZwartRight.png); background-repeat: no-repeat; background-position: right top; height: 20px; display: block; }
	p{ margin: 5px 10px 0px 10px;}
	
	label{ width: 150px; float: left; }
	.wysiwyg{ margin-left: 100px;}

	textarea{ width: 300px; height: 300px; }
	.succes{ color: #06af00; }
	.error{ color: #f00; list-style-type: none; }
	.verplicht{ color: #f00;}
/*</agl.folder>*/

/*<agl.folder "Module Video Player">*/
	#homePlayer{ background-image: url(/images/layout/player-shadow.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 30px; }
/*</agl.folder>*/

/*<agl.folder "Module Video">*/
	.mVideo .container{ background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; min-height: 140px; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block; }
	.mVideo .container .titel{ font-weight: bold; width: 460px; overflow: hidden; float: left; padding-bottom: 5px; display: block; }
	.mVideo .container .img{ width: 240px; height: 135px; overflow: hidden; float: left; margin-right: 10px; border: solid 1px #e3e3e3; }
	.mVideo .container .img img { height:169px; width:240px; margin-top: -17px; border: 0; }
	
	.mVideo .container .options{ text-align: right; width: 310px; overflow: hidden; float: right; display: block; margin: 10px 0px 5px 0px;}
	
	.mVideoDetail img{ float: left; width: 240px; height: 135px; margin: 10px; }
	.mVideoDetail .container { float: left; margin: 10px;}
	.mVideoDetail .container p{  margin: 0px;}
/*</agl.folder>*/

/*<agl.folder "Module TV-Item">*/
	.mTvItems .container{ background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; min-height: 140px; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block; }
	.mTvItems .container .titel{ font-weight: bold; width: 460px; overflow: hidden; float: left; padding-bottom: 5px; display: block; }
	.mTvItems .container .img{ width: 240px; height: 135px; overflow: hidden; float: left; margin-right: 10px; border: solid 1px #e3e3e3; }
	.mTvItems .container .img img { height:169px; width:240px; margin-top: -17px; border: 0; }
	.mTvItems .container .options{ text-align: right; width: 310px; overflow: hidden; float: right; display: block; margin: 10px 0px 5px 0px; }
	
	.mTvItemsDetail img{ float: left; width: 240px; height: 135px; margin: 10px; }
	.mTvItemsDetail .container{margin: 10px;}
	.mTvItemsDetail .container p{ margin: 0px;}
/*</agl.folder>*/

/*<agl.folder "Module Leads">*/
	.mLeads .container{ background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; min-height: 140px; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block; }
	.mLeads .container .titel{ font-weight: bold; width: 460px; overflow: hidden; float: left; padding-bottom: 5px; display: block; }
	.mLeads .container .img{ text-align: center; width: 240px; height: 135px; overflow: hidden; float: left; margin-right: 10px; border: solid 1px #e3e3e3; }
	.mLeads .container .img img { margin-top: 3px; border: 0; }
	.mLeads .container .options{ text-align: right; width: 310px; overflow: hidden; float: right; display: block; margin: 10px 0px 5px 0px; }
	
	.mLeadsDetail .logo{ float: left; width: 240px; height: 135px; margin: 10px; }
	.mLeadsDetail .container{margin: 10px;}
	.mLeadsDetail .container p{ margin: 0px;}
/*</agl.folder>*/

/*<agl.folder "Module Gastenboek">*/
	.mGastenboek .container{background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block;}
	.mGastenboek .beschrijving{width: 455px; overflow: hidden; float: left; margin-bottom: 8px; padding-left: 5px; }
	.mGastenboek .options{ color: #636363; font-size: 11px; float: right; }
	
	.mGastenboek .beschrijving h1 { color: #000; font-size: 16px; background-image: none; }
	.mGastenboek .beschrijving h2 { color: #000; font-size: 14px; background-image: none; }
	.mGastenboek .beschrijving h3 { color: #000; font-size: 13px; background-image: none; }
/*</agl.folder>*/

/*<agl.folder "Module Prijsvragen">*/
	.mPrijsvragen .container{ background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; min-height: 140px; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block; }
	.mPrijsvragen .container .titel{ font-weight: bold; width: 460px; overflow: hidden; float: left; padding-bottom: 5px; display: block; }
	.mPrijsvragen .container .img{ width: 240px; height: 135px; overflow: hidden; float: left; margin-right: 10px; border: solid 1px #e3e3e3; }
	.mPrijsvragen .container .img img { height:169px; width:240px; margin-top: -17px; border: 0; }
	.mPrijsvragen .container .options{ text-align: right; width: 310px; overflow: hidden; float: right; display: block; margin: 10px 0px 5px 0px; }
	
	.mPrijsvragenDetail img{ float: left; width: 240px; height: 135px; margin: 10px; }
	.mPrijsvragenDetail .container{margin: 10px;}
	.mPrijsvragenDetail .container p{ margin: 0px;}
/*</agl.folder>*/

/*<agl.folder "Module Foto Album">*/
	.mFotoAlbum .gallery{ margin: 5px; padding: 0; list-style-type: none; }
	.mFotoAlbum .gallery li{ float: left; margin: 6px; }
/*</agl.folder>*/


/*<agl.folder "Module Kollommen">*/
	.kollom .mNewTvItems{ color: #a41318; list-style-type: square; }
	
	.kollom .mSponsors{ text-align: center;}
	.kollom .mSponsors img{ margin: 10px 0 0; border-width: 0; }
	
	.kollom .mUitgelicht{ text-align: center;}
	.kollom .mUitgelicht img{ margin: 10px 0 0; border-width: 0; }
	
	.kollom .mContactGegevens{ font-size: 11px;}
	.kollom .mNieuwsbrief {}
	.kollom .mNieuwsbrief ul{ margin: 0; padding: 10px 0 10px 10px; }
	.kollom .mNieuwsbrief label{ float: left; }
	.kollom .mNieuwsbrief input[type=text]{ width: 175px; }
	.kollom .mNieuwsbrief input[type=submit]{ float: right; }
/*</agl.folder>*/

/*<agl.folder "Module Webshop">*/
	.mWebshop .home .container{ background-image: url(/images/layout/containerBg.png); background-repeat: repeat-x; background-position: 0 bottom; width: 460px; overflow: hidden; min-height: 140px; margin: 10px; padding: 10px; border: solid 1px #e3e3e3; display: block; }
	.mWebshop .home .container .titel{ font-weight: bold; width: 460px; overflow: hidden; float: left; padding-bottom: 5px; display: block; }
	.mWebshop .home .container .beschrijving p{ margin: 0px; }
	
	.mWebshop .home .container .img{ width: 240px; height: 135px; float: left; margin-right: 10px; border: solid 1px #e3e3e3; }
	.mWebshop .home .container .img img { height:135px; width:240px; border: 0; }
	.mWebshop .home .container .options{ text-align: right; width: 460px; float: right; display: block; margin: 10px 0px 5px 0px; }
	.mWebshop .home .container .options input[type=text]{ width: 20px;}

	.mWebshop .artikel img{ float: left; width: 230px; height: 135px; margin: 10px; }
	.mWebshop .artikel .container{margin: 10px;}
	.mWebshop .artikel .container .options { text-align: right; margin: 10px; }
	.mWebshop .artikel .container .options input[type=text]{ width: 20px;}
	.mWebshop .artikel .container p{ margin: 0px;}
	
	
	.mWebshop .winkelwagenTable{ width: 460px; margin: 10px; border-color: #d7d7d7; border-width: 1px; }
	.mWebshop .winkelwagenTable .richt{ text-align: right; }
	.mWebshop .winkelwagenTable td{ padding: 2px; border-color: #d7d7d7; border-width: 1px; }
	.mWebshop .winkelwagenTable th{ padding: 2px; border-color: #d7d7d7; border-width: 1px; }
	.mWebshop .winkelwagenTable input[type=text]{ width: 20px;}
	.mWebshop .winkelwagenTable .submitBestelKnop{ background-image: url(/images/webshop/icons/reload.png); width: 16px; height: 16px; margin-left: 3px; border-width: 0; }

	.mWebshop .gegevens label, .mWebshop .overzicht label{width: 150px; float: left; }

/*</agl.folder>*/

/*<agl.folder "Module Webshop Kollomen">*/
	.kollom .mWinkelwagen{}
	.kollom .mWebshopMenu{}
	.kollom .mWebshopArtikelen{}
	
	
	.kollom .mWebshopTopArtikelen{}
	.kollom .mWebshopTopArtikelen .container{ margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #c6c6c6; }
	.kollom .mWebshopTopArtikelen .container .titel{ font-weight: bold; text-align: center; padding-bottom: 5px; display: block; }
	.kollom .mWebshopTopArtikelen .container .img{ width: 179px; height: 100px; margin-bottom: 5px; border: solid 1px #e3e3e3; }
	.kollom .mWebshopTopArtikelen .container .img img{width: 179px; height: 100px;}
	.kollom .mWebshopTopArtikelen .container .options{ text-align: center; }
	.kollom .mWebshopTopArtikelen .container .options input[type=text]{ width: 20px;}
/*</agl.folder>*/