@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container {
	margin: 20px auto;
	width: 950px;
	background-image: url(/images/bg_grey.gif);
	background-repeat: repeat-y;
}
#left {
	width: 345px;
	height: 682px;
	float: left;
	background-image: url(/images/shadow_hor_curve.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 10px;
}
#right {
	width: 	605px;
	min-height: 692px;
	float: left;
/*	background-image: url(/images/shadow_vert.png);
	background-repeat: no-repeat;*/
}
#searchForm {
	display: block;
	float: right;
	width: 	160px;
	height: 160px;
	background-color: #D4D4D5;
	/*
text-align: center;
*/
}
#searchForm input{
	border: 2px solid #666666;
	margin-left: 6px;
	margin-top: 62px;
}
img.logo {
	margin: 15px 0 0 40px;	
}
#mainContent {
	clear: both;
	margin-left: 42px;
	/*padding-top: 50px;*/
	/*
background-image: url(/images/footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
*/
	padding-bottom: 50px;
	min-height: 350px;
}
#mainContent a {
	color: red;
	font-weight: bold;
	text-decoration: none;	
}
#mainContent a.normal {
	font-weight: normal;	
}
#mainContent a:hover {
	text-decoration: underline;
}
#submenu {
	height: 62px;	
	float: left;
}
/* NAVIGATION */
#navigation_main a,
#navigation_extra a,
#navigation_thema a  {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#navigation_main a:hover,
#navigation_extra a:hover,
#navigation_thema a:hover,
#navigation_ a:hover {
	color: black;
}


#navigation_main {
	line-height: 30px;	
	width: 605px;
	margin: 0px 0 0 0;
	padding: 0 0 10px 0;
	background-image: url(/images/shadow_hor.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}
#navigation_main li {
 	list-style: none;
	margin: 0;
}
#navigation_main a {
	width: 120px;
	display: block;
	float: left;
	text-align: center;
	background-image: url(/images/navigation_divider.png);
	background-repeat: no-repeat;
	background-position: right;
}
#navigation_main li:first-child a {
	width: 120px;
}
#navigation_main li:last-child a {
	background-image: none;
}
#navigation_main li.selected a,
#navigation_thema li.selected a,
#navigation_extra li.selected a,
#navigation_ li.selected a {
	color: red;
}
#navigation_ {
	line-height: 35px;	
	width: 605px;
	margin: -10px 0 0 0;
	padding: 0 0 0px 0;
	background-image: url(/images/submenu_bg.png);
	float: left;
}
#navigation_ li {
 	list-style: none;
	margin: 0;
}
#navigation_ a  {
	text-decoration: none;
	color: #999999;
	padding: 0 10px;
	float: left;
	font-weight: bold;
}
#navigation_ li:first-child a {
	padding-left: 35px;
}

#navigation_extra ,
#navigation_thema {
	background-color: #EFF0F0;
	width: 157px;
	height: 101px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#navigation_extra li,
#navigation_thema li {
 	list-style: none;
	margin: 0;
	text-align: right;
	padding-right: 8px;
	line-height: 30px;
}
#navigation_extra a {
	line-height: 30px;	
}

#navigation_thema {
	height: 276px; 
	float: right;
	clear: right;
	padding-top:10px;
}
#navigation_thema li {
	line-height: 22px;
}

#navigation_meta {
	margin: 23px 0 0px 0;
	padding: 0;	
}
#navigation_lang {
	margin: 10px 0 24px 0;
	padding: 0;	
}
#navigation_meta li,
#navigation_lang li {
	/*
display: inline;
*/
	list-style: none;
}
#navigation_meta a,
#navigation_lang a {
	color: red;
	text-decoration: none;
	/*
background-image: url(/images/navigation_divider_meta.png);
	background-repeat: no-repeat;
	background-position: left;
*/
	padding-left: 6px;
}
#navigation_meta a:hover,
#navigation_lang a:hover {
	text-decoration: underline;
}
/*
#navigation_meta li:first-child a,
#navigation_lang li:first-child a {
	background-image: none;
	padding-left: 0;
}
*/
/* LEFT SIDE */
#topLeftImg {
	width: 188px;
	height: 261px;
	overflow: hidden;
	float: left;
}
#topRightImg {
	width: 157px;
	height: 160px;
	float: left;
}
#bottomImg {
	width: 345px;
	height: 421px;
	overflow: hidden;
	float: left;
}
#bottomRightImg {
	width: 157px;
	height: 101px;
	float: right;
	overflow: hidden;
}
#themaBottom {
	width: 157px;
	height: 36px;
	float: right;
	clear: right;
	background-image: url(/images/thema_bottom.png);
	background-repeat: no-repeat;
}
#curtainTop {
	width: 188px;
	height: 92px;
	position: absolute;
}
#curtainBottom {
	width: 188px;
	height: 230px;
	position: absolute;
	margin-top: 191px;/* 421 - 230 */
}

/* ARTICLES */
h1, h2 {
	color: red;	
	font-size: 18px;
	margin-bottom: 2px;
}
h3 {
	clear: left;
}
.article p {
	/*
width: 400px;
*/
}
.article .img {
/*	margin-top: 35px;*/
	float: right;
	margin: 6px 0px 6px 6px;
}
.aticle .break {
	clear: both;	
}
.article ul {
	padding-left: 14px;
}
.newsUL,
.peopleUL,
.fieldUL,
.smallUL {
	margin: 0 0 30px 0;
	padding: 0;	
	clear: left;
	position: relative;
}
.newsUL li,
.peopleUL li,
.fieldUL li {
 	list-style: none;
	margin-bottom: 10px;
}
.newsUL a {
	color: red;	
}
.peopleUL a,
.fieldUL a {
	color: #666666;
	text-decoration: none;
	height: 25px;
	display: block;
	margin: 0 10px 0 0;
}
.fieldUL > li > a {
	max-width: 120px;
}
.peopleUL a:hover,
.fieldUL a:hover,
.smallUL a:hover {
	text-decoration: underline;	
}
.peopleUL li,
.fieldUL li {
	width: 140px;
	float: left;
	padding-bottom:12px;
	font-size: 10px;
	overflow: hidden;
	margin-bottom: 0;
}
.smallUL li {
	width: 110px;
	float: left;
	padding-bottom:15px;
	font-size: 10px;
	overflow: hidden;
	margin-bottom: 0;
}
.recordTable {
	margin-top: 10px;	
}
.news_intro,
.agenda_listitem  {
	clear: both;	
	margin-bottom: 10px;
}
div.newsthumb {
	float: right;
	margin: 0 0 10px 10px;
}
div.peoplethumb {
	width: 140px;
	height: 140px;
	margin: 0 10px 0 0;
}
div.peoplethumb a {
	width: 130px;
	height: 130px;
	overflow: hidden;
	text-align: center;	
}
div.peoplethumb img {
	margin-left: -32px;
}
div.smallthumb {
	width: 110px;
	height: 104px;
	margin: 0 10px 0 0;
}
UL.smallUL a {
	width: 100px;
	display: block;
}
.fieldUL div.peoplethumb img {
	margin-left: 0px;
}
/* carousel */
.jCarouselLite {
	margin-left: 14px;	
}
.carousel .mid {
	height: 410px;
	width: 490px;
	text-align: center;	
	overflow: hidden;
	margin-bottom: 10px;
	display: table-cell;
	vertical-align: middle;
}
.carousel img {
	border: 4px solid white;
}
.carousel img.prev,
.carousel img.next {
	cursor: pointer;
}
.carousel div.fill {
	width: 48px;
	height: 100px;
	float: left;
}
.carousel img.selected {
	border: 4px solid #D4D4D5;
}
.carousel img.selectedx {
	border: 4px solid red;
}
.carousel li {
	display: table-cell;
	vertical-align: middle;
}

/* 3cms compensatie */
#mainContent a.cmsInlineLink { font-weight: normal; }

/* FORMULIEREN */
.cms_mod_form .reset {
	display: none;
}
.cms_mod_form input, .cms_mod_form select {
	width: 250px;
	margin-bottom: 10px;
}
.cms_mod_form .formfield  {
	float: left;
	clear: both;
	margin-bottom: 4px;
}
.cms_mod_form label,
.cms_mod_form label.textarealabel {
	width: 125px;
	display: block;
	float: left;
	margin: 0 0 2px 0;
}
.cms_mod_form label.textarealabel,
.cms_mod_form label.radiolabel {
	width: 370px;
}
.cms_mod_form .selectgroup {
	float: left;
	
}
.cms_mod_form .selectgroup label {
	float: none;
	width: 400px;
}
.cms_mod_form .selectgroup input[type="radio"],
.cms_mod_form .selectgroup input[type="checkbox"] {
	float: left;
	width: 20px;
}
.cms_mod_form .submit,
.cms_mod_form input[type="button"]  {
	float: left;
	clear: both;
	width: 140px;
	margin: 0 0 4px 120px;
}
.inputgroup {
	float: left;
	margin-bottom: 16px;
	border-bottom: 1px dotted grey;
	width: 400px;
}
.inputgroup .grouptitle,
.inputgroup > p {
	display: none;	
}

/* agenda */
.agenda_listitem { margin-bottom: 10px; }

.agenda_item_title {
	font-weight: bold;
}
/* custom textareas */
.cms_mod_form textarea {
	clear: left;
	width: 370px;
}