/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #848384; }
body { background: url('../images/bodyBg.png') #fff repeat-x; }
img { border: 0px; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 940px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 940px; height: 185px; background: url('../images/headerBg2.png') no-repeat; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 160px; left: 40px; width: 750px; }
		#menuCntr ul { overflow: hidden; width: 750px; list-style: none; }
		#menuCntr li { padding-right: 20px; float: left; display: inline; font-size: 15px; }
		#menuCntr li a { text-decoration: none; color: #000; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #e50278; }
		#menuCntr li.selected a { font-weight: bold; }
		
		/* ### TAAL CONTAINER ### */
		#taalCntr { position: absolute; top: 165px; right: 18px; width: 120px; }
		#taalCntr ul { overflow: hidden; width: 120px; list-style: none; }
		#taalCntr li { padding-right: 6px; float: left; display: inline; }
		#taalCntr li a { margin: 1px; display: block; float: left; width: 20px; height: 13px; text-indent: -9999px; background: no-repeat; }
		#taalCntr li a:hover, #taalCntr li.selected a { margin: 0px; border: 1px solid #e2117e; }
		#taalCntr li.nl a { background-image: url('../images/nl.gif'); } 
		#taalCntr li.en a { background-image: url('../images/en.gif'); } 
		#taalCntr li.es a { background-image: url('../images/es.gif'); } 
		#taalCntr li.is a { background-image: url('../images/is.gif'); } 
		
		/* ### LOGIN CONTAINER ### */
		#loginCntr { position: absolute; top: 15px; right: 5px; width: 170px; text-align: right; }
		#loginCntr fieldset { overflow: hidden; width: 170px; border: 0px; }
		#loginCntr input.field { margin-bottom: 8px; padding: 5px 5px 0px 5px; width: 160px; height: 17px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		#loginCntr ul { padding-bottom: 13px; list-style: none; }
		#loginCntr li { text-align: left; line-height: 14px; color: #df0275; }
		#loginCntr li a { font-size: 12px; text-decoration: none; color: #000; }
		#loginCntr li a:hover { color: #df0275; }
		#loginCntr a.submit { font-style: italic; font-size: 17px; font-weight: bold; text-decoration: none; color: #df0275; }
		#loginCntr a.submit span { color: #000; }
		#loginCntr a.submit:hover { color: #000; }
	
	/* ### INTRO CONTAINER ### */
	#introCntr { overflow: hidden; width: 940px; height: 305px; }
	#introCntr div.ad { padding-left: 40px; width: 261px; background: url('../images/adBg.png') no-repeat; }
	#introCntr div.media { width: 260px; background: url('../images/mediaBg.png') no-repeat; }
	#introCntr div.pub { width: 270px; background: url('../images/pubBg.png') no-repeat; }
	
		/* ### INTRO BOX ### */
		.introBox { padding: 98px 15px 0px 30px; position: relative; float: left; display: inline; height: 202px; }
		.introBox h2 { padding-bottom: 20px; font-size: 20px; font-style: italic; font-weight: bold; color: #fff; }
		.introBox p { line-height: 19px; font-size: 14px; color: #fff; }
		.introBox a.meer { position: absolute; bottom: 5px; right: 10px; font-size: 17px; font-style: italic; text-decoration: none; color: #000; }
		.introBox a.meer:hover, .introBox a.meer span { color: #df0275; }
		.introBox a.meer span { padding-right: 5px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 45px 0px 45px 0px; overflow: hidden; width: 940px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 534px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 20px; width: 534px; }
			.textBox h2 { margin-bottom: 20px; padding-left: 40px; height: 32px; line-height: 32px; font-size: 22px; font-weight: bold; font-style: italic; background: url('../images/textH2.gif') no-repeat left; }
			.textBox h2 span { color: #df0275; }
			.textBox p { padding: 0px 20px 15px 40px; line-height: 18px; }
			.textBox p.right { text-align: right; }
			.textBox a { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
			.textBox a:hover, .textBox a span { color: #df0275; }
			
			/* ### AAN BOX ### */
			.aanBox { padding-bottom: 20px; width: 534px; }
			.aanBox h2 { margin-bottom: 20px; padding-left: 40px; height: 32px; line-height: 32px; font-size: 22px; font-weight: bold; font-style: italic; background: url('../images/textH2.gif') no-repeat left; }
			.aanBox h2 span { color: #df0275; }
			.aanBox div.aanmelden { width: 484px; background: url('../images/aanBg.gif') repeat-y; }
			.aanBox div.top { background: url('../images/aanBottom.gif') no-repeat bottom; }
			.aanBox fieldset { padding: 20px; overflow: hidden; width: 444px; border: 0px; background: url('../images/aanTop.gif') no-repeat top; }
			.aanBox label { margin-bottom: 5px; display: block; float: left; width: 193px; height: 26px; line-height: 26px; }
			.aanBox input.field { margin-bottom: 5px; padding: 6px 5px 0px 5px; float: right; width: 241px; height: 20px; color: #000; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.aanBox input.field2 { margin-bottom: 5px; padding: 6px 5px 0px 75px; float: right; width: 171px; height: 20px; color: #000; border: 0px; }
			.aanBox select { float: right; }
			.aanBox select.styled { margin-bottom: 5px; width: 251px; height: 26px; color: #000; }
			.aanBox select.multiple { margin-bottom: 5px; padding: 5px; width: 251px; color: #000; border: 1px solid #f2f1f1; background: #fff; }
			.aanBox span.select { margin-bottom: 5px; padding: 6px 5px 0px 5px; position: absolute; overflow: hidden; width: 251px; height: 26px; color: #000; background: url('../images/selectBox.gif') no-repeat; }
			.aanBox p.right { padding-top: 10px; text-align: right; }
			.aanBox a.submit { font-style: italic; font-size: 17px; font-weight: bold; text-decoration: none; color: #df0275; }
			.aanBox a.submit span { color: #000; }
			.aanBox a.submit:hover { color: #000; }

			/* ### CONTENT BOX ### */
			.contentBox { padding-bottom: 20px; width: 725px; }
			.contentBox h2 { margin-bottom: 20px; padding-left: 40px; height: 32px; line-height: 32px; font-size: 22px; font-weight: bold; font-style: italic; background: url('../images/textH2.gif') no-repeat left; }
			.contentBox h2 span { color: #df0275; }
			.contentBox div.aanmelden { width: 675px; background: url('../images/contentBg.gif') repeat-y; }
			.contentBox div.top { background: url('../images/contentBottom.gif') no-repeat bottom; }
			.contentBox fieldset { padding: 20px; overflow: hidden; width: 635px; border: 0px; background: url('../images/contentTop.gif') no-repeat top; }
			.contentBox label { margin-bottom: 5px; display: block; float: left; width: 193px; height: 26px; line-height: 26px; }
			.contentBox input.field { margin-bottom: 5px; padding: 6px 5px 0px 5px; float: right; width: 241px; height: 20px; color: #000; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.contentBox input.field2 { margin-bottom: 5px; padding: 6px 5px 0px 75px; float: right; width: 171px; height: 20px; color: #000; border: 0px; }
			.contentBox select { float: right; }
			.contentBox select.styled { margin-bottom: 5px; width: 251px; height: 26px; color: #000; }
			.contentBox select.multiple { margin-bottom: 5px; padding: 5px; width: 251px; color: #000; border: 1px solid #f2f1f1; background: #fff; }
			.contentBox span.select { margin-bottom: 5px; padding: 6px 5px 0px 5px; position: absolute; overflow: hidden; width: 251px; height: 26px; color: #000; background: url('../images/selectBox.gif') no-repeat; }
			.contentBox p.right { padding-top: 10px; text-align: right; }
			.contentBox a.submit { font-style: italic; font-size: 17px; font-weight: bold; text-decoration: none; color: #df0275; }
			.contentBox a.submit span { color: #000; }
			.contentBox a.submit:hover { color: #000; }
			.contentBox li a { text-decoration: none; color: #000; }
			.contentBox li a:hover, #menuCntr li.selected a { color: #e50278; }
			.contentBox li.selected a { font-weight: bold; }
			.contentBox li { margin-left: 20px; }

			/* ### REFERENCES BOX ### */
			.referencesBox { padding-bottom: 20px; width: 725px; }
			.referencesBox h2 { margin-bottom: 20px; padding-left: 40px; height: 32px; line-height: 32px; font-size: 22px; font-weight: bold; font-style: italic; background: url('../images/textH2.gif') no-repeat left; }
			.referencesBox h2 span { color: #df0275; }
			.referencesBox div.aanmelden { width: 675px; background: url('../images/contentBg.gif') repeat-y; }
			.referencesBox div.top { background: url('../images/contentBottom.gif') no-repeat bottom; }
			.referencesBox div.logo { float: left; width: 140px; }
			.referencesBox div.text { margin-left: 15px; float: left; }
			.referencesBox fieldset { padding: 20px; overflow: hidden; width: 635px; border: 0px; background: url('../images/contentTop.gif') no-repeat top; }
			.referencesBox label { margin-bottom: 5px; display: block; float: left; width: 193px; height: 26px; line-height: 26px; }
			.referencesBox input.field { margin-bottom: 5px; padding: 6px 5px 0px 5px; float: right; width: 241px; height: 20px; color: #000; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.referencesBox input.field2 { margin-bottom: 5px; padding: 6px 5px 0px 75px; float: right; width: 171px; height: 20px; color: #000; border: 0px; }
			.referencesBox select { float: right; }
			.referencesBox select.styled { margin-bottom: 5px; width: 251px; height: 26px; color: #000; }
			.referencesBox select.multiple { margin-bottom: 5px; padding: 5px; width: 251px; color: #000; border: 1px solid #f2f1f1; background: #fff; }
			.referencesBox span.select { margin-bottom: 5px; padding: 6px 5px 0px 5px; position: absolute; overflow: hidden; width: 251px; height: 26px; color: #000; background: url('../images/selectBox.gif') no-repeat; }
			.referencesBox p.right { padding-top: 10px; text-align: right; }
			.referencesBox a.submit { font-style: italic; font-size: 17px; font-weight: bold; text-decoration: none; color: #df0275; }
			.referencesBox a.submit span { color: #000; }
			.referencesBox a.submit:hover { color: #000; }
			.referencesBox li { margin-left: 25px; }
			.referencesBox li a { text-decoration: none; font-style:italic; color: #000; }
			.referencesBox li a:hover { color: #df0275; }
					
			/* ### WAAROM BOX ### */
			.waaromBox { margin-left: 36px; width: 491px; background: url('../images/waaromBg.gif') repeat-y; }
			.waaromBox div.top { background: url('../images/waaromTop.gif') no-repeat -1px 0px; }
			.waaromBox div.bottom { padding: 30px 10px 20px 20px; overflow: hidden; width: 461px; background: url('../images/waaromBottom.gif') no-repeat bottom; }
			.waaromBox div.waarom { float: left; width: 304px; }
			.waaromBox div.contact { float: right; width: 130px; }
			.waaromBox h2, .waaromBox h3 { padding-bottom: 15px; font-size: 20px; font-weight: bold; font-style: italic; }
			.waaromBox h2 span { color: #df0275; }
			.waaromBox ul { list-style: none; }
			.waaromBox div.waarom li { padding-left: 15px; line-height: 20px; background: url('../images/bullit.gif') no-repeat left; }
			.waaromBox address { padding-bottom: 10px; font-size: 10px; font-style: normal; }
			.waaromBox address span { color: #df0275; }
			.waaromBox address a { text-decoration: none; color: #000; }
			.waaromBox address a:hover { color: #df0275; }
			.waaromBox div.contact li { line-height: 18px; color: #df0275; }
			.waaromBox li a { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
			.waaromBox li a:hover { color: #df0275; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 374px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding-bottom: 35px; width: 374px; }
			.nieuwsBox h3 { padding-bottom: 15px; font-size: 17px; font-style: italic; font-weight: bold; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { padding-left: 15px; line-height: 20px; background: url('../images/nieuwsBg.gif') no-repeat left; }
			.nieuwsBox li a { text-decoration: none; color: #000; }
			.nieuwsBox li a:hover { color: #df0275; }
			
			/* ### REF BOX ### */
			.refBox { width: 374px; }
			.refBox h3 { padding-bottom: 15px; font-size: 17px; font-style: italic; font-weight: bold; }
			.refBox ul { padding-bottom: 10px; overflow: hidden; width: 374px; list-style: none; }
			.refBox li { padding: 0px 2px 2px 0px; float: left; display: inline; width: 122px; height: 92px; }
			.refBox li.last { padding-right: 0px; }
			.refBox p { text-align: right; }
			.refBox a { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
			.refBox a:hover, .refBox a span { color: #df0275; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 100%; background: url('../images/footerBg.gif') repeat-x; }
	#footerCntr div.content { margin: 0 auto; position: relative; width: 940px; height: 80px; }
	#footerCntr p { padding-top: 11px; height: 69px; text-align: right; font-size: 11px; color: #bababa; background: url('../images/footerLogo.gif') no-repeat right 30px; }
	#footerCntr ul { position: absolute; top: 10px; left: 190px; overflow: hidden; width: 500px; list-style: none; }
	#footerCntr li { padding-left: 20px; float: left; display: inline; font-size: 13px; background: url('../images/bullit2.gif') no-repeat 7px center; }
	#footerCntr li.first { background: none; }
	#footerCntr li a { text-decoration: none; color: #000; }
	#footerCntr li a:hover { color: #df0275; }