/* Globale instellingen */
html, body {height:100%; width:100%;}
html {overflow-x:hidden;}
body, p, div, ul, h1, h2, h3, h4, form, fieldset, legend, label, input, select, textarea, a {font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:13px; color:#000; line-height:18px; margin:0; padding:0;}
img {border:0; line-height:0; font-size:0; display:block;}
ul {list-style:none;}
fieldset {border:0;}
legend {display:none;}
label, input, textarea, select {float:left;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.clearBoth, form br {clear:both;}

/* Layout instellingen */
div#mainContainer {margin:0 auto; width:976px;}
div#content {width:976px; min-height:400px; background:#fff url(/images/Bg.jpg) repeat-y;}
div#left {float:left; width:638px;}
div#left h1 {font-family:Georgia; font-size:32px; font-weight:normal; line-height:40px; margin:0 0 18px 5px;}
div#left div.detail {padding:0 20px 0 5px;}
div#left div.detail strong.short {display:block; margin-bottom:18px;}
div#right {float:right; width:298px;}
div#right div.title {display:block; background-color:#fff; padding-bottom:2px;}

/* Menu */
ul#menu {position:relative; top:1px; height:170px;}
ul#menu li#kop {position:absolute; left:0;}
ul#menu li#kop a {display:block; width:238px; height:92px; background:url(/images/logo.jpg) no-repeat;}
ul#menu li#kop a:hover, ul#menu li#kop a.active {display:block; width:238px; height:92px; background:url(/images/logoHover.jpg) no-repeat;}
ul#menu li#over {position:absolute; left:240px;}
ul#menu li#over a {display:block; width:318px; height:45px; background:url(/upload/images_page/menu_1_2.jpg) no-repeat;}
ul#menu li#over a:hover, ul#menu li#over a.active {background:url(/upload/images_page/menu_2_2.jpg) no-repeat;}
ul#menu li#blog {position:absolute; left:600px;}
ul#menu li#blog a {display:block; width:78px; height:21px; background:url(/upload/images_page/menu_1_1.jpg) no-repeat;}
ul#menu li#blog a:hover, ul#menu li#blog a.active {background:url(/upload/images_page/menu_2_1.jpg) no-repeat;}
ul#menu li#nieuwsbrief {position:absolute; left:640px; top:23px;}
ul#menu li#nieuwsbrief a {display:block; width:218px; height:22px; background:url(/upload/images_page/menu_1_4.jpg) no-repeat;}
ul#menu li#nieuwsbrief a:hover, ul#menu li#nieuwsbrief a.active {background:url(/upload/images_page/menu_2_4.jpg) no-repeat;}
ul#menu li#agenda {position:absolute; left:240px; top:47px;}
ul#menu li#agenda a {display:block; width:238px; height:45px; background:url(/upload/images_page/menu_1_5.jpg) no-repeat;}
ul#menu li#agenda a:hover, ul#menu li#agenda a.active {background:url(/upload/images_page/menu_2_5.jpg) no-repeat;}
ul#menu li#kopshop {position:absolute; left:560px; top:47px;}
ul#menu li#kopshop a {display:block; width:278px; height:45px; background:url(/upload/images_page/menu_1_6.jpg) no-repeat;}
ul#menu li#kopshop a:hover, ul#menu li#kopshop a.active {background:url(/upload/images_page/menu_2_6.jpg) no-repeat;}
ul#menu li#archief {position:absolute; left:400px; top:94px;}
ul#menu li#archief a {display:block; width:278px; height:45px; background:url(/upload/images_page/menu_1_7.jpg) no-repeat;}
ul#menu li#archief a:hover, ul#menu li#archief a.active {background:url(/upload/images_page/menu_2_7.jpg) no-repeat;}
ul#menu li#social {position:absolute; left:731px; top:105px;}
ul#menu li#social ul li {float:left; margin-left:10px;}
ul#menu li#social ul li#rss a {display:block; width:18px; height:9px; background:url(/images/titleRss.jpg) no-repeat;}
ul#menu li#social ul li#rss a:hover {background:url(/images/titleRssHover.jpg) no-repeat;}
ul#menu li#social ul li#hyves a {display:block; width:32px; height:9px; background:url(/images/titleHyves.jpg) no-repeat;}
ul#menu li#social ul li#hyves a:hover {background:url(/images/titleHyvesHover.jpg) no-repeat;}
ul#menu li#social ul li#linkedin a {display:block; width:52px; height:9px; background:url(/images/titleLinkedin.jpg) no-repeat;}
ul#menu li#social ul li#linkedin a:hover {background:url(/images/titleLinkedinHover.jpg) no-repeat;}
ul#menu li#social ul li#facebook a {display:block; width:53px; height:9px; background:url(/images/titleFacebook.jpg) no-repeat;}
ul#menu li#social ul li#facebook a:hover {background:url(/images/titleFacebookHover.jpg) no-repeat;}
ul#menu li#social ul li#flickr a {display:block; width:36px; height:9px; background:url(/images/titleFlickr.jpg) no-repeat;}
ul#menu li#social ul li#flickr a:hover {background:url(/images/titleFlickrHover.jpg) no-repeat;}
ul#menu li#zoek {position:absolute; left:740px;}
ul#menu li#zoek img {float:left;}
ul#menu li#zoek input#inputSearch {width:128px; background-color:#000; color:#fff; border:0; height:21px; line-height:21px; margin:0 2px; padding:0 3px;}
ul#menu li#zoek input#btnSearch {background:#000 url(/images/btnSearch.jpg) no-repeat; height:21px; width:18px; border:0; cursor:pointer;}
ul#menu li#zoek input#btnSearch:hover {background:#000 url(/images/btnSearchHover.jpg) no-repeat;}

/* Carousel */
div#carousel {margin:0 0 18px 0; position:relative; width:638px; height:382px; overflow:hidden;}
div#carousel div#imageCarousel ul {list-style:none; width:1600px;}
div#carousel div#imageCarousel ul li {display:inline; float:left;}

/* Tags */
div#tags {float:left; width:418px;}
div#tags img {display:block; margin-bottom:5px;}
div#tags div {width:393px; height:198px; overflow:hidden; line-height:35px;}
div#tags div a {display:inline-block; margin-right:10px; color:#9c9c9c; text-decoration:none; line-height:35px;}
div#tags div a:hover {color:#000;}

/* Sponsoren */
div#sponsor {float:left; margin-left:20px;}
div#sponsor div#sponsorCycle {float:left; margin-top:2px; width:198px; height:160px;}
div#sponsor div#sponsorCycle a {float:left;}

/* Blog */
div.blog {width:298px;}
div.blog ul li h1 {padding:10px 20px 0 20px; font-family:Georgia;}
div.blog ul li h1 a {display:block; font-family:Georgia; font-size:20px; font-weight:normal; line-height:25px; text-decoration:none;}
div.blog ul li h1 a:hover {text-decoration:underline;}
div.blog ul li object {padding-bottom:18px;}
div.blog ul li p, div.blog ul li div {padding:10px 20px;}
div.blog ul li img, div.blogFooter img {float:left; margin:5px 10px 18px 10px;}
div.blog ul li p {font-family:Georgia; padding:8px 20px 10px 20px;}
div.blogFooter {width:100%; position:relative; top:20px; margin-bottom:20px;}
div.blog ul li div, div.blogFooter {background-color:#ccc; clear:both; padding:5px 10px; margin:0;}
div.blog ul li div div, div.blogFooter div {clear:none; padding:0;}
div.blog ul li div div.post, div.blogFooter div.post {font-family:Georgia; float:left; font-size:10px; margin-bottom:10px; color:#8c8c8c;}
div.blog ul li div div.link, div.blogFooter div.link {font-family:Georgia; float:right;}
div.blog ul li div div.link img, div.blog ul li div div.link a, div.blogFooter div.link img, div.blogFooter div.link a {float:left;}
div.blog ul li div div.link img, div.blogFooter div.link img {position:relative; top:2px;}
div.blog ul li div div.link a, div.blogFooter div.link a {font-family:Georgia; text-decoration:none; font-size:10px; color:#8c8c8c;}
div.blog ul li div div.link a:hover, div.blogFooter div.link a:hover {text-decoration:underline;}
div.blog ul li div div.tags, div.blogFooter div.tags {clear:both;}
div.blog ul li div div.tags img, div.blogFooter div.tags img {float:left; position:relative; top:-6px; margin:3px 3px 0 0;}
div.blog ul li div div.tags ul,  div.blogFooter div.tags ul {position:relative; top:-6px; display:block;}
div.blog ul li div div.tags ul li, div.blog ul li div div.tags ul li a, div.blogFooter div.tags ul li, div.blogFooter div.tags ul li a {font-family:Georgia; display:inline; text-decoration:none; color:#fff; font-size:10px; font-style:italic;}
div.blog ul li div div.tags ul li a:hover, div.blogFooter div.tags ul li a:hover {text-decoration:underline;}

/* Blog navigatie */
div.blogNav {background-color:#fff; height:25px; padding:10px 0 0 10px;}
div.blogNav ul li {float:left; margin:0 4px; font-weight:bold;}
div.blogNav ul li.prev {color:#666;}
div.blogNav ul li.prev img {float:left; position:relative; top:7px;}
div.blogNav ul li.next img {float:right; position:relative; top:7px;}
div.blogNav ul li.prev a, div.blogNav ul li.next a {color:#000;}
div.blogNav ul li a {color:#666; text-decoration:none;}
div.blogNav ul li a:hover {text-decoration:underline;}

/* Agenda */
div#dates {width:298px;}
div#dates ul {padding:20px 0;}
div#dates ul li {margin:5px 20px; padding:5px 0; border-bottom:1px solid #000;}
div#dates ul li h2 a {font-family:Georgia; font-style:italic; font-size:20px; font-weight:normal; line-height:25px; text-decoration:none;}
div#dates ul li h2 a:hover, div#dates ul li h2 a.active {text-decoration:none; font-style:normal;}

/* Zoekresultaten */
div#searchResults {width:298px;}
div#searchResults ul {padding:20px;}
div#searchResults ul li h2 {font-size:20px; font-family:Georgia; font-weight:normal;}
div#searchResults ul ul {padding:10px 0 20px 0;}
div#searchResults ul li ul li {margin:0 20px; padding:3px 0; border-bottom:1px solid #000;}
div#searchResults ul li ul li h3 a {text-decoration:none; font-family:Georgia; font-weight:normal;}
div#searchResults ul li ul li h3 a:hover {text-decoration:underline;}

/* Archief resultaten */
div#archiefResults {width:298px;}
div#archiefResults ul {padding:20px;}
div#archiefResults ul li {padding-bottom:20px;}
div#archiefResults ul li h2 a {font-size:20px; font-family:Georgia; font-weight:normal;}
div#archiefResults ul li div {display:none;}
div#archiefResults ul ul {padding:10px 0 20px 0;}
div#archiefResults ul ul ul {padding:5px 0;}
div#archiefResults ul li ul li, div#archiefResults ul li ul li ul li {margin:0 20px; padding:3px 0; border-bottom:1px solid #000;}
div#archiefResults ul li h2 a, div#archiefResults ul li ul li h3 a, div#archiefResults ul li ul li ul li h4 a {font-family:Georgia; font-weight:normal; text-decoration:none;}
div#archiefResults ul li h2 a:hover, div#archiefResults ul li ul li h3 a:hover, div#archiefResults ul li ul li ul li h4 a:hover {text-decoration:underline;}
div#archiefResults ul li ul li ul li.last {border:0;}

/* Blog rechts */
div#blogResult {width:298px;}
div#blogResult ul {padding:20px 0;}
div#blogResult ul li {margin:5px 20px; padding:5px 0; border-bottom:1px solid #000;}
div#blogResult ul li h2 {font-family:Georgia; padding-bottom:5px;}
div#blogResult ul li h2 a {font-family:Georgia; font-style:italic; font-weight:normal; font-size:20px; line-height:25px; text-decoration:none;}
div#blogResult ul li h2 a:hover, div#blogResult ul li h2 a.active {text-decoration:none; font-style:normal;}

/* Submenu */
div#submenu {width:298px;}
div#submenu ul {padding:20px 0;}
div#submenu ul li {margin:5px 20px; padding:5px 0; border-bottom:1px solid #000;}
div#submenu ul li h2 {font-family:Georgia; padding-bottom:5px;}
div#submenu ul li h2 a {font-family:Georgia; font-style:italic; font-weight:normal; font-size:20px; line-height:25px; text-decoration:none;}
div#submenu ul li h2 a:hover, div#submenu ul li h2 a.active {text-decoration:none; font-style:normal;}

/* Footer */
div#footer {clear:both;}
div#footer img {padding-top:50px; margin:0 auto;}
div#footer div {padding:8px 0 30px 127px; font-size:12px;}
div#footer div a {font-size:12px; text-decoration:none;}
div#footer div a img {display:inline; position:relative; top:5px; padding-top:0;}
div#footer div a:hover {text-decoration:underline;}

/* Nieuwsbrief */
div#newsletterContent {display:none; overflow:hidden;}
div#newsletterForm {padding:30px 20px 20px 20px; overflow:hidden;}
div#newsletterForm legend {display:block; font-weight:bold; margin:0 0 15px -7px;}
div#newsletterForm label, div#newsletterForm2 label {padding-right:10px;}
div#newsletterForm input#newsletterEmail, div#newsletterForm2 input#newsletterEmail2 {width:229px; border:1px solid #ccc; margin-bottom:5px;}
div#newsletterForm input#submitAanmelden, div#newsletterForm input#submitAfmelden, div#newsletterForm2 input#submitAfmelden2 {float:right; background-color:#000; color:#fff; border:0; margin-left:5px; cursor:pointer;}
div#newsletterForm2 input#submitAfmelden2 {float:none; height:18px;}
div#newsletterForm2 span {display:block; padding-bottom:18px; color:#ff0000;}

/* Papercut */
ul.papercut {position:relative; width:660px; }
ul.papercut li {float:left; width:200px; margin:0 20px 40px 0;}
ul.papercut li img {margin-bottom:5px; height:150px; width:200px;}
form.papercut {padding:20px;}
form.papercut fieldset legend {font-family:Georgia; font-style:italic; font-size:20px; font-weight:normal; line-height:25px; display:block; margin-bottom:12px;}
form.papercut input {margin:3px 0; width:250px;}
form.papercut input.check {width:auto; margin-right:5px;}
form.papercut input.add {border:0; background-color:#000; color:#fff; text-align:center; margin-top:10px; padding:2px 0; cursor:pointer;}
form.papercut span#papercutMessage {display:block; margin-bottom:10px; color:red;}

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative; overflow:visible;}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}

#cboxOverlay {background:#fff;}
#colorBox {}
#cboxTopLeft {width:25px; height:25px; background:url(/images/border1.png) 0 0 no-repeat;}
#cboxTopCenter {height:25px; background:url(/images/border1.png) 0 -50px repeat-x;}
#cboxTopRight {width:25px; height:25px; background:url(/images/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft {width:25px; height:25px; background:url(/images/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter {height:25px; background:url(/images/border1.png) 0 -75px repeat-x;}
#cboxBottomRight {width:25px; height:25px; background:url(/images/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft {width:25px; background:url(/images/border2.png) 0 0 repeat-y;}
#cboxMiddleRight {width:25px; background:url(/images/border2.png) -25px 0 repeat-y;}
#cboxContent {background:#fff;}
#cboxLoadedContent {margin-bottom:20px;}
#cboxTitle {position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent {position:absolute; bottom:0px; left:150px; color:#999;}
#cboxSlideshow {position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious {position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext {position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay {background:url(images/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose {position:absolute; bottom:0; right:0; display:block; color:#444;}

/* Autocomplete */
.autocomplete-w1 {background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px;}
.autocomplete {border:1px solid #000; background:#fff; cursor:default; text-align:left; padding: 0 2px; width:151px; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px;}
.autocomplete .selected {background:#f0f0f0;}
.autocomplete div {padding:2px 5px; white-space:nowrap;}
.autocomplete strong {font-weight:normal; color:#3399ff;}