/* het verspringen in firefox tegengaan door de scrollbar reeds toe te voegen */ 
html {height:100%}
body {min-height:101%}
/* einde scrollbar - - - - - - - - - - - */

body{padding:0px; margin:0px; background:url(i/mainbg.jpg) 0 0 repeat-x #fff; color:#707070; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#top{width:747px; height:152px; position:relative; margin:0 auto; padding:0px;}
#top img{position:absolute; top:5px; left:0px;}
#top ul{width:480px; height:32px; position:absolute; top:70px; right:0px; text-transform:uppercase; text-align:center;}

#bodytop{width:100%;background:#F4F4F4; color:#8D8D8D; float:left; padding:42px 0 0; clear:both;}

#badge {position: absolute; top: 100px; left: 10px;}

#bodytop2{width:747px; position:relative; background:#F4F4F4; color:#707070; margin:0 auto; padding:0px;}
#bodytop2 h2{background:#F4F4F4; color:#a4b6c8; font-size:24px; height:70px; line-height:70px;}
#bodytop2 p{padding:0 38px 11px 0;}

#bodymidden{width:100%;background:#fff; color:#8D8D8D; float:left; padding:22px 0 0; clear:both;}
#bodymidden2{width:747px; height: 120px; position:relative;  margin:0 auto 0 auto; background:#fff; color:#8D8D8D;}

#middencol2{width:210px; float: left;}
#middencol2 ul.block{width:210px; height:100px; padding:0px;}
#middencol2 ul.block li{width:210px; height:100px;}
#middencol2 ul.block li a{width:170px; height:70px; display:block; background:url(i/glossy-button02.jpg) 0 0 no-repeat #FCFCFC; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#middencol2 ul.block li a:hover{background:url(i/glossy-button01.jpg) 0 0 no-repeat #FCFCFC; color:#fff; text-decoration:none;}

#middencol3{width:210px; float: right;}
#middencol3 p.more a:hover{background: url(i/redbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}
#middencol3 ul.block{width:210px; height:100px; padding:0px;}
#middencol3 ul.block li{width:210px; height:100px;}
#middencol3 ul.block li a{width:170px; height:70px; display:block; background:url(i/glossy-button02.jpg) 0 0 no-repeat #FCFCFC; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}
#middencol3 ul.block li a:hover{background:url(i/glossy-button01.jpg) 0 0 no-repeat #FCFCFC; color:#fff; text-decoration:none;}

#footer{height:124px; background:url(i/footbg.jpg) 0 0 repeat-x #eee; color:#fff; clear:both;}
#footerinhoud{width:747px; position:relative; margin:0 auto;}
#footerinhoud p.copyright{ color:#000; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:7px; left:26px;}
#footerinhoud p.created{color:#565656; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:47px; right:26px;}

#tabsF {float:left; background:#efefef; font-size:93%;line-height:normal; border-bottom:1px solid #666;}
#tabsF ul {margin:0; padding:10px 10px 0 50px; list-style:none;}
#tabsF li {display:inline; margin:0; padding:0;}
#tabsF a {float:left; background:url("i/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;}
#tabsF a span {float:left; display:block; background:url("i/tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {color:#000;}
#tabsF a:hover {background-position:0% -42px;}
#tabsF a:hover span {background-position:100% -42px;}
#tabsF li .current  {background-position:0% -42px;}
#tabsF li .current span {background-position:100% -42px;}
.volgende {float: right; font-size: 11px; text-transform: uppercase; font-weight: bold;}
.vorige {float: left; font-size: 11px; text-transform: uppercase; font-weight: bold}
.img_border{padding:10px;border:1px solid #eee;background:#fff;margin-bottom:5px}