html, body, h1, h2, h3, p, ul.newsoverview, ul.newsoverview li { margin: 0; padding: 0; }
p { padding: 0 0 8px 0; }
body { background: white url("img/border-top.png") center 16px no-repeat; color: black; font-family: "helvetica neue", arial, "nimbus sans l", sans-serif; font-size: 0.8em; }
img { vertical-align: middle; }
a img { margin: 0; padding: 0; border: none; }
ul.menu,  ul.menu li { list-style-type: none; margin: 0; padding: 0; }
ul li { vertical-align: top; }

h2 { color: #e53d35; font-size: 200%; font-weight: normal; text-decoration: none; padding: 25px 0 5px; }

#logo { height: 144px; background: white url("img/head.jpg") no-repeat top left; padding: 1px 0; }
#logo a { display: block; width: 351px; height: 49px; margin: 55px 0 0 250px; text-decoration: none; position: relative; z-index: 120; }

#container { width: 900px; padding: 0 15px; margin: 30px auto; background: url("img/background.png"); position: relative; }

#navigation { float: left; width: 190px; background: #b48145; }
#navigation ul { margin: 10px 16px 0 15px; }
#navigation li { margin: 0 0 6px 0; }
#navigation li a { display: block; background: #007dd6; color: white; text-decoration: none; text-align: center; line-height: 18px; }

#content { margin: 0 235px 0 205px; line-height: 180%; min-height: 500px; }

#subnavigation { float: right; width: 220px; margin: 120px 0; padding: 0; }
#subnavigation h3 { margin: 40px 37px 0 47px; color: #FFF; font-size: 13px; font-weight: bold; }
#subnavigation .menu { margin: 5px 37px 25px 37px; }
#subnavigation .menu li { padding: 6px 0; }
#subnavigation .menu li a { background: #FFF; color:#e53d35;  text-decoration: none; line-height: 20px; display: block; padding-left: 10px;  }

#sponsors { position: absolute; top:450px; right: 15px; width: 220px; }
#sponsors li { padding: 5px 0; text-align: center; }
#sponsors li a { line-height: 100%; background: transparent; display: inline; }

#cartoon { position: absolute; top: 5px; right: 15px; z-index: 100; width: 230px; height: 290px; } 


.usabilityaddon { display: none; }

#news dt { background: #e53d35; color: #FFF; font-size: 130%; font-weight: bold; padding: 0 5px; margin-bottom: 5px; }
#news dt.link { background: #FFF; padding: 0; }
#news dt.link a { color: #e53d35; display: block; padding: 0 5px; text-decoration: none; }
#news dt.link a:hover { color: #FFF; background: #e53d35; }
#news dd { margin: 0 0 20px 0; }
#news dd .pubdate { display: block; float: left; padding-right: 15px; color: #666; }

ul.meta { list-style-type: none;  margin: 0; padding: 0; }
ul.meta li { font-size: 9px; line-height: 11px; padding: 0 2px; list-style-type: none; }

ul.newsoverview, ul.newsoverview li { list-style-type: none; }
ul.newsoverview li { font-weight: bold; }
ul.newsoverview li a { font-weight: normal; color: black; text-decoration: none; }
ul.newsoverview li a:hover { color: #e53d35; }

#thumbnails, #thumbnails li { margin: 0; padding: 0; list-style-type: none; }
#thumbnails li { width: 100px; height: 100px; float: left; margin: 5px; display: table-cell; vertical-align: middle; line-height: 100px; text-align: center; }

#extra {clear: both; height: 14px; line-height: 14px; font-size: 0; background: url("img/border-bot.png") no-repeat top left; margin: 0 -15px; }

#gallerynavigation { text-align: center; }
#gallerynavigation li { display: inline; line-height: 25px; height: 25px; vertical-align: middle; }
#gallerynavigation a { line-height: 25px; color: #000; text-decoration: none; }
#gallerynavigation a:hover { color: #e53d35; }

#mailnews { display: block; top:0; left: 15px; position: absolute; width: 193px; height: 146px; background: url("img/wielernieuws.jpg"); }
#mailnews a { display: block; margin: 54px 6px 0 14px; height: 50px; text-decoration: none; }
#mailnews a span { visibility: hidden; }


/** gastenboek */

#guestbook, #guestbook li { list-style-type: none; margin: 0; padding: 0; }
#guestbook .meta { background: #e53d35; color: #FFF; padding: 0 5px; }
#guestbook .meta .name a { color: #FFF; }
#guestbook a img { vertical-align: middle; }

#cmt_message { width: 300px; height: 120px; }

#write .w4 { display: none; }
.paging { height: 20px; background: #e53d35; color: #FFF; margin-top: 10px;  }
.paging, .paging li { margin: 0; padding: 0; list-style-type: none; }
.paging li { display: block; width: 20px; height: 20px; text-align: center; float: left; }
.paging li a { display: block; width: 20px; line-height: 20px; text-align: center; color: #FFF; background: #e53d35; text-decoration: none; }
.paging li a:hover, .paging li.current a {  color: #e53d35; background: #FFF; }



form ul, form li  { list-style-type: none; margin: 0; padding: 0; }
form li { padding: 2px 0; }
form li label { display: block; float: left; font-weight: bold; width: 100px; }
form li { line-height: 20px; clear: left; }


