html, body { height:100%; }
* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
body { text-align: center; border: 0; background: #1e1e1e; }
/* holder */
#holder { position: relative; margin: 0 auto; padding-top: 25px; width: 980px; overflow: hidden; text-align: left; background: #000000; }
#holder .holder { padding: 0px; width: 980px; }

/* head */
#hhead { position: relative; padding: 0 34px; width: 912px; height: 322px; margin: 0; }
#hhead .hhead { height: 322px; }
#hhead .hhead h1.logo { position: relative; top: 0; left: 0; z-index: 1; }
#hhead .hhead h1.logo a { display: block; width: 200px; height: 32px; background: url(pics/logo.gif); }
#hhead .hhead h1.logo a span { display: none; }
#hhead .hhead #hheadImage { position: relative; float: left; margin-top: 49px; width: 912px; height: 226px; }
#hhead .hhead #hheadImage ul { list-style: none; width: 912px; height: 226px; overflow: hidden; }

/* main menu */
#mainMenu { position: absolute;  top: 79px; left: 34px; width: 912px; margin:0; padding: 0; height: 36px; z-index: 100; }
#mainMenu ul.mainMenu { width: 912px; height: 36px; background: url(pics/bgMainMenu.gif) repeat-x; }
#mainMenu ul.mainMenu li { position: relative; float: left; margin: 0; padding: 0; display: block; width: 151px; height: 36px; border-right: 1px solid #1f2020;}
#mainMenu ul.mainMenu li.lastNode { position: relative; float: left; margin: 0; padding: 0; display: block; width: 151px; height: 36px; border-right: 0px solid #1f2020;}
#mainMenu ul.mainMenu li a,
#mainMenu ul.mainMenu li a:visited { display: block; width: 151px; height: 36px; line-height: 36px; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 15px; text-align: center; text-decoration: none; color: #cacaca; }
#mainMenu ul.mainMenu li a:hover { display: block; width: 151px; height: 36px; line-height: 36px; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 15px; text-align: center; text-decoration: none; color: #ffffff; background: url(pics/bgMainMenuHover.gif) repeat-x;}

/* main menu - sub */
#mainMenu ul.mainMenu li ul { position: absolute; visibility:hidden; top: 36px; left: 0; width: 152px; z-index: 200; background: #000000; filter: alpha(opacity=80);-moz-opacity: .80;opacity: .80; }
#mainMenu ul.mainMenu li ul li { position: relative; float: left; height: 29px; border: none; }
#mainMenu ul.mainMenu li ul li.firstNode { padding-top: 11px; }
#mainMenu ul.mainMenu li ul li.lastNode { padding-bottom: 11px; height: 29px; }
#mainMenu ul.mainMenu li ul li a,
#mainMenu ul.mainMenu li ul li a:visited { display: block; width: 151px; height: 29px; line-height: 29px; overflow: hidden; }
#mainMenu ul.mainMenu li ul li a:hover { display: block; width: 151px; height: 29px; line-height: 29px; background: #141414;  }

/* body */
#hbody { width: 980px; height: auto; clear: both; }
#hbody .hbody { padding: 10px 68px 0px 68px; width: 844px; }
#hbody .hbody .tpl { padding: 27px 0px 70px 0px; width: 844px; }

/* breadcrum */
#breadcrumMenu { position: relative; width: 844px; height: 15px; }
#breadcrumMenu ul.breadcrumMenu { position: relative; width: 844px; height: 15px; list-style: none; }
#breadcrumMenu ul.breadcrumMenu li { position: relative; float: left; padding-left: 20px; height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #626262; background: url(pics/divBreadCrum.gif) 0px 3px no-repeat;  }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 0px; background: none; }
#breadcrumMenu ul.breadcrumMenu li a,
#breadcrumMenu ul.breadcrumMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #626262; }
#breadcrumMenu ul.breadcrumMenu li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #626262; }

/* blocks */
#blocks { position: relative; float: right; display: inline; width: 357px; }

/* blocks - Somfy block */
#somfy { position: relative; float: right; padding: 0px 0px 34px 26px; width: 341px; clear: right; }
#somfy p { margin-top: 26px; }

/* blocks - dealer locator block */
#dealerlocator { position: relative; float: right; padding: 0px 0px 34px 26px; width: 341px; clear: right; }
#dealerlocator p { margin-top: 26px; }
#dealerlocator form { margin:0; padding:10px;  background: url(/skins/default/pics/bgDealerform.gif) repeat-x; }
#dealerlocator form input { width:120px; margin-right:10px; padding:2px; border:1px solid #fff; border-top-color:#8f8f8f; border-right-color:#8f8f8f; }
#dealerlocator form a { padding-right:10px; color:#fff; background: url(/skins/default/pics/bgArrowMoreProduct.gif) no-repeat 100% 50%; }

/* blocks - garantie block */
#garantie { position: relative; float: right; padding: 0px 0px 0px 26px; width: 341px; clear: right; }
#garantie h2 { display: block; height: 68px; line-height: 68px; }
#garantie h2 img { float: left; }
#garantie p { margin-top: 26px; }
#garantie p strong { color: #c8c8c8; }
#garantie span.small { font-size: 11px; }

/* product menu */
#generalMenu { position: relative; float: left; height: 185px; border-top: 1px solid #3b3b3b; }
#generalMenu ul { position: relative; width: 980px; height: 160px; list-style:none; }
#generalMenu ul li { float: left; width: 196px; height: 188px; background: url(pics/bgProductMenuItem2.gif) right no-repeat; }
#generalMenu ul li.node1 a { background: url(pics/bgMenuThreeroll.gif) 20px 50px no-repeat; }
#generalMenu ul li.node2 a { background: url(pics/bgMenuRolluiken.gif) 20px 50px no-repeat; }
#generalMenu ul li.node3 a { background: url(pics/bgMenuUitval.gif) 20px 50px no-repeat; }
#generalMenu ul li.node4 a { background: url(pics/bgMenuTerras.gif) 20px 50px no-repeat; }
#generalMenu ul li.node5 a { background: url(pics/bgMenuScreens3.gif) 20px 50px no-repeat; }
#generalMenu ul li a,
#generalMenu ul li a:visited { display: block; padding: 14px 15px 0px 15px; width: 139px; height: 125px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; text-align: left; color: #ffffff; }
#generalMenu ul li a:hover { display: block; padding: 14px 15px 0px 15px; width: 139px; height: 125px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; text-align: left; color: #ffffff; background: none; }
#generalMenu ul li a:hover b { display: block; }
#generalMenu ul li a b { display: none; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #494949; }
#generalMenu ul li a b span.more { padding-right: 15px; display: block; width: 60px; clear: left; color: #fdc300; background: url(pics/bgArrowMoreProduct.gif) right no-repeat; }

/* news box */
#newsBox { position: relative; float: left; width: 100%; min-height: 213px; border-top: 1px solid #3b3b3b; }
#newsBox .newsBox { padding: 0px 60px 0px 60px; }
#newsBox .newsBox h1 { font-size: 20px; font-weight: normal; color: #bcbcbc; margin: 28px 0px 4px 0px; }
#newsBox .newsBox ul { width: 100%; height: 75px; padding: 8px 0px 28px 0px; }
#newsBox .newsBox ul li { float: left; display: block; width: 410px; height: 75px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: normal; color: #969696; }
#newsBox .newsBox ul li h2 { line-height: normal; }
#newsBox .newsBox ul li h2 a,
#newsBox .newsBox ul li h2 a:visited { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: normal; text-decoration: none; color: #969696; }
#newsBox .newsBox ul li h2 a:hover { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: normal; text-decoration: underline; color: #969696; }
#newsBox .newsBox ul li a.more,
#newsBox .newsBox ul li a.more:visited { padding-right: 8px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #ffffff; background: url(pics/bgNewsMoreLink.gif) right no-repeat; }
#newsBox .newsBox ul li a.more:hover { padding-right: 8px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; color: #ffffff; background: url(pics/bgNewsMoreLink.gif) right no-repeat; }
#newsBox .newsBox ul li.second { margin-left: 40px; }
#newsBox .newsBox ul li.last { display: none; }
#newsBox .newsBox ul li.archive { display: none; }
* html #newsBox { height: 131px; }

/* footer */
#footer { position: relative; float: left; padding-top: 19px; width: 980px; height: 53px; border-top: 1px solid #3b3b3b; text-align: center;  }
#footer ul { height: 13px; overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 0; list-style: none; }
#footer ul li { display: inline; color: #4a4a4a; }
#footer ul li a,
#footer ul li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4a4a4a; text-decoration: none; }
#footer ul li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4a4a4a; text-decoration: underline; }
#footer ul li.lastNode span.div { display: none; }