html, body, form, .menu, .menu li, h1, h2, h3, h4, p, img, ul.menu, .menu li, ul.pages, .pages li, ul.thumbnails, .thumbnails li { margin: 0; padding: 0; }
ul.menu, .menu li, ul.pages, .pages li, ul.thumbnails, .thumbnails li   { list-style-type: none; }
img { vertical-align: middle; }
.usability_addon { display: none; }

h1,h2,h3 { font-family: Tahoma, verdana, sans-serif; line-height: 1.4; }

p { padding: 0 0 4px 0;  }
p.lead { color: #00529c; font-size: 12px; line-height: 1.9; }
p.date { color: #939598; padding: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

#content a { color: #009; border-bottom: 1px dotted #f19132; }
#content a:hover { border-bottom-style: solid; text-decoration: none; }

.wrap { margin: 0 auto; width: 582px; }

body { padding-bottom: 10px; font-family: tahoma, arial, sans-serif; font-size: 12px; background: #757575 url("img/bg.png") center top repeat-x; line-height: 1.6; color: #009; }

.home #container { padding-bottom: 115px; }
#container { width: 966px; margin: 0 auto; padding-bottom: 25px; position: relative; }

.home #sponsor {  bottom: 40px; }
#sponsor { position: absolute; height: 60x; width: 216px; bottom: 10px; left: 18px; }


.logo { display: block; padding: 28px 0 0 130px; height: 42px; line-height: 42px; background: url("img/logo.png") 130px 28px no-repeat; }
.logo img { visibility: hidden; vertical-align: middle; }


#mainmenu { text-align: right; padding-right: 85px; height: 25px; }
#mainmenu li { display: inline; padding-right: 15px; line-height: 25px; }
#mainmenu a, a.more { color: #EEE; font-family: georgia, serif; font-size: 13px; }

#topmenu { height: 161px; background: url("img/topmenu.png") no-repeat top left; margin: 0 33px; }
#topmenu li { display: block; float: left; height: 121px; width:185px; margin: 20px; background: #1c2122; color: #FFF; font-size: 91.6%;  }
#topmenu li li {  font-size: 100%; }
#topmenu li h3 { color: #f19132; background: #1c2122; line-height: 24px; padding: 8px 0; }
#topmenu li h3 img { border-bottom: 1px solid #1c2122; }
#topmenu li h3 a:hover img { border-bottom: 1px solid #f19132; }

#topmenu li h3 a { color: #f19132; }
#topmenu li p a { color: #FFF; }

#topmenu #footitem { position: absolute; bottom: 5px; left: 259px; width: 634px; background: url("img/footitem.png") top left no-repeat; height: 121px; margin: 0; padding: 20px; }
#topmenu #footitem li { float: none; width: auto; height: auto; margin: 0; padding: 0; }
#topmenu #footitem h3 { width: 185px; text-align: right; }
#topmenu #footitem ul { width: 185px; position: absolute; left: 20px; bottom: 20px; text-align: right; }
#topmenu #footitem ul li a { color: #999; }
#topmenu #footitem div.guestbookitem { position: absolute; width: 410px; height: 108px; padding: 5px; overflow: hidden; background: #1c2122; top: 28px; right: 15px; }
#topmenu li.item1 { _margin-left: 10px; }

#footer { position: absolute; bottom: 5px; left: 259px; width: 549px; padding: 32px 26px 20px 111px; background: url("img/foot.png") top left no-repeat; height: 20px; margin: 0;  color: #BBB; line-height: 20px; font-size: 11px; }
#footer a { color: #BBB; }
#footer a:hover { color: #DDD; text-decoration: none; }


.balloon_inner { background: #FFF; }

#sidebar { width: 319px; float: left; font-size: 91.6%; position: relative; z-index: 10; padding-bottom: 55px; }
.home #sidebar { padding-bottom: 0; }
#sidebar ul, #sidebar li { margin: 0; padding: 0; list-style-type: none; }
#sidebar .balloons li { vertical-align: top; margin-top: 6px; padding: 10px 34px 10px 30px; background: url("img/small.balloon.png") no-repeat top left; height: 122px;  position: relative; }
#sidebar .balloons li h3 { color: #1c2122; height: 24px; line-height: 24px; padding: 1px 0 3px 0; }
#sidebar .balloons li h4, #sidebar .miniballoon h4 { color: #757575; font-style: italic; font-size: 11px; font-weight: normal; line-height: 17px;  }
#sidebar .balloons li.b1 { margin-top: 11px; }
#sidebar .balloons li.b2 { left: 91px; }
#sidebar .balloons li.b3 { left: 54px; }
#sidebar .balloons li a, #sidebar .miniballoon a { padding-left: 12px; color: #009; background: url("img/devide.small.png") top left no-repeat; white-space: nowrap;  }
#sidebar .balloons li a span, #sidebar .miniballoon a span { border-bottom: 1px dotted #f19132; }
#sidebar .balloons li a:hover,  #sidebar .miniballoon a:hover { text-decoration: none; }
#sidebar .balloons li a:hover span, #sidebar .miniballoon a:hover span { border-bottom-style: solid; text-decoration: none; } 


#sidebar a.more { padding-left: 75px; }
#sidebar #ill1 { position: absolute; top: 67px; right: -65px; z-index: 10;}
#sidebar #ill2 { position: absolute; top: 220px; left: 0; z-index: 10; }
#sidebar #ill3 { position: absolute; bottom: -75px; left: -40px; z-index: 20; }
#sidebar #ill4 { position: absolute; bottom: -20px; right: -75px; z-index: 20; }

#sidebar .miniballoon { margin: 11px 35px 0 0; position: relative; left: 40px; background: url("img/smallest.balloon.png") top left no-repeat; padding: 30px 0 0 0; }
#sidebar .miniballoon h3 { position: absolute; top: 8px; left: 30px; }
#sidebar .miniballoon .balloon_inner { border-right: 3px solid #999; padding: 0 30px; min-height: 30px; }
#sidebar .miniballoon .bottom { height: 35px; background: transparent url("img/smallest.balloon.png") bottom left no-repeat; }

#sidebar #submenu,  #sidebar #singleteaser { margin-top: 6px; left: 0; top: 5px; z-index: 20; position: relative; }
#sidebar #teaser, #sidebar #singleteaser { margin-bottom: 70px; }



#submenu ul { padding: 10px 0 0 0; }
#submenu ul ul { padding: 0 0 0 10px; }


#mainwrapper { width: 626px; float: right; position: relative; top: -25px; }

#lastcolumn { background: url("img/big.balloon.png") top left no-repeat; padding: 10px 34px 60px 30px; height: 99px; overflow: hidden; position: relative; }
#lastcolumn h2 { margin-bottom: 10px; }
#lastcolumn .balloon_inner {  }
#lastcolumn .readmore { color: #009; }
#lastcolumn .more { position: absolute; bottom: 5px; left: 50px; }

#fotoframe { width: 475px; background: url("img/fotoframe.png") no-repeat top left; height: 321px; margin: 0 0 0 89px; position: relative; top: -5px; }
#fotoframe img { width: 448px; height: 290px; margin: 16px 0 0 14px; vertical-align: top; }


#ctop { height: 35px; background: url("img/big.balloon.top.png") no-repeat top left; }
#content { border-right: 4px solid #999; padding: 1px 30px; background: #FFF; min-height: 342px; }
#content h1 { background: white url("img/devide.png") top left no-repeat; position: relative; top: -12px; height: 26px; line-height: 26px; margin: 0; padding: 0 0 0 18px; }
#content h1 img { vertical-align: top; margin: 0; padding: 0; }
#cbot { height: 40px; background: url("img/big.balloon.bot.png") no-repeat top left;}

form fieldset { padding: 0 0 0 10px; border: none; border-left: 4px solid #f19132; margin-bottom: 10px; }
form ul, #form li { list-style-type: none; margin: 0; padding: 0; line-height: 22px; }
form li { padding: 1px 0; }
form .w4 { display: none; }
form li label { display: block; float: left; width: 90px; } 
form input.text { width: 190px; border: 1px solid #009; }
form textarea { border: 1px solid #009; width: 320px; height: 90px; }
form .help { font-size: 11px; }

#guestbook, #guestbook li { margin: 0; padding: 0; list-style-type: none; }
#guestbook li { position: relative; padding: 10px 10px 10px 150px; border-bottom: 1px solid #CCC; } 
#guestbook li .meta { position: absolute; top: 10px; left: 10px; width: 140px; }
#guestbook li .meta strong { display: block; color: #f19132; }
#guestbook li .meta strong a { color: #f19132; border-bottom: 1px dotted #f19132; }
#guestbook li .date { color: #999; font-size: 11px; }
#guestbook li .message { border-left: 1px solid #CCC; min-height: 40px; padding-left: 10px; }


#sitemap li ul { margin-left: 10px; }

ul.pages { border-top: 1px solid #009; height: 20px; }
ul.pages li {  display: block; width: 20px; line-height: 20px; float: left; }
ul.pages li.current a { text-decoration: underline; }
#content ul.pages li a { display: block; width: 20px; text-align: center; border-bottom: none; }
ul.pages li a:hover { background: #f19132; }

#content .overview dt { color: #f19132; font-weight: bold; font-size: 140%; }
#content .overview dt a { color: #f19132; }
#content .overview dd { padding: 0 0 15px 0; margin: 0; }
#content .overview dd a, #lastcolumn .readmore { white-space: nowrap; padding-left: 12px; background: url("img/devide.small.png") 0 1px no-repeat; border-bottom: none; }
#content .overview dd a span , #lastcolumn .readmore span { border-bottom: 1px dotted #f19132; }
#content .overview dd a.img { padding: 0 10px 10px 0; background: #FFF; float: left; }

#content .overview dd a:hover, #lastcolumn a.readmore:hover { text-decoration: none; }
#content .overview dd a:hover span,  #lastcolumn .readmore:hover span { border-bottom-style: solid; }
#content .overview span.date { float: left; color: #f19132; padding-right: 10px; }
#content  #gallery span.date { float: none; display: inline; }
#content  #gallery dd { min-height: 100px; }
.columns #content .date { color: #f19132; padding-right: 10px; }

#newsnav { border-top: 1px solid #009; padding: 10px 0; margin-top: 10px; position: relative; }

.nieuws .meta { display: block; color: #f19132; padding-bottom: 5px; margin-top: -15px; }

#gallnav { height: 24px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #009; }
#gallnav li { float: left; display: block; width: 26px; height: 20px; line-height: 20px; }

#content ul.thumbnails { zoom: 1; padding-top: 10px; margin-top: 10px; border-top: 1px solid #009; }
#content ul.thumbnails li { display: block;  float: left; height: 90px; width: 90px; position: relative; padding: 5px; }
#content ul.thumbnails li a { display: block; width: 90px; position: absolute; bottom: 0; left: 0; text-align: center; border: none; opacity: 0.75; filter: alpha(opacity=75); }
#content ul.thumbnails li a:hover { opacity: 1; filter: alpha(opacity=100); }

