* {
 	margin: 0;
 	padding: 0;
 	
 }
 
html, body {
	height: 100%;
 	background: #000 url('../images/container_background.jpg') top center repeat-y;
 	font-family: Courier New, Verdana, Helvetica; 	
 	font-size: 14px !important;
 	font-size: 12px;
 	line-height: 1.65em;
 	color: #fff;
 }
 
 a {
 	color: #625b5d;
 }
 
 p {
 	margin-bottom: 9px;
 }
 
 ul {
 	list-style-type: none;
 }
 
 a img {
 	border: none;
 }
 
 h1 { font: bold 18px/1.7em "Courier New", Courier, Monospace, sans-serif; margin: 14px 0 12px 0; }
 h2 { font: bold 16px/1.7em "Courier New", Courier, Monospace, sans-serif; margin: 12px 0 10px 0; }
 h3 { font: bold 14px/1.7em "Courier New", Courier, Monospace, sans-serif; margin: 10px 0 8px 0; }
 
 #container {
 	position: relative;
 	width: 842px;
 	margin: 0 auto;
 }
 
 #container .leftcolumn {
	float:left;
 	 width: 130px;
 }
 
 #container .leftcolumn .pageimage {
 	width: 130px;
 	height: 500px;
 	overflow: hidden;
 }
 
 #container .leftcolumn .footer {
 	color: #625b5d; 
 	font-size: 11px;
	text-align: right;
	padding-right: 4px;
	padding-top:4px;
 }
 
 #container .leftcolumn .footer p {
 	margin: 0;
 }
 
 #container .leftcolumn .footer a {
 	color: #625b5d;
 	text-decoration: none;
 }
 
 #container .navigation {
	float: left;
 	width: 212px;
	overflow-x: hidden;
 }
 
 #container #logo {
 	margin: 40px;
 }
 
 #container .navigation #nav {
 	list-style-type: none;
 }
 
 #nav li {
 	padding-left: 40px;
 }

 li.selected, li.childselected {
 	padding-left: 40px;
 	background-image:url(/images/menu_selected.jpg);
 	background-repeat:no-repeat;
 }
 
 #submenu li.selected {
 	background-image:url(/images/lisubselected.jpg);
 	background-repeat:no-repeat;
 }
 #container .navigation .tuin {
	display: none;
}

#nav #submenu {
	display: none;
}
  
#nav li.selected #submenu, #nav li.childselected #submenu {
	display: block;
 	list-style-type:none;
}
 
#nav ul li {
	list-style-type: none;
	background: #ffffff url('../images/lisub.jpg') top left no-repeat;
}

/*
#nav ul li .selected{
	list-style-type: none;
	background: #ffffff url('../images/lisubsel.jpg') top left no-repeat;
}
*/
 #container .content {
 	width: 500px;
 	background: #2f2e32;
 	overflow-x: hidden;
 }
 
 #container .bgtuinbezitter 	{ 	background-color: #3e3d41; }
 #container .bgtuinonderhoud 	{ 	background-color: #616943; }
 #container .bgtuinontwerp 		{ 	background-color: #44676d; }
 #container .bgtuinspecialisme 	{ 	background-color: #798ead; }
 #container .bgtuinaanleg 		{ 	background-color: #dabe8a; }
 #container .bghome 			{ 	background: transparent url('../images/bg_home.jpg') top left no-repeat; color: #494645; }
 #container .vraagbaak 			{ 	background: none; color: #494645; }
 
 
 
 #container .content a {
 	color: #fff;
 }
 
 #container .content .pagecontent {
 	float: left;
 	width: 480px;
 	padding: 20px 0 30px 10px;
 }
 
 #container .content .minheight {
 	float: right;
 	width: 1px;
 	height: 550px;
 	display: none;
 }
 
 .galleryrow {
 	float: left;
 }
 
 .galleryrow .image_container {
 	float: left;
 	margin: 5px;
 	padding: 0;
 	width: 130px;
 	overflow: hidden;
 }	
 .galleryrow .image_container a img {
  	border: 3px solid white;
 	margin: 0;
 	padding: 0;
 }
 
 .clear {
 	clear: both;
 }
 
 .galleryrow {
 	padding: 3px;
 }
 
 .folder {
 	float: left;
 	width: 300px;
 }
 
 .galimgcount {
 	display: block;
 	width: 100px;
 	float: right;
 }
 
 .paginationdiv, .back {
 	clear: both;
 	float: left;
 }
 .paginationdiv a {
 	text-decoration: underline;
 }
 
 .paginationdiv .selected {
 	text-decoration: none;
 	font-weight: bold;
 }	
 
 .tuindata {
 	padding: 55px 0 30px 10px;
 	margin: 0 0 50px 0;
}

.tuin {
	display: block;
	color: #006634;
	width: 120px;
	background: white;
	height: 230px;
	float: left;
	margin: 30px 0 0 30px;
}
 
.tuin .omschrijving {
	height: 80px;
	padding: 2px 0;
}

.tuin .naam {
	display: block;
	width: 112px;
	height: 50px;
	padding: 0 4px;
}

.tuin .realisatiedatum {
	font-size: 13px;
	text-transform: capitalize;
	position: relative;
	width: 116px;
	padding: 0 0 0 4px;
}

.tuin .afbeelding {
	height: 150px;
	width: 120px;
	overflow: hidden;
}

.nieuwsbrief-form {
	margin: 50px 0 0 0;
	padding: 10px 0 0 245px;
	width: 235px;
	background: transparent url(../images/nieuwsbrief/nieuwsbrieftekst.png) 246px 0 no-repeat;
}

.nieuwsbrief {
	border: 1px solid black;
	width: 240px;
	background: transparent url(../images/nieuwsbrief/nieuwsbrief-transparent.png) top left repeat;
}

.nieuwsbrief label {
	float: left;
	display: block;
	height: 20px;
	width: 45px;
	text-indent: -9999em;
	background: transparent url(../images/nieuwsbrief/nieuwsbrief-label.png) top left no-repeat;
}

.nieuwsbrief .text {
	display: block;
	background: transparent;
	border: none;
	width: 170px;
	height: 20px;
	padding: 1px 0 0 0;
	float: left;	
 	font-family: Courier New, Verdana, Helvetica; 	
	font-size: 14px;
}

.nieuwsbrief .submit {
	width: 24px;
	height: 21px;
	float: left;
	display: block;
	border: none;
	background: transparent url(../images/nieuwsbrief/nieuwsbrief-submit.png) center center no-repeat;
}

.nieuwsbrief:after {    
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#vraagbaak {
	margin: 10px 0;
}

#vraagbaak .formrow {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;	
}

#vraagbaak .formrow label {
	float: left;
	width: 130px;
	font: bold 13px/1.6em 'ARS Code', 'Courier New', Verdana, Helvetica;
}

#vraagbaak input.input-text,
#vraagbaak .input-textarea {
	padding: 3px 2px 1px 2px;
	font: normal 13px/1.6em 'Courier New', Verdana, Helvetica;
	background: transparent url(../images/formfield-transparent.png) top left repeat;
	border: 1px solid #000;
}

#vraagbaak input.input-text-scm {
	border: none;
	background: transparent;
	height: 1px; 
	width: 1px;
}

#vraagbaak .input-submit {
	padding: 4px 28px 4px 4px;
	border: 1px solid #000;
	font: normal 12px/1.6em Arial, Verdana, Helvetica;
	float: left;
	display: block;
	background: transparent url(../images/formfield-submit.png) right center no-repeat;
}

span.msg_error {
	color: #8b0e0e;
	font-weight: 800;
	display: block;
}
span.msg_success {
	margin: 20px 0 0 0;
	color: #007744;
	font-weight: 800;
	display: block;
}

#accordion { margin: 10px 0 0 0; }
#accordion .toggler { 
	margin: 0 0 14px 0; 
	font: bold 12px/1.7em verdana, sans-serif; 
	text-transform: uppercase; 
	cursor: pointer; 
	display: block;  
	background: transparent url(../images/arrow.png) 10px center no-repeat;
}
#accordion .toggler span { display: block; padding: 12px 10px 12px 24px; background: transparent url(../images/transparent-black.png) top left repeat;  }
#accordion .element > div { margin: 0 0 10px 0; }