@charset "UTF-8";

/* Clear some things... */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0px; padding: 0px; }
img { border: none; }

.clear { clear: both; overflow: hidden; visibility: hidden; line-height: 0px; font-size: 0px; }

/* General styling */
body {
	background-image: url(../img/body_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
	color: #575757;
}

h1, h1 .Head { font-size: 22px; color: #cc071e; font-weight: normal; margin-bottom: 16px; line-height: 24px; }
h2, h2 .Head { font-size: 16px; color: #cc071e; font-weight: normal; margin-bottom: 10px; line-height: 18px; }
h3, h3 .Head { font-size: 15px; color: #575757; font-weight: normal; margin-bottom: 10px; font-weight: bold; line-height: 16px; }
h4, h4 .Head { font-size: 14px; color: #cc071e; font-weight: normal; margin-bottom: 10px; line-height: 14px; font-weight: bold; position: relative; top: 4px; }
h5, h5 .Head { font-size: 13px; color: #575757; font-weight: normal; margin-bottom: 10px; line-height: 13px; }
h6, h6 .Head { font-size: 12px; color: #cc071e; font-weight: normal; margin-bottom: 10px; line-height: 12px; }

td, div, p { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; }
#panes p { margin-bottom: 12px; }
.Normal, .NormalDisabled { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; }

#search { margin: 0px; background: url(../images/SearchBackground.png) no-repeat left top; }
#search .NormalTextBox { margin: 2px 0px 0px 3px; padding: 0px; display: inline; border: 0; background-color: transparent; vertical-align: top; }

hr { border: solid 1px #CCC; }

a, a:link, a:visited  { color: #cc151e; font-weight: bold; text-decoration: underline; }
a:hover { color: #e31923; }
a:focus { outline: none; }

ul, ol, dl, dialog { font-size: 12px; line-height: 18px; margin-top: 18px; margin-bottom: 18px; margin-left: 14px; }
ul li { list-style-type: disc; }
li ul, li ol { top: 0px; margin-top: 0px; margin-bottom: 0px; }

#wrapper { text-align: center; }
	#wrapper #website { width: 1020px; text-align: left; margin: 0px auto; background-color: #FFF; margin-top: 10px;  } /* text-align: left; */
	
	#website #header { width: 1020px; height: 66px; position: relative; }
		#header #logo { position: absolute; left: 0px; top: 2px; }
		#header #navigation { position: absolute; top: 18px; left: 262px; background-image: url(../img/navigationbg.gif); background-repeat: no-repeat; background-position: left top; width: 746px; height: 31px; }
		#header #navigation ul { list-style: none; margin: 0px; padding: 0px; color: #FFFFFF; }
		#header #navigation a { display: block; color: #eeeeee; padding: 7px 14px 4px 14px; text-decoration:none; font-weight: bold; }
		#header #navigation ul li { float: left; list-style-type: none; background: url(../img/navigationspacer.gif) repeat-y right 15px; }
		#header #navigation ul li a:hover { color: #ffffff; text-decoration: underline; }
		#header #navigation ul li.CurrentItem a,
		#header #navigation ul li.ParentCurrentItem a { text-decoration: underline; }
		
	#website #dynamic { margin: 0px 12px 0px 12px; padding-bottom: 12px; }
		#website #dynamic .left { width: 214px; float: left; } 
			#sidenavigation { display: block; text-align: right; }
			#sidenavigation a { display:block; width: 194px; padding: 8px 16px 3px 0px; color: #575757; text-decoration: none; font-weight: normal; }
			#sidenavigation ul { list-style: none; color: #575757; margin: 0px; padding: 0px; }
			#sidenavigation ul li { list-style-type: none; background: url(../img/sidebarmenu_bg_item.gif) no-repeat right top; }
			#sidenavigation ul li.First { background: url(../img/sidebarmenu_bg_first.gif) no-repeat right top; }
			#sidenavigation ul li.First a { padding: 38px 16px 5px 0px; }
			#sidenavigation ul li.Last { background: url(../img/sidebarmenu_bg_last.gif) no-repeat right top; }
			#sidenavigation ul li.Last a { height: 43px; }
			#sidenavigation ul li a:hover { color:#000000; text-decoration:underline; }
			#sidenavigation ul li.CurrentItem a,
			#sidenavigation ul li.ParentCurrentItem a { text-decoration: underline; }
		
		#website #dynamic .right { width: 746px; float: right; }
			.right #rightButtons { margin: 0px; padding: 0px; }
				.right #rightButtons li { list-style-type: none; }
			.pane {  }
			.contentpane { width: 490px; float: left;  } /* width: 510px; */
			.contentpane h1 { text-align:left }
			.contentpane p { text-align:justify }
			.rightpanecontainter { width: 216px; float: right; }
	
	#footer { background-color: #4b4b4b; background-image: url(../img/footer_bg.gif); background-repeat:repeat-x; min-height: 96px; height: auto !important; height: 96px; }
	#footer .left { width: 214px; float: left; margin-top: 34px; }
		#footer .left .logo { margin-left: 28px; }
	#footer .right { width: 746px; float: right; margin-top: 8px; }
		#footer .right .contact { float: right; }
		#footer .right .breadcrumbs { margin-bottom: 16px; }
		#footer .inner { margin: 0px auto; width: 1020px; color: #eeeeee; text-align: left; }
		#footer .SkinObject { font-size: 12px; }
		#footer a { color: #eeeeee; font-weight: normal; text-decoration: underline; }
		#footer a:hover { color: #d6d6d6; }

		.right .breadcrumbs { margin-bottom: 12px;}
		.right .breadcrumbs a { color: #575757; font-weight: normal; text-decoration: underline; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }
		.right .breadcrumbs a:hover { color: #cc071e }

.window { padding: 8px; border: solid 1px #CCC; margin-top: 10px; margin-bottom: 10px; }

/* Modules */
.news .item { margin-bottom: 10px; }

/* Containers */
.defaultContainer, .blueContainer { margin-bottom: 16px; }

.blueContainer { background-color: #b9d0db; background-image: url(../img/blueBackground.gif); background-repeat: repeat-x; background-position: left top; padding: 8px; }
.blueContainer .inner table { }
.blueContainer a { color: #575757; font-weight: normal; text-decoration: none; }
.blueContainer a:hover { color: #7a7a7a; }

/* Header */
.fotoheader {  width: 510px; float: left; margin-bottom: 10px; }
	#headerFotos li { margin: 2px; text-align: center; cursor: pointer; list-style-type: none; float: left; }
	#FotoHeader .prev, .next { float: left; height: 100px; width: 20px; cursor: pointer; z-index: 2999; }
	.fotoCarousel{ float: left; display: none; }
	#tooltip { position: absolute; z-index: 3000; border: 1px solid #f3f9ef; background-color: #f3f9ef; color: #cc071e; padding: 2px; opacity: 0.85; }
	#tooltip h3, #tooltip div { margin: 0; font-size:10;font-family: Tahoma, Arial, Helvetica;}
	
/* */
	#trefwoorden { }
	
	.alfabet { padding-right: 6px !important; }
	.alfabet:hover { color: #000000 !important; }
	
	#TWLeft, #TWRight { width: 50%; float:left; }
#TWLeft a, #TWRight a { font-weight: normal;text-decoration: underline; color: #575757 !important;}
#TWLeft a:hover, #TWRight a:hover { text-decoration: underline; color: #cc071e !important;}
#TWLeft .letter, #TWRight .letter { text-decoration: none; font-weight: bold;color: #cc071e !important;}

.Eloket .intro { margin-bottom: 10px;}
.Eloket input, textarea { width: 350px; margin: 2px; }
.Eloket .checkbox input { margin-left: 0px; width: 20px; border: solid 0px black; }
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; }
.Eloket legend{ padding: 0 10px; font-size:14px; }
.Eloket label,
.Eloket .person .fieldName { float: left; width:120px;	margin-right:10px; display:block;  text-align:left; }
.Eloket label.checkbox { float: none; display: inline;}
.Eloket .person input { width: 150px; margin-right: 8px;}
.Eloket p {clear:both; margin: 10px 0;}
.Eloket .labelHeader { margin-left: 132px;}
.Eloket .labelHeader .personLabelLeft,
.Eloket .labelHeader .personLabelCenter,
.Eloket .labelHeader .personLabelRight { float: left; width: 155px; }
.Eloket .radiobuttonList input { width: 20px;}
.Eloket .radiobuttonList label { float: none; display: inline; }
.Eloket .login { border:1px solid #cecece; margin-bottom: 10px; }
.Eloket .userInfo { border:1px solid #cecece; margin-bottom: 10px; }
.Eloket a.button { }
.Eloket a.button:hover { }