* { padding: 0px; margin: 0px; }
body { background: #fff; font-size: 12px; font-family: "Arial Unicode MS", helvetica, sans-serif; color: black; line-height: 18px; }
a { color: #C0BCBD; text-decoration: underline; }
a:hover { color: #E37A09; text-decoration: none; }
sup { font-size: 0.5em; }
p { margin-bottom: 0; }
img { border: none }

ul.linklist { list-style: none; }
ul.linklist li { border-top: solid 1px #EEEEEE; padding-top: 5px; margin: 5px 0px 0px 0px; }
ul.linklist li.first { border-top: 0px; margin-top: 0px; padding-top: 0px; }

div.top { position: relative; top: 0px; left: 0px; background: #fff; width: 900px; height: 90px; z-index: 1; }
div.topmenu { padding: 20px 8px 0 0; text-align: right; }
div.topmenu a { color: #E37A09; text-decoration: none; }
div.topmenu a:hover { color: #283c74; text-decoration: none; } 
div.logo { height: 80px; background: #fff; }
img.logo { position: absolute; padding: 10px 0 0 10px; }

div.container { position: relative; width: 900px; margin: 0 auto; background: #fff; }
div.main { position: relative; z-index: 2; border: 1px solid #dcdcd0; }

div.topbar { width: 898px; height: 130px; color: #fff; font-weight: bold; }
div.topbar div.slogan { margin: 30px 100px; padding-top: 5px; text-align: center; float: right; font-family: Arial; }
div.topbar div.slogan h4 { letter-spacing: 5px; line-height: 30px; color: #faab4d; }

div.menu { position: absolute; margin-top: 106px; width: 898px; height: 22px; background: transparent; }
div.menu ul {}
div.menu div.mainmenu { margin-top: 6px; text-align: center; }
div.menu div.mainmenu a { padding: 2px 6px 2px 6px; font-size: 12px; color: #fff; text-decoration: none; border-left: 2px solid #fff;}
div.menu div.mainmenu a:hover { color: #283c74; text-decoration: none; font-size: 12px; }
div.menu div.mainmenu a.current { color: #283c74; background-color: #fff; text-decoration: none; font-size: 12px; }

div.subbar { padding-top: 10px; width: 180px; min-height: 60px; }
div.submenu	{ padding-left: 10px; padding-top: 0px; min-height: 20px; font-size: 12px; }
div.submenu a { color: #f68a20; text-decoration: none; }
div.submenu a:hover { color: #283c74; background: #efefef; }
div.submenu a.current { font-weight: bold; color: #283c74; }
.submenuitem { margin-top: 3px; display: block; padding: 0 5px; text-align: left; }

div.submenu div.subsub a { color: #f68a20; text-decoration: none; }
div.submenu div.subsub a:hover { color: #283c74; }
div.submenu div.subsub a.current { color: #283c74; font-weight: lighter; }
.subsubmenuitem { margin-top: 0px; display: block; padding: 0 5px 0 15px; text-align: left; }

div.date { position: absolute; line-height: 42px; color: #283c74; right: 10px; font-size: 12px; }

.content { position: relative; padding-left: 20px; width: 500px; min-height: 420px; float: left; }
.content h3 { position: relative; top: 10px; font-size: 18px; line-height: 25px; color: #283c74; background: url('../_images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 15px; margin-bottom: 20px; }
.content .content { padding: 0px 15px 0px 15px; margin-bottom: 20px; }
.content .post { margin-bottom: 30px; }
.content .post .header { position: relative; }
.content .post .date { position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; }
.content .post .content { margin-bottom: 0px; }
.content .post .footer { position: relative; top: -10px; background: url('../_images/a33.gif') repeat-x; height: 64px; }
ul { margin-left: 25px; }

#leftbar { position: relative; width: 180px; float: left; }
#leftbar h3 { position: relative; top: 10px; font-size: 16px; line-height: 25px; color: #283c74; letter-spacing: -1px; background: url('../_images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 10px; margin-bottom: 20px; }
#leftbar .news-content { padding: 0px 10px 0px 10px; margin-bottom: 20px; }

#rightbar { position: relative; width: 180px; float: right; }
#rightbar h3 { position: relative; top: 10px; font-size: 16px; line-height: 25px; color: #283c74; letter-spacing: -1px; background: url('../_images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 10px; margin-bottom: 20px; }
#rightbar .news-content { padding: 0px 10px 0px 10px; margin-bottom: 20px; }

#footer { position: relative; clear: both; height: 30px; text-align: center; line-height: 30px; background-image: url('../_images/a50.gif'); color: #E37A09; }
div.footermenu { text-align: center; }
div.footermenu a { color: #E37A09; text-decoration: none; }
div.footermenu a:hover { color: #283c74; text-decoration: none; } 

/* Buttons */
div.bannersLeft { margin: 20px 0 10px 0; width: 180px; }
div.bannersRight { margin: 42px 0 10px 0; width: 180px; }
div.buttonLeft { position: relative; display: inline; margin: 0 10px 10px 10px; float: left; }
div.buttonRight { position: relative; display: inline; margin: 0 10px 10px 10px; }
div.button-text { position: absolute; display: inline; width: 140px; height: 55px; top: 5px; left: 5px; padding: 5px; font-size: 17px; font-family: Verdana;  }
div.button-text p { margin-bottom: 3px; }



/* Portal */
div.testimonial, 
div.klantportal { padding-left: 10px; margin-bottom: 10px; }


table.ProductForms { float: left; }
div.login { padding-left: 10px; height: 120px; }
div.loginbutton { margin-top: 5px; padding-left: 108px; }

/* Testimonial */

div.testimonial { min-height: 80px; }
div.testimonial a { color: #E37A09; text-decoration: none; }
div.testimonial a:hover { color: #283c74; text-decoration: none; }
div.blockcontent { padding-left: 10px; margin-bottom: 10px; }

/* Portal styles */
.producten th,
.berichten th,
.documenten th { text-align: left; }
h3.product-thema { font-size: 16px; background: none; padding: 0; margin-bottom: 5px; }