html { padding: 0; margin: 0; height: 100.01%; }
body {
margin: 0; padding: 0;
height: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
behavior: url('htc/csshover.htc'); /*needed for hovermenu*/
}
/* standard elements */
img { border: 0; behavior: url('htc/pngbehavior.htc'); }
p { margin: 0; }
form { margin: 0; padding: 0; border: none; }
table { }
table td { vertical-align: top; }
a { outline: none; }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/* to center the website */
div.wrapper { position: relative; width: 98.5em; height: 100%; margin: 0 auto; padding: 0; text-align: left; z-index: 1; }
/* message when javascript is not supported */
div.noscript { font-size: 1.2em; font-weight: bold; text-align: center; color: #FF0000; padding: 0.5em; }
/* quicklinks for textbrowsers */
a.quicklink { position: absolute; left: -100em; }
div.navcontainer { float: left; margin-top: 10em; width: 27em; }
div.contentcontainer { float: right; margin-top: 10em; width: 70em; }
div.content { float: left; width: 41em; background: #ffffff; }
div.aside { float: right; width: 21.5em; margin-top: 10em; }
div.asidehp { padding-top: 6em; }
div.navarticle span.date { font-size: smaller; color: #ffffff; }
div.content p.date { color: #008CA3; font-weight: bold; }
* html div.navcontainer div.minheight { height: 50em; }
div.navcontainer div.minheight { min-height: 50em; }
ul.servicenav { position: absolute; top: 0.4em; right: 1.7em; }
div.topnav { position: absolute; top: 0; left: 3.8em; background: #88898a; }
img.logo { position: absolute; top: 3em; right: 1em; width: 20em; height: 6em; }
img.schoolvoor { position: absolute; top: 47px; left: 38px; width: 750px; height:25px; }
ul.nav { background: #ffffff; padding: 0 0 2em 2em; margin: 0; list-style: none; width: 18.2em; }
ul.nav li { list-style: none; }
ul.nav li a { font-weight: bold; font-size: 1.1em; color: #000000; text-decoration: none; line-height: 1.6em; padding: 0 0 0 1.6em; display: block; }
ul.nav li a:hover { color: #E2007A;}
ul.nav li.active a { color: #E2007A; background:url(../../images/default/gogo.gif) no-repeat left 0.3em; }
ul.nav li.active ul { padding: 0 0 0.4em; margin: 0; }
ul.nav li.active ul li a { font-weight: normal; padding: 0.3em 0.5em 0.3em 2.4em; line-height: 1em; background-image: none; color: #000000; }
ul.nav li.active ul li a:hover { color: #e2007a; }
ul.nav li.active ul li.active a { color: #e2007a; background:url(../../images/default/arrow.gif) no-repeat 1em 0.3em; }
div.navarticle { margin: 3em 0 1em 5em; width: 21.5em; background: #9c027c; }
div.sidearticle { padding: 1em 1.5em 3em 1.5em; color :#ffffff; font-size: 1.2em; }
div.sidearticle p { clear:both; color: #ffffff; }
div.sidearticle a { color: #ffffff; text-decoration: none; }
div.sidearticle a.gogo { color: #ffffff; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0 0.7em 0.2em 0; background-image: none; }
div.sidearticle a.gogogroup { font-style:italic; color: #88898a; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0 0.5em 0.5em 0; background-image: none; }
div.sidearticle a:hover { text-decoration: none; }
div.sidearticle a.gogo:hover,
div.sidearticle a.gogogroup:hover { text-decoration: underline; }
div.asidearticle { padding: 1em 1.5em 1em 1.5em; color :#ffffff; font-size: 1.2em; background: #008ca3; margin-top: 1em; color: #000000; }
div.asidearticle p { color: #ffffff; }
div.asidearticle a { color: #ffffff; text-decoration: none; }
div.asidearticle a.gogo { color: #ffffff; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0 0.5em 0.5em 0; background-image: none; }
div.asidearticle h2 { color: #ffffff; }
div.asidearticle a:hover { text-decoration: none; }
div.asidearticle a.gogo:hover,
div.asidearticle a.gogogroup:hover { text-decoration: underline; }
div.asidearticle a.gogogroup { font-style:italic; color: #ffffff; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0 0.5em 0.5em 0; background-image: none; }
img.sideimage { margin-bottom: 0.5em; }
div.topnav ul { margin: 0; padding: 0; list-style: none; float: left; }
div.topnav ul li { margin: 0; padding: 0; list-style: none; float: left; }
div.topnav ul li a { border-right: 1px solid #ffffff; float: left; display: block; font-size: 1.1em; color: #ffffff; padding: 0.2em 0.6em; text-decoration: none; font-weight: bold; height: 1.45em; }
div.topnav ul li a:hover { background: #666666; }
div.topnav ul li.active a { background: #E2007A; }
ul.servicenav { margin: 0; padding: 0; list-style: none; }
ul.servicenav li { margin: 0; padding: 0; list-style: none; float: left; }
ul.servicenav li a {float: left; display: block; border-left: 1px solid #000000; text-decoration: none; line-height: 1em; color: #000000; font-size: 1.1em; margin: 0; padding: 0 0.5em; }
ul.servicenav li:hover a { color: #E2007A; }
ul.servicenav li.first a { border: none; }
ul.servicenav li ul { display: none; position: absolute; top: 1em; padding: 1em; right: 0.5em; z-index: 10; background:#ffffff; border-bottom: 0.5em solid #E2007A; }
ul.servicenav li:hover ul { display: block; }
ul.servicenav li ul li { float:none; }
ul.servicenav li:hover ul li a { text-align: right; float: none; background: #ffffff; border: none; color: #E2007A; font-size: 1.1em; width: 20em; color: #E2007A; padding: 0.2em 1em 0.2em 2em; display: block; font-weight: normal; background:url(../../images/default/arrow.gif) no-repeat right 0.3em; }
ul.servicenav li:hover ul li a:hover { text-decoration: underline; }
/*ul.servicenav li form.searchtop { display: none; position: absolute; top: 1em; padding: 1em 1em 3em 3em; right: 0.5em; z-index: 10; background:#ffffff; border-bottom: 0.5em solid #E2007A; width: 23em; }
ul.servicenav li:hover form.searchtop { display: block; }*/
ul.servicenav li form.searchtop { display: none; position: absolute; top: 1em; padding: 1em 1em 3em 3em; right: 0.5em; z-index: 10; background:#ffffff; border-bottom: 0.5em solid #E2007A; width: 23em; }
ul.servicenav li:hover form.searchtop { display: block; }
ul.servicenav li form.active { display: block; position: absolute; top: 1em; padding: 1em 1em 3em 3em; right: 0.5em; z-index: 10; background:#ffffff; border-bottom: 0.5em solid #E2007A; width: 23em; }
ul.servicenav li form.searchtop input.text { border: 1px solid #666666; padding: 0; width: 10em; margin: 0; }
ul.servicenav li form.searchtop input.button {border: 1px solid #666666; background: #666666; color: #ffffff; font-size: 1.1em; margin: 0; padding: 0; font-weight:bold; width: 7em; }
ul.servicenav li form.searchtop label { display:none; }
ul.footnav { margin: 0 0 0 5.2em; padding: 0; list-style: none; }
ul.footnav li { margin: 0; padding: 0; list-style: none; float: left; }
ul.footnav li a {float: left; display: block; border-left: 1px solid #8a8a8a; text-decoration: none; line-height: 1em; color: #8a8a8a; font-size: 1.1em; margin: 0.5em 0; padding: 0 0.5em; }
ul.footnav li a:hover { color: #E2007A; }
ul.footnav li.first a { border: none; }
div.bgimage { position: absolute; left: 50%; margin-left: -48.9em; width: 98.5em; z-index: 0; top: 10em; }
div.bgimage img { width: 96em; height: 50em; }
/*
div.tabnav ul { margin: 0; padding: 0; list-style: none; height: 1.8em; margin-top: -1.6em; position: absolute; width: 38em; }
div.tabnav ul li { margin: 0; padding: 0; float: left; list-style: none; }
div.tabnav ul li a { margin: 0; border-right: 0.2em solid #ffffff; float: left; display: block; color: #ffffff; background: #666666; padding: 0.2em 0.8em; text-decoration: none; white-space: nowrap; }
div.tabnav ul li a:hover,
div.tabnav ul li.active a { background: #e2007a; }
*/
.mceContentBody div.tabnav ul { margin: 0; padding: 0; list-style: none; height: 1.8em; margin-top: -1.8em; position: absolute; width: 38em; }
.mceContentBody div.tabnav ul li { margin: 0; padding: 0; float: left; list-style: none; }
.mceContentBody div.tabnav ul li a { margin: 0; border-right: 0.2em solid #ffffff; float: left; display: block; color: #ffffff; background: #666666; padding: 0.2em 0.8em; text-decoration: none; white-space: nowrap; }
.mceContentBody div.tabnav ul li a:hover,
.mceContentBody div.tabnav ul li.active a { background: #e2007a; }
div.selector { padding: 1em; margin-bottom: 5em; }
div.content div.selector form { padding: 0; border: none; }
div.selector div.question { padding: 0.1em 0; }
div.selector span.noselect { font-style:italic; }
div.selector a.answer { font-size: 1.6em; text-decoration: none; color: #000000; }
div.selector a.noselect { color: #e2007a; }
div.selector a.selection { text-decoration: none; color: #e2007a; }
div.selector a.selection:hover { text-decoration:line-through; }
div.quickselect { font-weight: bold; color: #ffffff; background: #008CA3 url(../../images/default/gogo_white_open.gif) no-repeat right 1.2em; padding: 1em; }
div.quickselect:hover { background: #E2007A url(../../images/default/gogo_white_open_h.gif) no-repeat right 1.2em; cursor: pointer; }
ul.quickselect { display: none; list-style: none; position: absolute; right: 0; background: #ffffff; width: 31em; padding: 1em 1em 1em 0; list-style-image: none; border-bottom: 1em solid #ffffff; z-index:100; }
ul.quickselect li { list-style:none; background: none; padding-left:1em; list-style-image: none; }
ul.quickselect li a { color: #E2007A; padding: 0.2em 1em 0.2em 2em; display: block; font-weight: normal; background:url(../../images/default/arrow.gif) no-repeat 0 0.3em;}
ul.quickselect li a:hover { text-decoration: none; }
ul.quickselect li.closequickselect { font-weight: bold; color: #ffffff; background: #E2007A url(../../images/default/gogo_white_close.gif) no-repeat right 1.2em; cursor: pointer; padding: 1em; margin-bottom: 1em; width: 29em; }
div.java div.selector div.theqst,
div.java div.selector div.thecqst { position: absolute; }
div.java div.selector a.myqst,
div.java div.selector a.mycqst { visibility:visible; }
div.java div.selector a.closepanel { visibility:visible; }
div.opleidingmenu { }
div.opleidingmenu ul { margin: 0; padding: 0; }
div.opleidingmenu ul li { list-style-image:none; list-style:none; font-size: 1.6em; color: #000000; }
div.opleidingmenu ul li a { text-decoration: none; color: #e2007a; }
div.opleidingmenu ul li a:hover { text-decoration: none; color: #ffffff; background: #e2007a; }
.mceContentBody div.opleidingmenu { }
.mceContentBody div.opleidingmenu ul { margin: 0; padding: 0; }
.mceContentBody div.opleidingmenu ul li { list-style-image:none; list-style:none; font-size: 1.6em; color: #000000; }
.mceContentBody div.opleidingmenu ul li a { text-decoration: none; color: #e2007a; }
.mceContentBody div.opleidingmenu ul li a:hover { text-decoration: none; color: #ffffff; background: #e2007a; }
/* javaklapper */
div.selector { margin: 0em -2em 4em -2em; }
div.selector a.myqst,
div.selector a.mycqst { font-size: 1.6em; text-decoration: none; color: #000000; visibility:hidden; }
div.selector a.myqst:hover,
div.selector a.mycqst:hover { color: #ffffff; background: #e2007a;}
div.selector a.noselect { color: #e2007a; }
div.selector div.theqst,
div.selector div.thecqst { background: #E2007A; margin: 0 0 0 -0.5em; z-index: 1; width: 38em; padding: 0em 0em 2em 0.5em; }
* html div.selector div.theqst,
* html div.selector div.thecqst { width: 36em; }
div.selector div.theqst p,
div.selector div.thecqst p { color: #ffffff; }
div.selector h3 { font-size: 1.6em; color: #ffffff; font-weight: normal; margin: 0; padding: 0; }
.openqst{ /*class added to contents of 1st demo when they are open*/ }
div.selector a.closepanel { float: right; padding: 0.5em; color: #ffffff; text-decoration: none; visibility: hidden; }
div.selector a.closepanel img { vertical-align:text-top; }
div.selector div.questform { padding: 1em; color: #ffffff; line-height: 1.6em; width: 36em; }
div.selector div.questform p { line-height: 1.2em; }
div.selector div.center { text-align: center; }
div.selector div.questform label { padding-left: 1em; }
div.selector div.button { }
div.selector div.questionbt input.button { background: #ffffff; border: 0; color: #e2007a; float: right; font-size: 1.6em; font-weight: bold; padding: 0.3em 3em 0.3em 0.5em; }
div.selector div.column { float: left; width: 18em; margin-right: -1em; text-align: left; }
div.selector div.column label { margin-left: -0.8em; line-height: 1em; }
div.selector div.column label span.info { display: block; padding: 0.5em 0.2em; line-height: 1em; }
div.article { padding: 0 2em 2em 2em; }
div.article img.inzet { margin: 0 1em 1em -2em; float: left; }
ul.toc li { list-style-image: url(../../images/default/arrow_aqua.gif); }
ul.toc li a { font-weight: bold; color: #008ca3; }
ul.linklist li { list-style-image: url(../../images/default/arrow.gif); }
ul.linklist li a { font-weight: bold; color: #e2007e; }
div.sitemap ul li { list-style-image: none; }
div.sitemap ul li a { font-size: 1.2em; text-decoration: none; color: #ffffff; background: #e2007a; padding: 0.2em; font-weight: bold; text-decoration: none; display: block; }
div.sitemap ul li a:hover { text-decoration: underline; }
div.sitemap ul li ul li { border: 1px solid #ffffff; list-style-image: none; list-style: none; }
div.sitemap ul li ul { margin-bottom: 0.5em; }
div.sitemap ul li ul li a { font-size: 1em; padding: 0; background: #ffffff; color: #008ca3; border-bottom: 1px solid #008ca3; }
div.sitemap ul li ul li ul li a { font-weight: normal; color: #000000; border: none; line-height: 1.2em; padding: 0.2em 0; }
div.sitemap ul li ul li ul li ul li a { color: #88898a; }
div.article a.totop { display: block; text-align: center; border-top: 1px dotted #008ca3; color: #008ca3; text-decoration: none; font-weight: bold; margin: 1em 0; }
div.article a.totop:hover { color: #e2007a; border-color: #e2007a; }
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: #e2007a; }
div.paginering span.ffback { font-size: smaller; color: #88898a; }
div.paginering span.page { font-weight: bold; border: 1px dotted #e2007a; margin: 0 0.3em; }
div.paginering span.active { padding: 0em 0.3em; color: #ffffff; background: #e2007a; }
div.searchengine {}
div.searchengine input.text { width: 18em; }
div.searchengine button.searchbutton { font-size: 1em; padding: 0.1em; }
ul.overview li a { margin-bottom: 0.3em; display: block; }
/* categorylistview */
.mceContentBody ul.categorylistview { margin: 0; padding: 0; clear: both; }
.mceContentBody ul.categorylistview li { clear: both; list-style-image: none; list-style: none; border-bottom: 1px dotted #E2007A; margin: 0; padding: 1em 0 0.5em 0; font-weight: bold; color: #E2007A; }
.mceContentBody ul.categorylistview li div.title { padding-right:10px; background:url(../../images/default/gogo.gif) no-repeat right 0.3em; cursor:pointer; }
.mceContentBody ul.categorylistview li a { display: block; font-weight: bold; color: #E2007A; margin-bottom: 0.25em; }
.mceContentBody ul.categorylistview ul { }
.mceContentBody ul.categorylistview ul.opleidingen { margin:0; }
.mceContentBody ul.categorylistview ul.opleidingen li { border-top:1px solid #666666; padding:10px 0; list-style:none; }
.mceContentBody ul.categorylistview ul.opleidingen li ul { margin:0; padding:0; }
.mceContentBody ul.categorylistview ul.opleidingen li ul li { color:#666666; padding:0; border-top:none; }
.mceContentBody ul.categorylistview ul li { margin: 0; padding: 0.3em 0; border: none; font-weight: normal; color: #008CA3; }
.mceContentBody ul.categorylistview ul li a { font-weight: normal; color: #008CA3; }
.mceContentBody ul.categorylistview li label { font-weight: normal; color: #008CA3; text-decoration:underline; }
.mceContentBody ul.categorylistview li span { color: #666666; }
.mceContentBody ul.downloadlist { margin: 0; padding: 0; }
.mceContentBody ul.downloadlist li { list-style: none; list-style-image: none; border-bottom: 1px dotted #e2007a; padding: 0.4em 0; }
.mceContentBody ul.downloadlist li a { display: block; }
.mceContentBody ul.downloadlist li img.downloadicon { height:1.4em; margin-top:0.2em; width:1.4em; float: left; margin-right: 0.5em; }
.mceContentBody ul.downloadlist span.downloaddesc { display:block; margin-left: 1.9em; }
.mceContentBody ul.downloadlist span.downloadfilesize { color:#88898A; display:block; margin-left: 1.9em;}
/* mediatheek */
div.mediatheek ul { }
div.mediatheek li { list-style-image: none; list-style: none; padding-bottom: 1em; font-weight: bold; color: #E2007A; padding: 0.4em 0; }
div.mediatheek li a { }
div.mediatheek img { margin-right: 0.5em; }
div.mediatheek ul li ul { margin: 0; padding: 0; }
div.mediatheek ul li ul li { font-weight: normal; list-style-image: none; font-weight: bold; color: #008CA3;}
div.mediatheek ul li ul li a { }
div.mediatheek ul li span.title { font-size: 1.2em; }
div.mediatheek ul li ul li span.title { font-size: 1em; }
div.mediatheek ul li ul li ul { margin-left: 1.8em; }
div.mediatheek ul li ul li ul li { border: none; margin: 0; font-weight: normal; border-bottom: 1px dotted #E2007A; }
div.mediatheek ul li ul li ul li a { }
div.mediatheek ul li ul li ul li ul { }
div.mediatheek ul li ul li ul li ul li { }
div.mediatheek ul li ul li ul li ul li a { }
div.mediatheek span.typesize { color: #88898a; display: block; }
div.mediatheek img.fileicon { float: left; margin-right: 0.5em; }
div.adres { padding: 0.5em 0; color: #000000; }
div.adres p { color: #000000; }
div.adres a.gogo { margin: 0.5em 0; display: inline-block; }
/* form styles */
div.content table.rocform select { border: 1px solid #ffffff;}
div.content form table.rocform { margin-right: -15em; background: #e2007a; border: 1em solid #e2007a; z-index:50; position:relative; }
div.content form { margin: 0; background: #e2007a; color: #ffffff; }
div.content form span.formerror { color: #ffffff; }
div.content form span.formrequired { color: #ffffff; font-weight: bold; }
div.content form input.text { border: 1px solid #ffffff; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form select { border: 1px solid #ffffff; }
div.content form textarea { border: 1px solid #ffffff; font-family: arial, helvetica, sans-serif; font-size: 1.1em; }
div.content form label { font-weight: bold; color: #ffffff; }
div.content button, div.content input.button { background: #ffffff; border: 0; color: #e2007a; float: right; font-size: 1.6em; font-weight: bold; padding: 0.3em; cursor:pointer; }
/* searchengine */
div.searchengine p.searchstars { margin-top: 0.5em; color :#008ca3; font-size: 2em; font-weight: bold; margin-bottom: -0.5em; }
div.searchengine span.searchresulthead, div.searchengine span.searchresulthead a { font-weight: bold; color: #e2007a; text-decoration: none; }
div.searchengine span.searchresultlocation { font-style:italic; color: #008ca3; }
div.searchengine a.searchresultlink { text-decoration: none; color: #88898a; }
div.searchengine a.searchresultlink:hover { color: #e2007a; }
div.searchengine strong { color: #000000; }
.mceContentBody div.searchengine a:hover { text-decoration: underline; }
/* 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; }
div.placeholder { position: absolute; top: 10em; left: 10em; z-index: 190; width: 400px; height: 200px; background-color: red;}
div.poplayer { position: absolute; left: 50%; margin-left: -250px; top: 12em; width: 500px; z-index: 100; }
div.poplayer img { position: absolute; width: 500px; height: 500px; border: 2px solid black; }
div.poplayer div.popcontent { width: 65em; height: 40em; position: absolute;}
div.poplayer div.layernav { padding: 0.5em; }
div.poplayer div.layernav a.noshow { float: left; color: #ffffff; background: #E2007A; display: block; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0.3em; }
div.poplayer div.layernav a.close { color: #ffffff; background: #e2007a; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0.3em; margin:0.5em 0 0 450px; }
div.poplayer div.layernav a.close:hover { text-decoration: underline; }
div.poplayer div.layernav form.navform {float: left; background: #E2007A; display: block; font-size: 1.1em; font-weight: bold; color: #ffffff; margin: 0; padding: 0; vertical-align:middle; }
div.poplayer div.layernav form.navform input.checkbox { margin: 0 0.5em; }
div.poplayer div.layernav form.navform input.button { background: #ffffff; border: 1px solid #E2007A; color: #E2007A; font-weight: bold; }
* html form.navform label { position: relative; top: -5px;}
div.popcontent div.poptext { clear:both; font-size: 5em; font-weight: bold; width: 280px; height: 140px; position: relative; left: 110px; top: 120px; }
div.popcontent div.poptext img { border: none; width: 280px; height: 140px; }
.mceContentBody form.printopmaat {background-color:#ffffff;}
.mceContentBody form.printopmaat input.button {color:#008CA3;}
.showinprint { display: none; }
table.hideinprint { display: normal; }
/* vacatures */
span.date { font-size: 1em; }
/* CT: roc_aanmeldformulier */
form.formAanmelden { border: 1em solid #e2007a; }
form.formAanmelden p { color: #FFFFFF; }
a.pom_button { text-decoration:none; background: #ffffff; border: 0; color: #008CA3; float: right; font-size: 1.4em; font-weight: bold; padding: 0.3em; cursor:pointer; }
div.twitter { background:#ffffff; line-height:30px; margin-top:10px; padding:15px; }
div.twitter a { text-decoration:none;}
div.twitter span { font-size:1.3em; color:#33CCFF; font-weight:bold; margin-right:5px; }
div.twitter img { margin-bottom:-2px; }
/* photobook */
div.photobook { }
.mceContentBody ul.folderlist { list-style: none; margin: 0 0 10px 0; padding: 0; border-top: 1px dotted #E2007A; }
.mceContentBody ul.folderlist li { list-style: none; list-style-image: none; border-bottom: 1px dotted #E2007A; padding: 2px 0; background: url(../../images/fratervangemert/folder.gif) no-repeat 0px 5px; }
.mceContentBody ul.folderlist li a { display: block; }
.mceContentBody ul.folderlist li a.gogo { }
div.photobook div.photothumb { float: left; width: 102px; height: 130px; padding:5px; margin: 3px; text-align: center; border: 1px solid #cccccc; color: #ffffff; }
div.photobook div.photothumb a { color: #ffffff; text-decoration: none; }
div.photobook div.photothumb:hover { }
div.photobook div.photothumb h4 { line-height: 1em; font-size: 0.9em; overflow: hidden; }
div.photobook div.photothumb img { }
div.photobook div.slider { background: #eeeeee; 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: #21428D; }
div.photobook div.photo { background: #eeeeee; padding: 10px; text-align: center; }
div.photobook div.textfoot { margin:15px 0 0 0; }
div.photobook div.paginering { margin:15px 0 0 0; }
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: #0F729B; }
/* tread menu fotomenu */
.mceContentBody div.treadmenu { margin: 0; padding: 10px 0; }
.mceContentBody div.treadmenu ul { list-style: none; margin: 0; padding: 0; }
.mceContentBody div.treadmenu ul li { float: left; padding: 0; color: #666666; display: block; font-style: italic; list-style: none; }
.mceContentBody div.treadmenu ul li a { float: left; display: block; color: #E2007A; font-weight: bold; padding: 0px; margin: 0 5px 0 0; background: url(../../images/fratervangemert/tread.gif) no-repeat right; text-decoration: none; word-wrap: break-word; }
.mceContentBody div.treadmenu ul li a:hover { text-decoration: underline; }
.mceContentBody div.treadmenu ul li.last { clear: right; }
div.busy { position:relative; z-index:50000; left:135px; display:none; padding:20px; width:32px; height:32px; text-align:center; background:#FFFFFF;}