html, body { font: 11px Arial, Tahoma, Verdana, sans-serif; padding: 0px; margin: 0px; background: #EDEFE4; }

#container { position: relative; margin: 9px auto; width: 771px; }
#main { float: left; width: 759px; padding: 0px 6px 0px 6px; background: #FFF url(/images/main.gif) repeat-y; }
#leftcontent { float: left; width: 507px; }
#rightcontent { float: left; width: 251px; margin: 0px 0px 0px 1px;}
#header { float: left; width: 752px; height: 65px; margin: 0; padding: 6px 6px 6px 13px; background: url(/images/header.gif); }
#header span {display: none;}

#bc { float: left; width: 499px; height: 22px; background: url(/images/bcbg.gif); color: #FFF; padding: 3px 0px 0px 8px; }
#bc a { color: #FFF; text-decoration: none; }
#bc a:hover { color: #FFF; text-decoration: underline; }
#bc a.start, #bc a:hover.start { font-weight: bold; }

#slideshow{ position: absolute; top: 0px; left: 240px;}

/* NAVIGATION */
#nav { float: left; width: 759px; height: 38px; margin: 0px 0px 1px 0px; }
#nav ul { float: left; width: 759px; margin: 0px; padding: 0px; }
#nav ul li { display: inline; }
#nav ul li a { float: left; width: 125px; height: 25px; margin: 0px 1px 0px 0px; padding: 13px 0px 0px 0px; color: #003456; text-decoration: none; background: #72BEF0 url(/images/navitem.gif) no-repeat; text-align: center; font-weight: bold; }
#nav ul li a.navlast{margin: 0px;}
#nav ul li a:hover { float: left; color: #FFF; text-decoration: none; background: #003D65 url(/images/navitemon.gif) no-repeat; }
#nav ul li a.item { width: 129px; background: #72BEF0 url(/images/navitem1.gif) no-repeat; }
#nav ul li a:hover.item { background: #003D65 url(/images/navitem1on.gif) no-repeat; }

/* TABS */
#tabs { float: left; width: 507px; height: 21px; margin: 1px 0px 0px 0px; }
#tabs ul { float: left; width: 507px; margin: 0px; padding: 0px; list-style: none;}
#tabs ul li { float: left; width: 161px; height: 18px; margin: 0px 1px 0px 0px; padding: 3px 0px 0px 7px; background: #72BEF0 url(/images/tab.gif) no-repeat;}
#tabs ul li a { display: block; width: 145px; padding-left: 15px; color: #FFF; text-decoration: none; font-weight: bold; }
#tabs ul li a:hover, #tabs ul li a.active { color: #003456; text-decoration: none; }
#tabs ul li a.item { width: 162px; margin: 0px; background: #72BEF0 url(/images/tab1.gif) no-repeat; }
#tabs ul li a:hover.item { margin: 0px; }
#tabs a#search { background: url(/images/iconsearch.gif) no-repeat 0px 2px;}
#tabs a#searchoptions{ background: url(/images/iconsearch1.gif) no-repeat 0px 2px;}
#tabs a#top10{ background: url(/images/icontop.gif) no-repeat 0px 2px;}

/* CONTENT */
.box { float: left; width: 503px; border: 1px solid #BFB9A6; background: #EDEFE4; padding: 1px; margin: 1px 0px 0px 0px; color: #292929; }
.box h1 { float: left; margin: 0px; padding: 3px 0px 0px 8px; height: 18px; width: 495px; font-size: 11px; color: #FFF; background: #72BEF0;}
.box h2 { float: left; margin: 0px; padding: 3px 0px 0px 6px; height: 18px; width: 497px; font-size: 11px; background: #BAE4FF; color: #0B456C; clear: both; }

.small h2 { width: 243px; }
.small h1 { width: 243px; padding: 3px 0px 0px 6px; }
.box h2.sub { margin: 1px 0px 0px 0px; }

.small { width: 249px; border: 1px solid #BFB9A6; background: #EDEFE4; padding: 1px; margin: 1px 0px 0px 0px; color: #292929; }
.right {  margin: 1px 0px 0px 1px; }

.box ul { float: left; margin: 0px; padding: 0px 0px 0px 6px; width: 243px; list-style-type: none; }
.box li { float: left; width: 233px; height: 17px; padding: 3px 0px 0px 10px; background: url(/images/bullet.gif) no-repeat left center; list-style: none;}
.box ul li a { color: #292929; text-decoration: none; }
.box ul li a:hover { color: #292929; text-decoration: underline; }

#book {
float: left; width: 251px; height: 121px; background: #FFF url(/images/headbook.gif) repeat-x top; color: #FFF; font-weight: bold; }
#book p { float: left; margin: 0px; padding: 3px 0px 9px 20px; background: url(/images/iconclock.gif) no-repeat 6px 5px;}

#rightcontent div.box { float: left; width: 247px; border: 1px solid #292929; padding: 1px; background: #E3E0D7; color: #292929; }
#rightcontent div.box h1 { float: left; width: 227px; padding: 3px 0px 0px 20px; margin: 0px; height: 18px; background: #292929 url(/images/iconinfo.gif) no-repeat 6px 5px; clear: both; }
#rightcontent div.box h2 { float: left; margin: 1px 0px 5px 0px; padding: 3px 0px 0px 6px; height: 18px; width: 241px; font-size: 11px; background: #BBB640; color: #292929; clear: both; }
#rightcontent div.box p { float: left; margin: 0px; padding: 0px 3px 2px 5px; line-height: 16px;}
#rightcontent p a { color: #292929; text-decoration: underline; }
#rightcontent p a:hover { color: #545454; text-decoration: underline; }

/* FOOTER */
#footerleft { float: left; width: 514px; height: 54px; margin: 0px 0px 4px 0px; background: url(/images/footerleft.gif); }
#footerleft p.copy { float: left; margin: 0px; color: #4C4901; padding: 9px 0px 0px 15px; }
#footerleft p.copy span { font-weight: bold; }
#footerleft p.copy a { color: #4C4901; text-decoration: none; }
#footerleft p.copy a:hover { color: #4C4901; text-decoration: underline; }
#footerleft p.links { float: right; margin: 0px; color: #FFF; text-align: right; padding: 9px 8px 0px 0px; }
#footerleft p.links a { color: #FFF; text-decoration: none; }
#footerleft p.links a:hover { color: #4C4901; text-decoration: none; }
#footerright { float: left; width: 257px; height: 49px; padding: 5px 0px 0px 0px; margin: 0px 0px 4px 0px; background: url(/images/footerright.gif); }

#footerright ul { float: left; width: 257px; height: 33px; margin: 0px; padding: 0px; }
#footerright ul li { display: inline; }
#footerright ul li a { float: left; width: 125px; height: 27px; color: #0B456C; padding: 11px 0px 0px 0px; text-align: center; margin: 0px 1px 0px 0px; background: #72BEF0 url(/images/footeritem.gif) no-repeat bottom; text-decoration: none; font-weight: bold; }
#footerright ul li a:hover { float: left; color: #FFF; background: #003D65 url(/images/footeritemon.gif) no-repeat bottom; text-decoration: none; }

/* OTHERS */
#header img, #book img { float: left; border: 0px; }
#tabs ul li a img { float: left; margin: 2px 5px 0px 0px; border: 0px; }
#header img.banner { float: right; border: 0px; width: 468px; height: 60px; }

br { clear: both; }
form, fieldset {  margin: 0; padding: 0; border: 0;}

select{ float: left;}

.box input.big { font: 11px Arial, Verdana, sans-serif; width: 130px; vertical-align: middle; background: #FFF; margin: 0px 8px 0px 8px; border: 1px solid #7f9db9}
.box select.big { font: 11px Arial, Verdana, sans-serif; width: 130px; vertical-align: middle; background: #FFF; margin: 0px 8px 0px 8px; }
.box select.small { font: 11px Arial, Verdana, sans-serif; vertical-align: middle; background: #FFF; margin: 0px 2px 0px 3px; }
.box select.one { margin: 0px 0px 0px 8px; width: 50px; }
.box select.two { margin: 0px 0px 0px 3px; width: 50px; }
.box ul li { list-style:none;}
.box ul li img { float: right; margin: 2px 0px 0px 0px; }
.box ul li a{ display: block; width: 230px;}
.box ul li a.star5{ background: url(/images/star5.gif) no-repeat center right;}
.box ul li a.star4{ background: url(/images/star4.gif) no-repeat center right;}
.box ul li a.star3{ background: url(/images/star3.gif) no-repeat center right;}
.box ul li a.star2{ background: url(/images/star2.gif) no-repeat center right;}
.box ul li a.star1{ background: url(/images/star1.gif) no-repeat center right;}
.box ul li a span{display: none;}

#rightcontent div.box h2 img { float: right; margin: 2px 0px 0px 0px; }
#rightcontent #book p img { float: left; margin: 0px 5px 0px 0px; }
#rightcontent h1 img { float: left; margin: 2px 4px 0px 0px; }
#rightcontent p img { float: left; border: 1px solid #292929; margin: 2px 5px 0px 0px; }

.box h2 a{display: block}
.box h2 a.star5{ background: url(/images/substar5.gif) no-repeat center right;}
.box h2 a.star4{ background: url(/images/substar4.gif) no-repeat center right;}
.box h2 a.star3{ background: url(/images/substar3.gif) no-repeat center right;}
.box h2 a.star2{ background: url(/images/substar2.gif) no-repeat center right;}
.box h2 a.star1{ background: url(/images/substar1.gif) no-repeat center right;}
.box h2 a span{display: none;}

td.term { text-align: right; padding: 0px 0px 10px 0px; }
td.input { padding: 0px 0px 10px 0px; }
td.sub { text-align: left; padding: 0px 0px 10px 0px; }
td.input a { color: #292929; text-decoration: none; }
td.input a:hover { color: #292929; text-decoration: underline; }
input.submit { font: 10px Tahoma, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; color: #292929; padding: 0px; margin-left: 6px; width: 155px; height: 19px; }

a:link, a:visited, a:active { color: #292929; }
a:hover { color: #787878; }

h1 a:link, H1 a:visited, H1 a:active { color: #FFFFFF; text-decoration: none; }
h1 a:hover { color: #4C9CCE; text-decoration: underline; }

h2 a:link, H2 a:visited, H2 a:active { color: #292929; text-decoration: none; }
h2 a:hover { color: #292929; text-decoration: underline; }

/* SUBPAGES */
.boxzoek { position: relative; float: left; width: 503px; border: 1px solid #BFB9A6; background: #EDEFE4; padding: 1px; margin: 1px 0px 0px 0px; color: #292929; }
.boxzoek h1 { float: left; margin: 0px; padding: 3px 0px 0px 8px; height: 18px; width: 495px; font-size: 11px; color: #FFF; background: #72BEF0; }
.boxzoek h2 { float: left; margin: 0px; padding: 3px 0px 0px 6px; height: 18px; width: 497px; font-size: 11px; background: #BAE4FF; color: #0B456C; }
.boxzoek P { margin: 8px;}
.boxzoek DIV IMG { border: 1px solid #000000; float: left; margin: 0px 5px 5px 5px; }
.boxzoek DIV { float: left; }
.boxzoek DIV.right {width: 310px; }
.boxzoek TD { padding: 4px; }
.boxzoek TABLE { margin: 5px; border: 1px solid #BFB9A6; width: 493px; }

.boxzoek h2 a, .boxzoek h2{display: block;}
.boxzoek h2 a.star5, .boxzoek h2.star5{ background: url(/images/zoekstar5.gif) no-repeat center right #BAE4FF;}
.boxzoek h2 a.star4, .boxzoek h2.star4{ background: url(/images/zoekstar4.gif) no-repeat center right #BAE4FF;}
.boxzoek h2 a.star3, .boxzoek h2.star3{ background: url(/images/zoekstar3.gif) no-repeat center right #BAE4FF;}
.boxzoek h2 a.star2, .boxzoek h2.star2{ background: url(/images/zoekstar2.gif) no-repeat center right #BAE4FF;}
.boxzoek h2 a.star1, .boxzoek h2.star1{ background: url(/images/zoekstar1.gif) no-repeat center right #BAE4FF;}
.boxzoek h2 a span, .boxzoek h2 span{display: none;}


.boeklink { position: absolute; top: 4px; left: 395px;}
.icon { padding: 3px; background: #FFFFFF; border: 1px solid black; margin: 5px; float: right; }

hr { height: 1px; color: #000000; background: #000000; border: 1px solid #000000;}

fieldset {margin-bottom: 5px; float: left}
fieldset label{ display: block; float: left; width: 90px; text-align: right; line-height: 18px; margin-bottom: 10px;}
fieldset label.smallfield{width: 55px;}

table tr.even{background: #B8B9AD;}
table tr.uneven{background: #D5D6CC;}
table td.boekdit{background: #BAE3FD; text-align: center;}

div.options input { float: left;margin-left: 10px;}
div.options label { text-align: left; padding-left: 3px; width: 130px;}

div.eximg {text-align: center;}
div.eximg h1 {text-align: left;}
div.eximg p{text-align: left;}
div.eximg img {margin: 10px 0;}

.warning{color: #d92e00; font-weight: bold;}
a.calendar img {margin-top: 2px; border: 0;}
.aanbevolenimg{width: 75px; height: 56px;}

body#calender
{
margin: 0;
padding: 5px;
background: #EDEFE4;
}

table.calender 
{
float: left;
margin: 0 23px 5px 23px;
}

body#calender table.calender 
{
margin: 0;
}

table.calender th
{
font-weight: bold;
}

body#calender h2
{
margin: 0px 0px 3px 0px; padding: 3px 0px 0px 6px; height: 18px; font-size: 11px; background: #BAE4FF; color: #0B456C;
}

table.calender td
{
width: 16px;
text-align: center;
border: 1px solid #d8d0a6;
}

table.calender a
{
display: block;
text-decoration: none;
width: 100%;
}

table.calender a:hover
{
background: #d8d0a6;
}

table.calender td.disable
{
color: #d8d0a6;
}

body#calender select
{
width: 75px;
margin-right: 2px;
font: 11px Arial, Verdana, sans-serif; 
background: #FFF;
}

.stedenlijst li
{
height: auto;
background: url(/images/bullet.gif) no-repeat 0px 8px;
font-weight: bold;
}

.stedenlijst li li
{
font-weight: normal;
}