/* reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, img, em, strong, sub, sup, ol, ul, li, dl, dt, dd, form, label, legend { border: 0; margin: 0; padding: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
div.clear { clear: both; height: 12px; }
html { height: 100%; }
body { background: #ed0000; font-family: arial, helvetica, sans-serif; font-size: 76%; height: 100.2%; }
ul.quicklink { position: absolute; left: -1000em; }
img.printlogo { display: none; }
/* used to center the main wrappers */
div.innerwrap { width: 945px; margin: 0 auto; position: relative; }
/* top */
img.logo { padding: 18px 0; }
img.tagline { position: absolute; right: 0; top: 63px; }
a.logolink { text-decoration: none; }
a.homebutton { color: #000000; }
a.homelink { position: absolute; top: 120px; left: 0px; color: #ed0000; z-index: 100; text-decoration: none; font-weight: bold; text-transform:lowercase; }
a.homelink:hover { color: #000000; }
div.searchbox { position: absolute; left: 639px; top: 18px; background: #ed0000 url(../../images/brainport_startpagina/bg_search.gif) no-repeat; height: 24px; width: 250px;}
div.searchbox input.text { border:1px solid #FFFFFF; width: 210px; padding: 0 3px; position: relative; }
div.searchbox input.button { width: 25px; height: 18px; position: relative; border: none; color: #ffffff; background: #ffffff url(../../images/brainport_startpagina/sprite.gif) 15px 5px; cursor: pointer; margin-right: 3px; }
ul.language { position: absolute; right: 0px; top: 18px; }
ul.language li { float: left; }
ul.language li a { display: block; float: left; width: 18px; height: 18px; text-align: center; border: 1px solid #9e0012; background: #9e0012; text-decoration: none; color: #ffffff; }
ul.language li a:hover { background: #000000; }
ul.language li.selected a { background: #ffffff; color: #ed0000; }
/* content */
div.wrapper { background: #ffffff; width: 100%; }
div.content { width: 630px; float: left; padding: 36px 0; background: #ffffff; }
div.side { width: 306px; float: right; padding: 36px 0; font-size: 0.9em; background: #ffffff; }
div.side h3 { font-size: 1.5em; margin-bottom: 27px; color: #ed0000; }
a.gogo { color: #ed0000; text-decoration: none; background: url(../../images/brainport_startpagina/li_gogo.gif) no-repeat right 3px; padding-right: 12px; }
a.gogo:hover { color: #000000; text-decoration: underline; }
a.gogo:visited { color: #ed0000; }
p.newsdate { font-style:italic; font-size:0.9em; color:#666; }
div.content div.padbox { padding: 18px 126px 72px 0; }
/* foot */
div.wwfootwrapper { background: #888888; border-top: 9px solid #888888; }
div.foot { }
div.footwrapper { font-size: 0.9em; padding-bottom: 18px; }
div.footwrapper h6 { padding: 9px 0; color: #ffffff; font-size: 1em; }
div.footwrapper p { width: 117px; padding: 0 9px 0 0; float: left; color: #ffffff; }
div.footwrapper a { color: #ffffff; text-decoration: underline; }
div.footwrapper a:hover { color: #ffffff; }
ul.servicemenu { position: absolute; right: 0; top: 9px; }
ul.servicemenu li { float: left; }
ul.servicemenu li a { float: left; padding: 0 9px; color: #ffffff; border-left: 1px solid #ffffff; text-decoration: none; line-height: 1em; }
ul.servicemenu li a:hover { text-decoration: underline; }
ul.servicemenu li.first a { border: none; }
/* sideitems */
/* menu */
ul.menu { background: url(../../images/brainport_startpagina/bg_menu.gif) no-repeat 0px bottom; padding-bottom: 4px; }
ul.menu li { background: url(../../images/brainport_startpagina/bg_menu.gif) no-repeat 0px bottom; padding: 0; list-style: none; margin: 0; }
ul.menu li a { display: block; background: url(../../images/brainport_startpagina/bg_menu.gif) no-repeat 0px top; padding: 9px 27px 9px 9px; text-decoration: none; font-weight: bold; font-size: 1.1em; color: #000000; }
ul.menu li a:hover { color: #ed0000; }
ul.menu li.selected a { color: #ed0000; }
ul.hp { padding-bottom: 0px; margin-top: -9px; }
ul.hp li { border-top: 9px solid #ffffff; padding-bottom: 4px; }
ul.hp li.highlight { background: url(../../images/brainport_startpagina/bg_menu_highlight.gif) no-repeat 0px bottom; }
ul.hp li.highlight a { background: url(../../images/brainport_startpagina/bg_menu_highlight.gif) no-repeat 0px top; color: #FFFFFF; }
ul.hp li.highlight a:hover { color:#000000; }
div.atcolumn { float: left; width: 130px; border-left: 1px solid #888888; padding: 0 9px 27px 9px; margin: 27px 0 0 0; }
div.atcolumn div.highlight { border:1px solid #ED0000; margin:-10px -5px -5px -5px; padding:5px; }
/* home */
div.intro { width: 621px; height: 306px; background: #f3f3f3; position: relative; }
div.hidediv { display:none; }
div.showdiv { display:block; }
img.notfirst { display: none; }
div.noflash { text-align: center; padding: 18px; font-weight: bold; line-height: 20px; }
ul.intronav { position: absolute; left: 18px; top: 280px; z-index: 1000;}
ul.intronav li { float: left; }
ul.intronav li a { float: left; display: block; padding: 1px 18px; margin: 0px 2px; background: #f3f3f3; text-decoration: none; font-weight: bold; color: #ed0000; }
ul.intronav li a:hover { color: #ffffff; background: #ed0000; }
ul.hpselector { margin-right: -44px; height:171px; padding-bottom: 18px; }
ul.hpselector li { float: left; padding-right: 9px; }
ul.hpselector li a { display: block; float: left; width: 117px; height: 171px; background: #ed0000 url(../../images/brainport_startpagina/bg_selector.gif) no-repeat 98px -28px; text-decoration: none; color: #ffffff; font-size: 1em; line-height: 14px; text-transform: uppercase; }
ul.hpselector li a strong { padding: 6px 9px 12px 9px; display: block; }
ul.hpselector li a:hover { background: #f3f3f3 url(../../images/brainport_startpagina/bg_selector.gif) no-repeat 98px 122px; color: #ed0000; }
ul.hpselector span.overlay { height: 18px; width: 117px; background: #ed0000; margin-top: 72px; position:absolute; -moz-opacity:0.4; filter:alpha(opacity=40); opacity: 0.4; }
/* vervolg */
div.headerimage { width: 621px; height: 180px; position: relative; overflow: hidden; }
ul.selector { margin-right: -44px; height:81px; }
ul.selector li { float: left; padding-right: 9px; }
ul.selector li a { display: block; float: left; background: #f3f3f3 url(../../images/brainport_startpagina/bg_selector.gif) no-repeat 98px -295px; width: 117px; height: 81px; text-decoration: none; color: #888888; font-size: 1em; line-height: 14px; text-transform: uppercase; }
ul.selector li a strong { padding: 6px 9px 12px 9px; display: block; }
ul.selector li a:hover { background: #ed0000 url(../../images/brainport_startpagina/bg_selector.gif) no-repeat 98px -144px; color: #ffffff; }
ul.selector li.selected a { background: #ed0000; color: #ffffff; }
ul.selector li.selected span.spcr { height: 54px; display: block; }
ul.selector li.selected span.overlay { height: 18px; width: 117px; background: #ed0000; margin-top: -18px; position:absolute; -moz-opacity:0.4; filter:alpha(opacity=40); opacity: 0.4; }
ul.selector li.selected span.hide { height: 26px; }
ul.sidemenu { padding: 23px 0 53px 0; }
ul.sidemenu li { padding: 0; list-style: none; margin: 0 0 3px 0; }
ul.sidemenu li a { border-left: 9px solid #ed0000; line-height: 18px; display: block; padding: 0 9px; font-weight: bold; text-decoration: none; color: #000000; }
ul.sidemenu li a:hover { border-left: 9px solid #888888; color: #888888; }
div.sidecolumn { border-left: 1px solid #888888; padding: 0 0 44px 9px; }
div.sidecolumn a { color: #000000; text-decoration: none; }
div.sidecolumn a:hover { color: #9e0012; }
div.pagenav { padding: 18px 0 0 0; text-align: right; }
div.pagenav a { text-decoration: none; font-size: 0.9em; padding: 0 3px; color: #888888; font-weight: bold; }
div.pagenav a:hover { text-decoration: underline; }
/*Sitemap*/
ul.sitemap { }
ul.sitemap li,
.mceContentBody ul.sitemap li { list-style: none; margin: 18px 0; }
ul.sitemap li a { font-weight: bold; text-decoration: none; color: #000000; font-size: 1.1em; }
ul.sitemap li a:hover { text-decoration: underline; }
ul.sitemap li ul { border: 1px solid #888888; margin-top: 3px; padding: 4px; }
ul.sitemap li ul li,
.mceContentBody ul.sitemap li ul li { margin: 0 0 0 18px; }
ul.sitemap li ul li a { background: url(../../images/brainport_startpagina/li_gogo.gif) no-repeat left 3px; padding-lefT: 12px; font-size: 1em; color: #ed0000; }
ul.sitemap li ul li ul { border: none; padding: 0 0 9px 0; }
ul.sitemap li ul li ul li a { font-weight: normal; }
ul.sitemap li ul li ul li ul li a { color: #888888; background: none; }
/* Zoek */
div.search { padding: 18px 0; }
div.search input.text { border: 1px solid #888888; width: 200px; padding: 4px; font-weight: bold; position: relative; }
div.search input.button { border: 1px solid #ffffff; background: #ffffff url(../../images/brainport_startpagina/bg_selector.gif) no-repeat right 3px; font-size: 1.4em; padding: 0 18px 0 9px; font-weight :bold; color: #ed0000; font-family: arial, helvetica, sans-serif; }
.searchresulthead a { font-weight: bold; background: url(../../images/brainport_startpagina/li_gogo.gif) no-repeat right 3px; padding-right: 12px; text-decoration: none; }
.searchresulthead a strong { color: #888888; }
.searchstars { font-size: 27px; font-weight: bold; color: #ed0000; }
.searchresultlocation { color: #888888; font-size: 0.9em; font-weight: bold; font-style:italic; }
a.searchresultlink { color: #000000; text-decoration: none; }
a.searchresultlink:visited { color :#888888; }
/*pagination*/
div.pagination { margin-top:20px; }
div.pagination ul { list-style-type:none; margin:0 0 10px 0; height: 30px; }
div.pagination ul li { float:left; margin:0 5px 0 0; list-style: none; }
div.pagination ul li a { text-decoration:none; display:block; color:#ed0000; border:1px solid #9E0012; background:#f3f3f3; padding:3px 6px; font-weight:bold; }
div.pagination ul li:hover a,
div.pagination ul li.selected a { background:#ed0000; color:#FFFFFF; border:1px solid #9E0012; }
div.pagination ul li.inactief a { color:#9E9E9E; border:1px solid #ffffff; background:none; cursor:default; }
div.pagination ul li.jump a { font-weight:normal; background:none; border:1px solid #ffffff; }
div.pagination ul li.jump:hover a { font-weight:normal; background:#f3f3f3; border:1px solid #9E0012; color: #ed0000; }
div.pagination ul li.jump a.inactief{ color:#9E9E9E; background:none; cursor:default; border:none; }
div.pagination div.results { font-size: 0.9em; font-weight: bold; color: #888888; border-top: 1px solid #888888; }
/* slideshow */
.slideshowgallery { position:relative; height:307px; width: 621px; }
.slideshowgallery li { float:left; position:absolute; list-style-type:none; }
.slideshowgallery li.show { z-index:500 }
.slideshowgallery .slideshowcaption { z-index:600; background-color:#000; color:#ffffff; height:56px; width:100%; position:absolute; bottom:0; }
.slideshowgallery .slideshowcaption .slideshowcontent { margin:5px; }
.slideshowgallery .slideshowcaption .slideshowcontent h3 { margin:0; padding:0 10px; color:#fff; }
.slideshowgallery .slideshowcaption .slideshowcontent p { margin:0; padding:5px 10px; color:#FFFFFF; font-size:1.3em; }
.slideshowmenu { visibility: hidden; }
/* intro */
div.introtxt { background: #ed0000; color: #ffffff; height: 307px; }
div.introtxt div.padbox { padding: 27px 18px 48px 18px; }
div.introtxt h1 { color: #ffffff; font-size: 2em; }
div.introtxt h2 { font-weight: normal; padding-top: 18px; }
/*twittercontainer*/
div.twittercontainer { margin:0 0 20px; }
div.twittercontainer div.mceContentBody { padding:5px 0; }
div.twittercontainer ul.twitter { margin:0; padding:0; }
div.twittercontainer ul.twitter li { margin:5px 0; list-style:none; list-style-image:none; border:1px solid #cccccc; padding:5px; }
div.twittercontainer ul.twitter li a { }
/* photobook */
div.photobook { }
div.photobook ul.folderlist { list-style: none; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #ED0000; }
div.photobook ul.folderlist li { list-style: none; list-style-image: none; border-bottom: 1px solid #ED0000; padding: 10px 0; }
div.photobook ul.folderlist li a { display: block; margin-bottom: 5px; }
div.photobook ul.folderlist li a.gogo { }
div.photobook div.photothumb { border: 1px solid #888888; float: left; width: 102px; height: 130px; padding:5px; margin: 3px; text-align: center; background: #fff; color: #ffffff; }
div.photobook div.photothumb a { color: #ffffff; text-decoration: none; }
div.photobook div.photothumb:hover { background: #f3f3f3; border: 1px solid #ED0000; }
div.photobook div.photothumb h4 { line-height: 1em; font-size: 0.9em; overflow: hidden; color:#ED0000; font-weight: normal; }
div.photobook div.photothumb img { border: 1px solid #ffffff; }
div.photobook div.slider { background: #f3f3f3; text-align: center; margin: 10px 0; line-height: 25px; }
div.photobook div.slider a { font-weight: bold; text-decoration: none; padding: 0 15px; }
div.photobook div.slider a:hover { text-decoration: underline; color: #888888; }
div.photobook div.photo { background: #f3f3f3; padding: 10px; text-align: center; color: #888888; }
div.aaphotobook div.photothumb { float: none; width: auto; margin: 0; text-align: center; padding: 10px 0; margin: 10px 0; }
div.aaphotobook div.photothumb:hover { background: #888888; }
/* tread menu fotomenu */
div.treadmenu { margin: 0; padding: 10px 0; }
div.treadmenu ul { list-style: none; margin: 0; padding: 0; }
div.treadmenu ul li { float: left; padding: 0; color: #666666; display: block; font-style: italic; list-style: none; }
div.treadmenu ul li a { float: left; display: block; color: #ED0000; font-weight: bold; padding: 0px; margin: 0 5px 0 0; text-decoration: none; word-wrap: break-word; }
div.treadmenu ul li a:hover { text-decoration: underline; }
div.treadmenu ul li.last { clear: right; }
div.paginering { text-align: center; }
div.paginering a { display: inline-block; text-decoration: none; padding: 0 0.3em;}
div.paginering a:hover { color: #ffffff; background: #ED0000; }
div.paginering span.ffback { font-size: smaller; color: #88898a; }
div.paginering span.page { font-weight: bold; border: 1px solid #ED0000; margin: 0 0.3em; }
div.paginering span.active { padding: 0em 0.3em; color: #ffffff; background: #ED0000; }
div.twitterinc { padding: 0 0 20px 0; }
div.twtr-ft { display: none; }
div.socialbar
div.socialbar ul.socials { margin: 0; padding: 0; list-style: none; }
div.socialbar ul.socials li { float: left; margin: 0; padding: 0; list-style: none; }
div.socialbar ul.socials li a { float: left; display: inline-block; font-size: 11px; text-decoration: none; padding: 0 20px 0 0; line-height: 18px; color: #000000; }
div.socialbar ul.socials li a img { float: left; padding: 0 5px 0 0; }