@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; background-image: url(../images/clouds.jpg); background-attachment: fixed; bottom repeat-x #FFF; z-index: 1; }

#holder { position: relative; margin: 0 auto; width: 100%; height: auto; text-align: center; background: url(../images/bgHolder.gif) 0 93px /* -50px */ repeat-x; z-index: 2; }
#holder .holder { position: relative; margin: 0 auto; padding-top: 97px; /* -50px */ width: 983px; height: auto; overflow: hidden; z-index: 3; }

#body { position: relative; float: left; width: 980px; z-index: 4; }
.body { position: relative; float: right; padding-top: 160px; width: 980px; text-align: left; z-index: 5; background: url(../images/header.jpg) 0 0 no-repeat #FFF; }

/* content */
#content { position: relative; float: right; padding: 158px 0px 20px 0px; width: 980px; text-align: left; z-index: 5; background: url(../images/header.jpg) 0 0 no-repeat #FFF; }
#content .content { position: relative; float: right; padding: 0px 20px 0px 20px; width: 700px; text-align: left; }
#content .content ul { margin-left: 15px; }
#content h1 { position: relative; float: left; margin-bottom: 35px; padding: 0px 20px; width: 940px; height: 52px; font-size: 30px; color: #FFF; }
#content h2 { margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #ee7f00; }
#content p { margin-bottom: 15px; }
#content p a,
#content p a:visited { color: #000; text-decoration: underline; }
#content p a:hover,
#content p a.active { color: #000; text-decoration: none; }
#content #flagpole_configurator_button {
	position: relative;
	float: left;
	width: 222px;
	height: 124px;
	margin-bottom: 10px;
}

#content #flagpole_configurator_button img {
	border: none;
}

.menu ul { position: absolute; top: 0; left: 0; list-style: none; z-index: 7; }
.menu ul li { float: left; display: inline; height: 34px; }
.menu ul li a.topnavig,
.menu ul li a.topnavig:visited { padding: 0px 28px; display: block; width: auto; height: 34px; font-size: 14px; font-weight: normal; line-height: 34px; color: #FFF; text-decoration: none; }
.menu ul li a.topnavig:hover,
.menu ul li a.active { padding: 0px 28px; display: block; width: auto; height: 34px; font-size: 14px; font-weight: normal; line-height: 34px; color: #FFF; text-decoration: none; background: url(../images/bgMenu.gif) 0 0 repeat-x; }
* html .menu ul li a.topnavig,
* html .menu ul li a.topnavig:hover,
* html .menu ul li a.topnavig:visited,
* html .menu ul li a.active { width: 1px; overflow: visible; }



.menu ul div.dropdown
{
	width: 230px; /* was 300 */
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #0095C1;/* #000000; */
	z-index: 30;
}

.menu ul div.dropdown .main
{
	height: 24px;
	float: left;
	width: 210px; /*was 280 */
	padding-left: 20px;
	padding-top: 6px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #eb5f08;
	color: #FFFFFF;
	font: 13px arial; /*was 11 px */
}

.menu ul div.dropdown .main a,
.menu ul div.dropdown .submain a,
.menu ul div.dropdown .subsubmain a
{
	clear: all;
	color: #FFFFFF;
	font: 13px arial;
	text-decoration: none;
}

.menu ul div.dropdown .main a:hover,
.menu ul div.dropdown .submain a:hover,
.menu ul div.dropdown .subsubmain a:hover
{
	color: #FFFFFF;
	font: 13px arial;
	text-decoration: underline;
}


.menu ul div.dropdown .submain
{
	height: 24px;
	float: left;
	width: 190px; /*was 260*/
	padding-left: 40px;
	padding-top: 6px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #0095C1;/*#000000;*/
	color: #FFFFFF;
	font: 13px arial;
}

.menu ul div.dropdown .submain:hover
{
	height: 24px;
	float: left;
	width: 190px;
	padding-left: 40px;
	padding-top: 6px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #464646;
	color: #FFFFFF;
	font: 13px arial;
}


.menu ul div.dropdown .subsubmain
{
	height: 24px;
	float: left;
	width: 170px; /*was 240 */
	padding-left: 60px;
	padding-top: 6px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #0095C1;/* #000000;*/
	color: #FFFFFF;
	font: 13px arial;
}

.menu ul div.dropdown .subsubmain:hover
{
	height: 24px;
	float: left;
	width: 170px;
	padding-left: 60px;
	padding-top: 6px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #464646;
	color: #FFFFFF;
	font: 13px arial;
}


.categorie { position: relative; float: right; width: 720px; }
.categorie .categorieMenu { position: relative; float: left; margin: 0; padding: 0; }
#content .categorie .categorieMenu ul.block { position: relative; float: left; display: block; margin-left: 0px; padding-bottom: 20px; list-style: none; }
.categorieMenu ul li { position: relative; float: left; display: block; width: 220px; height: auto; margin-right: 20px; overflow: hidden; }
.categorieMenu ul li.lastNode { float: right; margin-right: 0px; }
.categorieMenu ul li a img { border: none; }
.categorieMenu ul li a.more,
.categorieMenu ul li a.more:visited { float: left; clear: left; color: #90989d; text-decoration: none; }
.categorieMenu ul li a.more:hover { left: 0; bottom: 0; color: #90989d; text-decoration: underline; }

.rail { position: relative; float: left; margin-top: 0px; padding-left: 20px; width: 220px; z-index: 0;}
.rail a img { border: none; }

a.banner { position: absolute; left: 20px; top: 300px; display: block; width: 220px; height: 54px; }
a.banner img { border: none; }

#aanbieding { position: relative; float: left; padding-bottom: 15px; width: 220px; height: auto; display: none; min-height:555px; }
#aanbiedingCarroussel {position: absolute; left:0; top:0; display:block; width:220px; height:auto; float:left; min-height:555px;}
#aanbiedingCarroussel li { position: absolute; left: 0; top: 0; display: block; width: 220px; height: auto; min-height:555px; }
#aanbieding .image { position: relative; float: left; width: 220px; }
#aanbieding .image img { position: relative; float: left; }
#aanbieding h3 { position: relative; float: left; padding: 0px 13px; width: 194px; height: 30px; font-size: 14px; color: #FFF; line-height: 30px; background: #ee7f00; }
#aanbieding .content { position: relative; float: left; padding: 13px; width: 194px; height: auto; background: #c7cdd0; }

.rail .paginaAfbeelding { position: relative; float: left; margin-bottom: 20px; }
.rail .referentie { position: relative; float: left; padding: 10px; width: 198px; text-align: center; border: 1px solid #90989d;  }
.rail .referentie a.more, 
.rail .referentie a.more:visited { position: relative; float: left; margin-top: 4px; color: #90989d; text-align: left; text-decoration: none; }
.rail .referentie a.more:hover { position: relative; float: left; margin-top: 4px; color: #90989d; text-align: left; text-decoration: underline; }
#referentieCarrousel { position: relative; float: left; list-style: none; width: 195px; height: 70px; overflow: hidden; }
#referentieCarrousel li { position: absolute; left: 0; top: 0; display: block; width: 200px; height: 70px; overflow: hidden; background: #FFF; }
#referentieCarrousel a { display: block; width: 200px; height: 70px; overflow: hidden; }

.breadcrum { position: absolute; top: 212px; left: 0; padding-right: 20px; width: 960px; height: 28px; line-height: 20px; list-style: none; }
.breadcrum li { float: right; padding-left: 15px; background: url(../images/bgBreadcrumDiv.gif) 5px 9px no-repeat; }
.breadcrum li a,
.breadcrum li a:visited { font-size: 10px; font-weight: bold; color: #90989d; text-decoration: none; }
.breadcrum li a:hover { text-decoration: underline; }
.breadcrum li.firstNode { background: url(../images/bgBreadcrumFirstNode.gif) 6px 7px no-repeat; }
.breadcrum li.firstNode a,
.breadcrum li.firstNode a:visited { color: #90989d; }

#header { position: absolute; left: 0; top: 0; width: 980px; height: 93px; z-index: 5; background: #FFF; } /* -50px */
#header img { position: relative; float: left; } 
#header h1 { position: relative; float: left; margin: 10px 0px 0px 20px; display: block; width: 325px; height: 71px; } 
#header h1.nl { background: url(../images/logo.gif) 0px 0px no-repeat; }
#header h1.de { background: url(../images/logo_duits.gif) 0px 0px no-repeat; }
#header h1.en { background: url(../images/logo_engels.gif) 0px 0px no-repeat; }
#header h1.fr { background: url(../images/logo_frans.gif) 0px 0px no-repeat; }
#header h1 a { display: block; width: 980px; height: 93px; }
#header h1 a span { display: none; } 

#header ul { position: relative; float: right; margin: 15px 20px 0px 0px; list-style: none; width: auto; } 
#header ul li { position: relative; float: left; padding-left: 10px; height: 11px; overflow: hidden; font-size: 10px; font-weight: normal; } 
#header ul li.nl { background: url(../images/nl.gif) 10px 0px no-repeat; }
#header ul li.en { background: url(../images/gb.gif) 10px 0px no-repeat; }
#header ul li.de { background: url(../images/de.gif) 10px 0px no-repeat; }
#header ul li.fr { background: url(../images/fr.gif) 10px 0px no-repeat; }
#header ul li a,
#header ul li a:visited { display: block; padding-left: 18px; width: auto; font-size: 10px; font-weight: normal; color: #000; text-decoration: none; }
#header ul li a.nl { background: url(../images/nl.gif) 0px -11px no-repeat; }
#header ul li a.en { background: url(../images/gb.gif) 0px -11px no-repeat; }
#header ul li a.de { background: url(../images/de.gif) 0px -11px no-repeat; }
#header ul li a.fr { background: url(../images/fr.gif) 0px -11px no-repeat; }
#header ul li a:hover,
#header ul li a.active { text-decoration: none; background: none; }

#footer { position: relative; float: left; width: 980px; height: 82px; border-top: 4px solid #ee7f00; text-align: center; }
#footer address { position: relative; display: block; width: 980px; height: 38px; font-style: normal; color: #000; line-height: 38px; background: #FFF; }
#footer address span { margin-right: 14px }
#footer address span b { color: #ee7f00; }

#footer ul { position: relative; margin: 0 auto; padding-top: 14px; list-style: none; }
#footer ul li { padding: 0px 9px 0px 10px; display: inline; background: url(../images/bgFooterDiv.gif) 0 4px no-repeat; }
#footer ul li.firstNode { background: none; }
#footer ul li a,
#footer ul li a:visited { font-size: 10px; color: #ffffff; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-size: 10px; color: #ffffff; text-decoration: underline; }