html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #323232;
margin: 0;
padding: 0;
text-align: center;
background: #E8E8E8 url(../img/bg_body.jpg) repeat-x 0 0;
}
#container, #subcontainer, #footer, #subfooter {
margin: 0;
padding: 0;
}
#container { width: 100%; text-align: center; background: #FFFFFF url(../img/bg_container.jpg) repeat-x 0 0; }
#subcontainer { width: 900px; margin: 0px auto; text-align: left; position: relative;}
#footer { width: 100%; height: 230px; text-align: center; background: #E8E8E8 url(../img/bg_footer.jpg) repeat-x 0 0;}
#subfooter { width: 900px; margin: 0px auto; text-align: left; position: relative;}
#header, #logo, #flashheader, #topnav,
#left, #minheight, #content, #websteen {
margin: 0;
padding: 0;
text-align: left;
}
#header { width: 900px; height: 210px;}
#logo { position: absolute; width: 200px; height: 86px; left: 13px; top: 32px;}
#flashheader { position: absolute; width: 500px; height: 180px; padding: 10px; left: 240px; top: 7px; background-color: #fff; border: 1px solid #A7B0B7;}
#topnav { position: absolute; width: 115px; left: 790px; top: 40px;}
#left { float: left; display: inline; width: 220px; padding: 40px 0 30px 0;}
#minheight { float: left; width: 25px; height: 500px;}
#content { float: left; width: 510px; padding: 10px 0 30px 0;}
#crumbs { float: left; }
#language { float: right;}
#websteen { width: 900px; height: 30px; text-align: right; margin: 0px auto;}
.clear { clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}
/* Typografie Styles */
h1, h2, h3 { font-style: normal; margin: 0; padding: 0; line-height: 120%; font-weight: bold; }
p, address { font-style: normal; margin: 0; padding: 0; line-height: 150%;}
img { margin: 0; padding: 0; border: 0;}
ul, ol, li { margin: 0; padding: 0; line-height: 150%;}
h1 { font-size: 20px; color: #008B7A; margin: 15px 0px 10px 0px; font-weight: normal;}
h2 { font-size: 14px; color: #008B7A; margin: 20px 0px 0px 0px;}
h3 { font-size: 12px; color: #008B7A; margin: 7px 0px 0px 0px;}
p { margin: 0 0 12px 0;}
a { color: #008B7A; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline;}
img { margin: 0; padding: 0; border: 0; }
img.left { float: left; padding: 3px; margin: 0 10px 5px 0; border: 1px solid #999;}
img.right { float: right; padding: 3px; margin: 0 0 5px 10px; border: 1px solid #999;}
ul { margin: 10px 0px 12px 20px;}
ul ul { margin: 0px 0px 0px 20px;}
ul li { list-style: square;}
ul li li { list-style: circle;}
/* Nieuwsitems */
div.nieuwsitem p { padding-top: 7px;}
div.nieuwsitem img.left { margin: 3px 10px 0 0;}
/* Agenda styles */
ul.agendaitems li span { color: #323232; }
/* Productlist Styles */
#content .productlist { width: 100%; border-collapse: collapse; font-size: 11px;}
#content .productlist th { background-color: #666; color: #fff; padding: 3px;}
#content .productlist td { border-bottom: 1px solid #666; padding: 3px; vertical-align: top;}
/* Topnav styles */
#topnav ul { margin: 0; padding: 0; list-style: none;}
#topnav ul li { margin: 0; padding: 0; list-style: none;}
#topnav ul li a { margin: 0; padding: 0; text-decoration: none; display: block; color: #999; width: 115px; height: 22px; line-height: 22px; font-size: 10px;}
#topnav ul li a:hover { color: #A7B0B7; text-decoration: none;}
/* Crumbs */
#crumbs p { font-size: 10px; color: #999; height: 16px; line-height: 16px; margin: 0; padding: 0;}
#crumbs a { color: #999; text-decoration: underline;}
#crumbs a:hover { color: #008B7A;}
/* Footer Styles */
#newsblock { position: absolute; width: 290px; height: 160px; left: 0px; top: 15px;}
#agendablock { position: absolute; width: 290px; height: 160px; left: 305px; top: 15px;}
#productsblock { position: absolute; width: 290px; height: 160px; left: 610px; top: 15px;}
#subfooter address { position: absolute; width: 900px; height: 30px; top: 188px; text-align: center; font-style: normal; font-size: 10px; line-height: 30px; margin: 0; padding: 0; }
#subfooter h2 { color: #008B7A; font-size: 18px; font-weight: normal; text-align: center; margin: 0; padding: 0 0 3px 0;}
#subfooter table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; font-size: 11px;}
#subfooter table th { color: #008B7A; padding: 3px; font-size: 11px; font-weight: bold; text-align: left; border-bottom: 1px solid #A7B1B7; border-top: 1px solid #A7B1B7;}
#subfooter table td { color: #323232; padding: 3px; font-size: 11px; line-height: 100%;}
#subfooter table a { color: #323232;}
#subfooter table a:hover { color: #000000;}
#subfooter a.more { color: #008B7A; font-size: 10px; line-height: 170%;}
#subfooter a.more:hover { color: #000000;}
/* Websteen.nl Styles */
#websteen a { font-size: 9px; padding-right: 25px; color: #666; text-decoration: none; }
#websteen a:hover { text-decoration: underline;}
/* Paging styles */
#WsPager { font-family: Arial, Helvetica, sans-serif; clear: both; text-align: right; margin: 0; padding: 5px; font-size: 11px; font-weight: bold; }
#WsPager a { padding: 2px 4px; margin: 0px 2px; border: 1px solid #008B7A; color: #008B7A; text-decoration:none; }
#WsPager span { padding: 2px 4px; margin: 0px 2px; border: 1px solid #008B7A; background: #008B7A; color: #FFF; }
#WsPager a:hover { border: 1px solid #008B7A; background: #008B7A; color: #FFF; text-decoration: none;}
/* Navigatie styles */
#nav { margin: 10px 15px; padding: 0; width: 190px;}
#nav ul { margin: 0; padding: 0; list-style: none;}
#nav li { margin: 0; padding: 0; list-style: none;}
#nav a { display: block; text-decoration: none; width: 190px; margin: 0; padding: 0;}
#nav a:hover { text-decoration: none; }
#nav ul li a { color: #008B7A; height: 28px; line-height: 28px; font-size: 13px; text-indent: 25px; border-bottom: 1px solid #A7B0B7; background: url(../img/bg_nav_li.jpg) no-repeat 0 50%;}
#nav ul li ul li a { color: #008B7A; height: 26px; line-height: 26px; font-size: 13px; text-indent: 45px; border-bottom: 1px solid #A7B0B7; background: url(../img/bg_nav_li.jpg) no-repeat 20px 50%;}
#nav ul li a.active { font-weight: bold;}
#nav ul li ul li a.active { font-weight: bold;}
#nav ul li a:hover { font-weight: bold;}
#nav ul li ul li a:hover { font-weight: bold;}