@charset "utf-8";
/* CSS Document */
/* kleuren: groen:#8BA122 - lichtgrijs:#e0e0e0 - paars:#...... */
* { /* verschil in browser rendering voorkomen door alle margins en paddings op 0 te zetten */
margin: 0;
padding: 0;
}
body {
	background-color:#fff;
	height:100%;
	text-align:center;
	font-size: 62.5%;  /* 16px × 62.5% = 10px (16px is de browsers standaard, werk verder met "em" als eenheid en met "px" voor exacte afmetingen)*/
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}
html {
	height:100%;
	text-align:center;
	overflow:auto;
}

/* verticaal centreren divs */
#content {text-align:left;background-color:#e0e0e0;font-family:Helvetica, Arial, sans-serif;float:none;border:0;padding:0px;margin:0px;position:relative;margin-left:auto;margin-right:auto;top:-289px;width:982px;height:578px;margin-bottom:-289px;}
#id2 {position:absolute;left:0px;top:0px;width:100%;height:100%;}
#id3 {position:relative;height:auto !important;height:50%;min-height:50%;width:100%;top:0;left:0;}
#id4 {position:relative;width:100%;height:289px;}
#id5 {position:absolute;top:100%;left:0;height:10px;width:100%;}

#witte_border {
	width:980px;
	height:576px;
	background-color:#fff;
	position:relative;
	left:1px;
	top:1px;
}
#binnen_witgrijze_border {
	width:978px;
	height:574px;
	position:relative;
	left:1px;
	top:1px;
}
#header {
	width:978px;
	height:49px;
}
#menu {
	position:relative;
	float:left;
	width:610px;
	height:49px;
	background-color:#8BA122;
	z-index:1000;
}
#title {
	position:relative;
	float:left;
	width:368px;
	height:49px;
	background-color:#8BA122;
	text-align:right;
}
#pictures {
	width:978px;
	height:395px;
	margin:5px 0;
}
#pictures2 {
	width:978px;
	height:332px;
	margin:5px 0;
	text-align:center;
}
#intro {
	position:absolute;right:4px;top:245px;z-index:10;width:486px;height:200px;background:url(../images/content.png) no-repeat;
}
#intro2 {
	position:absolute;right:4px;top:64px;z-index:10;width:486px;height:380px;background:url(../images/content2.png) no-repeat;
}
#maincontent {
	width:978px;
	height:120px
}
#maincontent2 {
	width:978px;
	height:183px;
}
#left {
	float:left;
}
#merken {
	width:488px;
	height:62px;
	background-color:#dcdcdc;
	margin-bottom:1px;
}
.algemeen_ruimte {
	padding:15px 15px 0 15px;
}
#logo2 {
	position:relative;
	width:152px;
	height:120px;
	float:left;
}
#footer {
	width:826px;
	height:120px;
	float:left;
}
#adres {
	position:relative;
	width:336px;
	height:80px;
	float:left;
	background:url(../images/kleine_gradient.jpg);
}
#adres2 {
	position:relative;
	width:336px;
	height:120px;
	float:left;
	background:#fff url(../images/kleine_gradient.jpg) repeat-x;
}
.adreswitruimte {
	margin:16px 5px 0 8px;
}
.openwitruimte {
	margin:16px 20px 0 65px; /* origineel: margin:16px 40px 0 65px; */
}
.speciale_dagen {
	margin:0;padding:0;color:#FF0000;
}
.bereikwitruimte {
	margin:7px 10px 0 10px;
}
#right {
	width:489px;
	height:80px;
	float:left;
	margin-left:1px;
	background:#dcdcdc url(../images/kleine_gradient.jpg) repeat-x;
}
#right2 {
	width:489px;
	height:183px;
	float:left;
	margin-left:1px;
	background:#dcdcdc url(../images/kleine_gradient.jpg) 0 63px repeat-x;
}
.scrollbar2 {
	width:489px;
	height:183px;
	overflow:auto;
}
#bereikbaar {
	width:826px;
	height:40px;
	float:left;
}
.flash {
	position:absolute;
	z-index:9;
}
.plaats {
	color:#8BA122;
}
.clear { /* zorgen dat een element naar de volgende regel wordt gepusht */
	clear:both;
}
a img { /* voorkomen dat een afbeelding met een link een border krijgt en laten oplichten */
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
}
a img:hover{ /* oplichten van afbeelding met link */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity: 0.85;
}
a.classnaam:link, a.classnaam:visited {	/* Content links */
	font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#0067AC;line-height:16px;text-decoration:underline;
}
a.classnaam:hover, a.classnaam:active {
	color:#F04A4E;
}
a:link, a:visited { /* Content links */
	font-size:1.2em;line-height:1.6em;text-decoration:underline;color:#8BA122;
}
a:hover, a:active { /* Content links */
	color:#787b7f;
}
p a:link, p a:visited { /* Content links */
	font-size:1.0em;line-height:1.0em;text-decoration:underline;color:#8BA122;
}
p a:hover, p a:active { /* Content links */
	color:#787b7f;
}
a.vuurwerk:link, a.vuurwerk:visited { /* Vuurwerk link */
	font-size:2.0em;line-height:0.5em;text-decoration:underline;color:#F00;
}
a.vuurwerk:hover, a.vuurwerk:active { /* Vuurwerk link */
	color:#333;
}
ul {
	margin-left:17px;
}
li {
	padding-left:0px;
	list-style-type: square;
	font-size:1.2em;
}
h1 {
	position:relative;
	margin:11px 9px 0 0;
	font-size:2.0em;
	color:#fff;
}
h2 {
	font-size:1.6em;
	margin-bottom:10px;
}
p.intro {
	font-size:1.3em;
	line-height:1.6em;
	color:#333;
}
h3, h4, h5, h6 {
	font-size:1.2em;
}
p {
	font-size:1.2em;
	line-height:1.6em;
	color:#333;
	padding-bottom:15px;
}
.ruimte {
	position:relative;left:15px;top:15px;width:450px;height:164px;
}
#scrollbar_intro {
	width:450px;
	height:164px;
	overflow:auto;
	padding-right:15px;
}
#scrollbar_intro2 {
	width:450px;
	height:344px;
	overflow:auto;
	padding-right:15px;
}
.copyright {
	margin-top:2px;
	background-color:#FFFFFF;
	font-size:0.9em;
	color:#ccc;
	text-align:center;
	clear:both;
}
a.copyright:link, a.copyright:visited {	/* Content links */
	font-family:Arial, Helvetica, sans-serif;color:#ccc;text-decoration:underline;
}
a.copyright:hover, a.copyright:active {
	color:#8BA122;
}
.error {
	color:#FF0000;
}
a.errorlink:link, a.errorlink:visited { /* Content links */
	font-size:1.0;line-height:1.0em;text-decoration:underline;color:#FF0000;
}
a.errorlink:hover, a.errorlink:active { /* Content links */
	color:#333;
}
.nospace {
	margin:0px;
	padding:0px;
}
.tuinmeubelen-webshop {
	position: absolute;
	top: 74px;
	left:20px;
	z-index:200;
}