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

* { margin: 0; padding: 0; }

html { overflow: -moz-scrollbars-vertical; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; background: url(../images/bg.gif) 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; }

.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,
.menu ul li a: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: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,
* html .menu ul li a:hover,
* html .menu ul li a:visited,
* html .menu ul li a.active { width: 1px; overflow: visible; }

.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; }
.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; }
#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; }