/*********************/
/* Reset CSS Section */
/*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
ol, ul{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
a, ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
.left{width: auto; float: left;}
.right{width: auto; float: right;}
.color{color: #37379e;}
/* Body */
body{background: #e2e2e2 url(images/bg.png) repeat-x; text-align: center; font-family: Tahoma; font-size: 12px; color: #5d5d5d; }

#top_options{width: 98%; height: 24px; float: left; line-height: 24px; padding: 0 1%; border-bottom: 1px solid #CBD6F2; font-family: "Verdana";}
#top_options a{color: #1549C1;}
/* Wrapper */
.wrapper{width: 975px; margin: auto; text-align: left;}
/******************/
/* Header Section */
/******************/
#header{width: 975px; height: 110px; float: left;}
/* H1 */
#header h1{background: url(images/logo.png) no-repeat; width: 161px; height: 73px; float: left; margin: 20px 0 0 24px; text-indent: -9999px;}
/* Fieldset */
#header fieldset{width: 691px; height: 50px; float: right; margin: 37px 0 0 0; font-size: 12px; font-weight: bolder;}
/* Radios */
#header fieldset #radios{width: 691px; height: 17px; float: left; line-height: 17px;}
/* Radio */
#header fieldset #radios input[type=radio]{display: none;}
/* Label */
#header fieldset #radios label{margin: 0 27px 0 10px;}
/* Zoekbox */
#header fieldset #zoekbox{background: #a9a9a9; width: 681px; height: 23px; float: left; padding: 5px; position: relative;}
#header fieldset #zoekbox #zltc, #header fieldset #zoekbox #zrtc, #header fieldset #zoekbox #zlbc, #header fieldset #zoekbox #zrbc{
    display: block; position: absolute; width: 5px; height: 5px;
}
#header fieldset #zoekbox #zltc{background: url(images/sprite.png) no-repeat; top: 0; left: 0;}
#header fieldset #zoekbox #zrtc{background: url(images/sprite.png) no-repeat 0 -5px; top: 0; right: 0;}
#header fieldset #zoekbox #zlbc{background: url(images/sprite.png) no-repeat 0 -10px; bottom: 0; left: 0;}
#header fieldset #zoekbox #zrbc{background: url(images/sprite.png) no-repeat 0 -15px; bottom: 0; right: 0;}
/* Input */
#header fieldset #zoekbox input{position: absolute; top: 3px; border: 0;}
/* Text input */
#header fieldset #zoekbox input[type=text]{background: url(images/sprite.png) no-repeat -5px 0; width: 585px; height: 15px; float: left; left: 3px;
                                           font-weight: normal; padding: 6px; vertical-align: middle;}
/* Submit */
#header fieldset #zoekbox input[type=submit]{background: url(images/sprite.png) no-repeat -601px 0; width: 86px; height: 27px; float: right; right: 3px;
                                             color: #f2f2f1;}
/***************/
/* Nav Section */
/***************/
#nav{border-bottom: solid 2px #37379e; width: 975px; height: 15px; float: left; line-height: 15px; color: #37379e;}
/* A */
#nav a{color: #37379e;}

/*********************/
/* Container Section */
/*********************/
#container{width: 975px; float: left; margin: 12px 0 30px 0;}
/* Left */
#container #left{width: 279px; float: left;}
/* Mid */
#container #mid{width: 357px; float: left; margin: 0 5px;}
/* Right */
#container #right{width: 329px; float: right;}
/***** H2 Subsection *****/
#container #left h2, #container #mid h2, #container #right h2{height: 28px; float: left; line-height: 28px; padding: 0 12px;
                                                              font-size: 12px; font-weight: bolder; color: #f2f2f1;}
/* Left h2 */
#container #left h2{background: url(images/sprite.png) no-repeat 0 -27px; width: 255px;}
/* Mid H2 */
#container #mid h2{background: url(images/sprite.png) no-repeat -279px -27px; width: 333px;}
/* Span */
#container #mid h2 span{font-weight: normal;}
/* Right H2 */
#container #right h2{background: url(images/sprite.png) no-repeat -636px -27px; width: 305px;}
/***** Box Subsection *****/
#container #left .box, #container #mid .box, #container #right .box{float: left; padding: 12px; margin: 5px 0 0 0;}
/* Left box */
#container #left .box{background: #fff url(images/leftbox.png) no-repeat; width: 255px; line-height: 18px;}

#container #left .box a:hover{color: #551a8b;}
/* Mid box */
#container #mid .box{background: #fff url(images/midbox.png) no-repeat; width: 333px; line-height: 18px;}
/* Right box */
#container #right .box{background: #fff url(images/rightbox.png) no-repeat; width: 305px;}

#container #right .box a{text-decoration: none; color: #5d5d5d; font-size: 11px; }

/***** Bottombox subsection *****/
#container #left .bottombox, #container #mid .bottombox, #container #right .bottombox{width: 100%; height: 5px; float: left; margin: 0 0 5px 0;}
/* Left bottombox */
#container #left .bottombox{background: url(images/sprite.png) no-repeat 0 -55px;}
/* Mid bottombox */
#container #mid .bottombox{background: url(images/sprite.png) no-repeat -279px -55px;}
/* Right bottombox */
#container #right .bottombox{background: url(images/sprite.png) no-repeat -636px -55px;}

/***** Ul Subsection *****/
#container #left ul{width: 100%; float: left;}
/* Li */
#container #left ul li{background: url(images/arrow-right.png) no-repeat center right; width: 100%; float: left; display: inline;
                       margin: 5px 0; line-height: 25px;}
/* A */
#container #left ul li a{color: #5d5d5d; font-weight: bolder;}
/* Img */
#container #left ul li img{width: 25px; height: 25px; float: left; margin: 0 10px 0 0;}
/***** Button Subsection *****/
#container #left a.button{height: 28px; line-height: 28px; padding: 0 0 0 40px; font-size: 12px; font-weight: bolder; color: #fff;}
/* E-mail */
#container #left a#e-mail{background: url(images/sprite.png) no-repeat 0 -60px; width: 53px;}
/* Shopping */
#container #left a#shopping{background: url(images/sprite.png) no-repeat -93px -60px; width: 70px; }

/***** Newshead subsection *****/
#container #mid .newshead{background: url(images/sprite.png) no-repeat -203px -60px; width: 333px; height: 25px; float: left; line-height: 25px;
                          padding: 0 12px;}
/* A hover */
#container #mid .newshead a:hover{color: #50802b;}
/***** Pagination Subsection *****/
#container #mid .pagination{background: url(images/sprite.png) no-repeat -560px -60px; width: 97px; height: 25px; float: left; line-height: 25px;
                            padding: 0 12px 0 260px;}
/***** Table Subsection *****/
#container #right #table{width: 100%; float: left;}
/* Td */
#container #right #table td{width: 112px; height: 13px; float: left; border-bottom: solid 1px #cbcbcb; font-weight: bold; margin: 0 40px 8px 0;}

/********************/
/* Footerbg Section */
/********************/
#footerbg{background: url(images/footerbg.png) repeat-x; width: 100%; height: 171px; float: left;}
/* H2 */
#footerbg h2{background: url(images/footer.png) no-repeat; width: 951px; height: 28px; float: left; line-height: 28px; color: #fff;
             font-weight: bolder; font-size: 12px; padding: 0 12px; margin: 11px 0 5px 0;}
/* Col */
#footerbg .col{width: 237px; float: left;}
/* Box */
#footerbg #box{background: #fff url(images/footerbox.png) no-repeat; width: 951px; float: left; padding: 0 0 0 24px;}
#footerbg #box a{color: #5d5d5d; line-height: 25px;}
/* Ul */
#footerbg #box ul{list-style: square;}
/* Li */
#footerbg #box ul li{line-height: 20px;}
/* Bottombox */
#footerbg #bottombox{background: url(images/footer.png) no-repeat 0 -28px; width: 975px; height: 5px; float: left;}
/* Footer */
#footerbg #footer{background: url(images/footer.png) no-repeat 0 -33px; width: 955px; height: 29px; float: left; line-height: 29px; color: #fff;
                  font-size: 10px; padding: 0 10px; margin: 5px 0 0 0;}
/* A */
#footerbg #footer a{color: #fff; font-weight: bolder;}
/* Margin */
#footerbg #footer .margin{margin: 0 70px 0 0;}