/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */

/* standard */
body {
	background: #f3f8e4;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	}
img {
	border-style: none;
	}
a {
	text-decoration: none;
	color: #b1bf86;
	}
	a:focus {
		outline: none;
		}
	a:hover {
		text-decoration: underline;
		}
		
.starthidden {
	display: none;
	color: #fff;
	}
.buttonA {
	display: block;
	}

/* inhoud */
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	}
ul, dl, dt, dd {
	padding: 0;
	margin: 0;
	list-style: none;
	}
form, fieldset {
	padding: 0;
	margin: 0;
	border: none;
	}
table {
	width: 900px;
	}
select {
	width: 198px;
	border: 1px solid #c2cca3;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #999;
	}
#page {
	margin: 0 auto;
	width: 952px;
	overflow: hidden;
	position: relative;
	}
.greenText {
	color: #b1bf86;
	}
	
/* bg */
.bg {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	}
	.bg span {
		background: url(../images/grow-inner02.png) no-repeat;
		display: block;
		height: 687px;
		}

/* header */
#header {
	width: 950px;
	height: 119px;
	overflow: hidden;
	position: relative;
	}
	#header .logo {
		width: 515px;
		height: 46px;
		text-indent: -9999px;
		overflow: hidden;
		float: left;
		padding: 20px 0 0;
		}
		#header .logo a {
			background: url(../images/logo.gif) no-repeat;
			display: block;
			height: 100%;
			}
	
/* input */
input {
	padding: 3px 5px;
	width: 185px;
	border: 1px solid #c2cca3;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #999;
	}
	#inputStraat {
		width: 130px;
		}
	#inputNr {
		width: 39px;
		}
	#inputBus {
		width: 39px;
		}
	#inputPC {
		width: 55px;
		}
	#inputGemeente {
		width: 114px;
		}
	#checkbox {
		width: auto;
		border: none;
		}
	.maand {
		width: 140px;
		}
	.jaar {
		width: 140px;
		}
	.check {
		width: auto;
		border: none;
		}
	.radio {
		width: auto;
		border: none;
		}
/* reg */
.reg {
	float: right;
	padding: 59px 0 8px;
	}
	.reg li {
		float: left;
		padding: 0 0 0 20px;
		}
		.reg li a {
			color: #b1bf86;
			}
			.reg li a:hover {
				color: #000;
				}
			.reg li a: active {
				color: #0033ff;
				}
	
/* nav */
#nav {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #c9d5a5;
	border-top: 1px solid #6a8614;
	}
	#nav li {
		float: left;
		}
		#nav li a {
			color: #000;
			font: bold 11px/38px Arial, Helvetica, sans-serif;
			padding: 0 18px 0 15px;
			display: block;
			}
			#nav li a:hover {
				text-decoration: none;
				background: url(../images/bg-nav.gif) repeat-x;
				color: #fff;
				}
			#nav li a span.locked {
				background: url(../images/bullet01.gif) no-repeat 100% 50%;
				padding: 0 16px 0 0;
				}
	
/* content */
#content {
	width: 950px;
	overflow: hidden;
	background: #000;
	padding: 10px 0 0;
	}
	#content p {
		color: #fff;
		}
	
/* photo */
.photo {
	float: left;
	/*width: 460px;
	height: 460px;*/
	
	overflow: visible;
	width:460px;
	/*height:600px;*/
	background: #fff;
	position: relative;
	margin: 0 10px;
	display: inline;
	}
	.photo img {
		display: inline;
		vertical-align: middle;
		float: right;
		width:460px;
	/*height:600px;*/
		}

/* visual */
.visual {
	overflow: hidden;
	height: 1%;
	}
	.visual h1 {
		padding: 0 0 16px 4px;
		line-height: 18px;
		border-bottom: 1px solid #414141;
		}

/* h1 */
h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	}
	h1 span {
		color: #666;
		font-size: 13px;
		display: block;
		}

/* image */
.image-option {
	float: right;
	padding: 0 92px 0 0;
	}
	.image-option a {
		clear: right;
		float: right;
		white-space: nowrap;
		}
.image-menu {
	float: right;
	overflow: hidden;
	padding: 6px 0 0 0;
	}
	.image-menu li {
		float: left;
		padding: 0 7px;
		margin: 0 1px 0 -1px;
		background: url(../images/sep01.gif) no-repeat 0 50%;
		}
		.image-menu li a {
			float: left;
			}
.images-list {
	/*width: 185px;*/
	padding-bottom:5px;
	}

/* about */
.about {
	padding: 17px 0 5px;
	float: right;
	width: 240px;
	}
	.about1 {
	padding: 0px 0 9px;
	float: right;
	width: 240px;
	}
	.about1 dd {
		color: #fff;
		padding: 0 0 13px 0;
		}
	.about1 dt {
		color: #666;
		float: left;
		width: 110px;
		padding: 0 0 13px 0;
		}
	.about dd {
		color: #fff;
		padding: 0 0 13px 0;
		}
	.about dt {
		color: #666;
		float: left;
		width: 110px;
		padding: 0 0 13px 0;
		}

/* footer */
#footer {
	width: 950px;
	overflow: hidden;
	}
	#footer p.copy {
		color: #b1bf86;
		margin: 18px 0 0;
		padding: 3px 0 10px;
		text-align: center;
		border-top: 1px solid #6a8614;
		}

/* algemene */
.algemene {
	padding: 20px 0 0 0;
	float: left;
	overflow: hidden;
	width: 100%;
	}
	.algemene ul {
		border-left: 1px solid #fff;
		padding: 0 13px 0 10px;
		float: left;
		overflow: hidden;
		display: inline;
		margin: 3px 0 0 275px;
		}
	.algemene li {
		clear: left;
		float: left;
		}
	.algemene h2, .informatie h2 {
		position: absolute;
		top: 70px;
		left: 110px;
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #fff;
		}
	.algemene .titel {
		position: absolute;
		top: 40px;
		left: 110px;
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #fff;
		}
	
/* btn */
.btn {
	border: 1px solid #577300;
	text-align: center;
	font-weight: bold;
	display: block;
	background: url(../images/bg-btn.gif) repeat-x;
	color: #fff;
	line-height: 20px;
	padding: 0 10px;
	}
	.btn:hover {
		background: url(../images/bg-btn-a.gif) repeat-x;
		border: 1px solid #393939;
		text-decoration: none;
		}

.btn2 {
	background: url(../images/bg-btn2.gif) repeat-x;
	border: 1px solid #393939;	
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	padding: 2px 10px;
	}
	.btn2:hover {
		background: url(../images/bg-btn2-a.gif) repeat-x;
		border: 1px solid #577300;
		text-decoration: none;
		}
.buttons {
	width: 250px;
	margin: 0 0 0 280px;
	}
.buttons2 {
	width: 250px;
	margin: -70px 0 0 280px;
	}

/* knoppen */
.wis {
	width: 50px;
	float: right;
	}
.toevoegen {
	float: right;
	width: 100px;
	margin: 0 32px 0 18px;
	display: inline;
	}
.zoeken {
	float: left;
	width: 100px;
	margin-left: 27px;
	}
* html a.zoeken {
	margin-left: 14px;
	}
.terug {
	background: url(../images/bullet02.gif) no-repeat;
	line-height: 34px;
	margin: 0 0 0 9px;
	padding: 0 0 0 23px;
	}
.bladeren {
	width: 70px;
	float: left;
	margin: 3px 0 0;
	}

/* informatie */
.informatie {
	padding: 9px 0 0;
	float: left;
	}
	.informatie h2 {
		color: #690;
		top: 60px;
		}
	.informatie ul {
		border-left: 1px solid #690;
		margin: 0 0 78px 275px;
		padding: 3px 0 0 10px;
		}
	.informatie li {
		padding: 5px 0 0;
		overflow: hidden;
		}
		.informatie li.checkbox {
			padding: 14px 0 0;
			}
		.informatie li.first {
			padding: 0;
			}

/* date */
.day, .month {
	width: auto;
	}
.year {
	width: auto;
	}

/* html */
* html .copyright {
	bottom: -1px;
	}

/* colLeft */
.colLeft {
	width: 45%;
	float: left;
	margin: 0 0 10px 0;
	}
	.colLeft img{
		margin: 0 0 0 162px;
		}

/* colRight */
.colRight {
	width: 50%;
	float: right;
	color: white;
	padding: 0 20px 5px 0;
	}
	
/* top-box */
.top-box {
	height: 300px;
	width: 100%;
	overflow: hidden;
	background: #6a8614 url(../images/bg-top-box.gif) no-repeat;
	position: relative;
	}
.top-box2 {
	height: 200px;
	width: 100%;
	overflow: hidden;
	background: #4d4d4d url(../images/bg-top-box2.jpg) no-repeat;
	position: relative;
	}
	
/* p */
p.note {
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 280px;
	float: right;
	padding: 0 58px 0 0;
	line-height:120%;
	}
p.note2 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 370px;
	float: right;
	padding: 0 58px 0 0;
	}
	
/* boxes */
.bottom-box {
	clear: both;
	float: left;
	background: #414141;
	padding: 0 0 4px;
	width: 100%;
	height: 40px;
	margin: 20px 0 0;
	}
.bottom-box2 {
	background: #414141;
	color: #b1bf86;
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding: 0 65px 0 0;
	}
.middle-box {
	width: 100%;
	height: auto;
	}
.Gemeente {
	color: #aaa;
	}
.Onderwerp {
	color: #fff;
	font-weight: bold;
	}
#main {
	width: 950px;
	min-height: 530px;
	}
* html #main {
	height: 530px;
	}
.midle-box {
	overflow: hidden;
	float: left;
	position: relative;
	}
.onderwerp {
/*margin: 39px 0 0;*/
	margin: 8px 0 0;
	}
.gemeente {
	margin: 8px 0 0;
	}
.copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	}

/* map */
.map {
	float: right;
	margin: 21px 20px 0 0;
	width: 310px;
	height: 200px;
	}
.warning {
	color: #999;
	font-size: 10px;
	text-align: center;
	margin: 80px 0 0 0;
	}
	
.white {
	color:#FF0000;
	}
	
.green {
	color: #FF0000;
	}
	
.informatie ul.extra
	{
	border-left: 1px solid #690;
	margin:0px 0px 8px 275px;
	float:left;
	position:relative;
	padding: 3px 0 0 10px;
	}
.buttons-new {
	width: 250px; top:140px; right:285px;
	/*margin:0px 0px 15px 275px;
	margin: -70px 0 0 280px;*/
	float:left;
	/*border:#000 1px solid;*/
	position:relative;
	}
	
.buttons-new1 {

	}
		
	/*new buttons css*/
	
	
	.green_button {
 height:22px;
 margin: 0px;
 width:97px;
 padding:0px;
 background:url(../images/bg-btn-03.gif) no-repeat;
 font-size:11px;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-weight:bold;
 line-height:22px;
 border:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.green_button:hover {
 background:url(../images/bg-btn-03_hover.gif) no-repeat;
}



.green_button2 {
 height:22px;
 margin: 0px;
 width:69px;
 padding:0px;
 background:url(../images/bg-btn01.gif) no-repeat;
 font-size:11px;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-weight:bold;
 line-height:22px;
 border:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.green_button2:hover {
 background:url(../images/bg-btn1_hover.gif) no-repeat;
}




.green_button1 {
 height:22px;
 margin: 0px;
 width:52px;
 padding:0px;
 background:url(../images/bg-btn02.gif) no-repeat;
 font-size:10px;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-weight:bold;
 line-height:22px;
 border:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.green_button1:hover {
 background:url(../images/bg-btn2_hover.gif) no-repeat;
}


.green_button2_reverse {
 height:22px;
 margin: 0px;
 width:69px;
 padding:0px;
 background:url(../images/bg-btn1_hover.gif) no-repeat;
 font-size:11px;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-weight:bold;
 line-height:22px;
 border:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.green_button2_reverse:hover {
 background:url(../images/bg-btn01.gif) no-repeat;
}