/*
	WEB LAYOUT CSS RULES
	www.maal4.nl
	by bubi blomer
*/


/* purple -> 	#57104C 	*/
/* green -> 	#0F4B2B 	*/
/* red -> 		#ED1C24 	*/
.purple { color: #57104C; }
.green { color: #0F4B2B; }
.red { color: #ED1C24; }

fieldset { border: 0; padding: 0; }
textarea { margin: 0; }
span.ui-state-error { color: #ED1C24; }
input.ui-state-error { border-color: #ED1C24; }

body { font-family: Verdana, Helvetica, sans-serif; font-size: 62.5%; }
#body  { color: #585A5B; }
#body a.readMore { color: #ED1C24; }
hr { color: #666666; }
#body p + a.readMore { display: block; margin-top: -1.5em; }
#body h4 { font-size: 1.4em; line-height: 1.45em; }
#body p, td { line-height: 1.45em; font-size: 1.2em; }
#body li { font-size: 1.3em; }
#body ul.noBullets { list-style: none; margin: 0 0 15px 0; }
#body a { color: #585A5B; }
#body a:hover { text-decoration:none; }

/* table */
thead th {background:#57104C; color: white;}
table { border-collapse:collapse; }
table,th, td { border: 1px solid black; }
div.fileTableList table,th, td { border: 0px; } 

/* TOGGLE CLICK */
a.toggleClick { display: block; width: 16px; height: 16px; background: url(../images/icons/toggle-expand.png) no-repeat; }
a.toggleClick.open { background: url(../images/icons/toggle_collapse.png) no-repeat; }
.list-detail { display: none; overflow: auto; }
.list-detail.open { display: block; }

#wrapper .logoContainer { position: relative; width: 958px; height: 135px; background: transparent no-repeat top right; margin-bottom: 10px;}
#wrapper h1.logo { margin: 0; height: 141px; background: url(/cst/images/bgHeader.png) no-repeat; text-indent: -9999px; position: absolute; top: 0; left: 0; width: 960px; }
#header { margin-bottom: 20px; position: relative; height: 14px; }
#header ul.nav { list-style: none; margin: 0; position: absolute; }
#header ul.nav li.main { float: left; width: 158px; background: transparent url(/cst/images/bgNavMainLi.png) no-repeat; position: relative; display: block; }
#header ul.nav li.main:hover { background: transparent url(/cst/images/bgNavMainLiHover.png) no-repeat; }
#header ul.nav li.main + li.main { margin-left: 2px; }
#header ul.nav li.main a { display: block; text-align: center; padding: 5px 0; color: #FFF; text-transform: uppercase; text-decoration: none; font-size: 9px; }
#header ul.nav li.main ul { margin: 0; list-style: none; position: absolute; left: 0; top: 23px; width: 158px; display: none; }
#header ul.nav li.main li.sub { background: #95718E; border-top: 1px solid #FFF; display: block; position: relative; }
#header ul.nav li.main li.last { background: url(/cst/images/bgNavMainLiSubBottom.png) left bottom no-repeat; border-bottom: none; display: block; }
#header ul.nav li.main li.sub a { color: #FFF; display: block;}
#header ul.nav li.main li.sub a:hover { color: #C5B1C1; display: block; }
#header ul.breadcrumbs { margin: 0; clear: both; display: none; }
#header ul.nav li.main ul.subsub { position: absolute; left: 158px; color: #000; top:-2px; background: #939598; z-index: 999; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; }
#header ul.nav li.main ul.subsub li { border-top:1px solid #FFFFFF; }

#body .sidebar { width: 200px; }
#body .sidebar .block h3 { background: transparent url(/cst/images/bgSidebarBlockTop.png) no-repeat; padding: 8px 10px 5px 10px; margin: 0; text-transform: uppercase; color: #FFF; border-bottom: 1px solid #898A8A; font-size:12px; }
#body .sidebar .block .listBlocks .listItem h4 { color: #57104C; margin-bottom: 0; font-size:12px; font-weight: bold; }
#body .sidebar .block .listBlocks .listItem h4 em.date { color: #0F4B2B; padding-right: 5px;font-size:11px;}
#body .sidebar .block .listBlocks { border-right: 1px solid #898A8A; border-left: 1px solid #898A8A; padding: 10px; }
#body .sidebar .block .blockBottom { height: 5px; background: transparent url(/cst/images/bgSidebarBlockBottomWhite.png) no-repeat; }
#body .sidebar .block .blockContent.purple + .blockBottom { background: transparent url(/cst/images/bgSidebarBlockBottomPurple.png) no-repeat; }
#body .sidebar .block .blockBottom.purple { background: transparent url(/cst/images/bgSidebarBlockBottomPurple.png) no-repeat; }

#body .sidebar .block .blockContent { padding: 10px; border-right: 1px solid #898A8A; border-left: 1px solid #898A8A; }
#body .sidebar .block .blockContent.purple { background: #57104C; color: #FFF; }
#body .sidebar .block .blockContent img.thumb.left { margin: 0 10px 10px 0; }
#body .sidebar .block .blockContent .slider a { display: block; float: left; margin: 0 0 10px 0;  }
#body .sidebar .block .blockContent .slider a.thumb  { margin: 0 7px 7px 7px; height: 73px; width: 73px; text-indent: -9999px; background-repeat:no-repeat; background-position: center; border: 1px solid #898A8A; }
#body .sidebar .block .blockContent .slider a.controls { float: right; margin: 0 5px; display: none; }
#body .sidebar .block .blockContent .slider .pageContainer { position: relative; }
#body .sidebar .block .blockContent .slider .pageContainer .page { height: 345px; background: #FFF; }
#body .monthSlider .pageContainer .page p { margin-left: 15px; }
#body .monthSlider h4 { margin: 0 !important; }

/* 3column */
#body.column3 .content { width: 498px; margin: 5px 10px; padding: 15px 20px 0 20px; border-right: 1px solid #898A8A; border-left: 1px solid #898A8A; }
#body.column3 .content .contentTop { width: 540px; height: 5px; background: transparent url(/cst/images/bgContentBlockTop.png) no-repeat; margin: 0 auto; margin-left: -21px; margin-top: -20px; margin-bottom: 10px;}
#body.column3 .content .contentBottom { height: 5px; background: transparent url(/cst/images/bgContentBlockBottom.png) no-repeat; margin: 0 auto; margin-left: -21px; width: 540px; margin-bottom: -5px;}
/* 3column */

#body .content { width: 708px; margin-left: 10px; margin-top: 5px; padding: 15px 20px 0 20px; border-right: 1px solid #898A8A; border-left: 1px solid #898A8A; }
#body .content .contentTop { width: 750px; height: 5px; background: transparent url(/cst/images/bgContentBlockTopWide.png) no-repeat; margin: 0 auto; margin-left: -21px; margin-top: -20px; margin-bottom: 10px;}
#body .content .contentBottom { height: 5px; background: transparent url(/cst/images/bgContentBlockBottomWide.png) no-repeat; margin: 0 auto; margin-left: -21px; width: 750px; margin-bottom: -5px;}

#body .content h2 { font-family: Tahoma, Helvetica, Verdana; color: #57104C; font-size: 3.7em; margin-bottom: 0.1em; }
#body .content h3 { font-family: Tahoma, Helvetica, Verdana; color: #57104C; }
#body .content .intro { color: #0F4B2B; font-size: 1.1em;}

#body .content .listBlocks h2 { background: #57104C; color: #FFF; padding: 5px 15px; text-transform: uppercase; font-size: 12px; margin-bottom: 1.5em;}
#body .content .listBlocks h3 { font-size: 1.2em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; margin-bottom: 3px; }
#body .content .listBlocks .listItem img.thumb { float: left; margin-right: 10px; margin-bottom: 10px; }
#body .content .listBlocks .listItem .listItemContent {}
#body .content .listBlocks .listItem .listItemContent h5 { color: #57104C; margin-bottom: 0; font-size: 1.2em; }

#body .content .companyInfo .imageContainer { float: left; margin-right: 10px;}
#body .content .companyInfo .gegevens h5 { color: #57104C; margin-bottom: 5px; font-size: medium; }
#body .content .companyInfo .gegevens p { margin-bottom: 5px; }

#body .content ul.noBullets li { margin: 5px 0; }
#body .content ul.noBullets li a { color: #57104C; }
#body .content ul.noBullets li a span.date { color: #0F4B2B; }

#body .content .monthSlider {  position: relative; }
#body .content .monthSlider .page {  width: 100%; }
#body .content .monthSlider .monthSliderControls { position: absolute; right: 10px; top: 6px; z-index: 999; }
#body .content .monthSlider .monthSliderControls a {color: #FFF;  }
#body .content .monthSlider h3.top { padding: 5px 15px; background: transparent url(/cst/images/bgMonthSliderTop.png) no-repeat; color: #FFF; border-bottom: 1px solid #898A8A; margin: 0;}
#body .content .monthSlider .pageContainer .page .pageContent {  padding: 10px; color: #FFF; border-right: 1px solid #898A8A; border-left: 1px solid #898A8A; }
#body .content .monthSlider .pageContainer .page + .page { display: none; }
#body .content .monthSlider .pageContainer .page .pageContent h4 span.date { color: #ED1C24; }

#body .content h3 span.tags { font-size: 0.60em; }


/* FILE TABLE LIST */
#body .fileTableList { margin-bottom: 1.4em; }
#body .fileTableList table { width: 100%; margin: 0; }
#body .fileTableList h3 { margin-bottom: .5em !important; }
#body .fileTableList td.icon { width: 50px !important; padding: 5px 10px 5px 0;}

/* USER-INFO */
div#user-info {
	left:0;
	margin: 5px 0px 0px 0px;
	position:absolute;
	top:0;
	width: 940px;
	text-align:right;
	color: white;
}
div#user-info a {
	color: white;
	font-size: 1.3em;
}
div#user-info a:hover {
	text-decoration:none;
}
	
.paginate-nav span.qp_counter,
.paginate-nav a {
	padding: 3px;
	border: 1px solid gray;
	margin: 2px;
	font-size: 1.3em;
}


/* PAGINATION */

div.pagination ul { margin: 0; list-style: none; padding: 5px; float: left; border: 1px solid #939598; }
div.pagination li { float: left;  }
div.pagination li + li { margin-left: 10px; }
div.pagination li a { display: block; padding: 5px 10px; text-decoration: none; background: #57104C; color: #FFF; border: 1px solid #FFF; }
div.pagination li a:hover { background: #0F4B2B; }

/* FORMS */

#body form fieldset { margin: 5px 0; }
#body .content h4 {  font-family: Verdana; background: #57104C; color: #FFF; padding: 5px 15px; text-transform: uppercase; font-size: 12px; margin: 1em 0em 1em 0em; }
#body .content textarea { font-size: 1.2em; margin-right: 10px; }
#body .content form.standardDesign fieldset { margin: 10px 0px 10px 0px;  font-size: 1.4em; clear: both; }
#body .content form.standardDesign label { margin-left: 5px; width: 215px; float: left; display: block; line-height: 22px; font-weight: normal;}
#body .content form.standardDesign input[type="text"], #body .content form.standardDesign input[type="password"] { margin-right: 10px; }
#body .content form.standardDesign input[type="checkbox"] { float: left; margin-right: 10px; }
#body .content form.standardDesign input[type="submit"] { float: left; margin: 10px 0px 0px 200px; }
#body .content form.standardDesign fieldset > label + input { float :left; }
#body .content form.standardDesign fieldset { position: relative; }

#body .content form.standardDesign span input[type="checkbox"] {  margin: 0 5px; }
#body .content form.standardDesign span label { width: auto; float: right; margin: 0 5px; }
#body .content form.standardDesign span { display: block; float: left; }
#body .content form.standardDesign span.ui-state-error { position: absolute; top: -5px; left: 440px; }

#searchDocumentenForm { margin-bottom: 10px; }
#searchDocumentenForm label { color: #57104C; margin-right: 10px; }

#generalSearchForm fieldset.special label { font-size: 1.3em; margin-right: 20px; color: #57104C; }
#generalSearchForm { margin-bottom: 10px; }
#generalSearchForm #sZoekTerm { margin-right: 10px; }
#generalSearchForm fieldset.checkboxes { margin: 0 20px 10px 0; float: left; width:  215px; position: relative;}
#generalSearchForm fieldset.checkboxes p { margin: 0; font-size: 10px; }
#generalSearchForm fieldset.checkboxes p + P { clear: both; }
#generalSearchForm fieldset.checkboxes label { line-height: 22px; position: relative; top: 3px; }
#generalSearchForm fieldset.checkboxes label, #generalSearchForm fieldset input[type="checkbox"] { display: block; float: left; margin-right: 5px; }
#generalSearchForm fieldset.checkboxes label + input[type="checkbox"] { clear: both; }
#generalSearchForm fieldset.submit { clear: both; }

div.download {
	padding: 15px;
	border: 1px solid gray;
	margin: 5px 0px 5px 0px;
}
div#company-description img {
	border: 1px solid gray;
	margin: 5px;
}
div.gegevens {
	width: 168px;	
	float: right;
}

a.defaultThumb  { margin: 0 7px 7px 7px; height: 73px; width: 73px; display:block; float: left; text-indent: -9999px; background-repeat:no-repeat; background-position: center; border: 1px solid #898A8A; }

#footer { clear: both; width: 960px; margin: 15px auto 0 auto; } /* same width as #content */
#footer p a { color: #57104C; }

div.memb {
	width: 347px;
	height: 85px;
	border: 1px solid gray;
	display: block;
	float: left;
	margin: 0px 5px 5px 0px;

}
div.memb div.pic {
	width: 100px;
	height: 75px;
	display: block;
	float: left;
	margin: 5px;
	background-repeat:no-repeat;

	
}

div.memb div.info {
	width: 180px;
	height: 75px;
	display: block;
	float: left;
	margin: 5px;
	font-size: 13px;
}

/* purple -> 	#57104C 	*/
/* green -> 	#0F4B2B 	*/
/* red -> 		#ED1C24 	*/