html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; background: #C4E8F6 url(images/bg.gif) repeat-x top; font: 11px Tahoma, Arial, Verdana; }

table, tr, td, div { color: #003A48; }

* #container { height: 100%; }
#container { position: relative; margin: 0px auto; background: #FFF; min-height: 100%; width: 780px; }

#base { float: left; width: 780px; padding: 6px 0px 0px 0px; background: #FFF url(images/top.gif) no-repeat top; }
#nav { float: left; width: 780px; height: 33px; text-align: right; background: #A5D556 url(images/navbg.gif) repeat-x; }

#leftcontent { float: left; width: 167px; padding: 1px 0px 0px 5px; }
#content { float: left; width: 604px; padding: 4px 4px 5px 0px; }

#leftpic { background: URL(images/bgtop.gif) center top no-repeat; height: 100%; }
#rightpic { position: absolute; margin-right: -400px;  margin-top: 0;  top: 0%; right: 50%; } 

/* bijgevoegd 21/03/07 door Sander */
h2.top {
   font-family:  Arial;
   font-size: 21px;
   margin-top: 28px;}

h2.toptxt {
   font-family: Arial;
   font-size: 21px;
   line-height: 30px;
   margin: 20px 0px 0px 10px;
   float: left; }

img.prijs {
   float: left; }
   

/* HEADER */
#header { float: left; width: 615px; height: 114px; background: #5DC7DD url(images/header.gif) no-repeat right bottom; }
#header div.form { float: right; margin: 0px; width: 326px; height: 42px; color: #5F9506; font-weight: bold; padding: 41px 90px 0px 0px; text-align: right; }

#topnav { float: left; width: 615px; height: 31px; text-align: right; background: url(images/topbg.gif) repeat-x top; }

#topstats { float: right; width: 190px; height: 19px; padding: 12px 15px 0px 0px; background: url(images/top_statistiek.gif) no-repeat; }
#topstats a, #loginbox a, #loguitbox a { color: #02A0C6; text-decoration: underline; }
#topstats a:hover, #loginbox a:hover, #loguitbox a:hover { color: #02A0C6; text-decoration: none; }

#loginbox { float: left; width: 157px; height: 86px; padding: 28px 0px 0px 8px; background: url(images/loginbox.gif) no-repeat; }
#loguitbox { float: left; width: 157px; height: 86px; padding: 28px 0px 0px 8px; background: url(images/ingelogdals.gif) no-repeat; }

/* LEFTCONTENT */
#leftcontent ul, #leftcontent div.leftbox ul{ float: left; width: 163px; list-style-type: none; margin: 0px; padding: 0px; }
#leftcontent li { float: left; width: 145px; height: 18px; padding: 4px 0px 0px 18px; font-weight: bold; color: #006077; margin: 0px; background: #87DFEE url(images/bullet1.gif) no-repeat left center; }
#leftcontent li.even { background: #6FD0E1 url(images/bullet2.gif) no-repeat left center; }
#leftcontent div.leftbox li { float: left; width: 145px; height: 18px; font-weight: bold; padding: 4px 0px 0px 18px; margin: 0px; background: #9CCE4A url(images/bullet3.gif) no-repeat left center; }
#leftcontent div.leftbox li.even { background: #AEDC61 url(images/bullet4.gif) no-repeat left center; }
#leftcontent a { color: #006077; font-weight: normal; text-decoration: none; }
#leftcontent a:hover { color: #006077; font-weight: normal; text-decoration: underline; }
#leftcontent div.leftbox { float: left; width: 163px; margin: 5px 0px 0px 0px; background: #AEDC61; }
#leftcontent div.leftbox2 { float: left; width: 163px; margin: 5px 0px 5px 0px; background: #6FD0E1; }
#leftcontent div.leftbox a { color: #527D0C; text-decoration: none; }
#leftcontent div.leftbox a:hover { color: #527D0C; text-decoration: underline; }
#leftcontent li.desc { float: left; width: 158px; height: auto; font-weight: normal; padding: 3px 0px 5px 5px; margin: 0px; line-height: 16px; background: #6FD0E1; }
#leftcontent li.desc a { text-decoration: underline; }
#leftcontent li.desc a:hover { text-decoration: none; }

/* CONTENT */
#content h1.top { float: left; margin: 0px; padding: 15px 64px 0px 0px; width: 540px; height: 40px; text-align: right; font-size: 19px; color: #02A0C6; background: #CEE9F5 url(images/head_content.gif); }
#content h1.top img { position: absolute; margin-top: -7px; margin-right: 13px; right: 0; }

div.contentbox { float: left; width: 592px; color: #003A48; line-height: 15px; padding: 1px 6px 0px 6px; margin: 0px; text-align: left; background: #E1F2F9 url(images/contentboxbg.gif) repeat-y; }
div.contentbox h1 { float: left; margin: 15px 0px 0px 0px; padding: 3px 0px 0px 18px; width: 574px; height: 19px; color: #5F9506; font-size: 11px; background: #CFEAC5 url(images/subhead_content.gif) no-repeat; }	
div.contentbox h1.none { margin-top: 0px; }
div.contentbox p { float: left; margin: 0px; padding: 6px 15px 6px 6px; }
div.contentbox a { color: #003A48; text-decoration: underline; }
div.contentbox a:hover { color: #076379; text-decoration: none; }

div.adbox { float: left; width: 592px; color: #003A48; line-height: 15px; padding: 1px 6px 0px 6px; margin: 0px; text-align: left; background: #E1F2F9 url(images/contentboxbg.gif) repeat-y; }
div.adbox h1 { float: left; margin: 15px 0px 0px 0px; padding: 3px 0px 0px 18px; width: 574px; height: 19px; color: #5F9506; font-size: 11px; background: #CFEAC5 url(images/subhead_content.gif) no-repeat; }	
div.adbox h1.none { margin-top: 0px; }
div.adbox p { float: left; margin: 0px; padding: 6px 15px 6px 6px; }
div.adbox a { color: #003A48; text-decoration: underline; }
div.contentbox a:hover { color: #076379; text-decoration: none; }

/* FOOTER */
#footer { float: left; width: 770px; border-left: 5px solid #FFF; border-right: 5px solid #FFF; height: 33px; margin: 0px 0px 5px 0px; color: #3C6100; background: #ADDC60 url(images/footer.gif) no-repeat center; }
#footer p.left { float: left; margin: 0px; padding: 9px 0px 0px 9px; }
#footer p.right { float: right; margin: 0px; padding: 9px 10px 0px 0px; }
#footer a { color: #3C6100; text-decoration: none; padding: 0 7px 0 7px; }
#footer a:hover { color: #3C6100; text-decoration: underline; }

/* OTHERS */
br { clear: both; }
form { margin: 0px; }

#header img, #content img.top, #topnav img.left, #nav img.left, #leftcontent div.leftbox img  { float: left; border: 0px; }
#content img.banner { float: left; border: 0px; width: 468px; height: 60px; margin: 0px 0px 0px 60px; }
#topnav img { float: right; border: 0px; height: 31px; }
#nav img { float: right; border: 0px; height: 33px; }
#leftcontent img.bottom { float: left; margin-top: -3px; height: 3px; }
#content img.bottom { float: left; width: 604px; height: 5px; margin: 0px 0px 5px 0px; }
.highlight:hover img {  float: right; border: 0px; height: 31px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); -moz-opacity: .55; opacity:.55; }

img.spacer { width: 5px; height: 33px; background: #FFF; }
img.signup { float: left; border: 0px; margin: 5px 0px 0px 0px; }

input.text { _float: left; background: #FFF url(images/inputbg.gif) repeat-x; width: 97px; border: 0px; padding: 3px 0px 0px 3px; margin: 0px 0px 7px 3px; font: 11px Tahoma, Arial, Verdana, sans-serif; color: #02A0C6; }
input.submit { border: 0px; margin: -2px 0 1px 10px; _margin: 0 0 0 6px; }

span.link { float: right; margin: 0px; padding: 7px 17px 0px 0px; }

/* DIVERSE CONTENT PAGINAS */
input, textarea, select { font-family: Tahoma, Verdana; font-size: 11px; color: #1D3D67; border:1px solid #708EB6; background: #FFFFFF; }
.subm { font-size: 10px; font-weight: bold; text-transform: uppercase; background: #018EB0; color: #FFFFFF; border: 1px solid #004D60; padding: 1px 0 1px 0; margin: 5px 0 0 0; }

.nieuws { margin: 5px 0 0 0; }
.nieuws TD { border: 1px solid #ADD2E2; padding: 3px 5px 3px 5px; vertical-align: top; }

.nieuwsartikelen { margin: 5px 0 0 0; }
.nieuwsartikelen TD { padding: 3px 5px 3px 5px; vertical-align: top; }

.rubriek { width: 298px; background: URL(images/rubriek_back.gif); vertical-align: top; }
.rubriek_klik { background: URL(images/rubriek_klik.gif); color: #FFFFFF; font-weight: bold; padding: 8px 0 12px 23px; wi}
.rubriek_top { background: URL(images/rubriek_top.gif); color: #FFFFFF; font-weight: bold; padding: 8px 0 12px 23px; wi}
.rubriek_ad { background: URL(images/rubriek_back2.gif) repeat-x top; padding: 0 5px 0 5px; width: 287px; height:118px; }
.rubriek_pic { float: left; padding: 5px 0 0 0; }
.rubriek_pic DIV { background: URL(images/verdien.gif); font-weight: bold; text-transform: uppercase: font-size: 10px; padding: 4px 0 6px 0; margin: 1px 0 0 0; }
.rubriek_pic DIV a { color: #FFFFFF; text-decoration: none; }
.rubriek_pic DIV a:hover { color: #C9E7F4; text-decoration: none; }
.rubriek_banner { padding: 5px 0 0 0; }
.rubriek_banner DIV { background: URL(images/verdien_banner2.gif); background-repeat:no-repeat; background-position:center; font-weight: bold; text-transform: uppercase: font-size: 10px; padding: 5px 0 5px 0; margin: 1px 0 0 0; }
.rubriek_banner DIV a { color: #FFFFFF; text-decoration: none; }
.rubriek_banner DIV a:hover { color: #C9E7F4; text-decoration: none; }

.rubriek_kop2 { float: left; color: #006077; padding: 2px 5px 0 7px; line-height: 16px; width: 150px; }
.rubriek_kop2 div { margin: 0 0 6px 0; font-weight: bold; }
.kop2 { background: URL(images/verdien2.gif); font-weight: bold; text-transform: uppercase: font-size: 10px; padding: 5px 0 5px 0; margin: 1px 0 0 0; }
.rubriek_kop3 { float: left; color: #006077; padding: 4px 4px 0 4px; line-height: 16px; }

.ledenmenukop { background: URL(images/leden_kop.gif); padding: 9px 0 4px 9px; font-weight: bold; color: #FFFFFF; width: 138px; }
.ledenmenukop IMG { margin: -1px 0 0 0; float: left; }
.ledenmenu { line-height: 16px; background: URL(images/ledenback.gif); padding: 2px 0 0 10px; vertical-align: top; }
.ledenmenu a { color: #006077; text-decoration: none; }
.ledenmenu a:hover { color: #006077; text-decoration: underline; }
.ledenmenu B { font-weight: normal; color: #8FBED1; font-family: arial; font-size: 11px; padding: 0 2px 0 0; }

table { float: left; }

.doemeewin { background: #88C02D URL(images/doemeewinback.gif) no-repeat bottom; width: 153px; padding: 5px; color: #325100; text-align: center; }
.winimg { border: 1px solid #58860E; background: #FFFFFF; padding: 1px; margin: 5px 0 5px 0; }
.winimg2 { border: 1px solid #00778C; background: #FFFFFF; padding: 1px; margin: 10px; }