/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #464646; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #464646; }
body { background: url('../images/bodyBg.jpg') top fixed; }
img { border: 0px; display: block; }
a { color: #19355c; text-decoration: none; }
a:hover { color: #903; text-decoration: underline; }
h3 { color: #FFF; margin-top: 10px; } 
h3 { color: #FFF; } 

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 970px; border: 1px solid #5f6c7e; border-top: 0px; background: #fff; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 970px; height: 317px; }
	#headerCntr h1 { display: none; }
	#headerCntr #topdatum { position: absolute; top: 33px; right: 10px; z-index: 25; font-size: 19px; font-weight: bold; text-transform: uppercase; color: #19355c; }
	#headerCntr h3 { position: absolute; top: 33px; right: 40px; z-index: 25; font-size: 19px; font-weight: bold; text-transform: uppercase; color: #19355c; }
	#headerCntr img.header { position: absolute; top: 0px; left: 0px; z-index: 5 ; }
	#headerCntr img.counter { position: absolute; bottom: -10px; right: 10px; z-index: 10; }
	#headerCntr #slideshow { position: absolute; top: 0px; left: 0px; z-index: 5 ; }
	#headerCntr #counter { position: absolute; bottom: -10px; right: 10px; z-index: 10; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; z-index: 99; width: 996px; height: 140px; background: url('../images/menuBg.png') no-repeat -1px 0px; }
		#menuCntr ul { padding: 59px 0px 0px 360px; overflow: hidden; width: 645px; position: absolute; right: -10px; }
		#menuCntr li { margin-right: 12px; float: left; display: inline; height: 37px; }
		#menuCntr li a { display: block; float: left; height: 37px; line-height: 44px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #f6eb13; }
		#menuCntr li.selected { background: url('../images/menuHBg.png') no-repeat top; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 20px 20px 20px 30px; overflow: hidden; width: 920px;  }
	#contentHomeBG { background: url('../images/contentBg.gif') repeat-y 420px 0px; width: 920px; }
	#contentContactBG { background: url('../images/contentBg2.gif') repeat-y 420px 0px; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 392px; }
		#leftCntr div.last { padding-bottom: 0px; }
		#leftCntr div.last span { padding-bottom: 20px; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding-bottom: 20px; width: 392px;}
			.nieuwsBox h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #336699; }
			.nieuwsBox p { line-height: 19px; }
			.nieuwsBox span { display: block; line-height: 19px; font-weight: bold; color: #336699; }
			.nieuwsBox span a { text-decoration: underline; color: #336699; }
			.nieuwsBox span a:hover { text-decoration: none; }
			.nieuwsBox a { font-weight: bold; text-decoration: none; color: #575757; }
			.nieuwsBox a:hover { text-decoration: underline;}
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 476px; }
		
			/* ### OVER BOX ### */
			.overBox { padding: 15px 30px 30px 50px; position: relative; width: 396px; height: 149px; background: url('../images/overBg.gif') no-repeat; }
			.overBox p { line-height: 19px; }
			.overBox a.verder { position: absolute; top: 148px; right: 32px; display: block; width: 85px; height: 35px; text-indent: -9999px; background: url('../images/verder.gif') no-repeat; }
			
			/* ### ARTIEST BOX ### */
		    .artiestBox { margin-bottom: 20px; position: relative; width: 476px; height: 167px; background: url('../images/artiestBg.gif') no-repeat; }
			/*.artiestBox ul { padding: 45px 0px 0px 26px; overflow: hidden; width: 428px; list-style: none; }
			.artiestBox li { margin-right: 3px; float: left; display: inline; }
			.artiestBox li.last { margin-right: 0px; }
			.artiestBox a.prev { position: absolute; top: 80px; left: -2px; display: block; width: 27px; height: 27px; text-indent: -9999px; background: url('../images/prev.gif') no-repeat; }
			.artiestBox a.next { position: absolute; top: 80px; right: 1px; display: block; width: 27px; height: 27px; text-indent: -9999px; background: url('../images/next.gif') no-repeat; }*/
			
			/* ### BRIEF BOX ### */
			.briefBox { margin: 0px 0px 20px 5px; padding: 12px 0px 0px 50px; width: 413px; height: 90px; background: url('../images/briefBg.gif') no-repeat; }
			.briefBox p { padding-bottom: 15px; line-height: 19px; }
			.briefBox fieldset { overflow: hidden; width: 413px; border: 0px; }
			.briefBox label { margin-right: 10px; float: left; display: block; height: 24px; line-height: 24px; }
			.briefBox input.field { margin-right: 10px; padding: 4px 5px 0px 5px; float: left; width: 204px; height: 18px; border: 1px solid #969292; background: #fff; }
			.briefBox input.submit { float: left; width: 78px; height: 24px; cursor: pointer; color: #fff; border: 1px solid #969292; background: #3c6690; }
			
			/* ### SPONSOR BOX ### */
			.sponsorBox { margin-left: 5px; width: 463px; }
			.sponsorBox ul { overflow: hidden; width: 463px; list-style: none; }
			.sponsorBox li { float: left; display: inline; }
			.sponsorBox li.dom { float: right; }
			.sponsorBox li a { display: block; float: left; width: 224px; height: 65px; text-indent: -9999px; background: no-repeat; }
			
			.sponsorBox li.cola a { background-image: url('../images/cola.png'); }
			.sponsorBox li.dom a { background-image: url('../images/dom.png'); }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 970px; height: 96px; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr p { padding-top: 25px; line-height: 20px; text-align: center; color: #000; }
	#footerCntr a { text-decoration: none; color: #000;}
	#footerCntr a:hover { text-decoration: underline; color: #fff; }

    /* ### CONTACT PAGINA ### */
	#cform input.formulier { border: 1px solid #777; width:250px; background-color: #eee; padding: 2px; }
	#cform textarea.formulier { border: 1px solid #777; width:250px; background-color: #eee; height: 100px; padding: 2px;}    
	#cform td { height: 25px; }
	#cform input.submit { background-color: #efbf19; color: #333; border: 1px solid #777; height: 22px; padding: 2px; margin:0px;}
    .melding { line-height: 22px; text-decoration: none; color: #903;  }    

    /* ### LINKS PAGINA ### */
	#links h2 { margin-top: 15px; margin-bottom: 0px; padding-bottom: 3px; font-size: 17px;}
	/* #links .linkjes { padding-left: 15px; line-height: 22px; text-decoration: none; color: #19355c; background: url('../images/arrow.gif') no-repeat left; }*/
	.linkskolom { width: 250px; float: left; margin-right:25px; border-left: 1px solid #ddd; padding-left: 10px; }

    #contentBox { line-height: 16pt;  }
    #contentBox #kaartje { float:right; margin: 10px; border: 1px solid #777; background-color: #ccc; }
    #contentBox ol { padding-left: 30px; margin-top: 10px;  }
    #contentBox ul { padding-left: 25px;  }

	#nieuwslinks { float:left; width: 575px; }
	#nieuwsrechts { float:right; width: 280px; border-left: 1px solid #ddd; padding-left: 15px; }
	#nieuwsrechts ul { margin: 0px; padding: 0px; list-style-type: none; }
	#nieuwsrechts li { margin-top: 5px; }
	#nieuwsrechts h2 { margin-bottom: 3px; padding-bottom: 0px; }
	#nieuwsrechts span.datum { font-size: 8pt; }
	.nieuwsblok { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px;}

    /* GASTENBOEK */

    #contentBox input.formulier { width: 275px; border:1px solid #777; color: #333; line-height: 14pt; padding: 2px; }
    #contentBox textarea.formulier { width: 275px; height: 100px; border:1px solid #777; color: #333; line-height: 14pt; padding: 2px; }
    .gastenboekitem { margin-bottom: 10px; padding: 10px; padding-top: 5px; border:1px solid #bbb; background-color: #eee;} 
    .gastenboekitem .reactie { color: #336699; margin-top: 8px;} 
	h2 {text-transform: uppercase; font-size: 18px; color: #336699; }
	h3 {text-transform: uppercase; font-size: 12px; color: #336699; }