/* CSS Document */

body, html { font-family:Arial, Helvetica, sans-serif; width:100%; height:100%; overflow:hidden; padding:0; margin: 0 }
body { font-size: 11px; background: #7799be; }

p { margin: 0 0 1em 0; }
ul, ol { margin: 0 0 1em 2em; padding:0; list-style-position:outside; }
li { margin: 0 0 0.5em; }

.content2 ul, .content2 ol { margin:0 0 1em 1em; }

h1, h2, h3 { font-weight: bold; margin-top: 0; margin-bottom: 1em; }

h1 { font-size: 150% }
h1#firstheader { display: inline; }
h2 { font-size: 120%; margin-top: 10px; border-bottom: 1px solid #335577; color: #335577;}
h3 { font-size: 110%; }
h4 { font-size: 78%; font-style: italic; color:#666; float: right; margin-top:-3.3em;}

a { text-decoration:none; color: #000;}
a:hover { text-decoration: underline; }

img {  border: 1px solid #000; }
h2 img { border:none; }
img.blog { width: 200px; height:150px; float: left;}

table.full { width: 100%; }
table.full td { vertical-align: top; }
td.blog { padding-right: 20px; }
td.blog p { margin-top: 0; }

/* ############ DIV TAGS ########### */

#wrapper { width:100%; height: 100%; overflow:auto; }

div.header { width: 794px; margin: 0 auto; height:140px; }
div.header img { border:0; height:140px; }
div#flash { margin-top:-139px; margin-left:172px; width:140px; height:80px; overflow: hidden; }

div.main { width: 794px; min-height:100%; _height:100%; margin: 0 auto; background: #7799be url('images/bg.gif') 50% 0 repeat-y;}
div.main #sub { background: url('images/bg_main.jpg') top center no-repeat; min-height:400px; _height:400px; }

div.main .inner a {  font-weight: bold; }
div.main .inner img.right { float: right; margin: 5px 0 15px 15px; clear: right; }
div.main .inner img.left  { float: left;  margin: 5px 15px 15px 0; clear: left;  }

div#infobox  { margin-left: 5px; width: 185px; }

div.content1 { width:551px; float:left; line-height:1.4em;  }
div.content2 { width:224px; float:right; line-height:1.4em; }
div.content1 .inner , div.content2 .inner { padding: 15px; }
div.content1 .inner { padding-left: 25px; }
div.content2 .inner { padding-right: 25px; padding-left:12px; }

div.gallery div { padding: 15px 0 0 7px; }
div.gallerysmall div { margin: 12px; float: left; width: 100px; height: 100px; overflow: hidden; border: 1px solid #000; background: #CCC url('images/gallery_bg.jpg') center center no-repeat;  }
div.gallerysmall div a img { width:100px; height:100px; border:none; }

div.galleryoverview div { margin: 12px; float: left; width: 212px; height: 102px; overflow: hidden; color:#999; }
div.galleryoverview div div { margin: 0; float: none; width:auto; height:auto; overflow: visible; color:#000; }
div.galleryoverview div a img { width:100px; height:100px; border:1px solid #000; float:left; margin: 0 12px; }

div.galleryside div { width:100%; height:102px; margin-bottom:12px; }
div.galleryside div a img { width:185px; height:100px; border:1px solid #000; }

div.art { width:100%; margin-bottom:10px; clear:both; height:160px; }
div.art .image { float:left; clear:both; width: 275px; }
div.art .image img { width:150px; height:150px; margin:0 10px 8px 0; float:left; }
div.art .image img.small { width:100px; height:70px; }
div.art .image img.small2 { width:100px; height:150px; }
div.art .text { width:220px; float:left; }
div.art .text p { height:8.4em; overflow:hidden; }
div.art .text .date { height:1.4em; color:#666; margin: 20px 0 0 0; }
hr { clear:both; border:none; border-bottom:1px solid #667; background:none; height:1px; margin: 0 0 20px 0; }

.content2 div { margin-bottom:6px; }
.content2 .jaar { width:25px; float:left; clear:both; font-size:9px; color:#666; text-align:center; }

/* TABELLEN */

table#weer { width:100%; }
table#weer td, th { font-size:11px; text-align:left; padding:0; }
table#weer .even td, table#weer .even th { background:#c6d2e6; }
table#weer td { font-weight:normal; }
table#weer th { font-weight:bold; }
table#weer tr#heading td { text-transform:uppercase; text-align:center; }
div.content2 table#weer img { border:0; }

.small, .small a { font-size:9px; color: #666; }

div#lbox, div#lbox_inner { width:100%; position:absolute; top:0; height:1px; overflow:hidden; text-align:center; }
div#lbox { background:#001;filter:progid:DXImageTransform.Microsoft.alpha(opacity=90); opacity: 0.9; -moz-opacity: .9;}
div#lbox p { position:relative; top:50%; text-align:center; color:#667; font-weight:bold; }
div#lbox_inner { overflow:auto; }
div#lbox_inner img { display:block; margin:0 auto; position:relative; top:50%; border: 8px solid #FFF; }

/* FORMULIER OPMAAK */

form label { float: left; width: 100px; text-align: right;  margin-right: 7px; }
form textarea { width: 400px; height: 200px;}
form input { width: 400px; }
form input#f_submit { width: 100px; float:right; }