/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html { height: 100.2%; }
body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ /* behavior: url('htc/csshover.htc'); needed for hovermenu*/ behavior: url('htc/csshover.htc');}
.error, .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
/*special opmaak elementen*/
a.backtolink { background: url(../../images/default/attention_gogo_back.gif) 0% 67% no-repeat; font-size: 1.1em; display:inline-block; color: #000000; padding: 0.2em 0em 0.1em 1.2em; text-decoration: none; font-weight: bold; }
a.backtolink:hover { border-bottom:1px solid #000000; }
a.more { background: url(../../images/default/attention_gogo.gif) 100% 57% no-repeat #000000; font-size: 1.1em; display:inline-block; color: #ffffff; padding: 0.2em 1.5em 0.2em 0.5em; text-decoration: none; font-weight: bold; }
a.more:hover { background: url(../../images/default/attention_gogo_hover.gif) 100% 57% no-repeat #ffffff; color:#000000; }
/* tempalte positioning elements */
/* to center the website */
div.wrapper { position: relative; width: 980px; min-height:100%; height:100%; height: auto; margin: 0 auto; padding: 0; text-align: left; }
div.top { padding:65px 0 0 195px; }
div.container { display:inline-block; margin-bottom:3em; }
div.menucontainer { width:189px; float:left; margin:0 5px 0 0; }
div.contentcontainer { float:left; width:590px; margin:0 0 2em 0; }
div.attentioncontainer { width:189px; min-height:50px; float:left; margin:0 0 0 5px; border-left:1px solid #000000; }
/* layout */
/*top*/
div.top img.logo { padding-bottom:5px; }
div.top div.crumb { width:590px; padding-bottom:5px; }
div.top div.crumb ul { display:inline-block; }
div.top div.crumb ul li { float:left; font-size:1.2em; color:#000000; padding:0 12px 0 0; background:url(../../images/default/crumb_gogo.gif) 100% 60% no-repeat; }
div.top div.crumb ul li.selected { float:left; font-size:1.2em; color:#000000; padding:0 12px 0 0; background:none; font-weight:bold; }
div.top div.crumb ul li a { color:#000000; text-decoration:none; }
div.top div.crumb ul li a:hover { text-decoration:underline; }
/* menu */
div.menu { position:relative; text-align:right; padding: 0 0.5em 0 0; margin: 0; min-height:365px; height:auto !important; height:365px; border-right:1px solid #000000; }
div.menu ul { padding: 0; list-style: none; }
div.menu ul li { margin: 0 0 0.2em 0; padding: 0; list-style: none; }
div.menu ul li a { background: #000000; font-size: 1.45em; display:inline-block; color: #ffffff; padding: 0.3em 0.5em 0.3em 1em; text-decoration: none; font-weight: bold; }
div.menu ul li a span { border-bottom:0.2em solid #000000; }
div.menu ul li a:hover { background: #ffffff; color:#000000; }
div.menu ul li.selected a,
div.menu ul li.selected a:hover { background: #ffffff; color:#000000; }
div.menu ul li a:hover span { border-bottom:0.2em solid #FFFFFF; }
div.menu ul li.selected a:hover span { border-bottom:0.2em solid #000000; }
div.menu ul li.last { margin:22px 0 0 0;}
div.menu div.searchbox { position:absolute; bottom:0; right:0.5em; border:1px solid #000000; }
* html div.menu div.searchbox { width:145px; }
div.menu div.searchbox form.search { padding:0px 1px; }
div.menu div.searchbox form.search input.text { border:none; color:#666666; font-size:1.2em; padding:0 0 2px 2px; }
div.menu div.searchbox form.search input.button { border:none; background:url(../../images/default/search_icon.gif) 0 0 no-repeat #000000; width:18px; height:18px; cursor:pointer; margin:1px 0 0 0; }
div.menu div.searchbox form.search input.button:hover { background:url(../../images/default/search_icon_hover.gif) 0 0 no-repeat #ffffff; }
div.menu div.searchbox form.search fieldset { margin:0; padding:0; border:none; }
/* news homepage */
div.hpintro { text-align: right; padding: 0 0.5em 0 10px; margin: 30px 0 0 0; border-right: 1px solid #000000; }
div.hpintro div.payoff { padding: 0 0 1em 0; font-weight: bold; }
div.hpintro p { padding: 0 0 1em 0;}
div.hpintro div.socialbar { padding: 5px 0; }
div.hpintro div.socialbar div.socialitem { float :right; padding: 4px 0 0 0; }
div.maincontainerhome { margin:30px 0 0 10px; }
div.newslist div.item { padding: 0 0 15px 0; }
div.newslist div.imagebox { float: left; width: 100px; height: 80px; overflow: hidden; background: #ebebeb; text-align: center; margin: 4px 0 0 0; }
div.newslist div.article { float: left; width: 450px; padding: 0 0 0 10px; line-height: 1.4em; }
div.newslist div.article div.articletext { max-height: 33px; overflow: hidden; }
div.newslist div.article a { font-weight: normal; text-decoration: underline; }
div.newslist div.article a.readmore { display: block; }
div.newslist div.article a.gogo { font-weight: bold; text-decoration: none; }
div.newslist div.article a.gogo:hover { text-decoration: underline; }
/* maincontainer */
div.maincontainer { display:inline-block; clear:both; margin: 14px 0 0 10px; }
div.content { padding:0 10px 0 0; }
/* maincontainer kolom links rechts */
div.kolomlinks { width:275px; float:left; padding:0 20px 0 0; }
div.kolomrechts { width:275px; float:left; padding:0; }
div.floattitle { float:left; width:300px; }
div.floattitlecontent { float:left; width:185px; padding:1px 0 0 0; }
/* maincontainer kolom links rechts */
div.kolomfoto { width:240px; float:left; padding:0 10px 0 0; }
div.kolomrechtsfoto { width:330px; float:left; padding:0; }
/* footer */
div.footer { text-align:right; position:relative; margin-top:-20px; min-width:980px; width:100%; height:20px; right:0.7em; color:#000000; }
div.footer a { color:#000000; text-decoration:none; font-size:1em; padding:0 0.3em; }
div.footer a:hover { text-decoration:underline; }
/* slideshow */
div.slideshow { }
div.slideshow ul.slideshowmenu { display:inline-block; list-style-type:none; margin:2px 0 0 0; float:right }
div.slideshow ul.slideshowmenu li { float:left; margin:0 0 0 3px; }
div.slideshow ul.slideshowmenu li a { text-decoration:none; display:inline-block; color:#ffffff; border-bottom:2px solid #000000; background:#000000; padding:4px 6px 2px 6px; font-weight:bold; }
div.slideshow ul.slideshowmenu li:hover a,
div.slideshow ul.slideshowmenu li.selected a { background:#ffffff; color:#000000; border-bottom:2px solid #000000; }
div.submenu { }
div.submenu ul { display:inline-block; list-style-type:none; margin:0; width:590px; background:#000000 url(../../images/default/menu_bg.gif) left top; }
div.submenu ul li { float:left; margin:0 0 3px 0; border-right:0.3em solid #ffffff; /*border-bottom:0.2em solid white;*/ white-space:nowrap; }
div.submenu ul li a { background: url(../../images/default/attention_gogo.gif) 100% 58% no-repeat #000000; font-size: 1.2em; display:inline-block; color: #ffffff; padding: 0.3em 1.5em 0.2em 0.5em; text-decoration: none; font-weight: bold; border-bottom:0.2em solid #000000; line-height:1.2em; }
div.submenu ul li:hover a { background: url(../../images/default/attention_gogo_hover.gif) 100% 58% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #ffffff; }
div.submenu ul li.selected a,
div.submenu ul li.selected a:hover { background: url(../../images/default/attention_gogo_hover.gif) 100% 58% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #000000; }
/*definitionlist homepage actueel*/
div.definitionlist { text-align:right }
div.definitionlist dl { margin: 0 0 10px 0; text-align:left; border-left: 1px solid #000000; color:#000000; }
div.definitionlist dl dt { margin:0; padding:2px 5px 0 5px; font-weight:bold; }
div.definitionlist dl dd { margin:0; padding:0 5px 0px 5px; }
div.definitionlist dl dd a { padding:0 0 2px 0; }
div.definitionlist dl dt a { display:block; text-decoration:none; }
div.definitionlist dl dd a { display:block; font-weight:normal; }
div.definitionlist dl:hover { background:#000000; color:#FFFFFF; }
div.definitionlist dl:hover a,
div.definitionlist dl a:hover { color:#FFFFFF; text-decoration:none; }
/*attentionarea*/
div.attentionarea { margin:0 0 0 5px; text-align:left; }
div.attentionarea ul { padding: 0; list-style: none; }
div.attentionarea ul li { margin: 0 0 2px 0; padding: 0; list-style: none; }
div.attentionarea ul li a { background: url(../../images/default/attention_gogo.gif) 100% 58% no-repeat #000000; font-size: 1.2em; display:inline-block; color: #ffffff; padding: 0.3em 1.5em 0.2em 0.5em; text-decoration: none; font-weight: bold; border-bottom:0.2em solid #000000; }
div.attentionarea ul li a:hover { background: url(../../images/default/attention_gogo_hover.gif) 100% 57% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #ffffff; }
div.attentionarea ul li.selected a,
div.attentionarea ul li.selected a:hover{ background: url(../../images/default/attention_gogo_hover.gif) 100% 57% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #000000; }
/*aanmeldingsteps*/
div.aanmeldingsteps { }
div.aanmeldingsteps ul { display:inline-block; width:327px; list-style-type:none; margin:0; background:#000000; height:22px; }
div.aanmeldingsteps ul li { float:left; margin:0 0 3px 0; /*border-bottom:0.2em solid white;*/ }
div.aanmeldingsteps ul li a { background: url(../../images/default/attention_gogo.gif) 100% 58% no-repeat #000000; font-size: 1.2em; display:block; color: #ffffff; padding: 0.3em 1.5em 0em 0.5em; text-decoration: none; font-weight: bold; border-bottom:0.2em solid #000000; line-height:1.2em; }
div.aanmeldingsteps ul li.printpdf { margin:0 0 3px 20px; }
div.aanmeldingsteps ul li:hover a,
div.aanmeldingsteps ul li.active a { background: url(../../images/default/attention_gogo_hover.gif) 100% 58% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #ffffff; cursor:pointer; text-decoration:none; }
div.aanmeldingsteps ul li.active a:hover { background: url(../../images/default/attention_gogo_hover.gif) 100% 58% no-repeat #ffffff; color:#000000; border-bottom:0.2em solid #ffffff; cursor:pointer; text-decoration:underline; }
div.aanmeldingsteps ul li.noactive:hover a,
div.aanmeldingsteps ul li.noactive a,
div.aanmeldingsteps ul li.noactive a:hover { background: url(../../images/default/steps_gogo_noaction.gif) 100% 58% no-repeat #000000; color:#575656; border-bottom:0.2em solid #000000; cursor:default }
p.tostep2 { background: #000000; padding:0.2em 0.5em; color:#FFFFFF; border-bottom:2px solid #000000; }
p.tostep2 a { color:#FFFFFF; text-decoration:none; }
p.tostep2:hover { background: #ffffff; padding:0.2em 0.5em; color:#000000;}
p.tostep2:hover a { color:#000000; text-decoration:none; }
p.tostep3 { background: #000000; padding:0.2em 0.5em; color:#FFFFFF; border-bottom:2px solid #000000; }
p.tostep3 a { color:#FFFFFF; text-decoration:none; }
p.tostep3:hover { background: #ffffff; padding:0.2em 0.5em; color:#000000;}
p.tostep3:hover a { color:#000000; text-decoration:none; }
p.tostep4 { background: #000000; padding:0.2em 0.5em; color:#FFFFFF; border-bottom:2px solid #000000; }
p.tostep4 a { color:#FFFFFF; text-decoration:none; }
p.tostep4:hover { background: #ffffff; padding:0.2em 0.5em; color:#000000;}
p.tostep4:hover a { color:#000000; text-decoration:none; }
/* form styles */
div.formulier fieldset { margin:0; padding:0; border:none; }
div.formulier form { margin: 1.2em 0 0 0; overflow:hidden }
div.formulier form table { width:100%; margin-left: -9px; }
div.formulier form table tr { }
div.formulier form table tr td { vertical-align:top; padding:0.5em 2em 0.5em 1em; border-left:1px solid black; }
div.formulier form table tr td table tr td { vertical-align:top; padding:0 0 0.5em 0.8em; border-left:none; }
div.formulier form label { }
div.formulier form span.formerror { color: #ff0000; }
div.formulier form span.formrequired { color: #082C3C; font-weight: bold; }
div.formulier form input.radio { border:none; }
div.formulier form input.checkbox { }
div.formulier form table tr td input { border:1px solid #000000; margin:0 0 2px 0; }
div.formulier form textarea,
div.formulier form select { border:1px solid #000000; }
div.formulier form button { color:#ffffff; background-color:#000000; padding:0 0 0.1em 0; margin:0; border:none; border:0.2em solid #000000; cursor:pointer; }
div.formulier form button:hover { color:#000000; background-color:#ffffff; border:0.2em solid #ffffff; border-bottom:0.2em solid #000000; }
div.formulier form table tbody tr td label { white-space:nowrap; }
div.formulier form table tbody tr td.leerjaar,
div.formulier form table tbody tr td.gadoor,
div.formulier form table tbody tr td.leerweg { white-space:nowrap }
div.formulier form table tbody tr td.leerjaar input.radio,
div.formulier form table tbody tr td.leerweg input.radio { }
div.formulier form table tbody tr td.leerjaar label,
div.formulier form table tbody tr td.leerweg label { padding:0 0 0 10px; }
/*ie button*/
* html div.formulier form button,
*+html div.formulier form button { padding:0.2em 0 0 0; }
/* searchengine */
div.searchengine div.resultshead { background:#000000; font-weight:bold; color:#FFFFFF; padding:10px; margin:0 0 10px 0; }
div.searchengine div.resultpagination { display: inline-block; clear:both; }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.1em; width: 1.7em; margin: 0.2em; text-align: center; padding:0.2em 0 0.2em 0; background:#ffffff; color:#000000; border-bottom:0.2em solid #000000; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.1em; width: 1.7em; margin: 0.2em; text-align: center; padding:0.2em 0 0.2em 0; background:#000000; color:#FFFFFF; border-bottom:0.2em solid #000000; }
div.searchengine div.resultpagination a:hover { background:#ffffff; color:#000000; border-bottom:0.2em solid #000000; text-decoration:none; }
div.searchengine div.searchstars { font-size: 1.5em; margin:1em 0 0 0; font-weight: bold; color:#000000; }
div.searchengine div.searchresultitle { font-weight:bold; }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; font-size:1em; }
div.searchengine div.searchresultdescription { margin:0.2em 0 1.5em 0; }
div.searchengine div.searchresultdescription a { text-decoration: none; font-weight:normal; }
div.searchengine div.searchresultdescription a:hover { text-decoration: underline; }
div.searchengine form.search { background:#000000; margin:0; padding:10px 10px 0 10px;}
div.searchengine form.search input.search-box2 { color:#000000; font-size:1.2em; vertical-align:bottom; height:17px; border:none; padding:2px 3px 1px; }
div.searchengine form.search button.search-button2 { width:20px; height:20px; background:#ffffff url(../../images/default/search_icon.gif) 1px 1px no-repeat; vertical-align:top; margin:1px 0 0px -3px; border:none; cursor:pointer; }
div.searchengine form.search button.search-button2:hover { background:#ffffff url(../../images/default/search_icon_hover.gif) 1px 1px no-repeat; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
/*Add This*/
div.addthis_toolbox { margin-top: 20px; float:right; }