html { margin: 0; padding: 0; width:100%; height:100.01%; }
body { font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
}
img { border: none; behavior: url('htc/pngbehavior.htc'); }
/* standard elements */
p { margin: 0; }
table { }
table td { vertical-align: top; }
form { margin: 0; padding: 0; }
.clearall { clear: both; }
.left { float: left; }
.right { float: right; }
br.breakall { height: 0px; line-height: 0px; clear: both; }
/* quicklink */
div.quicklink { position: absolute; left: -1000em; }
div.wrapper { width: 78em; margin: 0 auto; position: relative; }
/* menu */
div.menu { position: absolute; left: 0; top: 20.2em; width: 18.9em;}
div.menu ul { margin: 0px; padding: 0px; list-style-type: none; }
div.menu ul li { border-bottom: 1px solid #ffffff; }
div.menu ul li a { display: block; width: auto; color: #ffffff; text-align: right; padding-right: 1.8em; font-size: 1.1em; line-height: 2.13em; text-decoration: none; background: #63AED5 url(../../images/default/pijl_nono.gif) no-repeat right;}
div.menu ul li a:hover { text-decoration: underline; background: #EA7E00 url('../../images/default/pijl_west.gif') no-repeat right; text-decoration: underline; }
div.menu ul li.selected a { background: #EA7E00 url('../../images/default/pijl_zuid.gif') no-repeat right; }
div.menu ul li.selected ul { padding-bottom: 0.6em; }
div.menu ul li.selected ul li { border: none;}
div.menu ul li.selected ul li a { border-top: 1px solid #EA7E00; background: #ffffff; color: #EA7E00; line-height: 1.8em; }
div.menu ul li.selected ul li a:hover { background: #ffffff; }
div.menu ul li.selected ul li.selected a { font-weight: bold; }
/* servicemenu */
div.servicemenu { position: absolute; right: 0; top: 1em; }
div.servicemenu ul { margin: 0; padding: 0 }
div.servicemenu ul li { list-style: none; display: inline; }
div.servicemenu ul li a { display: inline-block; color: #000000; padding: 0 0.3em 0 0.7em; text-decoration: none; font-family: arial,helvetica,sans-serif; border-left: 1px solid #000000; font-size: 1.1em; }
div.servicemenu ul li a:hover { text-decoration: underline; }
div.servicemenu ul li.selected a { font-weight: bold; }
div.servicemenu ul li.language a { border-left: 0; font-weight: bold; }
/* */
div.sidecontainer { position: absolute; left: 58.5em; top: 20.2em; width: 18.9em; }
div.side img.side { width: 18.9em; height: 13.5em; }
div.side { background: #D7D7D7; border-bottom: 0.6em solid #ffffff;}
/* sportdag 2008 */
div.videolayer div.sportdgsplash { position: absolute; margin-top: 20px; background: #ffffff; width: 638px; height: 378px; margin-left:1px; }
div.content form a.registration { display: block; font-weight: bold; background: #63AED5; color: #ffffff; border-bottom: 2px solid #4791B8; border-right: 2px solid #4791B8; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; text-decoration: none; padding: 0 0.5em;}
div.content form a.keepinformed { display: block; font-weight: bold; background: #666666; color: #ffffff; border-bottom: 2px solid #999999; border-right: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; text-decoration: none; padding: 0 0.5em;}
span.sdextra { color: #666666; }
.sdthumblerbox{ position: relative; }
.sdthumbler img { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; }
.sdthumbler:hover { background-color: transparent; }
.sdthumbler:hover img { }
.sdthumbler span{ position: absolute; left: -1000px; border: 0px solid #ffffff; visibility: hidden;}
.sdthumbler:hover span { visibility: visible; left: 19.7em; z-index: 50; font-size: 1.8em; color: #99CC01; font-weight: bold; line-height: 1.4em; width: 10em; }
div.sdside { background: #99CC01; border-bottom: 0.6em solid #ffffff; padding-top: 1em; }
div.sdside h2, div.sdside h2 a { color: #ffffff; font-size: 1.1em; text-decoration: none; }
div.sdside ul { }
div.sdside ul li { list-style: url('../../images/default/pijl_oost.gif'); }
div.sdside ul li a { color: #ffffff; font-size: 1.1em; text-decoration: none; }
div.sdside ul li a:hover { text-decoration: underline;}
table.sdtable { border: none; }
table.sdtable td { vertical-align: top; color: #63AED5; border-bottom: 1px solid #eeeeee; padding: 2px; margin: 0; }
div.litem { clear: both; border-top: 0.6em solid #ffffff; background: #D7D7D7; height: 13.5em; }
div.litem div.left { width: 18.9em; }
div.litem div.right { width: 18.9em; background: #D7D7D7; min-height: 13.5em; height: auto; }
* html div.litem div.right { height: 13.5em; }
div.litem div.left img { }
div.litem a { text-decoration: none; }
div.padbox { padding: 0.6em; }
div.bumper { height: 3em; clear: both; }
/* group colors */
.events { background: #99CC01; }
.news { background: #CC6600; }
.sports { background: #CD0003; }
.technology { background: #00548D; }
.default { background: #EA7E00; }
/* homepage */
div.videolayer { position: absolute; top: 13em; left: 50%; margin-left: -310px; z-index: 3; width: 655px; height: 415px; z-index: 100; }
div.videolayer img.bgpng { position: absolute; }
div.videolayer form { background: #EFEEEE; height: 3em; }
div.videolayer #vidplay {margin: 20px 1px 1px 1px; }
div.videolayer form input.button { float: right; }
div.videolayer div.closethis { position: absolute; line-height: 13px; width: 638px; padding: 2px}
div.videolayer div.closethis a { display: block; text-decoration: none; padding: 2px 4px; font-size: 10px; font-weight: bold; background: #63AED5; color: #ffffff; }
div.videolayer div.closethis a.noshow { float: left; }
div.videolayer div.closethis a.close { float: right; }
div.videolayer div.closethis a:hover { color: #FF7A08; background: #efeeee; }
div.hpevents { position: absolute; width: 18.9em; height: 20em; left: 0; top: 20.8em; }
div.hpnews { position: absolute; width: 18.9em; height: 20em; left: 0; top: 41.5em; }
div.hpsports { position: absolute; width: 18.9em; height: 20em; left: 58.5em; top: 20.8em; }
div.hptechnology { position: absolute; width: 18.9em; height: 20em; left: 58.5em; top: 41.5em; }
div.hppad { padding: 0.6em; color: #ffffff; height: 12.2em; overflow: hidden; }
div.hppad h2, div.hppad h2 a { margin: 0; padding: 0 0 0.8em 0; color: #ffffff; font-size: 1.1em; text-decoration: none; }
div.hppad span.date { display: block; color: #000000; font-size: 0.8em;}
div.hppad span.date2 { display: block; color: #000000; font-size: 1em;}
div.about { position: absolute; width: 16.8em; height: 6em; left: 0.3em; top: 12em; color: #77797C; font-size: 1.1em; overflow: hidden; }
div.about a { color: #EA7E00; font-weight: bold; text-decoration: none;}
div.hppad ul.block { margin: 0; padding: 0; }
div.hppad ul.block li { margin:0; padding: 0 0 0.5em; list-style: none; }
div.hppad ul.block li a { color: #ffffff; text-decoration: none; display: block; line-height: 1em; font-size: 1.1em; }
div.hppad ul.block li a:hover { text-decoration: underline; }
div.hppad ul.inline { margin: 0; padding: 0; }
div.hppad ul.inline li { margin:0; padding: 0; list-style: none; display: inline; }
div.hppad ul.inline li a { color: #ffffff; text-decoration: none; display: inline; line-height: 1.4em; font-size: 1.1em; }
div.hppad ul.inline li a:hover { text-decoration: underline; }
div.hppad p { font-size: 1.1em; line-height: 1.4em;}
div.hppad p a { color: #ffffff; }
div.hppad p a:hover { text-decoration: none; }
img.hpimage { width: 18.9em; height: 6.6em; }
div.googlemap { position: absolute; width: 38.4em; height: 40.6em; left: 19.5em; top: 20.8em; background: silver; border-bottom: 3em solid #ffffff; }
/* content */
div.contentcontainer { position: absolute; top: 20.2em; left: 19.6em; width: 38.4em; }
/* abcselect */
div.abcselect { height: 1.5em; font-size: 1em; border-left: 1px solid #7E7F82; margin-top: 1em; margin-left: 0.5em; }
div.abcselect span { float: left; padding: 0.1em 0.3em; font-weight: bold; border-right: 1px solid #7E7F82; }
div.abcselect a { float: left; color: #000000; border-right: 1px solid #7E7F82; padding: 0.1em 0.3em; height: 1.2em; border-top: 1px solid #7E7F82; border-bottom: 1px solid #7E7F82; }
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumblerbox{ position: absolute; top: 3em; left: 58.5em; width: 19em; height: 17.2em; }
.thumbler { margin: 0; padding: 0; }
.thumbler img { border-bottom: 1px solid #ffffff; width: 6.3em; height: 5.7em; }
.thumbler:hover { background-color: transparent; }
.thumbler:hover img { border-bottom: 1px solid #ffffff; }
.thumbler span{ position: absolute; left: -1000px; border: 0px solid #ffffff; visibility: hidden;}
.thumbler span img{ border-width: 0; padding: 0; width: 38.4em; height: 17.2em; }
.thumbler:hover span img { border-bottom: none; }
.thumbler:hover span{ visibility: visible; top: 0em; left: -38.9em; z-index: 50; }
div.thumbler { position: absolute; top: 3em; left: 58.5em; width: 18.9em; height: 17.2em; overflow: hidden; border-bottom: 1px solid #ffffff; }
div.thumbler a img { margin-top: -1px; margin-right: -1px; width: 6.3em; height: 5.7em; }
div.thumbler a {overflow: hidden; border-right: 1px solid #ffffff; }
/* article */
div.article { border-top: 0.6em solid #ffffff; }
/* tail elements */
img.logo { position: absolute; top: 3em; left: 0em; width: 18.9em; height: 8.2em; }
div.top { position: absolute; left :19.6em; top : 3em; width: 38.4em; height: 17.2em; overflow: hidden; }
div.top img.top { width: 38.4em; height: 17.2em; }
/* breadcrumbs */
div.breadcrumbs { }
div.breadcrumbs { color: #ffffff; padding: 0.8em; font-size: 1.1em; }
div.breadcrumbs a { color: #ffffff; font-weight: bold; text-decoration: none; }
div.breadcrumbs a:hover { text-decoration: underline; }
/* form styles */
div.content form { margin: 0; background: #EFEEEE; padding: 1.2em 0.6em; }
div.content form table td { padding: 0.2em; }
div.content form span.formerror { color: #ff0000;}
div.content form span.formrequired { }
div.content form input.text { }
div.content form select { }
div.content form textarea { }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form label { }
div.content form button, div.content form input.button { font-weight: bold; background: #63AED5; color: #ffffff; border-bottom: 2px solid #4791B8; border-right: 2px solid #4791B8; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; }
div.content form.react { }
/* searchengine */
div.searchengine p.searchstars { }
div.searchengine span.searchresulthead { font-weight: bold; }
div.searchengine span.searchresultlocation { font-style: italic; color: #EA7E00; }
div.searchengine div.searchtop { height: 1em; }
p.newsdate { font-weight: bold; text-align: right; color: #EA7E00; }
div.newsdate { font-weight: bold; color: #EA7E00; font-size: 0.8em; }
div.newstitle { font-weight: bold; }
div.newsintrotext { }
ul.overviewul li{ margin-left: 1.6em; color:#666666}
/* 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; }
.starttext { padding: 6px 0 0 8px; }