@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-color:#dcdbda; /*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; */ }
*html #holder{z-index:1; background-color:transparent;}
#holder .holder { position: relative; margin: 0 auto; padding-top: 97px; /* -50px */ width: 1115px; height: auto; overflow: hidden; z-index: 3;  }
*html #holder .holder
{
	z-index:1; background-color:#FFF;
}
#body { position: relative; float: left; width: 1115px; z-index: 4; }
.body { position: relative; float: right; padding-top: 0px; width: 1115px; text-align: left; z-index: 5; background: url(../images/header.jpg) 0 0 no-repeat #FFF; }

*html #body{position:absolute; top:380; left:0; z-index:1;  height:1000px;
}
*html .body{z-index:2; }




/* content */
#content { position: relative; float: right;  padding: 386px 0px 20px 0px; width: 1115px; text-align: left; z-index: 5;background-color:#FFFFFF;  min-height:600px; display:block; /*background: url(../images/header.jpg) 0 0 no-repeat #FFF; */}
*html #content{   z-index:0; padding: 0px 0px 20px 0px;  margin-top:386px; }
#content .content { position: relative; float: right; padding: 0px 10px 0px 20px; width: 1115px; text-align: left;  margin-top:10px;}
#content .content ul { margin-left: 75px; margin-left /*\**/: 45px\9; }
*html #content .content ul{margin-left:75px;}
#content h1 { position: relative; float: left; padding: 2px 20px; width: 940px; height: 52px; font-size: 17px; color: #000; background-image:url(../images/bg_h1.jpg); background-position:left 2px; background-repeat:no-repeat; text-transform:uppercase; margin-left:11px; }
#content h1 a{text-decoration:none; color:#000;}
#content h2 { margin-bottom: 15px; font-size: 14px; font-weight: bold; color:#000/* #ee7f00; */}
#content h3 { margin-bottom: 15px; margin-left:34px; font-size: 14px; font-weight: bold; color:#b0072f;}
#content p { width:845px; margin-bottom: 15px; text-align:justify; margin-left:34px; }
#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 table{margin-left:34px;}

#logo{position:absolute; left:0; top:0; width:128px; height:128px; z-index:6; display:block;margin-left:105px;margin-top:30px;}
#logo img{border:0; width:128; height:128;}
#menu {position:absolute; top:391px; width:1115px; height:155px;  left:0; z-index:4; padding-top:60px;   /* overflow:hidden; */ }
*html #menu{z-index:5;}
.menuitem{position: relative; width:218px; /*min-height:215px;*/ float:left; text-align:left; height:auto; }
*html .menuitem{width:218px;}
.menuitem2{position: relative; width:198px; /*min-height:163px;*/ float:left; text-align:left; background-color:#FFF;height:auto;  border:solid 1px #222426; padding-left:20px; background-color:#FFFFFF;margin-left:20px;visibility:hidden; border-top:solid 8px #222426; }
*html .menuitem2{padding-left:5px; margin-left:20px; /*height: 200px; */ z-index:6; position:absolute; overflow:visible;}
#menu .menuitem ul { color:#cb0a38; list-style-type:none; display:none; background-color:#FFFFFF;   }
#menu .menuitem ul li {   color:#cb0a38; margin-top:5px; background-color:#FFFFFF; list-style-type:none;}
#menu .menuitem ul li a,
#menu .menuitem ul li a:visited {  color: #000; text-decoration: none; }
#menu .menuitem ul li a:hover,
#menu .menuitem ul li a.active {  color: #cb0a38; text-decoration: none; }
* html #menu .menu ul li a,
* html #menu .menu ul li a:hover,
* html #menu .menu ul li a:visited,
* html #menu .menu ul li a.active { width: 1px; overflow: visible; } 
.blacktext{color:#000; font-weight:normal;}
/*.blacktext:hover{color:#cb0a38; font-weight:bold;}*/
.redtext{color:#B0072F; font-weight:bold;}
#menu .menuitem a{text-decoration:none; color:#B0072F; }
#menu .menuitem h2{ color:#B0072F; font-family:arial; font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:40px; text-align:center;}

.categorie { position: relative; float: left; width: 1115px; }
.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: 218px; height: auto;  overflow: hidden; min-height:355px; text-align:center; }
.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: 1115px; height: 97px; z-index: 2; background-image:url(../images/bg_header.jpg); background-position:left top; background-repeat:no-repeat; } /* -50px */
*html #header{position:absolute; z-index:5; /* margin-top:-10px; */ display:block; float:left;}
#header img { position: relative; float: left; } 
#header .headermenu{ position:relative; float:right; width:799px; height:27px; margin-top:70px; color:#FFF;}

#header h1 { position: relative; float: left; margin: 10px 0px 0px 20px; display: block; width: 325px; height: 71px; } 
#header h1 a span { display: none; } 

#header .headermenu ul { position: relative; list-style: none; width: auto; } 
#header .headermenu ul li { position: relative; float: left;   overflow: hidden; font-weight: normal; display:inline; text-align:center; border-right:solid 1px #d63c61; padding-left:47px; padding-right:47px;} 

#header ul li a,
#header ul li a:visited { display: block;  width: auto;  font-weight: normal; color: #FFF; text-decoration: none; }
#header ul li a:hover,
#header ul li a.active { text-decoration: none; background: none; }

#underheader{position:absolute; left:0; top:97px; background-color:#FFFFFF; z-index:5; width:1115px; height:295px;}
#underheader .headerimage{position:relative; width:799px; height:295px; float:right; background-color:#1B1D1F;}
#underheader .headerinnerimage{position:relative; width:781px; height:277px; background-color:#FFFFFF; margin-left:9px; margin-top:9px; overflow:hidden;margin-right:9px; padding:0;}
#underheader .headertitle{position:relative; width:316px; height:225px; float:left;padding-top:70px;}

#footer { position: relative; float: left; width: 1115px; height: 291px; text-align: left; background-image:url(../images/bg_footer_large.jpg); background-position:left top; background-repeat:no-repeat; }
#footer .catalogue {position: relative; width:351px; height:100px; float:left; padding-left:19px; padding-top:111px;}
#footer .catalogue img{border:0;}
#footer .contactfield { position: relative; width:1080px; height:251px;  float:right; padding-top:20px;}
#footer .contactfield fieldset{ height:140px; width:350px;  float:left; border:0;margin-top:5px;}
#footer .contactfield .right{text-align:right;}
#footer .contactfield label{float:left; width:130px; color:#FFF; display:inline; margin-top:10px}
#footer .contactfield input{ width:200px;  display:inline; margin-top:10px;}
#footer .contactfield input.required{ width:200px;  display:inline; margin-top:10px; border: 1px solid #890a16;}
#footer .contactfield .submit {height:auto; width:auto;}
*html #footer .contactfield .submit {height:23px; width:133px;}
#footer .contactfield textarea { width:200px; height:115px; display:inline; margin-top:10px;}
#footer .footermenu {position: relative; width:615px; height:17px; padding-top:3px; float:right; padding-left:130px;}
#footer address { position: relative; display: block; width: 1115px; 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;  list-style: none; }
#footer ul li { padding: 0px 40px 0px 40px; display: inline; border-right:solid 1px #d63c61;  }
#footer ul li.firstNode { background: none; }
#footer ul li a,
#footer ul li a:visited { font-size: 12px; color: #000; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-size: 12px; color: #000; text-decoration: none; }