@font-face { font-family: 'DeliciousRoman'; src: url('/lib/fonts/delicious-roman-webfont.eot'); src: url('/lib/fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/delicious-roman-webfont.woff') format('woff'), url('/lib/fonts/delicious-roman-webfont.ttf') format('truetype'), url('/lib/fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DeliciousHeavyRegular'; src: url('/lib/fonts/delicious-heavy-webfont.eot'); src: url('/lib/fonts/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/delicious-heavy-webfont.woff') format('woff'), url('/lib/fonts/delicious-heavy-webfont.ttf') format('truetype'), url('/lib/fonts/delicious-heavy-webfont.svg#DeliciousHeavyRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FontinRegular'; src: url('/lib/fonts/fontin-regular-webfont.eot'); src: url('/lib/fonts/fontin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/fontin-regular-webfont.woff') format('woff'), url('/lib/fonts/fontin-regular-webfont.ttf') format('truetype'), url('/lib/fonts/fontin-regular-webfont.svg#FontinRegular') format('svg'); font-weight: normal; font-style: normal;}

html { background: url(/lib/images/bg_body.png) repeat-x;}
body { margin: 0; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 11px; background: url(/lib/images/wrapper_shadow.png) repeat-y; background-position: center top;}
#logo { display: block; width: 364px; height: 84px; position: absolute; top: 7px; left: 20px;}
#header { overflow: hidden; background: url(/lib/images/bg_header.png) 0 84px no-repeat; width: 986px; padding: 159px 0 0 0; margin: 0 0 0 -4px; position: relative;}
#container { background: #fff url(/lib/images/bg_container.png) no-repeat; width: 978px; margin: 0 auto; position: relative;}
#contentcontainer { overflow: hidden;}

#carrousel { position: relative; width: 978px; height: 392px; margin: 0 0 0 4px; display: block; float: left;}
#carrousel .images .nieuwsteaser {z-index:10; position: absolute; top: 50px; left: 55px; width: 305px; height: 230px; }
#carrousel .images .nieuwsteaser h3 { color: #207735; font-size: 20px; margin: 0 0 10px 0; font-weight: normal; font-family: 'FontinRegular';}
#carrousel .images .nieuwsteaser span { color: #da1812;}
#carrousel .images .nieuwsteaser p { font-size: 15px; line-height: 20px; font-family: 'DeliciousRoman'; margin: 0 0 15px 0;}

#carrousel .images .nieuwsteaser a.leesmeer { margin: 5px 0 0 0; background: url(/lib/images/btn_leesgroen_right.png) no-repeat right top; float:right; height: 23px; padding: 0 11px 0 0;}
#carrousel .images .nieuwsteaser a.leesmeer span { background: url(/lib/images/btn_leesgroen_left.png) no-repeat; display: block; height: 23px; padding: 3px 0 0 11px; color: #fff; font-family: 'DeliciousHeavyRegular'; font-size: 14px;}

#carrousel .tabs {z-index:10; position: absolute; bottom: 60px; right: 60px;}
#carrousel .tabs a { margin: 0 0 0 3px; float: left; background: url(/lib/images/nonactive_news.png); display: block; width: 19px; height: 16px; padding: 3px 0 0 0; color: #fff; text-align: center;}
#carrousel .tabs a.activeSlide  { background: url(/lib/images/active_news.png);}

#carrousel .images .overlay {z-index:6; position: absolute; top: 0; left: 0; background: url(/lib/images/overlay_nieuwsteaser.png) no-repeat; width: 978px; height: 392px;}
#carrousel .overlayback {position:absolute; z-index:1; top: 0; left: 0; background: url(/lib/images/overlay_nieuwsteaser_back.png) no-repeat; width: 978px; height: 392px;}
#carrousel .images .nieuwsteaser_image { position: relative; left:370px; top: 0; right: 21px; z-index:2;}
#carrousel .images .nieuwsteaser_image img { width: 585px; height: 360px;  position:relative; z-index:2;}

#header_img { position: relative; width: 978px; height: 306px; margin: 16px 0 0 4px; display: block; float: left;}
#header_img .overlay { position: absolute; top: 0; left: 0; background: url(/lib/images/overlay_contentimg.png) no-repeat; width: 978px; height: 306px;}
#header_img img { width: 978px; height: 306px;}

.horizontaal { width: 978px; margin: 0 0 0 4px; position: absolute; top: 93px; left: 0; z-index: 10;}
.horizontaal #nav { float: right; }
.horizontaal #nav a { display: block; color: black; text-decoration: none;}
.horizontaal #nav a:hover { background-color: #000; color: #fff;}

.horizontaal #nav li ul { position: absolute; left: -999em; width: 231px; padding: 0 0 20px 0; overflow: hidden; background: url(/lib/images/subnav_bottom.png) bottom left no-repeat;}
.horizontaal #nav li ul li { clear: both; float: left; margin: 0; float: left; line-height : 1.25em; background: url(/lib/images/subnav_mid.png) repeat-y; width: 211px; padding: 0 0 0 20px;}
.horizontaal #nav ul li.first { background: url(/lib/images/subnav_top.png) no-repeat; padding: 40px 0 0 20px;}

.horizontaal #nav li ul li a { font-family: 'FontinRegular'; color: #da1812; font-size: 16px; padding: 5px 0 5px 0; width: 192px; border-bottom: 1px solid #c1c1c1;}
.horizontaal #nav li ul li a:hover { background-color: transparent; color: #217008;}

.horizontaal #nav li.item_1_nl-NL a.level1, .horizontaal #nav li.item_1_nl-nl a.level1 { position: absolute; top: 0; right: 630px; z-index: 3; background: url(/lib/images/item_1_nl.png) no-repeat top; display: block; width: 135px; height: 66px; text-indent: -9999px;}
.horizontaal #nav li.item_2_nl-NL a.level1, .horizontaal #nav li.item_2_nl-nl a.level1 { position: absolute; top: 12px; right: 475px; z-index: 5; background: url(/lib/images/item_2_nl.png) no-repeat top; display: block; width: 174px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_3_nl-NL a.level1, .horizontaal #nav li.item_3_nl-nl a.level1 { position: absolute; top: 0; right: 355px; z-index: 4; background: url(/lib/images/item_3_nl.png) no-repeat top; display: block; width: 141px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_4_nl-NL a.level1, .horizontaal #nav li.item_4_nl-nl a.level1 { position: absolute; top: 18px; right: 260px; z-index: 3; background: url(/lib/images/item_4_nl.png) no-repeat top; display: block; width: 121px; height: 54px; text-indent: -9999px;}
.horizontaal #nav li.item_5_nl-NL a.level1, .horizontaal #nav li.item_5_nl-nl a.level1 { position: absolute; top: 0; right: 180px; z-index: 2; background: url(/lib/images/item_5_nl.png) no-repeat top; display: block; width: 114px; height: 62px; text-indent: -9999px;}
.horizontaal #nav li.item_6_nl-NL a.level1, .horizontaal #nav li.item_6_nl-nl a.level1 { position: absolute; top: 10px; right: 100px; z-index: 1; background: url(/lib/images/item_6_nl.png) no-repeat top; display: block; width: 104px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_7_nl-NL a.level1, .horizontaal #nav li.item_7_nl-nl a.level1 { position: absolute; top: 0px; right: 20px; z-index: 1; background: url(/lib/images/item_7_nl.png) no-repeat top; display: block; width: 104px; height: 60px; text-indent: -9999px;}

.horizontaal #nav li.item_1_nl-MS a.level1, .horizontaal #nav li.item_1_nl-ms a.level1 { position: absolute; top: 0; right: 630px; z-index: 3; background: url(/lib/images/item_1_ms.png) no-repeat; display: block; width: 135px; height: 66px; text-indent: -9999px;}
.horizontaal #nav li.item_2_nl-MS a.level1, .horizontaal #nav li.item_2_nl-ms a.level1 { position: absolute; top: 12px; right: 475px; z-index: 5; background: url(/lib/images/item_2_ms.png) no-repeat; display: block; width: 174px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_3_nl-MS a.level1, .horizontaal #nav li.item_3_nl-ms a.level1 { position: absolute; top: 0; right: 355px; z-index: 4; background: url(/lib/images/item_3_ms.png) no-repeat; display: block; width: 141px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_4_nl-MS a.level1, .horizontaal #nav li.item_4_nl-ms a.level1 { position: absolute; top: 18px; right: 260px; z-index: 3; background: url(/lib/images/item_4_ms.png) no-repeat; display: block; width: 121px; height: 54px; text-indent: -9999px;}
.horizontaal #nav li.item_5_nl-MS a.level1, .horizontaal #nav li.item_5_nl-ms a.level1 { position: absolute; top: 0; right: 180px; z-index: 2; background: url(/lib/images/item_5_ms.png) no-repeat; display: block; width: 114px; height: 62px; text-indent: -9999px;}
.horizontaal #nav li.item_6_nl-MS a.level1, .horizontaal #nav li.item_6_nl-ms a.level1 { position: absolute; top: 10px; right: 100px; z-index: 1; background: url(/lib/images/item_6_ms.png) no-repeat; display: block; width: 104px; height: 60px; text-indent: -9999px;}
.horizontaal #nav li.item_7_nl-MS a.level1, .horizontaal #nav li.item_7_nl-ms a.level1 { position: absolute; top: 0px; right: 20px; z-index: 1; background: url(/lib/images/item_7_ms.png) no-repeat; display: block; width: 104px; height: 60px; text-indent: -9999px;}

.horizontaal #nav li:hover.item_1_nl-NL a.level1, .horizontaal #nav li:hover.item_1_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_1_nl-NL a.level1, .horizontaal #nav li.active.item_1_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_2_nl-NL a.level1, .horizontaal #nav li:hover.item_2_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_2_nl-NL a.level1, .horizontaal #nav li.active.item_2_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_3_nl-NL a.level1, .horizontaal #nav li:hover.item_3_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_3_nl-NL a.level1, .horizontaal #nav li.active.item_3_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_4_nl-NL a.level1, .horizontaal #nav li:hover.item_4_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_4_nl-NL a.level1, .horizontaal #nav li.active.item_4_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_5_nl-NL a.level1, .horizontaal #nav li:hover.item_5_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_5_nl-NL a.level1, .horizontaal #nav li.active.item_5_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_6_nl-NL a.level1, .horizontaal #nav li:hover.item_6_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_6_nl-NL a.level1, .horizontaal #nav li.active.item_6_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_7_nl-NL a.level1, .horizontaal #nav li:hover.item_7_nl-nl a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_7_nl-NL a.level1, .horizontaal #nav li.active.item_7_nl-nl a.level1 { background-position: bottom;}

.horizontaal #nav li:hover.item_1_nl-MS a.level1, .horizontaal #nav li:hover.item_1_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_2_nl-MS a.level1, .horizontaal #nav li:hover.item_2_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_2_nl-MS a.level1, .horizontaal #nav li.active.item_2_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_3_nl-MS a.level1, .horizontaal #nav li:hover.item_3_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_3_nl-MS a.level1, .horizontaal #nav li.active.item_3_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_4_nl-MS a.level1, .horizontaal #nav li:hover.item_4_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_4_nl-MS a.level1, .horizontaal #nav li.active.item_4_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_5_nl-MS a.level1, .horizontaal #nav li:hover.item_5_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_5_nl-MS a.level1, .horizontaal #nav li.active.item_5_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_6_nl-MS a.level1, .horizontaal #nav li:hover.item_6_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_6_nl-MS a.level1, .horizontaal #nav li.active.item_6_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li:hover.item_7_nl-MS a.level1, .horizontaal #nav li:hover.item_7_nl-ms a.level1 { background-position: bottom;}
.horizontaal #nav li.active.item_7_nl-MS a.level1, .horizontaal #nav li.active.item_7_nl-ms a.level1 { background-position: bottom;}

.horizontaal #nav li:hover.item_1_nl ul { right: 605px; top: 37px; position: absolute;}
.horizontaal #nav li:hover.item_2_nl ul { right: 390px; top: 45px; position: absolute;}
.horizontaal #nav li:hover.item_3_nl ul { right: 330px; top: 27px; position: absolute;}
.horizontaal #nav li:hover.item_4_nl ul  { right: 260px; top: 45px; position: absolute;}
.horizontaal #nav li:hover.item_5_nl ul { right: 154px; top: 30px; position: absolute;}
.horizontaal #nav li:hover.item_6_nl ul { right: 100px; top: 40px; position: absolute;}
.horizontaal #nav li:hover.item_7_nl ul { right: 0px; top: 40px; position: absolute;}

.horizontaal #nav li.item_5_nl ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}
.horizontaal #nav li.item_6_nl ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}

.subnav_top { background: url(/lib/images/subnav_top.png) top left no-repeat; width: 231px; height: 40px; display: block; clear: both; float: left; border: 0 !important;}

.horizontaal #nav li:hover ul, .horizontaal #nav li.sfhover ul { left: auto;}
.horizontaal #nav li ul ul { margin: -1em 0 0 10em;}
.horizontaal #nav, .horizontaal #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1;}
.horizontaal #nav li:hover ul ul, .horizontaal #nav li.sfhover ul ul { left: -999em;}
.horizontaal #nav li:hover ul, .horizontaal #nav li li:hover ul, .horizontaal #nav li.sfhover ul, .horizontaal #nav li li.sfhover ul { left: auto;}
.horizontaal #nav li:hover ul ul, .horizontaal #nav li:hover ul ul ul, .horizontaal #nav li.sfhover ul ul, .horizontaal #nav li.sfhover ul ul ul { left: -999em;}
.horizontaal #nav li:hover ul, .horizontaal #nav li li:hover ul, .horizontaal #nav li li li:hover ul, .horizontaal #nav li.sfhover ul, .horizontaal #nav li li.sfhover ul, .horizontaal #nav li li li.sfhover ul { left: auto;}

#submenu { background: url(/lib/images/bg_submenu_top.png) no-repeat; width: 302px; margin: 0 0 0 30px; padding: 130px 0 0 40px; min-height: 132px;}
#submenu ul { width: 197px; font-family: FontinRegular; font-size: 15px; border-top: 1px solid #fff;}
#submenu ul li a { color: #fff; border-bottom: 1px solid #fff; display: block; width: 197px; padding: 9px 0 9px 0;}
#submenu ul li a.odd { background: #b63544;}
#submenu ul ul { border-top: 0; border-bottom: 1px solid #fff; color: #5f000b;}
#submenu ul ul li a { padding: 5px 0 5px 17px; width: 180px; border: 0; font-family: Arial; font-size: 12px; background: url(/lib/images/bullet.png) no-repeat 0 8px;}
#submenu_bottom { background: url(/lib/images/bg_submenu_bottom.png) no-repeat; width: 265px; height: 132px; padding: 0; margin: 0 0 0 30px;}
#submenu a.active { color: #ffba00;}

#breadcrumbs ul { overflow: hidden; margin: 15px 30px 15px 30px;}
#breadcrumbs li { float: left; color: #858585; margin: 0 5px 0 0; font-weight: bold;line-height: 18px;}
#breadcrumbs li a { text-decoration: none; color: #858585; }
#breadcrumbs li a:hover { text-decoration: underline;}
#breadcrumbs li span.last_niet { display: none;}

#utils { position: absolute; right: 260px; top: 29px;}
#utils li { float: left; border-right: 1px solid #000; padding: 0 5px 0 0; margin: 0 0 0 5px;}
#utils li.last { border: 0; padding: 0;}
#utils li.home { border-left: 1px solid #000; padding-left:10px;}
#utils li a { text-decoration: none; color: #555555;}
#utils li#muziek {height:11px; margin:-4px -10px 0 0; border:0;}

#utils a.ms { background: url(/lib/images/vlag_maastricht.png) no-repeat right; display: block; height: 13px; padding: 0 23px 0 0;}
#utils a.nl { background: url(/lib/images/vlag_nederland.png) no-repeat right; display: block; height: 13px; padding: 0 23px 0 0;}
#utils a.ms_nl { display: none;}
#utils a.nl_ms { display: none;}

#zoeken { position: absolute; right: 30px; top: 23px; margin: 0; padding: 0;}
#zoeken fieldset {  margin: 0; padding: 0;}
#zoeken .wrapper_zoek { background: url(/lib/images/bg_zoek.png) no-repeat; width: 171px; height: 27px; float: left;}
#zoeken .wrapper_zoek input { border: 0; margin: 5px 0 0 25px; width: 140px;}
#zoeken .btn_zoek { cursor: pointer; background: url(/lib/images/btn_zoek.png) no-repeat; width: 48px; height: 27px; margin: 0; padding: 0; border: 0; color: #fff; font-family: 'DeliciousHeavyRegular'; text-transform: uppercase; font-size: 13px;}

.paragraph { margin: 20px 0 0 0; font-size: 15px; font-family: Arial; overflow: hidden;}
.paragraph h2 { color: #207735; font-weight: bold; line-height: 22px;}
.paragraph .text { line-height: 22px;}
.paragraph .imagedescription { display: none;}
.paragraph p { line-height: 22px;}
.paragraph strong {color: #217008;}
.paragraph a { color: #b91c16;}
.paragraph a:hover { text-decoration: underline;}

#nieuwsteasers a { color: #b91c16;}
#nieuwsteasers a:hover { text-decoration: underline;}

.wrapper_photos { position: relative; z-index: 1; float: right; margin: 0 0 0 10px;}
.wrapper_photos .top { width: 74px; height: 7px; position: absolute; top: -7px; left: 5px; display: block; background: url(/lib/images/layer_foto_top.png) no-repeat;}
.wrapper_photos .right { width: 4px; height: 44px; position: absolute; top: 5px; right: -4px; display: block; background: url(/lib/images/layer_foto_right.png) no-repeat;}
.wrapper_photos .bottom { width: 74px; height: 7px; position: absolute; bottom: -6px; right: 4px; display: block; background: url(/lib/images/layer_foto_bottom.png) no-repeat;}
.wrapper_photos .left { width: 4px; height: 45px; position: absolute; bottom: 5px; left: -4px; display: block; background: url(/lib/images/layer_foto_left.png) no-repeat;}
.mediaitem img { display: block; max-width: 252px; border: 1px solid #c0c0c0; -moz-border-radius:4px; webkit-border-radius:4px; border-radius:4px;}

.lijn { height: 1px; width: 572px; background: #d8d8d8; display: block; margin: 18px 0 18px 0; clear: both; float: left;}

.intro_zoek { margin: 10px 0 20px 0;}

.searchitems .text ul { list-style: none; padding: 0; margin: 0; }
.searchitems .text li { padding: 20px; border: 1px dotted #000; margin-bottom: 10px; }
.searchitems .path a { font-size: 70%; color: #501110; }

.paging { overflow: hidden; padding: 9px 0; }
.paging a { float: left; height: 18px; margin-right: 4px; padding: 0 4px 0 4px; color: #fff; background: #da1812; text-align: center; line-height: 18px; font-size: 11px; text-decoration: none; }
.paging a.active { color: #fff; background: #217008;}

.rolodex { overflow: hidden; background: gray; padding: 5px; }
.rolodex li { float: left; margin: 2px 10px; line-height: 1.4em; }
.rolodex a.active { font-size: 1.4em }

#footer { background: url(/lib/images/bg_footer_herhaal.png) 0 1px;}
#footer .wrapper { background: url(/lib/images/bg_footer.png) no-repeat; width: 965px; padding: 50px 0 50px 35px; margin: 0 auto; overflow: hidden; position: relative;}
#footer ul { overflow: hidden; width: 220px; margin: 0 16px 20px 0; float: left;}
#footer li { font-family: 'DeliciousRoman'; margin: 0 0 4px 0;}
#footer li a.first { color: #000 !important; font-size: 18px; margin: 0 0 4px 0;}
#footer li span.first { color: #000 !important; font-size: 18px; margin: 0 0 4px 0;}
#footer ul li { clear: both;}
#footer ul li a { font-size: 15px; color: #fff !important;}

#footer ul li a:hover { color: #ffba00 !important;}

#footer ul.socialmedia { position: absolute; top: 225px; right: 20px;}
#footer ul ul.social li { clear: none; float: left; margin: 5px 2px 0 0;}
#footer ul ul.social li a { width: 29px; height: 29px; display: block; text-indent: -9999px;}
#footer ul ul li a.ico_facebook { background: url(/lib/images/ico_facebook.png) no-repeat;}
#footer ul ul li a.ico_twitter { background: url(/lib/images/ico_twitter.png) no-repeat;}
#footer ul ul li a.ico_linkedin { background: url(/lib/images/ico_linkedin.png) no-repeat;}
#footer ul ul li a.ico_hyves { background: url(/lib/images/ico_hyves.png) no-repeat;}
#footer ul ul li a.ico_youtube { background: url(/lib/images/ico_youtube.png) no-repeat;}
#footer ul ul li a.ico_rss { background: url(/lib/images/ico_rss.png) no-repeat;}

.extranetmenu #footer .lijst_4 ul { height: 153px;}

#photobook { width: 820px; height: 534px; padding: 30px 0 0 30px; overflow: hidden; margin: 0; background: url(/lib/images/bg_nyro.png);}
#photobook #image_wrap { text-align: center; width:790px; height:375px; margin: 0; padding: 0;}
#photobook .description { font-family: 'FontinRegular'; height: 20px; color: #000; text-align: center; width: 790px; margin: 10px 0 0 0;}
#photobook #photobook_previous { float: left; width: 47px; height: 36px; background: url(/lib/images/pijl_links.png); text-indent: -9999px;}
#photobook #photobook_next { float: left; width: 47px; height: 36px; background: url(/lib/images/pijl_rechts.png); text-indent: -9999px;}
#photobook .wrap_scroll { min-height: 90px; width: 790px; overflow: hidden;}
#photobook .scrollable { position:relative; width: 600px; overflow: hidden; float: left;}
#photobook .scrollable .items .item { float: left; margin: 10px 0 0 0;}
#photobook .scrollable .items .item  img { border: none; margin: 0 20px 0 0;}
#photobook a.browse { float: left; width: 30px; height: 30px; margin-top: 30px; }
#photobook a.right { margin-left: 10px; }
#photobook a.left { margin-right: 10px; margin-left: 40px; }
#photobook a#photobook_previous.disabled  {visibility:hidden;}

#map_canvas { height: 400px; }
.gm_info { background-color: #eaeaea; width: 200px; height: 150px; padding: 10px; border: 1px solid #4f4f4f }

form { margin: 20px 0 0 0;}
form legend { display: none;}
form .frmRow { padding: 5px 0 5px 0; position: relative;}
form .frmRow label { width: 180px; font-family: Tahoma, Arial, Verdana; color: #207735; float: left; padding: 4px 0 0 0; font-size: 14px; }
form .frmRow input { width: 250px; font-family: Tahoma, Arial, Verdana; font-size: 14px;}
form textarea { width: 250px; font-family: Tahoma, Arial, Verdana; font-size: 14px;}
form .frmRow input.checkbox { width: 15px; height: 15px; margin: 3px 0 0 0;}
form div.captcha { overflow: hidden; margin: 0 0 0 180px;}
form input.captcha { width: 150px; float: left; margin: 0 0 5px 0;}
form img.captcha { clear: both; float: left; border: 1px solid #fae1e0; width: 154px;}
form .submit input{ background: url(/lib/images/btn_submit.png); border: 0; color: #fff; height:23px; width: 120px; font-family: 'DeliciousHeavyRegular'; font-size: 15px; padding: 0 0 3px 0; margin: 15px 0 0 180px;}
form .verzend { background: url(/lib/images/btn_submit.png) no-repeat; border: 0; color: #fff; height:23px; width: 120px !important; font-family: 'DeliciousHeavyRegular'; font-size: 15px; padding: 0 0 3px 0; margin: 15px 0 0 180px;}
.errormessage { color: red;}

form .vergeten { font-family: 'FontinRegular'; font-size: 14px; color: #a91223; text-decoration: underline;}

form label.error { background: url(/lib/images/verplicht.jpg); width: 16px; height: 17px; display: block; position: absolute; top: 6px; left: 150px; padding: 0; text-indent: -9999px;}

p.error { text-transform: uppercase; color: #f00; font-weight: bold; font-size: 1.2em; }
p.succes { text-transform: uppercase; color: #0f0; font-weight: bold; font-size: 1.2em; }

#kolom_1 { float: left; width: 366px; margin: 0 20px 0 0; position: relative; }
#kolom_1 .pietie { z-index: 10; background: url(/lib/images/pietie.png) no-repeat; width: 122px; height: 144px; position: absolute; top: 440px; right: 0;}
#kolom_2 { float: left; width: 572px;}
#kolom_2 h1 { font-family: 'FontinRegular'; font-size: 30px; color: #207735; margin: 30px 0 0 0; font-weight: normal;}

/*TWITTER*/
#twitter { position: relative; margin: 0 0 0 30px; width: 297px; height: 458px; background: url(/lib/images/bg_twitter.png); padding: 15px 0 0 30px;}
.prinstwitter {margin-bottom:25px!important;}
#tweet { margin: 0 0 0 20px; width: 265px; height: 565px; background: url(/lib/images/bg_tweet.png); padding: 130px 0 0 40px;}
/*#tweet-id-8 { width: 195px;}*/
.twtr-join-conv { display: none !important;}
.twtr-tweet-text p {}
.twtr-hd { display: none !important;}
.twtr-widget { clear: both;}
#twitter h1 { margin: 20px 15px 20px 0; color: #b91c16; font-size: 21px; font-weight: normal; font-family: 'FontinRegular'; float: left;}

/*FACEBOOK*/
#facebook { width: 316px; height: 360px; background: url(/lib/images/bg_facebook.png) no-repeat; padding: 20px 0 0 20px; margin: 0 0 0 30px;}
#facebook h4 { color: #b91c16; font-size: 23px; font-family: 'FontinRegular'; font-weight: normal; margin: 0 0 10px 10px;}
#facebook .fb-activity { background: #fff;}

#facebook_small { width: 235px; height: 360px; background: url(/lib/images/bg_facebook_small.png) no-repeat; padding: 20px 0 0 20px; margin: 0 0 0 30px;}
#facebook_small h4 { color: #b91c16; font-size: 23px; font-family: 'FontinRegular'; font-weight: normal; margin: 0 0 10px 10px;}
#facebook_small .fb-activity { background: #fff;}

/* Addthis facebook breedte fix */
.addthis_toolbox a.addthis_button_facebook_like iframe {width:130px!important;}

/*Nieuwsoverzicht*/
.news #kolom_1 { margin: 0 0 0 0;  width: 338px;}

#nieuwsteasers { margin: 20px 0 0 0;}
#nieuwsteasers h2 { color: #b91c16; overflow: hidden; width: 500px; height: 21px; font-size: 20px; font-family: 'FontinRegular'; font-weight: normal;}
#nieuwsteasers li { position: relative; background: url(/lib/images/bg_nieuwsitem.png) no-repeat; width: 587px; height: 169px; padding: 20px;}
#nieuwsteasers .datum { width: 104px; padding: 9px 0 0 0; height: 33px; font-size: 15px; position: absolute; top: 14px; right: -10px; background: url(/lib/images/nieuws_datum.png) no-repeat; color: #fff; text-align: center;}
#nieuwsteasers p { font-size: 15px; margin: 20px 10px 0 0; height: 93px; line-height: 18px; overflow: hidden;}

#nieuwsteasers .image { width: 186px; height: 133px; overflow: hidden; position: relative; float: left; margin: 10px 20px 0 0;}
#nieuwsteasers .image .overlay { position: absolute; top: 0; left: 0; z-index: 2; background: url(/lib/images/overlay_nieuwsitem.png) no-repeat; width: 186px; height: 133px;}
#nieuwsteasers .image img { width: 186px; height: 133px;}

#nieuwsteasers a.leesmeer { margin: 5px 0 0 0; background: url(/lib/images/btn_lees_right.png) no-repeat right top; float:left; height: 23px; padding: 0 11px 0 0;}
#nieuwsteasers a.leesmeer span { background: url(/lib/images/btn_lees_left.png) no-repeat; display: block; height: 22px; padding: 4px 0 0 11px; color: #fff; font-family: 'DeliciousHeavyRegular'; font-size: 14px;}

/*Nieuwsdetail*/
.news_detail .paragraph { margin: 20px 0 0 0;}
.news_detail .wrapper_photos { margin: 20px 0 0 10px;} 

#nieuws_sub { background: url(/lib/images/bg_submenu_top.png) no-repeat; width: 302px; margin: 0 0 0 30px; padding: 130px 0 0 40px; min-height: 132px; font-family: FontinRegular; font-size: 15px;}
#nieuws_sub li a { color: #fff; border-top: 1px solid #fff; display: block; width: 197px; padding: 9px 0 9px 0;}
#nieuws_sub li a.odd { background: #b63544;}
#nieuws_sub li.last { border-bottom: 1px solid #fff; width: 197px;}
#nieuws_sub_bottom { background: url(/lib/images/bg_submenu_bottom.png) no-repeat; width: 265px; height: 132px; padding: 0; margin: 0 0 0 30px;}
#nieuws_sub a.active { color: #ffba00;}

#nieuws_sub h3 { color: #ffba00; font-size: 20px; margin: 0 0 20px 0; width: 200px;}

/*Fotoboek home*/
#media_home { margin: 20px 0 0 0; clear: both; float: left; width: 100%;}
#media_home h3 { color: #b91c16; font-size: 23px; font-weight: normal; font-family: 'FontinRegular'; float: left;}
#media_home a.bekijk { color: #b91c16; text-decoration: underline; float: left; font-size: 13px; margin: 5px 0 0 10px;}
#media_home ul { clear: both;}
#media_home ul li { width: 186px; height: 165px; float: left; margin: 0 4px 0 0;}
#media_home a.titel { color: #207735; font-size: 14px; font-weight: normal; font-family: 'FontinRegular';}
#media_home .image { width: 186px; height: 133px; overflow: hidden; position: relative; float: left; margin: 10px 20px 0 0;}
#media_home .image .overlay { position: absolute; top: 0; left: 0; z-index: 2; background: url(/lib/images/overlay_fotoboek.png) no-repeat; width: 186px; height: 133px;}
#media_home .image .overlay_video { position: absolute; top: 0; left: 0; z-index: 2; background: url(/lib/images/overlay_videos.png) no-repeat; width: 186px; height: 133px;}
#media_home .image img { width: 186px; height: 133px;}

/*Fotoboek overzicht*/
#fotoboeken_overzicht { margin: 20px 0 0 0; clear: both; float: left; background: url(/lib/images/bg_fotoboeken_top.png) no-repeat; width: 581px; padding: 10px 0 0 0; overflow: hidden;}
#fotoboeken_overzicht h3 { color: #b91c16; font-size: 23px; font-weight: normal; font-family: 'FontinRegular'; float: left;}
#fotoboeken_overzicht a.bekijk { color: #b91c16; text-decoration: underline; float: left; font-size: 13px; margin: 5px 0 0 10px;}
#fotoboeken_overzicht ul { background: #ffba00; overflow: hidden; width: 565px; padding: 0 0 0 8px; margin: 10px 0 0 2px;}
#fotoboeken_overzicht ul li { width: 186px; float: left; margin: 0; height: 170px;}
#fotoboeken_overzicht a.titel { color: #000; font-size: 14px; font-weight: normal; font-family: 'FontinRegular'; width: 170px; display: block;}
#fotoboeken_overzicht .image { width: 186px; height: 133px; overflow: hidden; position: relative; float: left; margin: 10px 20px 0 0;}
#fotoboeken_overzicht .image .overlay { position: absolute; top: 0; left: 0; z-index: 2; background: url(/lib/images/overlay_nieuwsitem.png) no-repeat; width: 186px; height: 133px;}
#fotoboeken_overzicht .image .overlay_video { position: absolute; top: 0; left: 0; z-index: 2; background: url(/lib/images/overlay_videos_geel.png) no-repeat; width: 186px; height: 133px;}
#fotoboeken_overzicht .image img { width: 186px; height: 133px;}
#fotoboeken_overzicht_bottom { clear: both; float: left; background: url(/lib/images/bg_evenementen_bottom.png) no-repeat; width: 581px; height: 30px;}

/*Komende evenementen homepage*/
#evenementen_home { margin: 20px 0 0 0; clear: both; float: left; width: 581px;}
#evenementen_home h3 { margin: 25px 15px 10px 18px; color: #b91c16; font-size: 23px; font-weight: normal; font-family: 'FontinRegular'; float: left;}
#evenementen_home .bekijk {  color: #b91c16; text-decoration: underline; float: right; font-size: 15px; margin: 30px 21px 0 0; font-family: 'DeliciousRoman';}
#evenementen_home ul { font-size: 15px; clear: both; float: left; margin: 0 0 0 18px; width: 542px; border-top: 1px solid #ffdd80;}
#evenementen_home ul li { width: 542px; overflow: hidden; padding: 3px 0 3px 0; border-bottom: 1px solid #ffdd80;}
#evenementen_home ul li:nth-child(even) { background: #ffcb40;}

#evenementen_home .titel { font-family: FontinRegular; float: left; margin: 4px 0 0 0; padding: 0 5px 0 5px; display: block; width: 274px;}
#evenementen_home .datum { font-family: 'DeliciousRoman'; float: left; margin: 5px 0 0 0; display: block; width: 85px;}

a.leesmeer { margin: 0 5px 0 0; background: url(/lib/images/btn_lees_right.png) no-repeat right top; float:left; height: 23px; padding: 0 11px 0 0;}
a:hover.leesmeer { text-decoration: none;}
a.leesmeer span { margin: 0 0 0 5px; background: url(/lib/images/btn_lees_left.png) no-repeat; display: block; height: 22px; padding: 4px 0 0 11px; color: #fff; font-family: 'DeliciousHeavyRegular'; font-size: 14px;}
a.ikkom { background: url(/lib/images/btn_lees_right.png) no-repeat right top; float:left; height: 23px; padding: 0 11px 0 0;}
a:hover.ikkom { text-decoration: none;}
a.ikkom span { background: url(/lib/images/btn_ikkom_left.png) no-repeat; display: block; height: 22px; padding: 4px 0 0 29px; color: #fff; font-family: 'DeliciousHeavyRegular'; font-size: 14px;}
a.present span { margin: 0 0 0 5px; background: url(/lib/images/btn_leesgroen_left.png) no-repeat; display: block; height: 22px; padding: 4px 0 0 11px; color: #fff; font-family: 'DeliciousHeavyRegular'; font-size: 14px;}
a.present { background: url(/lib/images/btn_leesgroen_right.png) no-repeat right top; }
a.leesmeer, a.ikkom {float:right;}

#evenementen_home .evenementen_top { background: url(/lib/images/bg_evenementen_top.png) no-repeat; overflow: hidden;}
#evenementen_home .evenementen_mid { background: url(/lib/images/bg_evenementen_mid.png) no-repeat; overflow: hidden;}
#evenementen_home .evenementen_bottom { clear: both; float: left; margin: 0 0 -1px 0; background: url(/lib/images/bg_evenementen_bottom.png) no-repeat; width: 581px; height: 31px;}

/*Evenemtenten overzicht*/
.event #kolom_1 { margin: 0 0 0 0;  width: 338px;}
.event #kolom_2 h1 { margin: 10px 0 20px 0;}

.event .lijn { height: 1px; width: 624px; background: #d8d8d8; display: block; margin: 18px 0 18px 0; clear: both; float: left;}

.evenement_top { background: url(/lib/images/evenement_top.png) no-repeat; width: 624px; height: 25px;}
.evenement_bottom { background: url(/lib/images/evenement_bottom.png) no-repeat bottom left; width: 589px; padding: 0 15px 20px 20px; overflow: hidden;}
.evenement_bottom h2 { color: #b91c16; font-family: 'FontinRegular'; font-size: 20px; width: 425px; float: left;}
.evenement_bottom .datum { clear: both; float: left; color: #217008; font-size: 16px; font-family: FontinRegular;}

/* Evenementen detail */
table.waarwanneer { font-size: 15px; border-bottom: 1px solid #fff; width: 575px; margin: 0 0 10px 0;}
table.waarwanneer tr { border-top: 1px solid #fff; padding: 5px 0 5px 0;}
table.waarwanneer td { padding: 5px 0 5px 0;}
table.waarwanneer strong { font-size: 15px; color: #217008;}

/*Sitemap*/
#sitemap { margin: 20px 0 0 13px; font-family: 'FontinRegular'; font-size: 14px;}
#sitemap ul { margin: 4px 0 0 33px;}
#sitemap ul ul { margin: 4px 0 0 43px;}

#sitemap li { list-style-type: disc; margin: 0 0 4px 0;}
#sitemap li a { color: #000;}
#sitemap li a:hover { text-decoration: underline;}

/* Extranet*/

.extranetmenu .horizontaal #nav li.item_1_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_1_nl-nl a.level1 { position: absolute; top: 0; right: 355px; z-index: 3; background: url(/lib/images/item_1_extra_ms.png) no-repeat top; display: block; width: 131px; height: 66px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_2_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_2_nl-nl a.level1 { position: absolute; top: 12px; right: 273px; z-index: 5; background: url(/lib/images/item_2_extra_ms.png) no-repeat top; display: block; width: 100px; height: 59px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_3_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_3_nl-nl a.level1 { position: absolute; top: 0; right: 100px; z-index: 4; background: url(/lib/images/item_3_extra_ms.png) no-repeat top; display: block; width: 193px; height: 63px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_4_nl-nl a.level1 { position: absolute; top: 18px; right: 20px; z-index: 3; background: url(/lib/images/item_4_extra_ms.png) no-repeat top; display: block; width: 100px; height: 54px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_5_nl-nl a.level1 { display: none;}
.extranetmenu .horizontaal #nav li.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_6_nl-nl a.level1 { display: none;}
.extranetmenu .horizontaal #nav li.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li.item_7_nl-nl a.level1 { display: none;}
.extranetmenu .horizontaal #nav li.item_1_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_1_nl-ms a.level1 { position: absolute; top: 0; right: 355px; z-index: 3; background: url(/lib/images/item_1_extra_ms.png) no-repeat; display: block; width: 131px; height: 66px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_2_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_2_nl-ms a.level1 { position: absolute; top: 12px; right: 273px; z-index: 5; background: url(/lib/images/item_2_extra_ms.png) no-repeat; display: block; width: 100px; height: 59px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_3_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_3_nl-ms a.level1 { position: absolute; top: 0; right: 100px; z-index: 4; background: url(/lib/images/item_3_extra_ms.png) no-repeat; display: block; width: 193px; height: 63px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_4_nl-ms a.level1 { position: absolute; top: 18px; right: 20px; z-index: 3; background: url(/lib/images/item_4_extra_ms.png) no-repeat; display: block; width: 100px; height: 54px; text-indent: -9999px;}
.extranetmenu .horizontaal #nav li.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_5_nl-ms a.level1 { display: none;}
.extranetmenu .horizontaal #nav li.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_6_nl-ms a.level1 { display: none;}
.extranetmenu .horizontaal #nav li.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li.item_7_nl-ms a.level1 { display: none;}

.extranetmenu .horizontaal #nav li:hover.item_1_nl-NL a.level1, .extranetmenu .horizontaal #nav li:hover.item_1_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_1_nl-NL a.level1, .extranetmenu .horizontaal #nav li.active.item_1_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_2_nl-NL a.level1, .extranetmenu .horizontaal #nav li:hover.item_2_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_2_nl-NL a.level1, .extranetmenu .horizontaal #nav li.active.item_2_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_3_nl-NL a.level1, .extranetmenu .horizontaal #nav li:hover.item_3_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_3_nl-NL a.level1, .extranetmenu .horizontaal #nav li.active.item_3_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li:hover.item_4_nl-nl a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_4_nl-NL a.level1, .extranetmenu .horizontaal #nav li.active.item_4_nl-nl a.level1 { background-position: bottom;}

.extranetmenu .horizontaal #nav li:hover.item_1_nl-MS a.level1, .extranetmenu .horizontaal #nav li:hover.item_1_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_1_nl-MS a.level1, .extranetmenu .horizontaal #nav li.active.item_1_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_2_nl-MS a.level1, .extranetmenu .horizontaal #nav li:hover.item_2_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_2_nl-MS a.level1, .extranetmenu .horizontaal #nav li.active.item_2_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_3_nl-MS a.level1, .extranetmenu .horizontaal #nav li:hover.item_3_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_3_nl-MS a.level1, .extranetmenu .horizontaal #nav li.active.item_3_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li:hover.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li:hover.item_4_nl-ms a.level1 { background-position: bottom;}
.extranetmenu .horizontaal #nav li.active.item_4_nl-MS a.level1, .extranetmenu .horizontaal #nav li.active.item_4_nl-ms a.level1 { background-position: bottom;}

.extranetmenu .horizontaal #nav li:hover.item_1_nl ul { right: 335px; top: 37px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_2_nl ul { right: 272px; top: 45px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_3_nl ul { right: 110px; top: 35px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_4_nl ul  { display: none;}
.extranetmenu .horizontaal #nav li.item_2_nl ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}
.extranetmenu .horizontaal #nav li.item_4_nl ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}
.extranetmenu .horizontaal #nav li:hover.item_1_ms ul { right: 335px; top: 37px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_2_ms ul { right: 272px; top: 45px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_3_ms ul { right: 110px; top: 35px; position: absolute;}
.extranetmenu .horizontaal #nav li:hover.item_4_ms ul  { display: none;}
.extranetmenu .horizontaal #nav li.item_2_ms ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}
.extranetmenu .horizontaal #nav li.item_4_ms ul li.first { background: url(/lib/images/subnav_top2.png) no-repeat; padding: 40px 0 0 20px;}