* { margin: 0; padding: 0; }

/*body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; border: 0; color: #FFFFFF; background: #fff; }*/
body { text-align: center; border: 0; color: #FFFFFF; background: #fff; }


/* holder */
#holder { position: relative; margin: 0 auto; padding-bottom: 20px; width: 995px; height: auto; overflow: hidden; text-align: left; }


/* head */
#hhead { position: relative; float: right; margin-top: 99px; width: 173px; height: auto; z-index: 1; }
#hhead .hhead { position: relative; float: left; margin-left: -38px; width: 211px; min-height: 408px; background: url(pics/bgHead.gif) 38px 0px repeat-y #7a7b7a ; z-index: 2; }
#hhead h1 { position: relative; float: right; display: inline; margin: 48px 11px 0px 0px; }
#hhead h1 a { display: block; width: 150px; height: 45px; background: url(pics/logo.gif) 0 0 no-repeat; }
#hhead h1 a span { display: none; }

#hhead #newsBox { position: relative; float: right; margin-top: 182px; padding: 14px 12px 14px 12px; width: 146px; border-top: 4px solid #b9ea01; }
#hhead #newsBox .newsBox h2 { display: none; }
#hhead #newsBox .newsBox p { font-size: 9px; color: #FFFFFF; line-height: normal; }
#hhead #newsBox .newsBox ul { list-style: none; }
#hhead #newsBox .newsBox ul li { margin-bottom: 10px; }
#hhead #newsBox .newsBox ul li h3 { font-size: 9px; font-weight: normal; color: #FFFFFF; line-height: normal; }
#hhead #newsBox .newsBox ul li a,
#hhead #newsBox .newsBox ul li a:visited { font-size: 9px; color: #b9ea01; text-decoration: none; }
#hhead #newsBox .newsBox ul li a:hover,
#hhead #newsBox .newsBox ul li a.active { font-size: 9px; color: #b9ea01; text-decoration: underline; }

/* body */
#hbody { position: relative; float: left; width: 822px; /*overflow: hidden;*/ }
#hbody #beeldwissel { position: relative; float: right; margin: 0px 38px 29px 0px; display: inline; width: 693px; height: 100px; overflow: hidden; }
#hbody #beeldwissel ul { list-style: none; }
#hbody #beeldwissel img { float: left; }

#hbody .hbody { position: relative; float: left; width: 822px; }
#hbody .hbody #productMenu { position: relative; float: left; padding: 46px 0px; width: 92px; background: #000000; }
#hbody .hbody #productMenu ul.subMenu { position: relative; float: left; margin-left: 8px; display: inline; width: 84px; list-style: none; }
#hbody .hbody #productMenu ul.subMenu li { float: left; text-align: left; }
#hbody .hbody #productMenu ul.subMenu li a,
#hbody .hbody #productMenu ul.subMenu li a:hover,
#hbody .hbody #productMenu ul.subMenu li a:visited { text-align: left; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#hbody .hbody #productMenu ul.subMenu li a.active { text-align: left; color: #FFFFFF; font-weight: bold; text-decoration: underline; }

#hbody .hbody #productMenu ul.subMenu li ul { position: relative; float: left; width: 80px; list-style: none; }
#hbody .hbody #productMenu ul.subMenu li ul li { position: relative; float: left; width: 80px; list-style: none; text-align: left; }
#hbody .hbody #productMenu ul.subMenu li ul li a,
#hbody .hbody #productMenu ul.subMenu li ul li a:visited { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #ada6a3; text-decoration: none; }
#hbody .hbody #productMenu ul.subMenu li ul li a:hover,
#hbody .hbody #productMenu ul.subMenu li ul li a.active { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #b9ea01; text-decoration: none; }


#hbody .hbody .tpl { position: relative; float: left; padding: 0px 60px 20px 45px; width: 625px; background: url(pics/bgBodySlogan.gif) 160px top no-repeat #bcbcbd; }
#hbody .hbody .tpl #breadcrumMenu { position: relative; float: left; width: 625px; height: 47px; text-transform: uppercase; }
#hbody .hbody .tpl #breadcrumMenu b { position: relative; float: left; margin-top: 12px; display: block; width: 14px; height: 4px; overflow: hidden; background: #ffffff; }
#hbody .hbody .tpl #breadcrumMenu ul { position: relative; float: left; clear: left; margin-top: 6px; list-style: none; }
#hbody .hbody .tpl #breadcrumMenu ul li { float: left; padding: 0px 6px 0px 2px; font-size: 9px; color: #fff; background: url(pics/divBreadCrum2.gif) right 6px no-repeat; }
#hbody .hbody .tpl #breadcrumMenu ul li.firstNode { padding-left: 0px; }
#hbody .hbody .tpl #breadcrumMenu ul li.lastNode { background: none; }
#hbody .hbody .tpl #breadcrumMenu ul li a,
#hbody .hbody .tpl #breadcrumMenu ul li a:visited { font-size: 9px; color: #fff; text-decoration: none; }
#hbody .hbody .tpl #breadcrumMenu ul li a:hover { font-size: 9px; color: #fff; text-decoration: underline; }

#hbody .hbody .tpl #content { padding: 0; margin: 0; }

/* footer */
#footer { position: relative; float: right; clear: right; display: inline; margin: 10px 0px 0px 0px; width: 160px; height: auto; }
#footer ul { position: relative; float: left; }
#footer ul li { position: relative; float: left; width: 160px; }
#footer ul li a,
#footer ul li a:visited { font-size: 9px; color: #cac4c2; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-size: 9px; color: #cac4c2; text-decoration: underline; }

/* main menu */
#mainMenu { position: absolute; top: -28px; left: 0px; float: left; }
#mainMenu ul.mainMenu { position: relative; float: left; width: 100%; height: 29px; list-style: none; }
#mainMenu ul.mainMenu li { float: left; display: inline; margin: 0px 15px; }
#mainMenu ul.mainMenu li a,
#mainMenu ul.mainMenu li a:visited { height: 29px; font-size: 9px; color: #ada6a3; text-decoration: none; text-transform: uppercase; line-height: 29px; }
#mainMenu ul.mainMenu li a:hover,
#mainMenu ul.mainMenu li a.mouse,
#mainMenu ul.mainMenu li a.active { height: 29px; font-size: 9px; color: #000000; text-decoration: none; text-transform: uppercase; line-height: 29px; }

#mainMenu ul.mainMenu li ul { position: absolute; top: 29px; left: -10px; padding: 5px 0px; width: 160px; background: #918884; }
#mainMenu ul.mainMenu li ul li { position: relative; float: left; margin: 0; padding: 0px 10px; width: 140px; height: 20px; }
#mainMenu ul.mainMenu li ul li a,
#mainMenu ul.mainMenu li ul li a:visited { font-size: 9px; color: #ffffff; text-decoration: none; text-transform: uppercase; line-height: 20px; }
#mainMenu ul.mainMenu li ul li a:hover,
#mainMenu ul.mainMenu li ul li a.active { font-size: 9px; color: #ada6a3; text-decoration: none; text-transform: uppercase; line-height: 20px; }
