/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: url('../images/body-bg.gif') repeat; }
img { border: 0px; }

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

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }
p.text { padding: 3px 0px 20px 0px; margin: 0 auto; text-align: right; font-size: 11px; width: 992px; color: #662d91; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding: 0px 6px; margin: 0 auto; width: 992px; background: url('../images/content-middlebg.png') top left repeat-y; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 5px; width: 992px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-left: 11px; float: left; width: 202px; position: relative; }
		#leftCntr h1 { position: absolute; top: 0px; left: -47px; }
		#leftCntr h1 a { display: block; width: 245px; height: 152px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
		#leftCntr h1.rotterdam a { display: block; width: 245px; height: 152px; text-indent: -9999px; background: url('../images/rotterdam-logo.png') no-repeat; }
		#leftCntr a.link { position: absolute; top: 126px; left: 47px; display: block; width: 145px; height: 26px; text-indent: -9999px; background: url('../images/rotterdam.png') no-repeat; }
		#leftCntr a.link2 { position: absolute; top: 126px; left: 76px; display: block; width: 117px; height: 23px; text-indent: -9999px; background: url('../images/zwolle.png') no-repeat; }

			/* ### MENU CONTAINER ### */
			#menuCntr { padding-top: 190px; width: 145px; }		
			#menuCntr ul { list-style: none; }
			#menuCntr li { height: 33px; line-height: 33px; }
			#menuCntr li a { padding-left: 7px; height:33px; line-height: 33px; font-size: 13px; font-weight: bold; display: block; text-decoration: none; color: #662d91; }
			#menuCntr li a:hover { color: #fff; background: #662d91; }
			#menuCntr li a.active { color: #fff; background: #662d91; }
				
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 545px; }
		#centerCntr .color { background: #efeaf4; }
		
			/* ### NEWSLETTER BOX ### */
			.newsletterBox { padding-top: 11px; overflow: hidden; }
			.newsletterBox h3 { padding-right: 10px; float: left; color: #662d91; font-size: 15px; font-weight: normal; height: 22px; line-height: 22px; }
			.newsletterBox form { display: block; }
			.newsletterBox fieldset { overflow: hidden; border: none; }
			.newsletterBox input.email-field { padding: 3px 5px; margin-right: 6px; font-size: 11px; color: #999999; float: left; border: 1px solid #662d91; height: 14px; width: 153px; }
			.newsletterBox input.search-field { padding: 3px 5px; font-size: 11px; color: #999999; float: left; border: 1px solid #662d91; height: 14px; width: 129px; }
			.newsletterBox input.send-button { margin-right: 14px; cursor: pointer; border: none; float: left; width: 21px; height: 22px; background: url('../images/send-button.gif') top left no-repeat; }
			.newsletterBox input.search-button { margin-left: 6px; cursor: pointer; border: none; float: left; width: 21px; height: 22px; background: url('../images/search-button.gif') top left no-repeat; }
			
			/* ### SLIDE BOX ### */
			.slideBox { padding-top: 11px; margin-bottom: 20px; overflow: hidden; position: relative; height: 264px; }
			.slideBox img { border: 1px solid #662d91; }
			.slideBox ul { position: absolute; bottom: 13px; right: 13px; }
			.slideBox li { padding-right: 8px; float: left; }
			.slideBox li a { text-decoration: none; color: #662d91; font-size: 9px; font-weight: bold; float: left; display: block; height: 21px; width: 21px; text-align: center; border:1px solid #662d91; line-height: 21px; background: #fff; }
			.slideBox li a:hover { color: #fff; border: 1px solid #662d91; background: #662d91; }
			.slideBox li a.active { color: #fff; border: 1px solid #662d91; background: #662d91; }
			
			/* ### TEXT BOX ### */
			.textBox { padding: 7px; margin-top: 10px; width: 531px; overflow: hidden; }
			.textBox img { margin-left: 18px; float: right; border: 1px solid #662d91; }
			.textBox h3 { padding-bottom: 0px; margin: 0px;  color: #662d91; font-size: 15px; line-height: 25px; }
			.textBox p { color: #662d91; line-height: 20px; }
			.textBox a { color: #662d91; font-style: italic; }
			.textBox a:hover { text-decoration: none; }				
			
			/* ### WEBCONTENT ### */
			#webcontent { width: 531px; line-height: 22px; color: #662d91; } 
			#webcontent p { line-height: 22px; color: #662d91; margin-bottom: 15px; } 
			#webcontent h2 { line-height: 22px; color: #662d91; } 
			#webcontent ul { margin-left: 15px; } 
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-right: 10px; float: right; width: 216px; }
		
			/* ### LETTER BOX ### */
			.letterBox { padding-top: 15px; height: 17px; width: 216px; overflow: hidden; }
			.letterBox ul { list-style: none; overflow: hidden; float: right; }
			.letterBox li { padding-right: 4px; line-height: 15px; color: #662d91; float: left; }
			.letterBox li a { text-decoration: none; color: #662d91; }
			.letterBox li a:hover { text-decoration: underline; }
			.letterBox li.first { font-size: 10px; line-height: 17px; }
			.letterBox li.last { font-size: 14px; line-height: 14px; }
			
			/* ### MENU BOX ### */
			.menuBox { padding-top: 12px; width: 216px; }
			.menuBox ul { list-style: none; }
			.menuBox li { padding-bottom: 8px; }
			.menuBox li a { padding: 16px 0px 0px 20px; font-weight: bold; text-decoration: none; font-size: 24px; color: #fff; display: block; width:  196px; height: 67px; background: #662d91; }
			.menuBox li span { display: block; font-size: 14px; }
			
			/* ### NEWS BOX ### */
			.newsBox { padding-top: 12px; width: 216px; }
			.newsBox ul { list-style: none; }
			.newsBox li { padding-bottom: 5px; color: #662d91; }
			.newsBox li a { padding: 7px; display: block; text-decoration: none; color: #662d91; line-height: 20px; }
			.newsBox li a:hover { background: #efeaf4; }
			.newsBox li a span { padding-bottom: 3px; display: block; font-weight: bold; color: #662d91; }
				
		/* ### AD CONTAINER ### */
		#adCntr { padding-top: 20px; margin: auto; height: 190px; overflow: hidden; width: 945px;  border-top: 1px solid #e0d5e9; }
			
			/* ### ORGANIZATION BOX ### */
			.organizationBox { width: 170px; float: left; }
			.organizationBox h2 {  padding-bottom: 15px; font-size: 16px; color: #662d91; }
			
			/* ### ADVERTISE BOX ### */
			.advertiseBox { width: 565px; float: left; }
			.advertiseBox h2 {  padding-bottom: 15px; font-size: 16px; color: #662d91; }
			.advertiseBox img { margin-right: 12px; padding-bottom: 10px; }			
			
			/* ### SPONSOR BOX ### */
			.sponsorBox { width: 195px; float: right; }
			.sponsorBox h2 {  padding-bottom: 15px; font-size: 16px; color: #662d91; }
			.aponsorBox a { margin-top: 30px; }			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 25px; margin: auto; overflow: hidden; font-size: 11px; width: 1004px; height: 143px; background: url('../images/footer-bg.png') bottom left no-repeat; }
	#footerCntr ul { padding-left: 23px; height: 103px; list-style: none; width: 175px; float: left;  background: url('../images/footer-sep.gif') top right repeat-y; }
	#footerCntr li { line-height: 16px; }
	#footerCntr li span { font-weight: bold; color: #c8a5ec; }
	#footerCntr li a { color: #fff; text-decoration: none; color: #a377cf; }
	#footerCntr li a:hover { color: #fff; }
	#footerCntr ul.last { background: none; }
	
	input.formulier { width: 300px; border: 1px dashed #999; padding: 3px; color: #662d91; }
	textarea.formulier { width: 300px; height: 100px; border: 1px dashed #999; padding: 3px; color: #662d91; }
	input.submit { background-color: #662d91; color: #fff; padding: 4px; border: 0px;}
	div.melding { color: #FF0000; margin:0px; padding: 0px; line-height: 20px; font-weight: bold; } 

	#cform td { padding: 2px; }
	ul.nieuwsarchief { list-style-type: none; margin-left: 1px; }

	#zoekres ul { margin-left: 15px; }

	#sitemap ul { margin-left: 20px; }
	#sitemap h2 { margin-top: 20px; }

	.zijMenu ul { list-style-type: none; margin-top: 20px; }
	.zijMenu li { margin-bottom: 5px; }
	.zijMenu li a { display:block; padding: 5px; color: #662d91; font-weight: bold; text-decoration: none; }
	.zijMenu li a:hover { display:block; background-color: #662d91; padding: 5px; color: #FFF; font-weight: bold; text-decoration: none; }

	.linkjes a { color: #662d91; }
	.linkjes a:hover { color: #a377cf; }