* {
	margin:0;
	padding:0;
}
body, html {
	width:100%;
	height:100%;
}
body {
	background:#fff;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}
#wrapper {
	width:990px;
	text-align:left;
}
a {
	color:#005238;
	text-decoration:none;
}
a:hover {
	color:#005238;
	text-decoration:underline;
}
a img {
	border:none;
}
#outer {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/cmsnav.gif) left top repeat-x;
	z-index:2;
}
#sitenav {
overflow:hidden;
background:#fff;
height:34px;
}
#sitenav ul {
list-style:none;
padding-top:10px;
padding-left:774px;
}
#sitenav li {
float:left;
margin-right:2px;
}

#sitenav li a {
float:left;
overflow:hidden;
display:block;
width:33px;
height:24px;
text-decoration:none;
}
#sitenav li a span {
position:absolute;
top:44px;
width:112px;
padding-top:7px;
padding-bottom:4px;
text-align:center;
color:#fff;
display:none;
opacity:0;
z-index:999;
cursor:pointer;
}
#sitenav li#badkamer a {
background:url(../images/t1.gif) left top no-repeat;
}
#sitenav li#badkamer a span {
left:770px;
background: url(../images/t1-h.gif) no-repeat 50% 50%;
}
#sitenav li#verwarming a {
background:url(../images/t2.gif) left top no-repeat;
}
#sitenav li#verwarming a span {
left:806px;
background: url(../images/t2-h.gif) no-repeat 50% 50%;
}
#sitenav li#tegel a {
background:url(../images/t3.gif) left top no-repeat;
}
#sitenav li#tegel a span {
left:842px;
background: url(../images/t3-h.gif) no-repeat 50% 50%;
}
#sitenav li#electra a {
background:url(../images/t4.gif) left top no-repeat;
}
#sitenav li#electra a span {
left:876px;
background: url(../images/t4-h.gif) no-repeat 50% 50%;
}
#sitenav li#verlichting a {
background:url(../images/t5.gif) left top no-repeat;
}
#sitenav li#verlichting a span {
left:912px;
background: url(../images/t5-h.gif) no-repeat 50% 50%;
}
#sitenav li#megabouw a {
background:url(../images/t6.gif) left top no-repeat;
}
#sitenav li#megabouw a span {
left:944px;
background: url(../images/t6-h.gif) no-repeat 50% 50%;
}
		
#header {
	position:relative;
	width:990px;
	height:70px;
	z-index:1;
}
#header #logo {
	position:absolute;
	left:10px;
	top:2px;
	z-index:1;
}
#header #slogan {
	position:absolute;
	left:316px;top:7px;
	z-index:1;
}
#header #static {
	position:absolute;
	left:800px;
	top:47px;
}
#header #fm-contact {
	float:left;
	overflow:hidden;
	display:block;
	width:144px;
	height:26px;
	background:url(../images/fm-contact.gif) left top no-repeat;
	line-height:999px;
}
/*---------------------------------------------------  cms topmenu  ---------------------------------------------------*/
#cmsnav {
	position:relative;
	width:750px;
	height:26px;
}
#cmsnav ul {
	position:absolute;
	left:20px;
	top:-2px;
	width:710px;
	height:30px;
	padding:0 0 0 10px;
	list-style:none;
}
#cmsnav ul li {
	float:left;
}
#cmsnav ul li#main4 {
	display:none;
}
#cmsnav ul li.back {
	position:absolute;
	width:8px;
	height:30px;
	background:url(../images/lava.gif) no-repeat right -30px;
	z-index:8;
}
#cmsnav ul li.back .left {
	background:url(../images/lava.gif) no-repeat top left;
	height:30px;
	margin-right:8px;
}
#cmsnav ul li a {
	overflow:hidden;
	display:block;
	float:left;
	position:relative;
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:auto 10px;
	padding:8px 0;
	letter-spacing:0;
	z-index:10;
}
* html #cmsnav ul li a {
	margin:auto 5px;
}
#cmsnav ul li.back .left {
	color:#000;
}
#cmsnav ul li a:hover, #cmsnav ul li a:active, #cmsnav ul li a:visited {
	border: none;
}
#cmsnav ul li a:hover, #cmsnav ul li.mainactive a {
	color:#000;
}
#cmsnav ul ul {
	list-style:none;
}
#cmsnav ul ul li {
	display:none;
}
/*---------------------------------------------------  cms topmenu end ---------------------------------------------------*/





/*---------------------------------------------------  cmsnav2 topmenu  ---------------------------------------------------*/
#cmsnav2 {
	position:relative;
	width:780px;
	height:40px;
	z-index:999;
}
#cmsnav2 #cms-topmenu-list {
	position:absolute;
	left:0;
	top:9px;
	width:780px;
	height:30px;
	padding:0;
	list-style:none;
}
#cmsnav2 #cms-topmenu-list li {
	float:left;
	background:url(../images/cms_r.gif) right top no-repeat;
	margin:0 1px 0 0;
	padding:0;
}
#cmsnav2 #cms-topmenu-list li a {
	display:block;
	font:10px Arial, Helvetica, sans-serif;
	background:url(../images/cms_l.gif) left top no-repeat;
	color:#fff;
	text-decoration:none;
	text-align:center;
	width:80px;
	height:30px;
	padding: 6px 6px 0 6px;
}
#cmsnav2 #cms-topmenu-list li:hover, #cmsnav2 #cms-topmenu-list li.sfhoveradds {
	background-position:right -36px;
}
#cmsnav2 #cms-topmenu-list li:hover a, #cmsnav2 #cms-topmenu-list li.sfhoveradds a {
	background-position:left -36px;
}
/*#cmsnav2 #cms-topmenu-list li a:hover {
	color:#fff;
	background-position:0 -36px;
}*/

#cmsnav2 #cms-topmenu-list li.back .left {
	color:#000;
}
#cmsnav2 #cms-topmenu-list li a:hover, #cmsnav2 #cms-topmenu-list li a:active, #cmsnav2 #cms-topmenu-list li a:visited {
	border:none;
}
#cmsnav2 #cms-topmenu-list li.cmsactive {
	background-position:right -36px;
}
#cmsnav2 #cms-topmenu-list li.cmsactive a {
	background-position:0 -36px;
}
#cmsnav2 #cms-topmenu-list li a:hover, #cmsnav2 #cms-topmenu-list li.cmsactive a {
	color:#000;
}
#cmsnav2 #cms-topmenu-list ul {
	list-style:none;
}
#cmsnav2 #cms-topmenu-list li ul { /* second-level lists */
	position:absolute;
	left:-999em;
	width:187px;
	z-index:9999;
}
#cmsnav2 #cms-topmenu-list li li {
	float:none;
	background:none;
	padding:0;
}
#cmsnav2 #cms-topmenu-list li ul a {
	display:block;
	width:163px;
	height:14px;
	background:#005238;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 12px 4px;
	text-align:left;
}
#cmsnav2 #cms-topmenu-list ul li a:hover {
	background:#a1d8c7;
}
#cmsnav2 #cms-topmenu-list li:hover ul, #cmsnav2 #cms-topmenu-list li li:hover ul, #cmsnav2 #cms-topmenu-list li li li:hover ul, #cmsnav2 #cms-topmenu-list li li li li:hover ul, #cmsnav2 #cms-topmenu-list li.sfhover ul, #cmsnav2 #cms-topmenu-list li li.sfhover ul, #cmsnav2 #cms-topmenu-list li li li.sfhover ul, #cmsnav2 #cms-topmenu-list li li li li.sfhover ul {
	left:auto;
	background-position:0 0;
}
/*---------------------------------------------------  cmsnav2 topmenu end ---------------------------------------------------*/



#sections {
	overflow:hidden;
	width:990px;
	padding-left:10px;
}
#leftnav {
	overflow:hidden;
	float:left;
	width:200px;
}
#aan-bt {
	position:absolute;
	right:0px;
	top:45px;
	width:180px;
	height:30px;
	z-index:10;
}
#aan-bt a {
	display:block;
	width:180px;
	height:30px;
	background:url(../images/aan_bt.jpg) left top no-repeat;
}
#aan-bt a:hover {
	background-position:0 -30px;
}
#content {
	position:relative;
	overflow:hidden;
	float:right;
	width:780px;
}
#content .main-heading {
	margin:0 0 12px;
}
#content .main-heading h1 {
	height:26px;
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#005238;
	background:url(../images/border_h1.gif) left 23px no-repeat;
}
#content .extra-heading {
	padding-bottom:10px;
}
#content .extra-heading h2 {
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
#content h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #cdcdcd;
	padding-bottom:5px;
	margin:12px 0;
	color:#000;
}
#content ul {
	margin-left:6px;
	list-style:none;
}
#content ul li {
	background:url(../images/content_li.gif) left 7px no-repeat;
	padding:2px;
	padding-left:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
/*---------------------------------------------------  crumbar  ---------------------------------------------------*/
#content #crumbar-center {
	width:100%;
	overflow:hidden;
	font-size:10px;
	padding-bottom:10px;
}
#content #crumbar-center div {
	float:left;
}
#content #crumbar-content {
	margin:0;
	padding:0;
}
#content #crumbar-content ul {
	margin:0 0 0 7px;
	padding:0;
}
#content #crumbar-content li {
	background:none;
	float:left;
	padding:0;
	margin:0;
	font-size:10px;
}
#content #crumbar-content li a {
	background:url(../images/li_arrow.gif) right 5px no-repeat;
	font-size:10px;
	color:#005238;
	text-decoration:underline;
	margin-right:7px;
	padding-right:10px;
	white-space:nowrap;
}
#content #crumbar-content li strong {
	color:#000;
	white-space:nowrap;
}
/*---------------------------------------------------  crumbar end ---------------------------------------------------*/



/*---------------------------------------------------  footer  ---------------------------------------------------*/
#footer-container {
	width:990px;
	height:70px;
	background:url(../images/footer.png) left top no-repeat;
	font:10px Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
}
#footer {
	width:930px;
	margin:0 auto;
	text-align:left;
	padding-top:12px;
}
#footer #copyright {
	float:left;
	width:200px;
	padding-top:12px;
}
#footer #footernav {
	float:right;
	width:700px;
	padding-top:10px;
}
#footer #footernav #cms-topmenu-list {
	list-style:none;
	float:right;
}
#footer #footernav #cms-topmenu-list li {
	float:left;
	padding-left:10px;
}
#footer #footernav #cms-topmenu-list li a {
	display:block;
	font:10px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}
#footer #footernav #cms-topmenu-list li a:hover {
	color:#005238;
}
#footer #footernav #cms-topmenu-list ul {
	display:none;
}
/*---------------------------------------------------  footer end ---------------------------------------------------*/


#newmap_section {
width:780px;
overflow:hidden;
}
#links_map {
width:250px;
float:left;
}
#flashmap {
width:530px;
float:right;
overflow:hidden;
margin-top:-50px;
}