* { font-family: Verdana, Arial, Helvetica, sans-serif; }
body { background: #fff; margin: 15px 10px 28px 10px; padding: 0; background: url(../_img/bg.gif) repeat-x; color: #000; font-size: 11px; line-height: 16px;  }
form { display: inline; }
td, th { vertical-align: top; }
img { border: 0; }
legend { display: none; }
fieldset { border: 0; margin-bottom: 16px; margin: 0; padding: 1px; display: inline; }
input, select, textarea { font-size: 11px; }

p { margin: 0 0 16px 0; }
ul { margin-top: 0; margin-bottom: 16px; }
ol { margin-top: 0; margin-bottom: 16px; }

img.right { display: block; float: right; margin: 0 0 6px 6px; }
img.left { display: block; float: left; margin: 0 0 6px 6px; }

h1 { font-size: 15px; margin: 0 0 2px 0; color: #BF191A; }
h2 { font-size: 11px; font-weight: bold; margin: 0; color: #BF191A; }
h3 { font-size: 11px; margin: 0; }
h4 { font-size: 11px; margin: 0; }
h5 { font-size: 11px; font-weight: normal; margin: 0; }
h6 { font-size: 11px; margin: 0; }

a { color: #2a82ae; text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { background: url(../_img/li.gif) no-repeat 0 2px; padding-left: 13px; }
a.active { color: #000; }

label { color: #2a82ae; cursor: pointer; }
.focus { color: #BF191A; }

table { margin-bottom: 16px; width: 100%; border-collapse: collapse; border-spacing: 0; }
th { padding: 3px; font-weight: bold; text-align: left; vertical-align: top; }
td { padding: 3px; }

tr.even { background-color: #eef7fb; }

.clear { clear: both; }

p.button { text-align: right; }

ul.horLinkList { list-style-type: none; margin: 0; padding: 0; }
ul.horLinkList li { display: block; float: left; padding: 0 8px 0 11px; background: url(/_img/div_li.gif) no-repeat 0 4px; }
ul.horLinkList li:first-child, ul.horLinkList li.first { background-image: none; padding-left: 0; }

ul { list-style-type: none; margin: 0; padding: 0; }
ul li { background: url(/_img/li.gif) no-repeat 0 4px; padding-left: 13px; }
ul li.active { background-image: url(/_img/li_active.gif); }

hr { clear: both; border: 0; height: 1px; color: #d6d6d6; background-color: #d6d6d6; }

img.left { display: block; float: left; margin: 5px 12px 5px 0; } 
img.right { display: block; float: right; margin: 5px 0 5px 12px; } 

#container { width: 980px; margin: 0 auto; z-index: 1; }
#header { position: relative; height: 240px; background: url(/_img/bg_header.gif) no-repeat; }
h1#title { position: absolute; z-index: 2; top: -5px; left: 20px; margin: 0; padding: 0; background-image: none; }
h1#title a { display: block; width: 329px; height: 177px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-image: url(/_img/boeken-voor-boeken.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/boeken-voor-boeken.png', sizingMethod='fixed'); z-index: 1; }
h1#logo { position: absolute; top: 60px; left: 700px; margin: 0; padding: 0; }

#nav { position: absolute; top: 179px; color: #666; height: 21px; margin-left: 20px; }
#nav a {  }

#main { width: 980px; min-height: 300px; background: url(/_img/bg_main.gif) repeat-y;  }
#content1 { float: left; position: relative; width: 620px; _height: 440px; min-height: 440px; padding-left: 20px; }
#content2 { float: right; position: relative; width: 280px; _height: 440px; min-height: 440px; padding-right: 20px; }

#footer { clear: both; position: relative; width: 980px; height: 22px; background: url(/_img/bg_footer.gif) repeat-x; padding-top: 26px; }
#fnav { float: left; width: 600px; }
#fnav a { color: #333; font-size: 0.9em; }
#copyright { float: right; width: 300px; text-align: right; font-size: 0.9em; color: #666; }

#content ul, #content ol { margin-bottom: 16px; }

.col1 { float: left; width: 300px; }
.col2 { float: right; width: 300px; }

#intro { margin-bottom: 20px; min-height: 180px; line-height: 20px; }
#ouders-en-leerkrachten { float: right; width: 154px; height: 154px; margin: 0px 0 0 40px; }

.item-home { position: relative; width: 300px; height: 200px; background: url(/_img/bg_item_home.gif) no-repeat; margin-bottom: 20px; }
.item-home-content { position: absolute; left: 9px; top: 10px; width: 184px; }
.item-home-image { position: absolute; left: 194px; top: -32px; }
.item-home-action { position: absolute; left: 75px; top: 158px; }

.banner-home { position: relative; width: 620px; height: 80px; background: url(/_img/bg_banner_home.gif) no-repeat; margin-bottom: 20px; }
.banner-home-content { position: absolute; left: 9px; top: 10px; width: 300px; }
.banner-home-image { position: absolute; left: 320px; top: -7px; }
.banner-home-action { position: absolute; left: 530px; top: 18px; }

#timmie-home { display: block; position: absolute; top: -50px; left: 20px; }



#ani-wrapper { position: absolute; top: -50px; left: -21px; width: 320px; height: 500px; overflow: hidden; }
#ani-wrapper .ani {position: absolute; left: -165px; top: -180px; }



.thumbs { position: relative; margin-bottom: px; width: 600px; height: 100px; background: url(/_img/bg_thumbs.gif) no-repeat; margin-bottom: 15px; padding: 10px; }
.thumbs .info { float: left; color: #666; width: 150px; }
.thumbs .info h3 { font-size: 15px; margin: 0 0 2px 0; color: #BF191A; }
.thumbs .images { float: right; width: 450px; text-align: right; }
.thumbs ul { float: right; list-style-type: none; margin: 0; padding: 0; xwidth: 450px; }
.thumbs ul li { float: left; margin: 0 0 0 10px; padding: 0; background-image: none; }
.thumbs ul li a { display: block; }


.top10-item { width: 620px; height: 40px; margin-bottom: 10px; background: url(/_img/bg_top10.gif) no-repeat; }
.top10-item table { margin: 0; }
.top10-item td { padding: 0; height: 40px; vertical-align: middle; }
.top10-item td.nr { width: 40px; background: url(/_img/bg_nr.png) no-repeat; text-align: center; color: #fff; font-size: 15px; font-weight: bold; }
.top10-item td.school { font-size: 14px; font-weight: bold; color: #BF191A; padding-left: 16px; width: 250px; }
.top10-item td.city { color: #666;  }
.top10-item td.cnt { font-size: 14px; font-weight: bold; color: #BF191A; padding-right: 50px; width: 60px; text-align: right; background: url(/_img/icon_boeken.gif) no-repeat 70px 7px; }


.download { position: relative; margin-bottom: 20px; width: 280px; height: 180px; background: url(/_img/bg_download.gif) no-repeat; text-align: center; padding: 10px; }
.download a { position: absolute; left: 86px; top: 155px; } 


/*
.item { width: 300px; margin-bottom: 16px; }
.item .itemHeader { height: 8px; background: url(/_img/bg_item_header.gif) no-repeat; }
.item .itemFooter { height: 8px; background: url(/_img/bg_item_footer.gif) no-repeat; }
.item .itemContent { background: url(/_img/bg_item_content.gif) repeat-y; padding: 2px 10px; width: 280px; _height: 186px; min-height: 186px; }
.item h6 { padding-bottom: 5px; margin-bottom: 4px; background: url(/_img/hr_dots.gif) repeat-x bottom; }

.items { width: 620px; margin-bottom: 16px; }
.items .itemsHeader { height: 8px; background: url(/_img/bg_items_header.gif) no-repeat; }
.items .itemsFooter { height: 8px; background: url(/_img/bg_items_footer.gif) no-repeat; }
.items .itemsContent { background: url(/_img/bg_items_content.gif) repeat-y; width: 620px; }
.items .itemsContent table { margin-bottom: 0; }
.items .itemsContent .content { padding: 0 10px; width: 280px; height: auto; }
.items .itemsContent .button { vertical-align: bottom; text-align: right; }
.items h6 { padding-bottom: 5px; margin-bottom: 4px; background: url(/_img/hr_dots.gif) repeat-x bottom; }
*/




select { padding: 1px 2px; }
input, textarea { padding: 3px 2px; }
input, select, textarea { border: 1px solid #000; font-size: 11px; _padding: 3px 2px; margin: 0; }
input.image, input.radio, input.checkbox { border: 0; background-color: transparent !important; }
.form { width: 100%; }
.form td {  }
.form td.name { padding: 6px 2px 0 0; }
.form td.value { width: 290px; padding-bottom: 6px; _padding-bottom: 4px; }
.form .large { width: 284px; }
.form .medium { width: 232px; }
.form .small { width: 92px; }
.form .x-small { width: 34px; }
td.required { font-weight: bold; }
input.image { padding: 0; margin: 0; }

.hidden { display: none; visibility: hidden; }