html, body {width: 100% !important;}

body {
	font-family: arial, sans-serif;
	background: #2E2E2E;
	color: rgb(156,152,147);
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#wrapper { 
	background: transparent;
	position: relative;
	margin-right: 2%;
	margin-left: 2%;
}

#inner-wrapper { 
	position: relative;
	background: transparent;
}

ul.lang {
	margin: 0;
	padding: 0px 0px 0px 0;
	text-align: right;
	background: transparent;
}
ul.lang li {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.lang a {
	color: rgb(229,222,206);
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0;
}
ul.lang a:hover {
	color: #000;
}

#top {
	position: relative;
	margin-bottom: 1.5em;
	padding: 0;
	background: transparent;
	text-align: center;
	clear: both;
}

}

#topmenu {
	margin: 0;

}
#topmenu div {
	height: 280px;
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}

body#bedrijfsinfo #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}
body#producten #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#opening #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#terrasoverkappingen #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#onderbouw #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;


}
body#serre #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;


}
body#zonwering #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#vertitex #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#nieuws #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#route #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#bedrijfsinformatie #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#accessoires #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#opties #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#verlichting #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}
body#besturing #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#kleuren #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#p-home #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#pro #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}
body#klimaat #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#offerte #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}
body#contact #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;

}
body#formulier #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;
}
body#veranda #topmenu div {
	background: transparent url(./template/bg-topmenu-bedrijfsinformatie.jpg) top left no-repeat;


}
#topmenu div div.inner {
	padding: 115px 0 0 100px;
	background: transparent url(./template/bg-topmenu-rechs.png) top right no-repeat;
}

* html #topmenu div div.inner {
	background: transparent url(./template/bg-topmenu-rechtsie6.jpg) top right no-repeat;
}

#topmenu {
	margin: 0;
}






/**************** menu coding *****************/

#topmenu ul {
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
z-index: 1000;
}

#topmenu a {
font-size: 0.9em;
font-weight: bold;
display: block;
margin: 0;
padding: 3px 3px;
width: 12em;
}

#topmenu a {
	color: #fff;
	background: transparent url(./template/bg-topcontentmenu.jpg) center left no-repeat;
	padding-left: 18px;
	text-decoration: none;
}

#topmenu a:hover {
	color: #1C1C15;
	background: #BEBEBE url(./template/bg-topcontentmenu-hover.jpg) center left no-repeat;
}

#topmenu li {
position: relative;
}

#topmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#topmenu ul ul ul li a {
	background: #2E2E2E url(./template/bg-topcontentsubmenu.jpg) center left no-repeat;
}
#topmenu ul ul ul li a:hover {
	color: #1C1C15;
	background: #BEBEBE url(./template/bg-topcontentmenu-hover.jpg) center left no-repeat;
}



div#topmenu ul ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}

div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;}



ul#topcontentmenu {
	margin-right: 20px;
	height: 20px;
	text-align: right;
}
ul#topcontentmenu li {
	display: inline;
	background: #2E2E2E;
}
ul#topcontentmenu a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #2E2E2E url(./template/bg-topcontentmenu.jpg) center left no-repeat;
	padding-left: 15px;
	margin-left: 1em;
}
ul#topcontentmenu a:hover {
	color: #70635C;
	background: #2E2E2E url(./template/bg-topcontentmenu-hover.jpg) center left no-repeat;
}

#content {
	margin: 0;
}

.inhtop {
	background: #151515 url(./template/topinhleft.jpg) top left no-repeat;
}
.inhtop div {
	height: 20px;
	background: transparent url(./template/topinhright.jpg) top right no-repeat;
}

#inhoud {
	padding: 1em 5% 1em 5%;
	color: #BEBEBE;
	background: #151515;
}

#rechterkolom {
	float: right;
	width: 210px;
}
#rechterkolom img {
	display: block;
	border: 1px solid #fff;
	margin-bottom: 1em;
}

#text {
	margin-right: 220px;
	padding-right: 5%;
	border-right: 1px solid #79B767;
}

#text a { 
	color: #6A8DB0; 
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#text a:hover { color: #FFFFFF;}

#text a:hover img {
	color: rgb(21,21,21);
}

#text h1 {
	margin: 0;
}

#text h2 {
	color: #BEBEBE;
}

#text h3 {
	color: #79B767;
}

#text h4 {
}

#text h5 {
}

#text h6 {
}


#text ul {
	margin-bottom: 1.5em;
	padding-left: 0.8em;
}
#text ul a{
	font-weight: bold;
}
#text ul + p, ol + p {
	margin-bottom: 0;
}

#text ul.nostyletype {
	list-style-type: none;
}

#text ol {
	margin-bottom: 1.5em;
	padding-left: 1.2em;
}

#text li {
	margin: 0.5em 0; 
}
#text li p{
	margin-top: 0;
}

#text ul li ul {
	margin-bottom: 0;
}

#text ul.adres {
	margin: 1.5em 0;
	padding: 0;
}
#text ul.adres li {
	background: transparent;
	list-style-type: none;
}

#text ul.sitemap {
	margin: 1.5em 0 3em 0;
	padding: 0;
}
#text ul.sitemap li {
	margin-left: 1em;
}

.inhbottom {
	height: 20px;
	background: #151515 url(./template/bottominhleft.jpg) top left no-repeat;
}
.inhbottom div {
	height: 20px;
	background: transparent url(./template/bottominhright.jpg) top right no-repeat;
}

.text-roundcorners-top {
	background: #E1E0DC url(./template/textroundcornersleft.jpg) top left no-repeat;
}
.text-roundcorners-top div {
	height: 20px;
	background: transparent url(./template/textroundcornersright.jpg) top right no-repeat;
}
.text-roundcorners-bottom {
	height: 20px;
	background: #E1E0DC url(./template/textroundcornersbottomleft.jpg) top left no-repeat;
}
.text-roundcorners-bottom div {
	height: 20px;
	background: transparent url(./template/textroundcornersbottomright.jpg) top right no-repeat;
}

form {
	background: #151515;
	padding: 1em;
	margin: 0;
}
form table {
	background: #151515;
	padding: 1em;
	margin: 0;
}
form table td span {
	font-size: 0.8em;
}

.rechts {
	float: right;
	position: relative;
	margin: 0.2em 0 1em 1em;
	clear: right;
}
.links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
	border-right: 40px solid #70635C;
}

#fotoblok {
	margin: 1.5em 0;
	background: transparent;
	text-align: center;
}

#fotoblok a img {
	border: 1px solid #fff;
}

img.foto1 {
	float: left;
	margin: 0;
}

img.foto2 {
	margin: 0 auto;
}

img.foto3 {
	float: right;
	margin: 0;
}

#footer {
	padding: 0 0 1.5em 0;
	color: #BEBEBE;
	background: #151515;
	text-align: center;
}
#footer div {
	position: relative;
	padding: 0 8%;
	background: transparent;
}

#footer address {
	padding: 0.5em;
}

#footer ul {
	padding: 0;
	margin: 0;
}
#footer li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#footer a { 
	color: #79B767;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#footer a:hover { color: #BEBEBE; }

.vulblok {
	height: 13em;
}

.vulblokmiddel {
	height: 25em;
}
.vulblokgroot {
	height: 42em;
}

p.blind {
	height: 1px;
	clear: both;
}

