/* DEFAULT */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

body {
	color: #747678;
	background: #fff;
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0 -13px;
}

h1,
h2,
h3,
h4 {
	color: #747678;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	text-align: justify;
	margin-bottom: 10px;
}

blockquote {
	text-align: justify;
	font-size: 13px;
	margin-bottom: 10px;
}

a {
	color: #747678;
	text-decoration: underline;
}

img {
	border: 0;
}

dl {
	overflow: hidden;
	width: 100%;
}

dl dt {
	display: block;
	float: left;
	clear: left;
	width: 144px;
	margin-right: 27px;
}

dl dd {
	display: block;
	float: left;
	width: 315px;
}

ol,
ul {
	list-style-position: inside;
}

label {
	display: block;
	width: 100%;
	overflow: hidden;
}

input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000;
	background: #fff;
	padding-left: 3px;
	padding-top: 2px;
	border-top: 1px solid #b9babb;
	border-right: 1px solid #eaebeb;
	border-bottom: 1px solid #eaebeb;
	border-left: 1px solid #b9babb;
}

input {
	height: 16px;
}

textarea {
	width: 481px;
	margin-bottom: 5px;
}

span.checkbox {
	float: left;
	display: block;
	width: 19px;
	height: 24px;
	margin: 1px;
	background: url("../images/checkbox.gif") 0 0 no-repeat transparent;
}

span.radio {
	float: left;
	display: block;
	width: 19px;
	height: 18px;
	margin: 1px;
	background: url("../images/radio.gif") 0 0 no-repeat transparent;
}

/* WRAPPERS */
#wrapper-background {
	background: url("../images/background-fade.gif") top right repeat-y transparent;
	position: relative;
	width: 1016px;
	min-height: 100%;
	margin: 0 auto;
}

#ie6 #wrapper-background {
	height: 100%;
}

#wrapper-container {
	width: 990px;
	margin-left: 13px;
	overflow: hidden;
	padding-bottom: 38px;
}

/* HEADER */
#header {
	background: url("../images/header.jpg") top left no-repeat #fff;
	height: 114px;
	padding-bottom: 19px;
}

	#header h1 {
		background: url("../images/header-logo.gif") 396px 19px no-repeat transparent;
		height: 100%;
	}

		#header h1 a {
			display: block;
			background: url("../images/header-tuinmaterialen.gif") 710px 31px no-repeat transparent;
			width: 100%;
			height: 100%;
		}
	
		#header h1 a span {
			display: block;
			overflow: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
		}

/* MENU */
#menu {
	float: left;
	width: 198px;
}

	#menu ul {
		background: #fff;
		overflow: hidden;
		width: 100%;
		padding-bottom: 19px;
	}
	
	#menu li {
		float: left;
		height: 27px;
		width: 100%;
		list-style: none;
	}
	
	#menu a {
		display: block;
		height: 100%;
		width: 100%;
	}

	#menu a:hover {
		background-position: -198px 0;
	}

	#menu a.active,
	#menu a.active:hover {
		background-position: -396px 0;
	}
	
		#menu a span {
			display: block;
			overflow: hidden;
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
		}

/* SUBMENU */
#submenu {
	float: left;
	width: 144px;
}

	#submenu li {
		display: block;
		width: 100%;
		list-style: none;
	}

	#submenu a {
		display: block;
		width: 95%;
		padding-right: 5%;
		text-decoration: none;
		text-align: right;
	}

	#submenu a:hover {
		color: #fff;
		background: #b9babb;
	}

	#submenu a.active,
	#submenu a.active:hover {
		color: #fff;
		background: #7ab800;
	}

/* CONTENT */
#content {
	float: left;
 	width: 486px;
	padding: 0 54px 25px 54px;
}

	#content h2 {
		min-height: 27px;
		margin-bottom: 10px;
	}

	#content h3 {
		clear: both;
		color: #7ab800;
		min-height: 27px;
		margin-top: 19px;
	}

	#content img {
		border: 1px solid #b9babb;
	}

		#content a:hover img {
			border: 1px solid #747678;
		}

/* CONTENT: ASSORTIMENT */
#assortiment-info {
	float: right;
	width: 315px;
}

	#assortiment-info h3 {
		height: 27px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	#assortiment-info ul {
		overflow: hidden;
		width: 342px;
		margin-right: -27px;
	}
	
	#assortiment-info li {
		display: block;
		float: left;
		list-style: none;
		width: 144px;
		margin-right: 27px;
	}

/* CONTENT: KOOPJES */
#content .koopje {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

#ie #content .koopje {
	margin-bottom: -10px;
}

	#content .koopje img {
		float: left;
		margin-top: 5px;
	}
	
	#content .koopje .text {
		margin-top: 10px;
	}
	
	#content .koopje p {
		margin-left: 171px;
	}
	
	#content .koopje p.price {
		font-size: 13px;
	}
	
/* CONTENT: BLOCKS WITH TEXT */
#content .blocks {
	overflow: hidden;
	width: 513px;
	margin: 0 -27px 0 0;
}

	#content .blocks li {
		display: block;
		float: left;
		list-style: none;
		margin-right: 27px;
		padding-bottom: 5px;
	}

	#content .blocks a {
		display: block;
		color: #747678;
		text-decoration: none;
	}

	#content .blocks a:hover {
		color: #3a3b3c;
	}

		#content .blocks a img {
			border: 1px solid #b9babb;
		}
		
		#content .blocks a:hover img {
			border: 1px solid #747678;
		}
		
		#content .blocks a span {
			display: block;
			padding-top: 4px;
		}

/* CONTENT: BLOCKS WITHOUT TEXT */
#content .blocks.notext {
	margin-top: -27px;
	margin-bottom: 10px;
}

	#content .blocks.notext li {
		padding-bottom: 0;
		padding-top: 27px;
	}

/* CONTENT: BLOCKS 2 COLUMNS */
#content .blocks.twocolumns {
	width: 342px;
}

/* SIDEBAR */
#sidebar {
	float: left;
	width: 198px;
}

	#sidebar h4 a {
		display: block;
		height: 100%;
	}

	#sidebar h4 span {
		display: block;
		overflow: hidden;
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
	}

/* SIDEBAR: KLANTEN LOGIN */
#sidebar-klanten_login {
	color: #fff;
	background: #7ab800;
	line-height: 24px;
	overflow: hidden;
	width: 176px;
	padding: 0 11px 11px 11px;
}

	#sidebar-klanten_login h4 {
		background: url("../images/klanten_login.gif") top right no-repeat transparent;
		height: 27px;
		margin-bottom: 6px;
		border-bottom: 1px solid #fff;
	}
	
	#sidebar-klanten_login label {
		display: block;
		float: left;
		clear: left;
		width: 72px;
	}
	
	#sidebar-klanten_login input {
		float: left;
		width: 99px;
		border: 0;
		border-top: 1px solid #409b67;
		border-left: 1px solid #409b67;
	}

	#sidebar-klanten_login input.checkbox,
	#sidebar-klanten_login span.checkbox {
		display: block;
		float: left;
		width: 14px;
		height: 14px;
		margin-top: 2px;
	}

	#sidebar-klanten_login span.checkbox {
		height: 22px;
		margin-top: 0;
	}

	#sidebar-klanten_login input.submit {
		float: right;
		color: #fff;
		background: #7ab800;
		text-transform: uppercase;
		width: 82px;
		height: 18px;
		border-top: 1px solid #bddc80;
		border-right: 1px solid #3d981a;
		border-bottom: 1px solid #3d981a;
		border-left: 1px solid #bddc80;
	}
	
	#sidebar-klanten_login p {
		color: #007934;
		line-height: 18px;
		text-align: right;
		clear: both;
		margin-bottom: 0;
	}
	
	#sidebar-klanten_login a {
		color: #007934;
		text-decoration: none;
	}

/* SIDEBAR: CONTACT */
#sidebar-contact {
	color: #fff;
	background: #747678;
	line-height: 18px;
	width: 176px;
	overflow: hidden;
	margin-top: 19px;
	padding: 0 11px 11px 11px;
}

	#sidebar-contact h4 {
		background: url("../images/contact.gif") top right no-repeat transparent;
		height: 27px;
		margin-bottom: 6px;
		border-bottom: 1px solid #fff;
	}
	
	#sidebar-contact .hide {
		display: block;
		overflow: hidden;
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
	}

	#sidebar-contact a {
		color: #fff;
		text-decoration: none;
	}
	
	#sidebar-contact strong {
		font-weight: normal;
		display: block;
		float: left;
		width: 48px;
	}
	
	#sidebar-contact span {
		display: block;
		float: left;
	}
	
	#sidebar-contact span.postal-code,
	#sidebar-contact span.locality {
		display: inline;
		float: none;
	}
	
	#sidebar-contact span.highlight {
		color: #fed100;
	}

/* SIDEBAR: ONZE SHOWTUIN */
#sidebar-onze_showtuin {
	background: #eaebeb;
	width: 176px;
	overflow: hidden;
	margin-top: 19px;
	padding: 0 11px 11px 11px;
}

	#sidebar-onze_showtuin h4 {
		background: url("../images/onze_showtuin.gif") top right no-repeat transparent;
		height: 27px;
		margin-bottom: 11px;
		border-bottom: 1px solid #747678;
	}

#sidebar-onze_showtuin-slideshow {
	width: 176px;
	height: 277px;
	position: relative;
	overflow: hidden;
}

/* FOOTER */
#footer {
	background: #fff;
	font-size: 10px;
	line-height: 19px;
	text-align: justify;
	clear: both;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 990px;
	height: 19px;
	padding-top: 19px;
}

	#footer div {
		text-align: center;
		float: left;
		width: 198px;
	}
	
	#footer a {
		text-decoration: none;
	}
	
	#footer .copyright {
		color: #fff;
		background: #fed100;
	}
	
	#footer .spacer-one {
		background: #7ab800;
	}
	
	#footer .sitemap,
	#footer .sitemap a {
		color: #80bc9a;
		background: #007934;
	}
	
	#footer .spacer-two {
		background: #747678;
	}
	
	#footer .credit,
	#footer .credit a {
		color: #969899;
		background: #b9babb;
	}
	
/* FORMS */
#content form {
	width: 100%;
	overflow: hidden;
}

#content form div {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

#content form div span.error-description {
	display: none;
	color: #ff0000;
}

#content form div.error span.error-description {
	display: inline;
}

#content form div.error input {
	border: 1px solid #ff0000;
}

#content form label,
#content form input {
	float: left;
	width: 144px;
	margin-right: 27px;
}

#content form label {
	clear: left;
}

#content form label.fullwidth {
	width: auto;
}

#content form fieldset {
	clear: left;
	border: 0;
}

#content form fieldset legend {
	margin-left: -7px;
	color: inherit;
}

#content form fieldset div {
	margin: 0;
}

#content form fieldset label {
	margin: 0 27px 0 171px;
	padding-bottom: 5px;
	line-height: 20px;
	display: inline;
}

#content form fieldset input {
	width: auto;
	margin: 4px 4px 4px 0;
	border: 0;
}

#content form fieldset span.radio {
	margin-right: 5px;
}

#content form input.submit {
	float: right;
	clear: left;
	width: 100px;
	height: 19px;
	text-transform: uppercase;
	color: #fff;
	background: #B9BABB;
	font-size: 11px;
	border-top: 1px solid #EAEBEB;
	border-right: 1px solid #747678;
	border-bottom: 1px solid #747678;
	border-left: 1px solid #EAEBEB;
	margin: 0;
}

#content #form-route input.submit,
#content #form-klanten_login-signup input.submit {
	margin-right: 166px;
}