/*
 * $Id: main.css 439 2010-11-24 13:34:44Z danny $
 */

div.clear {
	clear:both;
}
div#container {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}
div#header {
	position:relative;
	height:118px;
	z-index:2;
	overflow: visible;
}
div#contentBody {
	width:100%;
	position:relative;
	z-index:1;
	background:url(/images/framework/body.jpg) left top no-repeat;
	background-color:#ECBE1F;
	overflow: auto;
}
div#contentLeft {
	z-index: 1;
	width:655px;
	float:left;
	min-height:390px;
	height:auto!important;
	height:390px;
	display: inline;
	padding-top: 17px;
}
div#contentRight {
	width:345px;
	float:left;
	position:relative;
	overflow:hidden;
}
div#contentRight div.news {
	position:relative;
	width:223px;
	height:488px;
	float:left;
}
table.newsItems {
	width:190px;
	margin-top:64px;
	margin-left:17px;
}
table.newsItems a {
	display:block;
	font-weight:800;
	background:url(/images/framework/bullet-news.gif) left 6px no-repeat;
	padding-left:13px;
	margin-bottom:6px;
	font-size:12px;
}
table.newsItems a.dark {
	color:#135371;
}
table.newsItems a.light {
	color:#3683B5;
}
div#contentRight div.banners {
	width:122px;
	float:left;
	position:relative;
	background:green;
}

/** Footer links **/
	div.nLinks {
		width: 509px;
		height:60px;
		z-index: 100;
	}
	div.nLink {
		overflow: hidden;
	}
	div.nLink a {
	    background-image: url(/images/framework/link-buttons.png);
	    background-repeat: no-repeat;
		display:block;
		width: 509px;
		height: 100px;
		position: relative;
	}
	div.nLink a:hover {
		text-decoration:none;
	}
	div.nLinks-main {
		width: 335px;
	}
	div.nLinks-main div.erfgoed {
		float: right;
	}
	div.volkscultuur {
		position: relative;
		float: left;
		left: 0;
		width: 312px;
		height: 50px;
		z-index: 50;
	}
	div.volkscultuur a { left: 0; top: 0;}
	div.volkscultuur a:hover { left: 0; top: -50px; }
	div.erfgoed {
		position: relative;
		float: left;
		width: 197px;
		height: 50px;
	}
	div.erfgoed a { left: -312px; top: 0px; }
	div.erfgoed a:hover {
		left: -312px;
		top: -50px;
	}
/* Footer links */


div#footer {
	height:340px;
	background:url(/images/framework/footer.jpg) left top no-repeat;
}
div.preLoaded {
	display:none;
	visibility:hidden;
	height:1px;
	width:1px;
}

/* Start (top)menu style */
	div#menuTop {
		position:relative;
		float:right;
		height:118px;
	}
	ul#headerMenu {
		position: relative;
		list-style-type:none;
		margin:0;
		padding:0;
		font-size: 0.85em;
		height: 108px;
	}
	ul#headerMenu li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		display: block;
		height: 118px;
		width: 118px;
		background-image: url(/images/framework/buttons.gif);
		background-repeat: no-repeat;
		line-height: 0;
	}
	ul#headerMenu li a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 0;
	}
	ul#headerMenu ul li ul, ul#headerMenu ul li ul li ul {
		display: none;
	}
	ul#headerMenu li ul {
		list-style-type:none;
		position: absolute;
		display:none;
		padding: 0;
		margin: 0;
		top:118px;
		left: 0;
		padding-bottom: 18px;
		background:url(/images/framework/menuFooter.gif) left bottom no-repeat;
	}
	ul#headerMenu li:hover > ul {
		display: block;
	}
	
	ul#headerMenu li ul li {
		width: 90px;
		height: auto;
	}
	ul#headerMenu li ul li a {
		text-align:left;
		border:2px solid #E73018;
		border-bottom:0;
		background:#F1940A;
		color:#fff;
		font-size: 1em;
	}
	ul#headerMenu li ul li a {
		width:78px;
		line-height:19px;
		display:block;
		color: #fff;
		font-family:Arial;
		font-weight:800;
		padding:3px;
		padding-left:5px;
	}
	ul#headerMenu li ul li a:hover {
		text-decoration:none;
	}

/** menu items **/
	ul#headerMenu li.nieuws {
		background-position: 0 0;
		width: 114px;
	}
	ul#headerMenu li.nieuws:hover {
		background-position: 0px -118px;
	}
	ul#headerMenu li.nieuws:active {
		background-position: 0px -236px;
	}
	ul#headerMenu li.kennis {
		background-position: -114px 0px;
		width: 85px;
	}
	ul#headerMenu li.kennis:hover {
		background-position: -114px -118pxpx;
	}
	ul#headerMenu li.kennis:active {
		background-position: -114px -236px;
	}
	ul#headerMenu li.beeldmateriaal {
		background-position: -199px 0px;
		width: 134px;
	}
	ul#headerMenu li.beeldmateriaal:hover {
		background-position: -199px -118px;
	}
	ul#headerMenu li.beeldmateriaal:active {
		background-position: -199px -236px;
	}
	ul#headerMenu li.adressen {
		background-position: -333px 0px;
		width: 82px;
	}
	ul#headerMenu li.adressen:hover {
		background-position: -333px -118px;
	}
	ul#headerMenu li.adressen:active {
		background-position: -333px -236px;
	}
	ul#headerMenu li.forum {
		background-position: -413px 0px;
		width: 80px;
	}
	ul#headerMenu li.forum:hover {
		background-position: -413px -118px;
	}
	ul#headerMenu li.forum:active {
		background-position: -413px -236px;
	}
	ul#headerMenu li.enquete {
		background-position: -493px 0px;
		width: 119px;
	}
	ul#headerMenu li.enquete:hover {
		background-position: -493px -118px;
	}
	ul#headerMenu li.enquete:active {
		background-position: -493px -236px;
	}
	ul#headerMenu li.onderwijs {
		background-position: -612px 0px;
		width: 97px;
	}
	ul#headerMenu li.onderwijs:hover {
		background-position: -612px -118px;
	}
	ul#headerMenu li.onderwijs:active {
		background-position: -612px -236px;
	}
	ul#headerMenu li.internationaal {
		background-position: -709px 0px;
		width: 126px;
	}
	ul#headerMenu li.internationaal:hover {
		background-position: -709px -118px;
	}
	ul#headerMenu li.internationaal:active {
		background-position: -709px -236px;
	}

	ul#headerMenu li ul li a {
		text-align:left;
		border:2px solid #E73018;
		border-bottom:0;
		background:#F1940A;
		color:#fff;
	}
	ul#headerMenu li ul li a:hover,
	ul#headerMenu li ul li a.itemOn {
		background:#F90B06;
	}
	ul#headerMenu ul ul {
		position:absolute;
		left:88px;
		top: 0;
	}

	ul#headerMenu a.itemOn, ul#headerMenu a.itemOn {

	}
	ul#headerMenu li.last img {
		height:24px;
	}
	ul#headerMenu li.footer {
		height:18px;
		border:0;
		font-size:1px;
		background:url(/images/framework/menuFooter.gif) left top no-repeat;
	}

/* End (top)menu style */

	#nieuwsman {
		position: absolute;
		right: -113px;
		top: -1px;
		width: 241px;
		height: 181px;
		overflow: hidden;
		z-index: 100;
	}
	div#nieuwsman a {
		background: url("/images/framework/nieuwsman.png") 0 0 no-repeat;
		position: relative;
		display: block;
		left: 0px;
		top: 0;
		width: 484px;
		height: 181px;
		font-size: 0;
	}
	div#nieuwsman a:hover {
		left: -241px;
		text-decoration: none;
	}

	#nieuwsman-small {
		position: absolute;
		right: -125px;
		top: 0px;
		width: 181px;
		height: 161px;
		overflow: hidden;
		z-index: 100;
	}
	div#nieuwsman-small a {
		background: url("/images/framework/nieuwsman-small.png") 0 0 no-repeat;
		position: relative;
		display: block;
		left: 0px;
		top: 0;
		width: 362px;
		height: 161px;
		font-size: 0;
	}
	div#nieuwsman-small a:hover {
		left: -181px;
		text-decoration: none;
	}

ul.siteMap a {

	}

/* Start AdressenBank markup */

table.addressTable td {
	padding: 0px;
}

table.addressTable td.key {
	font-weight: bold;
}

div.evenCol {
	background: #FCECCE;
	padding: 5px 0px 0px 10px;
}

div.oddCol {
	padding: 5px 0px 0px 10px;
}

/* End AdressenBank markup */

/* Fix Xinha layout */
form.psmForm table td .htmlarea td {
	margin: 0;
	padding: 0;
}

a.defaultButton {
	border:1px solid #FCECCE;
	background:#8F5546;
	padding:1px 10px 1px 10px;
	color:#fff;
	font-weight:800;
	font-size:11px;
}
a.defaultButton:hover,
a.defaultButtonSel {
	text-decoration:none;
	border:1px solid #8F5546;
	background:#FCECCE;
	color:#8E5040;
}

a#linkNews {
	top:0;
	left:-60px;
	width:181px;
	height:161px;
	text-decoration:none;
}

/* Banner shizzle */
div#bannerContent {
	position: absolute;
	right: 10px;
	top: 145px;
	width: 98px;
	overflow: hidden;
}
div#bannerContent a {
	display: block;
	margin-top: 8px;
}
div#bannerContent a img {
	border: 3px solid #9b964e;
}
div.textButtons {
	position: absolute;
	top: 120px;
	z-index: 50;
}
div.category {
	float: left;
}
div.category span.categoryName {
	display: block;
	width: 280px;
}
div.processedContent div.cBody div.category img { 
	border: none;
	margin: 0 30px;
}
table.psmPager a.selected { text-decoration: underline; }
