body, body div, body p, body th, body td, body li, body dd    {font-size: x-small; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {font-size:   small/* be nice to Opera */}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* algemeen */
body {font-family: "Trebuchet MS", Verdana, sans-serif;text-align:left;margin: 0; padding: 0;background-color: #990000;background-image: url(images/tile.jpg);background-repeat: repeat;}
body.que #contenu {background-repeat: no-repeat;background-image: url(images/background3.jpg);background-position: right top;}
body.que #kolon3 {margin: 29px 0 0 16px;}
body.que .next a:link, body.que .next a:visited,body.que .next a:hover, body.que .next a:active {color: #FFFFFF;background: none;}
body.que #kolon3 p {color: #FFFFFF;}
body.que .image-vier {background-image:url(images/vierkant.gif);background-repeat: no-repeat;height: 191px;width: 191px;margin: 0;padding: 20px 0 0 0;}
img, img a, img input {border:none}
p	{font-family: "Trebuchet MS", Verdana, sans-serif;color: #0A0A0A;text-align:left;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6	{font-family: Helvetica, Arial, sans-serif;}
h1	{font-size : 14px;font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;color: #000000;padding: 0;margin: 0;}
h2	{font-size : medium;font-weight: bold;color: #000000;text-align:right;padding: 0;margin: 0;}
h3 {font-family: "Trebuchet MS", Verdana, sans-serif;font-size : small;font-weight: normal;text-align:right;padding: 0;margin: 0;}
h4, h5, h6	{font-size : xx-small;font-weight: normal;}
a:link {text-decoration: none;color: #000000;}
a:visited {text-decoration: none;color: #000000;}
a:hover {text-decoration: none;color: #000000;}
a:active {text-decoration: none;color: #000000;}
/* algemeen */
/* scrollbars*/
#box {position:absolute;left:367px;top:65px; z-index:1;height:318px;}
#up{position:absolute; left:585px; top:65px; z-index:2; cursor:pointer;}
#track{position:absolute; left:585px; top:85px; z-index:3;}
#down{position:absolute; left:585px; top:363px; z-index:5; cursor:pointer;}
#contentMask{position:absolute; left:363px; top:65px; width:220px; height:318px; clip:rect(0,220px,318px,0); overflow:hidden; z-index:6;}
#content{position:absolute; left:0; top:0; width:220px;font-size: small;line-height: 16px;font-family: "Trebuchet MS", Verdana, sans-serif;color: #0A0A0A;text-align:left;}
#content a:link, #content a:visited {text-decoration: none;color: #000000;border-bottom: 1px dotted #999999;cursor: help;}
#content a:hover, #content a:active {text-decoration: none;color: #000000;border-bottom: 1px dotted #000000;cursor: help;}
/* scrollbars*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;margin: 0;}
.sIFR-replaced {
visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden;}
/* These are standard sIFR styles... do not modify */
/*netlash*/
#netlash {color: #FFFFFF;margin-left: -322px;position: absolute;left: 50%;width: 644px;visibility: visible;margin-top: 446px;}
#netlash a:link, #netlash a:visited, #netlash a:hover, #netlash a:active {color: #FFFFFF;text-decoration: none;}
/*netlash*/
/*div css*/
#horizon {text-align: center;position: absolute;top: 50%;left: 0px;width: 100%;height: 1px;overflow: visible;visibility: visible;display: block;margin: 0;padding: 0;}
#contenu {margin-left: -325px;position: absolute;top: -216px;left: 50%;width: 650px;height: 430px;visibility: visible;background-repeat: no-repeat;background-image: url(images/background.jpg);background-position: 75px 0;}
/* navigatie */
#navigatie {width: 644px;height:44px;float:left;display:inline;font-size: large;}
.previous {font-size: large;width:31px; height:27px;line-height:27px;margin:0 0 0 105px; padding:0;background:url(images/previous.gif) no-repeat;float:left;display:inline;}
.previous a:link, .previous a:visited {width:33px; height:27px;display:block;}
.previous a:hover, .previous a:active {width:33px; height:27px;display:block;background:url(images/previous.jpg) no-repeat;}
.next {font-size: large;width:31px; height:27px;line-height:27px;margin:0 0 0 433px; padding:0;background:url(images/previous.gif) no-repeat;float:left;display:inline;}
.next a:link, .next a:visited {width:33px; height:27px;display:block;}
.next a:hover, .next a:active {width:33px; height:27px;display:block;background:url(images/next.jpg) no-repeat;}
.home {width:75px; height:103px;float: left;position:relative;margin:0; padding:0;overflow:hidden;}
.home span {width:75px; height:103px;display:block;position:absolute; left:0; top:0; z-index:1;margin:0; padding:0;background:url("images/home.gif") no-repeat center top;}
.home a {cursor: help;}
/* navigatie */
/* kolon */
#kolon1 {float:left;display:inline;width: 80px;margin-top: 29px;height: 356px;overflow: hidden;}
#kolon2 {text-align:left;float:left;display:inline;width:282px;margin-top: 29px;height: 356px;overflow: hidden;position:relative;}
#kolon2 h1 {margin-left: 40px;margin-right: 40px;margin-top: 20px;}
#kolon3 {float:left;width:220px;overflow: hidden;margin-top: 29px;height: 356px;}
.image-hor {background-image:url(images/horizontaal.gif);background-repeat: no-repeat;height: 191px;width: 218px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 30px;padding: 20px 0 0 18px;}
.image-ver {background-image:url(images/vertikaal.gif);background-repeat: no-repeat;height: 238px;width: 171px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 50px;padding: 18px 0 0 20px;}
.image-vier {background-image:url(images/vierkant.gif);background-repeat: no-repeat;height: 191px;width: 171px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 50px;padding: 20px 0 0 18px;}
.image-hor:hover,.image-ver:hover,.image-vier:hover,#blowup-hor:hover, #blowup-ver:hover,#blowup-vier:hover, .mois:hover, .jour:hover {cursor:pointer;}
/*.image-hor.sfhover,.image-ver.sfhover,.image-vier.sfhover,#blowup-hor.sfhover, #blowup-ver.sfhover,#blowup-vier.sfhover, .mois.sfhover, .jour.sfhover {cursor:pointer;}*/
/* kolon */
.weekoverzicht {text-align:left;float:left;display:inline;width:225px;height: 357px;overflow: hidden;margin: 0 0 0 34px;}
.weekoverzicht_list {height: 81px;text-align:left; margin: 0 0 8px 0;}
.weekoverzicht_list a, .lweekoverzicht_date a, .weekoverzicht_date a{display:block;}
.weekoverzicht_header{height: 89px;text-align:left;}
.weekoverzicht_header h2,.weekoverzicht_header h3 {text-align:left;}
.weekoverzicht_img {text-align:left;border: 2px solid #000000;float:right;display:inline;}
.weekoverzicht_date {float:left;display:inline;width:108px;height: 81px;}
.lweekoverzicht_img {text-align:right;border: 2px solid #000000;float:left;display:inline;}
.lweekoverzicht_date {float:right;display:inline;width:108px;height: 81px;text-align:left;}
.lweekoverzicht_date h2,.lweekoverzicht_date h3 {text-align:left;}
.weekendoverzicht_img {text-align:left;border: 2px solid #990000;float:right;display:inline;}
.weekendoverzicht_date {color:#990000;float:left;display:inline;width:108px;height: 81px;}
.weekendoverzicht_date h2, .weekendoverzicht_date h3,.weekendoverzicht_date h2 a, .weekendoverzicht_date h3 a {color:#990000;}
.weekendoverzicht_date p, .weekoverzicht_date p {text-align:right;font-size: x-small;}
.lweekoverzicht_date p {font-size: x-small;}
.dummy {border: 2px solid #BFBCBE;}
.texte-heading {width:220px;height: 30px;}
.texte{width:220px;float:left;display:inline;}
/* agenda */
table {border-width: 2px; border-style:solid;border-color:#FFFFFF;padding: 0;background-color: #FFFFFF;}
th {text-align:center;color: #FFFFFF;padding: 2px;margin: 0;background-color: #CC0000;font-weight: normal;}
td {text-align:center;margin: 0;height: 14px;padding: 3px;background-color: #FFFFFF;}
.mois-header {border-width: 0 0 2px 0;border-style:solid; border-color: #FFFFFF;background:#990000;color: #FFFFFF;height: 18px;line-height: 18px;vertical-align: middle;font-family: Helvetica, Arial, sans-serif;font-size: small;font-weight: bold;letter-spacing: 0.09em;}
.mois-header a{color:#FFFFFF;font-size:large;padding: 0 6px;}
.agenda-header  {background:#CC0000;font-family: Helvetica, Arial, sans-serif;text-align: center;font-size: small;color: #FFFFFF;height: 18px;line-height: 18px;vertical-align: middle;}
.past, .past a {padding:2px 0 0 0;font-family: Helvetica, Arial, sans-serif;text-align: center;color: #999999;font-size: x-small;border:0;}
.day {padding:2px 0 0 0;font-family: Helvetica, Arial, sans-serif;text-align: center;color: #666666;font-size: small;}
.weekend, .weekend a {font-family: Helvetica, Arial, sans-serif;text-align: center;color: #999999;font-size: small;font-weight: bolder;}
.week {border-width: 0  2px 0 0;border-style:solid; border-color: #CC0000;background-color: #CC0000;color: #990000;}
.week a:link, .week a:visited {font-family: Helvetica, Arial, sans-serif;text-align: center;font-size: small;color: #FFFFFF;font-style:oblique;}
.week a:hover, .week a:active {font-family: Helvetica, Arial, sans-serif;text-align: center;font-size: small;color: #FFFFFF;font-style:oblique;font-weight:bold;}
.day a {font-family: Helvetica, Arial, sans-serif;text-align: center;color: #000000;font-size: small;}
.today {}
.today  a{padding: 0;font-family: Helvetica, Arial, sans-serif;text-align: center;color: #990000;font-size: small;font-weight: bold;}
/* agenda */
#agenda {height:254px;}
#calendrier {margin: 0; padding: 0;background:#FFFFFF;width: 68px;float: left;border-top: 2px solid #990000;border-right: 2px solid #660000;border-bottom: 2px solid #660000;border-left: 2px solid #990000;}
ul#calendrier {padding: 0;margin: 0;list-style: none;}
.mois {border: 2px solid #FFFFFF;height: 18px;line-height: 18px;vertical-align: middle;background:#990000;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: xx-small;font-weight: bold;letter-spacing: 0.09em;}
.mois a:link, .mois a:visited {background:#990000;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: x-small;font-weight: bold;letter-spacing: 0.09em;border:0;}
.mois a:hover, .mois a:active  {background:#660000;display:block;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: x-small;font-weight: bold;letter-spacing: 0.09em;}
.jour  {border-width: 0 2px;border-style:solid; border-color: #FFFFFF;background:#CC0000;color: #FFFFFF;height: 18px;line-height: 18px;vertical-align: middle;display: block;font-family: Helvetica, Arial, sans-serif;font-size: xx-small;letter-spacing: 0.1em;}
.jour a:link, .jour a:visited {background:#CC0000;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: xx-small;letter-spacing: 0.1em;}
.jour a:hover, .jour a:active  {background:#660000;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: xx-small;letter-spacing: 0.1em;}
.date {display: block;height: 30px;line-height: 30px;color: #000000;font-family: Helvetica, Arial, sans-serif;font-size: x-large;font-weight: bold;vertical-align: middle;}
.date a:link, .date a:visited {display: block;border:0;}
.date a:hover, .date a:active  {display: block;color:#660000;border:0;}
.year {display: block;height: 18px;line-height: 18px;color: #000000;font-family: Helvetica, Arial, sans-serif;font-size: small;font-weight: bold;vertical-align: middle;}
.year a:link, .year a:visited {display: block;}
.year a:hover, .year a:active, .year a:focus   {display: block;color:#660000;}
#calendrier-mois, #calendrier-year {margin: 0; padding: 0;background:#FFFFFF;width: auto;float: left;}
ul#calendrier-mois {padding: 0;margin: 0;list-style: none;}
.mois-drop {width: 100px;margin:2px;height: 18px;line-height: 18px;vertical-align: middle;background:#990000;color: #660000;display: block;font-family: Helvetica, Arial, sans-serif;font-size: small;font-weight: bold;letter-spacing: 0.09em;}
.mois-drop a:link, .mois-drop a:visited {background:#990000;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: small;font-weight: bold;letter-spacing: 0.09em;border:0;}
.mois-drop a:hover, .mois-drop a:active  {background:#660000;display:block;color: #FFFFFF;display: block;font-family: Helvetica, Arial, sans-serif;font-size: small;font-weight: bold;letter-spacing: 0.09em;}
.year-drop {width: 35px;margin:3px;display: block;height: 18px;line-height: 18px;color: #000000;font-family: Helvetica, Arial, sans-serif;font-size: medium;font-weight: bold;vertical-align: middle;}
.year-drop a:link, .year-drop a:visited {}
.year-drop a:hover, .year-drop a:active  {color:#990000;}
/* agenda */
/* popup */
#popup {width: auto;height:auto;padding:0;background-color:#FFFFFF;border-top: 2px solid #990000;border-right: 2px solid #660000;border-bottom: 2px solid #660000;border-left: 2px solid #990000;position:absolute;top:55px;left:-5000px;z-index:100;}
#popup2 {width: auto;height:auto;padding:0;background-color:#FFFFFF;position:absolute;top:105px;left:-5000px;z-index:100;border-top: 1px solid #990000;border-right: 2px solid #660000;border-bottom: 2px solid #660000;border-left: 1px solid #990000;}
#popup3 {width: auto;height:auto;padding:0;background-color:#FFFFFF;border-top: 1px solid #990000;border-right: 2px solid #660000;border-bottom: 2px solid #660000;border-left: 1px solid #990000;position:absolute;top:35px;left:-5000px;z-index:100;}
a.tooltip {position:relative;z-index:24;}
a.tooltip:hover {z-index:25;}
a.tooltip span {display: none}
a.tooltip:hover span {display:block;position:absolute;top:0px; left:0px; width:150px;height:auto;border: 2px solid #000000;}
/* popup */
/* blowup */
html,body {height: 100%;}
#blowup-container {background-image:url(images/opaque.gif); position:absolute;z-index:1000; width:100%;height:100%;display:block;visibility:hidden;}
#blowup-horizon {text-align: center;position: absolute;top: 50%;left: 0px;width: 100%;height: 1px;overflow: visible;display: block;margin: 0;padding: 0;}
#blowup-hor {background-color:#FFFFFF;border:2px solid #000000;padding:12px;margin-left: -188px;position: absolute;z-index:1002;top: -172px;left: 50%;width: 426px;height: 320px;}
#blowup-ver {background-color:#FFFFFF;border:2px solid #000000;padding:12px;margin-left: -160px;position: absolute;z-index:1002;top: -232px;left: 50%;width: 320px;height: 426px;}
#blowup-vier {background-color:#FFFFFF;border:2px solid #000000;padding:12px;margin-left: -160px;position: absolute;z-index:1002;top: -172px;left: 50%;width: 320px;height: 320px;}
/* blowup */