body {
	background: #222 url(images/background.jpg) repeat-x top center;
}

* {
	margin: 0;
	padding: 0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.headerHolder {
	width: 960px;
	margin: 0 auto;
}

div.header {
	width: 960px;
	height: 150px;
	background: #f3efe7 url(images/header.jpg) no-repeat top center;
	float: left;
}

div.header a {
	width: 960px;
	height: 150px;
	display: block;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.contentHolder {
	width: 100%;
	background: #f3efe7;
	float: left;
	padding-bottom: 15px;
} 

div.contentContainer {
	width: 960px;
	margin: 0 auto;
} 

div.content {
	width: 880px;
	float: left;
	background: #fff;
	padding: 15px 40px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 20px;
}

.oranje {
	color: #f85f13;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#main {
	width: 440px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #181818;
}

#mainSub {
	width: 650px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #181818;
	line-height: 16px;
}

#mainSub img {
	border: 1px solid #eee;
	padding: 4px;	
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.googleMaps {
	width: 650px;
	height: 500px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #f1f1f1;
}

div.googleMapsUitgelicht {
	width: 650px;
	height: 400px;
	float: left;
	margin-top: 15px;
}

div.bedrijfInfo {
	width: 650px;
	float: left;
}

div.bedrijfInfo img.logo {
	float: right;
	border: 1px solid #fff;
} 

.bedrijfsTabel {
	text-align: left;
	line-height: 18px;
}

.bedrijfsTabel th {
	width: 120px;
	float: left;
}

.bedrijfsTabel td {
	
	float: left;
}

.bedrijfsTabel a {
	color: #f85f13;
	text-decoration: underline;
}

.bedrijfsTabel a:hover {
	color: #999;
	text-decoration: underline;
}

#bedrijvenLogos a img {
	border: 0;
}

div.rij {
	padding: 15px;
	height: 110px;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	text-align: center;
}

div.vak {
	width: 25%;
	float: left;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#welkom {
	padding: 1px;
	border: 1px solid #eee;
}

#welkom img {
	margin: 0 15px 0 0;
}

#welkom p {
	background: #f7f7f7;
	padding: 10px;
	line-height: 18px;
}

#welkomOnder {
	padding: 4px;
	margin-top: 1px;
	height: 16px;
	background: #fbfbfb;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#nieuws {
	margin-top: 40px;
}

div.nieuwsItem {
	width: 440px;
	border-bottom: 1px dotted #ddd;
	margin-top: 10px;
	clear: both;
	line-height: 18px;
}

div.nieuwsItemG h3 {
	border-bottom: 1px solid #f85f13;
	color: #f85f13;
	float: left;
	font-size: 14px;
	margin: 20px 0 10px;
	width: 440px;
}

div.nieuwsItemFooter {
	width: 440px;
	height: 18px;
	margin-top: 8px;
}

#nieuws h2 {
	color: #8ec73f;
	font:  14px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 20px 0 10px;
	width: 440px;
}

#nieuws img {
	margin-right: 15px;
	border: 1px solid #eee;
}

#nieuws p {
	
	clear: both;

}

#nieuwsbericht p {
	margin-bottom:15px;
}

p.voorbericht {
	font-weight:bold;
	margin-bottom:20px;
	color:#333;
}

#nieuwsPagina {
	margin-top: 20px;
}

#nieuwsPagina a:link, #nieuwsPagina a:visited {
	color: #8ec73f;
	font:  14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: none;
}

#nieuwsPagina a:hover {
	color: #8ec73f;
	font:  14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: underline;
}

#nieuwsPagina hr {
	height: 0;
	border: 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	padding-top: 4px;
	clear: both;
}

#nieuwsPagina p {
	margin-bottom: 5px;
}

span.datum {
	float: left;
	text-align: left;
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	color: #f85f13;
}

span.gDatum {
	float: left;
	padding-right: 15px;
}

span.datumGrijs {
	color: #777;
}

span.leesVerder a:link, span.leesVerder a:visited {
	float: right;
	text-align: right;
	color: #8ec73f;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

span.leesVerder a:hover {
	float: right;
	text-align: right;
	color: #999;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

span.gTitel a:link, span.gTitel a:visited {
	float: left;
	color: #8ec73f;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

span.gTitel a:hover {text-decoration: underline;}

a.nieuwsLi:link, a.nieuwsLi:visited {
	color: #f85f13;
}

li {
	list-style-type:none;
}

.ster {
	color: #CC0000;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.side {
	width: 400px;
	float: right;
}

div.sideSub {
	width: 190px;
	float: right;
}

#bedrijven {
	width: 170px;
	float: left;
}

div.bedLinks {
	width: 75px;
	height: 75px;
	float: left;
	border-bottom: 1px solid #f1f1f1;
}

#bedrijven img {
	width: 65px;
	margin: 5px 10px;
}

div.bedRechts{
	width: 75px;
	height: 75px;
	float: right;
	border-bottom: 1px solid #f1f1f1;
}

div.clear {
	clear: both;
	height: 1px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#menu {
	width: 190px;
	float: right;
}

#navlist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px dotted #000;
	width: 190px;
	text-transform: uppercase;
}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 12px 0 5px 10px;
	border-top: 1px dotted #000;
}


#navlist li a { 
	text-decoration: none;
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

#navlist li a:hover { 
	text-decoration: underline;
	color: #8ec73f;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#agenda, #agendaPagina {
	margin-top: 40px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#agendaPagina {
	margin-top: 0px;
}

div.agendaItem {
	width: 190px;
	height: 65px;
	border-bottom: 1px dotted #f1f1f1;
	margin-top: 20px;
	clear: both;
}

div.agendaItemPagina {
	width: 650px;
	height: 65px;
	border-bottom: 1px dotted #f1f1f1;
	margin-top: 20px;
	clear: both;
}

div.kalender {
	width: 44px;
	height: 60px;
	float: left;
	text-align: center;
	padding-top: 13px;
	line-height:12px;
	background: url(images/agenda.jpg) no-repeat top center;
}

div.kalenderTekst {
	width: 138px;
	float: right;
}

div.kalenderTekstPagina {
	width: 590px;
	float: right;
}

#agenda h2, #agendaPagina h2 {
	color: #8ec73f;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

#agenda h4, #agendaPagina h4 {
	text-transform: uppercase;
	color: #f85f13;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.contentAfsluiter {
	width: 960px;
	height: 20px;
	background: #f3efe7 url(images/footer.jpg) no-repeat top center;
	float: left;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.footerHolder {
	width: 100%;
	float: left;
	border-top: 1px solid #fff;
}

div.footer {
	width: 920px;
	height: 60px;
	padding: 20px;
	color: #fff;
	margin: 0 auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
}

div.footer a:link, div.footer a:visited {
	text-decoration: none;
	color: #fff;
}

div.footer a:hover {
	text-decoration: underline;
	color: #fff;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.contactInput {
	width: 200px;
	border: 1px solid #eee;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 2px;
}

.contactTable {
	text-align: left;
}

.contactButton {
	width: 100px;
	padding: 2px;
	margin-top: 5px;
	float: right;
	border: 1px solid #eee;
	background: #f7f7f7;	
}

.contactTekst {
	margin-bottom: 20px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Besloten gedeelte */ 

div.berichtOk {
	background-color:#FFFFCC;
	border:1px solid #ddd;
	text-align:center;
	
}
	div.berichtOk span {
		display:block;
		padding:30px;
		font-size:14px;
		background-image:url(images/iconOk.gif);
		background-repeat:no-repeat;
		background-position:20px;
	}

div.berichtVraag {
	background-color:#FFFFCC;
	border:1px solid #ddd;
	text-align:center;
	margin-bottom:10px;
	
}
	div.berichtVraag span {
		display:block;
		padding:30px;
		font-size:14px;
		background-image:url(images/iconVraag.gif);
		background-repeat:no-repeat;
		background-position:20px;
	}


#loginbox {
	margin-top: 35px;
	clear:both;
}

	#loginbox span {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#loginbox input.txt {
		margin-bottom:10px;
		border:1px solid #ddd;
		padding:3px;
		width:180px;
	}
	
	#loginbox div {
		border-top: 1px dotted #000;
		padding-top:10px;
		text-align:right;
	}




div.beslotenMenu {
	background-color:#f1f1f1;
	border:1px solid #ddd;
	float:left;
}
	div.beslotenMenuHolder {
		width:648px;
		float:left;
	}

	div.beslotenMenu ul {
		float:left;
		width:315px;
	}

	div.beslotenMenu ul li {
		float:left;
		padding:20px 0;
	}
	
	div.beslotenMenu ul li a {
		background-repeat:no-repeat;
		background-position:left;
		display:block;
		margin-left:20px;
		font-size:12px;
		text-indent:20px;
	}
	
	div.beslotenMenu ul li a:link,
	div.beslotenMenu ul li a:visited {
		color:#F95402;
		text-decoration:none;
	}
	
	div.beslotenMenu ul li a:hover,
	div.beslotenMenu ul li a:active {
		color:#F95402;
		text-decoration:underline;
	}
	
div.beslotenMenu div.naam {
	width:164px;
	margin-top:10px;
	margin-left:40px;
	float:left;
}
	
div.beslotenMenu div.avatar {
	height:50px;
	width:125px;
	float:left;
	margin:3px 0;
	background-color:#fff;
	background-position:bottom;
	background-repeat:no-repeat;
	
}

div.beslotenTitel {
	background-image:url(images/iconBallon.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#8EC73F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:20px 0;
	padding:5px 40px;
	clear:both;
}

	div.contentHolder div.contentContainer div.content div#mainSub div.beslotenTitel a {
		text-decoration:none;
		color:#8EC73F;
	}
		

a.knopNieuw {
	width:155px;
	font-size:13px;
	padding:5px 0 9px 0;
	text-indent:40px;
	display:block;
	background-image:url(images/knopNieuw.gif);
	color:#F95402;
	text-decoration:none;
}

	a.knopNieuw:link,
	a.knopNieuw:visited {
	
	}
	
	a.knopNieuw:hover,
	a.knopNieuw:active {
		background-position:0 -30px;
		color:#333;

	}
	
div.beslotenBladeren {
	background-color:#f1f1f1;
	border-top:1px solid #F95402;
	padding:10px 0;
	text-align:center;
	margin-top:20px;
}

	div.beslotenBladeren a {	
		padding:1px 6px 4px 6px;
		margin:0 3px;
		background-color:#fff;
		border:1px solid #ddd;
	}

	div.beslotenBladeren a:link,
	div.beslotenBladeren a:visited {
		color:#F95402;
		text-decoration:none;
		font-size:13px;
	}
	
	div.beslotenBladeren a:hover,
	div.beslotenBladeren a:active {
		color:#fff;
		background-color:#F95402;
		text-decoration:none;
		font-size:13px;
	}
	
	div.beslotenBladeren span.actiefBlad {
		color:#333;
		font-weight:bold;
		font-size:13px;
	}
	
div.beslotenBericht {
	margin-top:20px;

}

	div.beslotenBerichtLogo {
		width:145px;
		height:120px;
		float:left;
	}
	
	div.beslotenBerichtNaw {
		width:405px;
		height:50px;
		float:left;
	}
	
	div.beslotenBerichtTools {
		width:100px;
		height:50px;
		float:left;
	}
	
		div.beslotenBerichtTools a {
			float:left;
			width:100px;
			padding:3px 0;
			background-position:right;
			background-repeat:no-repeat;
			color:#F95402;
			text-decoration:none;
			font-size:12px;
		}
				div.beslotenBerichtTools a:hover {
					text-decoration:underline;
				}
	
		a.beslotenBerichtEdit {
			background-image:url(images/iconEdit.gif);
		}
		
		a.beslotenBerichtDelete {
			background-image:url(images/iconDelete.gif);
		}
			
	
	
	div.beslotenBerichtBijlage {
		width:505px;
		height:30px;
		float:left;
		overflow:hidden; /* voor IE 6 */
		
	}
		
		div.beslotenBerichtBijlage a {
			background-image:url(images/knopBijlage.gif);
			width:165px;
			padding:7px 0;
			text-indent:30px;
			margin-left:3px;
			margin-bottom:3px;
			float:left;
			color:#F95402;
			text-decoration:none;
		}
		
			div.beslotenBerichtBijlage a:hover {
				background-position:0 -30px;
				color:#333;
			}
		
	
	div.beslotenBerichtBericht {
		width:650px;
		float:left;
		margin-right: -3px; /* IE 6 Duplicate Characters Bug */
		border-bottom:1px solid #F95402;
		padding-bottom:10px;
	}
	
	
div.beslotenNieuw {

}

	div.beslotenNieuw .txt,
	div.beslotenProfiel .txt {
		border:1px #ddd solid;
	}
 
	div.beslotenNieuw h2,
	div.beslotenProfiel h2 {
		background-color:#f1f1f1;
		padding:10px;
		font-size:12px;
		margin:20px 0;
	}
	
	div.beslotenNieuw table {
		width:450px;
		margin:0 auto;
	}
	
	div.beslotenNieuw table th {
		text-align:left;
		width:100px;
		height:40px;
	}
	
	div.beslotenProfiel table th {
		text-align:left;
		width:200px;
		height:40px;
	}
	
	div.beslotenProfiel table {
		margin:0 auto;
	}
	
	div.beslotenProfiel th.tussenTitel {
		border-bottom:5px solid #ddd;
		text-indent:40px;
		padding: 20px 0 5px 20px;
	}
	
		div.beslotenNieuw table textarea {
			width:450px;
			height:300px;
			padding:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		
		div.beslotenNieuw table input,
		div.beslotenProfiel table input {
			width:350px;
			padding:5px;
		}
	
	div.beslotenNieuwBijlagen table {
		width:100%;
	}
	
		div.beslotenNieuwBijlagen table th {
		
			width:110px;
		}
		div.beslotenNieuwBijlagen table td {
			width:200px;
		}
		
			div.beslotenNieuwBijlagen table td.tdTxt1 {
				width:300px;
			}
	
		div.beslotenNieuwBijlagen input.txt {
			width:150px;
			border:1px solid #ccc;
		}
		
		div.beslotenNieuwBijlagen input.txt1 {
			width:20px;
			border:1px solid #ccc;
		}

	
	div.beslotenNieuwSubmit {
		background-color:#f1f1f1;
		border-top:1px solid #F95402;
		padding:10px;
		font-size:12px;
		margin:20px 0;
		text-align:right;
	}
	
		div.beslotenNieuwSubmit input {
			padding:3px 10px;
		}
		
/* ===== Besloten gedeelte Tooltips ==== */

span.tooltipHold {
	position:relative;
	display:block;
	height:20px;
}

span.tooltipGeel {
	background-image:url(images/tooltipGeel.gif);
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	height:20px;
	width:300px;
	text-indent:20px;
	left:340px;
	top:-23px;
	
	
}

span.tooltipGroen {
	background-image:url(images/tooltipGroen.gif);
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	height:20px;
	width:300px;
	text-indent:20px;
	left:340px;
	top:-23px;
	
}

span.tooltipRood {
	background-image:url(images/tooltipRood.gif);
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	height:20px;
	width:300px;
	text-indent:20px;
	left:340px;
	top:-23px;
	
}

/* Tabs
----------------------------------*/
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em 0 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 .4em -1px; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .4em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs ul {
	border-bottom: 1px solid #f85f13;
	float: left;
	width: 440px;
}

#tabs li a {
	background: #eee;
	border: 1px solid #f85f13;
	color: #000;
	font-size: 14px;
	text-align: center;
	margin-bottom: -1px;
}

#tabs li.ui-state-active a {	
	background: #fff;
	border-bottom: 1px solid #fff; 
}

ul#meernieuws  {
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 650px;
}

#meernieuws li a {
	background: none;
	border: none;
	color: #f85f13;
	font-size: 11px;
}