/* Begin default CSS */
html {
	color:#000;
    background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,p,ul {
	margin:0;
	padding:0;
}

body {
	color:#003366;
	font:12px/150% arial,helvetica,clean,sans-serif;
}

img {
	border: 0px;
}

a {
	color:#005BAA;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:hover,a:active{
	outline:none;
}

li {
	list-style:none outside none;
}

.pager td {
	padding: 4px;
}

.pagerFirst, .pagerPrevious {
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast {
	text-align: right;
	width: 10%;
}

.pagerSelection {
	text-align: center;
	width: 60%;
}

.pagerSelectionItem {
	text-align: center;
}

.pagerSelectionItemActive {
	text-align: center;
	font-weight: bold;
}

.pagerAbstract {
	font-weight: bold;
	text-align: center;
}

.cmsError {
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly {
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error {
	color: #dd0000;
}

/* Einde default CSS */


h1, #title {
	font-size:16px;
	font-weight:bold;
}

#title {
font-size:14px;
margin:0;
padding:10px 0 0;
margin-bottom:1em;
}

table.navigatie tr td a {
	border: none;
}
			
h4 {
	margin-bottom:8px;
	font-size:12px;
	font-weight:bold;
}

input {
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	margin:0px 0 5px 0;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}

input.formSubmitSend, input.pollVoteButton {
	background-color:#27a9e3;
	color:#FFFFFF;
	float:right;
	border: 0px solid #cccccc;
	height: 18px;
	text-align: center;
	font-weight: bold;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#siteContainer {
	
}

	div#top {
		background:url("/client/starterspas/images/top01_3_tcm73-215466.jpg") repeat scroll 0 0 transparent;
	}
	
	#top {
		height:150px;
		margin:6px 0 0 6px;
		position:absolute;
		width:962px;
		z-index:1;
	}
	
		div#tleft {
			float:left;
			height:140px;
			position:relative;
			width:200px;
		}
		
		div.navcontainer {
			left:211px;
			width: 742px;
			position:absolute;
		}
		
			div.logo {
				text-align:right;
				padding: 6px 0px 0px 0px;
			}
		
			div.NavigatieOnderTitelContainer {
				font-size:12px;
				left:-16px;
				position:relative;
				text-align:left;
				top:15px;
				z-index:1000;
			}
			
			div.NavigatieOnderTitelContainer div {
				display:inline;
				font-weight:bold;
				margin-left:8px;
				margin-right:8px;
				text-transform:lowercase;
			}
			
			div.NavigatieOnderTitelContainer div a {
				color: #003366;
			}
			
			div.NavigatieOnderTitelContainer div.active a {
				color: #003366;
			}
			
			div.NavigatieOnderTitelContainer div.active div a {
				color: #003366;
			}
			
		div.login {
			left:767px;
			width: 195px;
			position:absolute;
			font-size: 11px;
		}
		
			div.content span.title {
				width: 75px;
				display:block;
				float:left;
				margin-right:5px;
				text-align:left;
			}
			
			input#cms_cm73_form_email, input.elementPassword {
				width: 100px;
			}
				
			div.content input.formSubmitSend {
				width: 68px;
				background-image: url(../images/submit68.png);
				background-repeat: no-repeat;
				margin-bottom: 6px;
			}
			
			div.content form table {
				width: 177px;
			}
			
			div.content form td.formColumnRight {
				float: right;
			}
			
			#savecredentials {
				height:12px;
				margin:0;
				margin-right: 5px;
				padding:0;
				width:12px;
				border: 0px solid #cccccc;
			}
			
			.saveCredentialsText {
				font-size:9px !important;
			}
	
	#main {
		height:auto;
		margin:6px 0 0 6px;
		position:absolute;
		top:135px;
		width:1024px;
		z-index:1;
	}

		#main li {
			margin:3px 0 2px;
		}

		#main li, #main li a, #modulemain li a, #main li span, #modulemain li span {
			line-height:14px;
		}
				
		#mleft, .mleft {
			float:left;
			width:205px;
			z-index:1;
		}
		
		#mright, .mright {
			float: left;
			width: 195px;
			z-index: 1;
		}
			
		#mleft, #mright {
			font-size:11px;
		}
				
			#mleft .content, #mright .content, .login .content {
				padding:6px 9px;
			}
		
				#mleft ul li, #mright ul li {
					padding-left:0;
				}

/* STYLING NAV LINKERKOLOM */ 

			#nav-sub {
				font-weight:bold;
				border-bottom:6px solid #FFFFFF;
			}
			
				#nav-sub a {
					cursor:pointer;
					font-size:12px;
					font-weight:bold;
					color: #003366;
				}

				#nav-sub a {
					display:block;
				}
		
				#nav-sub ul {
					border-top:1px dotted #003366;
					padding-top:4px;
				}
				
					#nav-sub ul li {
						background:none repeat scroll 0 0 transparent;
						padding-left:0;
						padding-bottom: 5px;
					}
					
						#nav-sub li li {
							background:url("/client/starterspas/images/list-darkblue.gif") no-repeat scroll 0.1em 0.75em transparent;
							padding-left:8px;
						}
							
							#nav-sub li li.active a {
								background-color:#F6F9FC;
								padding-left:8px;
								color: #003366;
								padding-bottom: 2px;
							}
							
							#nav-sub ul li ul li {
								padding-bottom: 0px;
							}
							
							#nav-sub ul ul a {
								font-weight:normal;
								color: #003366;
								font-size: 11px;
							}

/* STYLING ZOEKEN */ 

			#zoek, #actueelnieuws, #poll {
				border-bottom: 6px solid #FFFFFF;
				clear: both; 
				float: none;
			}
			
			#zoek h4, #actueelnieuws h4, #poll h4, #banners h4 {
				background:none repeat scroll 0 0 #FFFFFF;
				border-top:1px dotted #003366 !important;
				color:#003366;
				margin-bottom:8px;
			}
			
			.content input.elementText {
				width:175px;
			}
			
			.content input.formSubmitSend {
				width: 68px;
				background-image: url(../images/submit68.png);
				background-repeat: no-repeat;
				margin-bottom: 12px;
			}
			
/* STYLING MBT POLL */ 
			
			#poll input {
				height: auto;
				border: 0px solid #cccccc;
				margin-right: 5px;
			}
			
			#poll input.pollVoteButton {
				width: 68px;
				background-image: url(../images/submit68.png);
				background-repeat: no-repeat;
				margin-bottom: 6px;
			}
			
			div#poll .pollInnerPercentageBar {
				font-size: 1px;
				background-color: #27a9e3;
				height: 2px;
			}
			
/* STYLING AGENDA & NIEUWS RECHTERKOLOM */ 
			
			div#agenda li, #actueelnieuws li {
				background:none repeat scroll 0 0 transparent;
				clear:both;
				float:left;
				width:182px;
			}
			
			.item {
				float: none;
				clear: both;
			}
			
				div#agenda li .date, #actueelnieuws li .date, .item .date {
					display:block;
					float:left;
					margin-right:5px;
					text-align:left;
					width:27px;
				}
				
				#mmiddle .item {
					line-height: 21px;
				}
				
				#mmiddle .item .date {
					width: 30px;
				}

				div#agenda li a, #actueelnieuws li a {
					display:block;
					float:left;
					width:150px;
				}
			
			div#agenda .more, #actueelnieuws .more, #poll .more, #mmiddle .more {
				clear: both;
				display: block;
				text-align: right;
				font-size: 11px;
				text-decoration: none;
			}
			
			div#agenda .more:hover, #actueelnieuws .more:hover, #poll .more:hover, #mmiddle .more:hover {
				text-decoration: underline;
			}
			
/* STYLING CONTENT */ 

#banners {
	position: absolute;
	top: 193px;
}
			
		.home #mmiddle {
			margin-left:6px;
			margin-right:6px;
			width:550px;
		}

		#mmiddle {
			margin-bottom:5em;
			padding-bottom:10em;
		}

		#mmiddle, .mmiddle {
			float:left;
			margin:0 9px;
			position:relative;
			top:-23px;
			width:544px;
			z-index:0;
		}
			
			#mmiddle p, #mmiddle ul {

			}
			
			#mmiddle a, #mcenter a {
				color:#005EBB;
				text-decoration:underline;
			}
			
			#mmiddle a:visited, #mcenter a:visited {
				color:#005EBB;
			}
	
			#mmiddle h1, #mcenter h1 {
			border-top:1px dotted #003366;
			padding-top:4px;
			}
			
			#mmiddle h1, #mcenter h1, #mmiddle h2, #mcenter h2, #mmiddle h3, #mcenter h3, #mmiddle h4, #mcenter h4 {
			font-size:14px;
			margin:0;
			padding:10px 0 0;
			}
					
			#mmiddle h1, #mcenter h1, #mmiddle p, #mcenter p, #mmiddle ol, #mcenter ol, #mmiddle ul, #mcenter ul {
			margin-bottom:1em;
			}
			
			#mmiddle h2.title {
			font-size:11px;
			margin:0;
			padding:0;
			}
			
			table.pager {
			border-top:1px dotted #003366;
			width: 100%;
			padding-top: 10px;
			}
			
			.header {
				padding: 10px 0px;
			}
			
			#klikpad {
				margin-bottom:4px;
				margin-top:6px;
			}
			
			span.pageTitle {
				display:inline;
				padding:0 15px 0 0px;
				font-size:11px;
			}
			
			#icons {
				float:right;
				margin-top:0.75em;
			}
			
			div.item {
				border: none;
			}
			
/* STYLING MBT AGENDA */ 


table.agenda {
	font-size: 12px;
}

span.agendaHeader {
	display: block;
	border-bottom:1px solid #003366;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
}

tr.agendaSubHeaderRow td {
	border-bottom:1px solid #003366;
	font-weight:bold;
	background-color: #d2e2f4;
}

table.agenda tr td a {
	display: block;
	border-bottom:1px dotted #003366;
	font-weight:bold;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

table.agenda tr td.textBodyCell {
	padding: 5px 0px 0px 0px;
}

table.agenda td.agendaHeaderCell {
	font-weight: bold;
}

table.agenda table.navigatie {
	text-align: center;
}

table.agenda table.navigatie tr td a {
	border: none;
}

table.agenda span.title {
	width: 100%;
	font-weight: bold;
}

table.agenda div {
	padding: 10px 0px;
}

div.calendar {
	border-top:1px dotted #003366;
	border-bottom:1px dotted #003366;
	margin: 6px 9px;
}

div.calendar div.title {
	font-size:12px;
	font-weight:bold;
	text-align: left;
}

div.calendar table {
	text-align: center;
}

div.calendar table td {
	padding: 5px;
}

div.calendar div {
	text-align: right;
}

#mmiddle .specific, #mmiddle a.specific, #mmiddle a.specific:link, #mmiddle a.specific:active, #mmiddle a.specific:visited, #mmiddle a.specific:hover, .specific, a.specific, a.specific:link, a.specific:active, a.specific:visited, a.specific:hover {
color:#F68635;
}


/* STYLING CONTENT VLAKKEN */ 

hr {
	border-color:#003366 -moz-use-text-color -moz-use-text-color;
	border-right:medium none;
	border-style:solid none none;
	border-width:1px medium medium;
	height:1px;
}

fieldset {
	-moz-border-radius:8px 8px 8px 8px;
	border:1px solid #CDDFF3;
	margin-top:0.5em;
	padding:0.5em 12px;
}

	fieldset legend {
		font-size:13px;
		font-weight:bold;
	}
	
#mmiddle ul li {
	background:transparent url(../images/list-artikel.gif) no-repeat scroll 1em 0.3em;
	list-style:none outside none;
	padding-left:2em;
}

#mmiddle li, #mmiddle li a {
line-height: 150%
}

#mmiddle li {
	margin:3px 0 2px;
}

#mmiddle .button {
	background-image:url("../images/submit68.png");
	background-repeat:no-repeat;
	margin-bottom:6px;
	width:68px;
	height: 18px;
	color:#FFFFFF;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:18px;
	text-align:center;
	text-transform:lowercase;
}

/* STYLING BLAUW KADER */

.rbroundboxleft {
	float:left;
	margin:8px 0 4px;
	width:100%;
	background-color: #cddff3;	
}

.rbtop {
background:url("../images/tr.gif") no-repeat scroll right top transparent;
}

.rbtop div {
background:url("../images/tl.gif") no-repeat scroll left top transparent;
}

.rbcontent {
margin:0 7px;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
font-size:1px;
height:8px;
width:100%;
}

.rbbot {
background:url("../images/br.gif") no-repeat scroll right bottom transparent;
}

.rbbot div {
background:url("../images/bl.gif") no-repeat scroll left bottom transparent;
}

/* LIJST */

table.kvktable, table.praktijk {
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
	font-size: 11px;
}

table.kvktable th, table.praktijk th {
	border-bottom:1px solid #003366;
	height:25px;
	text-align:left;
	padding: 0px 3px;
}

table.kvktable tr.odd, table.praktijk tr.odd {
	background-color:#d2e2f4;
}

table.kvktable td, table.praktijk td {
	border-bottom:1px dotted #003366;
	height:25px;
	padding: 0px 3px;
}

#mmiddle div.content form table {
	width: 100%;
}

#mmiddle div.content form td.formColumnRight {
	float:left;
}

div.elementRadioContainer {
	float: left;
	margin-right: 5px;
}

input.elementRadio, div.TableMultiSelectContainer input, input#condition, td.checkbox input, span.elementRadioTitle {
	height: auto;
	margin-right: 5px;
}

select.elementSelect, select.elementDate, table.partner_selector select {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#003366;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width: 177px;
	height:19px;
	margin:0 0 5px;
}

select.elementDate {
	width: auto;
}

input.trash {
	border: none;
}

div.mainheader {
	padding: 4px 0px;
	font-weight: bold;
	text-align: center;
}

table tr {
	vertical-align: top;	
}

div.icon_favourite_normal {
	float: left;
}

div.icon_favourite {
	float: right;
}

div#youtubeMovie {
	float: none;
	clear: both;
	padding: 10px 0px;
}

div.partner_contactperson_right, div.partner_contactgegevens_right {
	width: 181px;
	overflow: hidden;
	margin: 0px 9px;
}

div.partner_contactperson_right b {
	display: block;
	background:none repeat scroll 0 0 #FFFFFF;
	border-top:1px dotted #003366 !important;
	color:#003366;
	font-size: 12px;
}

table.partner_selector input {
	width: 175px;
}

table.partner_selector input.submit {
	background-image:url("../images/submit125.png");
	background-repeat:no-repeat;
	margin-bottom:6px;
	width:125px;
	border:0 none;
	background-color:#27A9E3;
	border:0 solid #CCCCCC;
	color:#FFFFFF;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:18px;
	text-align:center;
}
