/* GENERAL CSS */
html
{
    height: 100%;
}
body
{
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS" , Arial;
    color: #666666;
    height: 100%;
    background: #333333 url(/images/bg_site.gif) repeat-x;
}
body#page
{
    display: block;
}

td
{
    text-align: left;
    vertical-align: top;
}

a:link, a:visited, a:active, a:hover
{
    text-decoration: underline;
    color: #666666;
}

h1
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 30px;
    color: #3e3e3e;
    float: left;
    margin-right: 2px;
    display: block;
    width: 100%;
}

h2
{
    clear: both;
    margin: 0px;
    padding: 0px;
    padding-bottom: 12px;
    font-weight: normal;
    font-size: 150%;
    line-height: 120%;
    color: #3e3e3e;
}

h3
{
    clear: both;
    margin: 0px;
    padding: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: normal;
    font-size: 130%;
    line-height: 120%;
}

h4, h4 a:link, h4 a:active, h4 a:visited, h4 a:hover
{
    margin: 0px;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: normal;
    font-size: 100%;
    color: #000000;
    text-decoration: none;
}

.wtxt
{
    color: #ffffff;
}
.btxt
{
    color: #000000;
}
.gtxt
{
    color: #666666;
}
.gltxt
{
    color: #999999;
}
.small
{
    font-size: 11px;
}
.large
{
    font-size: 13px;
}
b, strong, .bld
{
    font-weight: bold;
}
.upp
{
    text-transform: uppercase;
}
.tp
{
    vertical-align: top;
}
.btm
{
    vertical-align: bottom;
}
.mdl
{
    vertical-align: middle;
}
.cntr
{
    text-align: center;
}
.txtrght
{
    text-align: right;
}
.bgw
{
    background-color: #ffffff;
}
.bgg
{
    background-color: #f3f3f3;
}
.space6
{
    padding: 6px;
}
.space12
{
    padding: 0 12px;
}
.pageleft .margincut
{
    display: block;
    width: 481px;
    margin-right: -12px;
}
.pageright .margincut
{
    display: block;
    width: 473px;
    margin-right: -12px;
}
.pageleft .w228
{
    width: 228px !important;
    _width: 226px !important;
    margin-right: 12px;
}
.pageright .w228
{
    width: 224px !important;
    _width: 222px !important;
    margin-right: 12px;
}
.w630
{
    width: 630px !important;
    _width: 628px !important;
}
.w300
{
    width: 300px !important;
    _width: 298px !important;
}
.lm12
{
    margin-left: 12px;
}
.t12
{
    margin-top: 12px;
}
.t2
{
    margin-top: 2px;
}
.b12
{
    margin-bottom: 12px;
}
.b6
{
    margin-bottom: 6px;
}
.nobg
{
    background-image: none !important;
    background-color: transparent !important;
}
.hand
{
    cursor: pointer;
}
.rght
{
    float: right;
}
.lft
{
    float: left;
}
.clr:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clr
{
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clr
{
    height: 1%;
}
.clr
{
    display: block;
}
.clrs
{
    clear: both;
}
.w100
{
    width: 100% !important;
}
.h100
{
    height: auto !important;
}
.t12
{
    display: block;
    margin-top: 12px;
}
.brdrdash
{
    border-right: 1px dashed #cccccc;
}

.fademe
{
    filter: alpha(opacity=50);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    _filter: none;
}
.fademe:hover
{
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.faqlion
{
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

a.wlink:link, a.wlink:visited, a.wlink:active, a.wlink:hover
{
    color: #ffffff;
    text-decoration: none;
}
a.more:link, a.more:visited, a.more:active, a.more:hover
{
    color: #ffffff;
    text-decoration: none;
    padding-left: 4px;
    background: #b9b9b9 url(/images/arrow_more.gif) no-repeat center right;
    padding-right: 18px;
}
a.more:hover
{
    background-color: #636363;
}
a.back:link, a.back:visited, a.back:active, a.back:hover
{
    color: #ffffff;
    text-decoration: none;
    padding-left: 4px;
    background: #b9b9b9 url(/images/arrow_back.gif) no-repeat center left;
    padding-left: 16px;
    padding-right: 4px;
}
a.back:hover
{
    background-color: #636363;
}
a.rss:link, a.rss:visited, a.rss:active, a.rss:hover
{
    background: transparent url(/images/icon_rss.jpg) no-repeat center left;
    padding-left: 20px;
}

/* main navigation */
#navitems
{
    float: left;
    display: block;
    width: 690px;
    height: 37px;
    background: #3e3e3e url(/images/bg_navbar.gif) repeat-x bottom;
}
.nav, .nav ul
{
    position: relative;
    margin: 0px;
    padding: 0px;
    z-index: 2;
}
.nav li.Level1
{
    float: left;
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: transparent url(/images/nav.gif) no-repeat bottom center;
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
}
.nav li.Level1 a, .nav li.Level1 a:link, .nav li.Level1 a:active, .nav li.Level1 a:visited, .nav li.Level1 a:hover
{
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    line-height: 29px;
    margin: 0px;
    padding: 0px;
}
.nav li.oclSelectedPage, .nav li.oclPageIsInPath
{
    background: transparent url(/images/nav_act.gif) no-repeat bottom center;
}
.nav li.Level1:hover
{
    background: transparent url(/images/nav_on.gif) no-repeat bottom center;
}
.nav li.oclSelectedPage a:link, .nav li.oclSelectedPage a:active, .nav li.oclSelectedPage a:visited, .nav li.oclSelectedPage a:hover, .nav li.oclPageIsInPath a:link, .nav li.oclPageIsInPath a:active, .nav li.oclPageIsInPath a:visited, .nav li.oclPageIsInPath a:hover
{
    color: #ffffff;
}
.nav li.Level1:hover a, .nav li.sfHover a, .nav li.Level1 a:hover
{
    color: #3e3e3e;
}
/* .nav ul { position: absolute;top: -999em;left: 0px;text-align: left; } */
/* .nav li:hover ul,.nav li.sfHover ul { top: 37px; } */
.nav ul
{
    position: absolute;
    top: 37px;
    left: 0px;
    text-align: left;
    display: none;
    height: 120px;
    background: transparent url(/images/dummy_217x114.jpg) no-repeat center right;
    padding-right: 229px;
    padding-top: 6px;
}
.nav ul li.Level2
{
    float: none;
    padding: 0px;
    margin: 0px;
    margin-left: 18px;
    list-style: none;
    list-style-image: url(/images/li_nav.gif);
    white-space: nowrap;
    height: 19px;
}
.nav li ul li.Level2 a:link, .nav li ul li.Level2 a:visited, .nav li ul li.Level2 a:hover, .nav li ul li.Level2 a:active
{
    margin: 0px;
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    padding: 2px;
    line-height: 140%;
}
.nav li ul li a:hover
{
    color: #eeeeee;
}
#subnav
{
    position: absolute;
    left: 0px;
    top: 91px;
    display: none;
    width: 99.9%;
    height: 0px;
    background-color: #000000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    _filter: none;
}
#subnav2
{
    position: absolute;
    left: 0px;
    top: 91px;
    z-index: 1;
    display: none;
    width: 971px;
    height: 0px;
    background-color: #000000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    _filter: none;
}

#pagenav
{
    display: block;
    width: 775px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
#pagenav ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    left: -27px;
}
#pagenav ul li
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    float: left;
    background: transparent url(/images/pagenav_div.gif) no-repeat center left;
    list-style: none !important;
}
#pagenav ul li a:link, #pagenav ul li a:active, #pagenav ul li a:visited, #pagenav ul li a:hover
{
    color: #666666;
}

#site
{
    width: 970px;
    position: relative;
    z-index: 1;
    height: 100%;
    text-align: center;
    background: transparent url(/images/bghaperuit.png) repeat-y top left;
}
#top
{
    display: block;
    text-align: left;
    height: 99px;
    position: relative;
    width: 970px;
}
#top #logo
{
    display: block;
    width: 280px;
    float: right;
}
#top #topsearch
{
    float: left;
    display: block;
    height: 62px;
}
#top #topsearch .kassa
{
    display: block;
    padding: 12px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
}
#top #topsearch .searchblock
{
    display: block;
    padding: 12px;
    padding-bottom: 6px;
    padding-top: 6px;
}
#top #topsearch .searchblock a
{
    text-decoration: none;
    color: #424242;
}
#top #topsearch .searchblock a:hover
{
    text-decoration: underline;
}
#content, #iclientpage
{
    width: 946px;
    display: block;
    text-align: left;
    padding: 12px;
    padding-bottom: 42px;
}
#content ul, #iclientpage ul
{
    margin: 0px;
    padding: 0px;
    margin-left: 18px;
}
#content ul li, #iclientpage ul li
{
    margin: 0px;
    padding: 0px;
    list-style-image: url(/images/arrow_li.gif);
    line-height: 120%;
}

#content .nav-KSE
{
    list-style-type: none !important;
    list-style-image: none !important;
}

#content ul.nav-KSE li
{
    list-style-type: none !important;
    list-style-image: none !important;
}

#content .pageleft, #iclientpage .pageleft
{
    float: left;
    display: block;
    width: 469px;
    margin-right: 12px;
}
#content .pageright, #iclientpage .pageright
{
    float: right;
    display: block;
    width: 461px;
}
#footer
{
    display: block;
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 970px;
    z-index: 2;
    text-align: center;
    margin: 0px auto 0px;
}
#footercontent
{
    display: block;
    position: relative;
    width: 970px;
    height: 30px;
    overflow: hidden;
    margin: -30px auto 0px;
}
#footercontent #footbut
{
    display: block;
}
#footercontent .footblock
{
    display: block;
    width: 971px;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    _filter: none;
}
#footercontent .footblock td
{
    color: #ffffff;
    width: 25%;
    background: transparent url(/images/foot_div.gif) no-repeat center right;
}
#footercontent ul
{
    margin: 0px;
    padding: 0px;
    margin-left: 18px;
}
#footercontent ul li
{
    margin: 0px;
    padding: 0px;
    list-style-image: url(/images/li_nav.gif);
    line-height: 120%;
    line-height: 140%;
}
#footercontent a:link, #footercontent a:active, #footercontent a:visited, #footercontent a:hover
{
    color: #ffffff;
    text-decoration: none;
}

/* tab list */
div.tabs ul.tabs
{
    margin: 0px !important;
    padding: 0px !important;
    list-style: none;
    background: #bbbbbb url(/images/bg_tabs.gif) repeat-x bottom;
    display: block;
    width: 100%;
}
div.tabs ul.tabs li
{
    margin: 0px !important;
    padding: 0px;
    list-style: none !important;
    float: left;
    height: 29px;
    color: #ffffff;
    cursor: pointer;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 6px !important;
    background: #bbbbbb url(/images/bg_tabs.gif) repeat-x bottom;
    border-right: 1px solid #ffffff;
}
div.tabs ul.tabs li:hover
{
    background: #3e3e3e url(/images/bg_tabs.gif) repeat-x bottom;
}
div.tabs ul.tabs li.active
{
    background: #3e3e3e url(/images/arrow_tab.gif) no-repeat bottom center;
}
div.tabs div.tabcontent
{
    clear: both;
    display: block;
    width: auto;
}
div#prodinfo
{
    margin-bottom: 12px;
}
div#prodinfo ul.tabs
{
    background: #bbbbbb url(/images/bg_tabs2.gif) repeat-x bottom;
}
div#prodinfo ul.tabs li
{
    background: #bbbbbb url(/images/bg_tabs2.gif) repeat-x bottom;
    border-right: 1px solid #f3f3f3;
}
div#prodinfo ul.tabs li:hover
{
    background: #3e3e3e url(/images/bg_tabs2.gif) repeat-x bottom;
}
div#prodinfo ul.tabs li.active
{
    background: #3e3e3e url(/images/arrow_tab_grey.gif) no-repeat bottom center;
}
div#prodinfo div.tabcontent
{
    background-color: #f3f3f3;
}

/* accordian/production list */
a.genre:link, a.genre:active, a.genre:visited, a.genre:hover
{
    text-decoration: none;
    background-color: #b9b9b9;
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px;
}
.timeplace
{
    color: #b9b9b9;
    font-size: 11px;
    margin-left: 6px;
}
#blurme
{
    position: absolute;
    left: -1000px;
}
ul.faqContainer
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 12px !important;
}
/* box containing both question and answer */
ul.faqContainer li
{
    list-style-image: none !important;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 461px;
    overflow: hidden;
    margin-bottom: 2px;
    list-style: none;
}
/* answer/content box */
ul.faqContainer li blockquote.answer
{
    font-size: 13px;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
ul.faqContainer .foto img
{
    margin-right: 6px;
}

/* tool tip */
#tooltipmsg
{
    padding: 10px;
    padding-left: 25px;
    background: #3e3e3e no-repeat 10px 10px;
width:135px;
font-size:12px;
color:#ffffff;
display:none;
position:absolute;
left:0px;
top:0px;
z-index:100;
}

/* PAGE SPECIFIC CSS */

/* home page */
.homemedia
{
    display: block;
    margin-bottom: 12px;
    width: 469px;
}
.colorblock
{
    color: #ffffff;
    display: block;
    margin-bottom: 12px;
    min-height: 147px;
    float: left;
    background: transparent url(/images/bg_colorblock.gif) no-repeat top left;
}
.pageleft .colorblock
{
    width: 469px;
}
.pageright .colorblock
{
    width: 461px;
    float: right;
    margin-right: 12px;
}
.pageright .w228
{
}
.colorblock table
{
    margin-left: 6px;
}
.colorblock h2
{
    padding: 0px;
    color: #ffffff;
    margin-top: -4px;
}
.colorblock .date
{
    display: block;
    color: #000000;
}
/* .whiteblock { display:block;width:221px;height:124px;float:left;margin-bottom:12px;background:transparent url(/images/bg_whiteblock.gif) no-repeat top left; } */
.whiteblock
{
    display: block;
    width: 219px;
    height: 122px;
    float: left;
    margin-bottom: 12px;
    border: 1px solid #cbcbcb;
}
.whiteblock h2
{
    padding: 0px;
    margin-top: -4px;
    margin-left: -26px;
    padding-left: 26px;
    background: transparent url(/images/arrow_whitebox.gif) no-repeat 0px 4px;
}
a.butnws:link, a.butnws:active, a.butnws:visited, a.butnws:hover
{
    display: block;
    width: 76px;
    height: 76px;
    color: #ffffff;
    font-family: Arial Black;
    font-size: 10px;
    line-height: 76px;
    text-decoration: none;
    background: transparent url(/images/but_aanmelden.jpg) no-repeat;
    text-align: center;
}

/* production page */
.headertools
{
    float: left;
    margin-top: 9px;
}
.intro
{
    font-weight: bold;
    color: #666666;
    margin-bottom: 12px;
}
/* MEDIA PLAYER CSS */
#viewer
{
    background: #f2f2f2;
    height: 408px;
    width: 469px;
    margin-bottom: 12px;
}
/* thumbnail carousel including previous/next buttons */
#ascroller
{
    display: block;
    width: 469px;
    height: 63px;
    overflow: hidden;
    background: #f2f2f2;
    margin-top: 4px;
}
/* don't put the actual next and prvious buttons in here, call them scroll_next.gif and scroll_prev.gif and put them in the images folder */
#anxt
{
    padding-left: 1px;
    float: right;
    display: block;
    background-repeat: no-repeat;
    background-color: #aaaaaa;
}
#aprv
{
    padding-right: 1px;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-color: #aaaaaa;
}
#anxt:hover, #aprv:hover
{
    background-color: #636363;
}
/* thumbnail carousel excuding previous/next buttons  */
#aitems
{
    position: relative;
    float: left;
    display: block;
    width: 439px;
    height: 63px;
    overflow: hidden;
}
#ainner
{
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 3000px;
}
/* include the margin between the thumbnails in your width */
#ainner div.thumb
{
    float: left;
    display: block;
    width: 87px;
    height: 63px;
    text-align: left;
    float: left;
    background-repeat: no-repeat;
    background-position: right top;
}
/* make sure to include the width and height of the thumbnail! */
#ainner div.thumb img
{
    cursor: pointer;
    width: 83px;
    height: 63px;
    margin-left: 4px;
}
/* the display area for video/foto */
div.player
{
    display: block;
    width: 469px;
    height: 334px;
    text-align: center;
}
/* this is a vimeo fix */
div.player p
{
    display: none;
}
/* show image title */
/* set width and height the same as div.player */
#imgHolder
{
    display: block;
    width: 469px;
    height: 334px;
    overflow: hidden;
}
#imgTitle
{
    display: block;
    height: 40px;
    padding: 10px;
    padding-bottom: 0px;
    color: #ffffff;
    text-align: left;
    margin-top: 0px;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.textblock
{
    color: #666666;
}
.textblock h1, .textblock h2
{
    float: none !important;
    margin: 0px;
    padding: 0px;
    padding-bottom: 12px;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    color: #3e3e3e;
}
.textblock table
{
    margin-bottom: 12px;
}
.textblock img
{
    margin-right: 12px;
}
.textblock div img
{
    margin-right: 0px;
}
.playdates th
{
    font-weight: normal;
    color: #999999;
}
.playdates td
{
    padding-top: 4px;
    color: #000000;
    width: 33%;
}
.playdates #alldates
{
    background-image: url(/images/acc_bar.jpg);
}
.playdates .allup
{
    background-image: url(/images/acc_bar_up.jpg);
}

/* news page */
.pagedate
{
    clear: left;
    color: #999999;
}
ul.archive
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;
}
ul.archive li
{
    list-style: none !important;
    list-style-image: none !important;
    margin-left: 0px !important;
    padding: 12px !important;
    border-bottom: 1px solid #ffffff !important;
}
ul.archive li:hover
{
    background: transparent url(/images/arrow_archive.gif) no-repeat 0px 12px;
}
ul.archive li.act
{
    background: transparent url(/images/arrow_archive.gif) no-repeat 0px 12px;
    font-weight: bold;
}
ul.archive li a:link, ul.archive li a:active, ul.archive li a:visited
{
    text-decoration: none;
}

/* agenda page */
.greyblock
{
    color: #666666;
    display: block;
    margin-bottom: 12px;
    background: #eeeeee url(/images/bg_colorblock.gif) no-repeat top left;
}
ul.prodlist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
    margin-left: 0px !important;
}
ul.prodlist li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 3px !important;
}
ul.prodlist li .date
{
    font-size: 11px;
    color: #999999;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 2px;
}
ul.prodlist li .title
{
    font-size: 11px;
    margin-left: 3px;
    margin-right: 3px;
    width: 190px;
}
ul.prodlist li:hover, ul.prodlist li.act
{
    background-color: #f5f5f5;
}
ul.prodlist li:hover a.more, ul.prodlist li.act a.more
{
    background-color: #636363;
}
.agendatbl
{
    margin-right: -12px;
}
.agendatbl th
{
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 6px;
    padding-bottom: 12px;
}
.agendatbl td
{
    border-top: 1px dashed #e3e3e3;
    vertical-align: top;
    height: 126px;
    width: 79px;
    padding-left: 6px;
}
.agendatbl td img.prodthumb
{
    border: 1px solid #ffffff;
    cursor: pointer;
}
.agendatbl td img.prodthumb:hover, .agendatbl td img.act
{
    border: 1px solid #000000 !important;
}
.agendatbl td img.lastmonth
{
    border: 1px solid #ffffff;
}
.agendatbl td img.noprod
{
    border: 1px solid #ffffff;
}
.agendatbl td .day
{
    display: block;
    width: 79px;
    text-align: right !important;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0px;
    font-size: 11px;
    font-weight: bold;
}
/* tool tip agenda */
#tooltipagenda
{
    padding: 12px;
    padding-bottom: 4px;
    width: 230px;
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    background-color: #f0f0f0;
}
ul.prodpop
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;
}
ul.prodpop li
{
    position: relative;
    width: 230px;
    min-height: 81px;
    list-style: none !important;
    list-style-image: none !important;
    margin-left: 0px !important;
    padding: 0px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
ul.prodpop li:hover
{
}
ul.prodpop li img
{
    float: left;
    margin-right: 12px;
}
ul.prodpop li .date
{
    display: block;
    width: 123px;
    color: #999999;
}
ul.prodpop li .title
{
    display: block;
    width: 123px;
    margin-bottom: 6px;
}
ul.prodpop li .title a
{
    font-weight: bold;
    text-decoration: none;
}
#tooltipagenda .close
{
    width: 14px !important;
    height: 13px !important;
    position: absolute;
    top: 4px;
    right: 4px;
}


/* news overview page */
#monthselector
{
    display: block;
    background-color: #f0f0f0;
    margin-top: 12px;
    margin-bottom: 12px;
    clear: both;
}
#monthselector #nascroller
{
    position: relative;
    display: block;
    width: 942px;
    height: 30px;
    overflow: hidden;
    background: #f0f0f0;
}
#monthselector #nanxt
{
    position: absolute;
    z-index: 3;
    right: 5px;
    top: 0px;
    display: block;
    padding-left: 0px;
    width: 10px;
    height: 30px;
    background-image: url(/images/spacer.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#monthselector #naprv
{
    position: absolute;
    z-index: 3;
    left: 6px;
    top: 0px;
    display: block;
    padding-right: 0px;
    width: 20px;
    height: 30px;
    background-image: url(/images/spacer.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#monthselector #naitems
{
    position: relative;
    left: 16px;
    z-index: 1;
    display: block;
    width: 910px;
    height: 30px;
    overflow: hidden;
}
#monthselector #nainner
{
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 3000px;
}
#monthselector #nainner div
{
    float: left;
    display: block;
    overflow: hidden;
    height: 30px;
    text-align: center;
}
#monthselector #nainner div.mthumb
{
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #b0b0b0;
    line-height: 30px;
}
#monthselector #nainner div.mthumb .nonact
{
    padding-left: 12px;
    padding-right: 12px;
}
#monthselector #nainner div.mthumb a
{
    display: block;
    height: 30px;
    color: #666666;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
}
#monthselector #nainner div.mthumb a:hover, #monthselector #nainner div.mact a
{
    color: #ffffff;
    background: #71a6d2 url(/images/arrow_month_selector.gif) no-repeat bottom center;
    padding-left: 12px;
    padding-right: 12px;
}
#monthselector #nainner div.mthumb .myear
{
    color: #71a6d2;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
}
ul.newslist
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;
}
ul.newslist li
{
    list-style: none !important;
    list-style-image: none !important;
    margin-left: 0px !important;
    padding: 0px !important;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e5e5 !important;
}
ul.newslist li:hover
{
}
ul.newslist li .odd, ul.newslist li .even
{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}
ul.newslist li .odd img, ul.newslist li .even img
{
    float: left;
    margin-right: 12px;
}
ul.newslist li .odd
{
    background-color: #f8f8f8;
}
ul.newslist li .date
{
    color: #999999;
}
ul.newslist li .title
{
    margin-bottom: 12px;
}
ul.newslist li .title a
{
    font-weight: bold;
    text-decoration: none;
}

/* wish list page */
ul.wishlist
{
    margin: 0px;
    padding: 0px;
    margin-left: 0px !important;
}
ul.wishlist li
{
    list-style: none !important;
    list-style-image: none !important;
    margin: 0px !important;
    padding: 6px !important;
    padding-left: 0px !important;
    border-bottom: 1px solid #e5e5e5 !important; *margin-bottom:-11px!important;}
ul.wishlist li .timeplace
{
    margin-left: 0px;
}

/* lightbox/thickbox style pop up */
#bopop
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
}
.fade
{
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    left: 0;
    z-index: 90;
}
.popblock
{
    background: #ffffff;
    border: 12px solid #ffffff;
    float: left;
    width: 469px;
    position: fixed;
    top: 20px;
    left: 50%;
    margin: 0 0 0 -235px;
    z-index: 100000;
}
/* info pop up on home page */
.popmask
{
    display: block;
    position: relative;
    width: 469px;
    /*height: 520px;*/
    overflow: hidden;
}
.maskcontent
{
    display: block;
    width: 469px;
    height: 520px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url(/images/pop_mask.png) no-repeat top left;
}
.poptxt
{
    display: block;
    width: 175px;
    height: 36px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}
/* tell a friend pop up */
h2.kievit4
{
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    float: left;
}
.popcontent h3
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html .fade
{
    position: absolute;
    top: expression(eval(document.compatMode && 	document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}
*html .popblock
{
    position: absolute;
    top: expression(eval(document.compatMode && 	document.compatMode=='CSS1Compat') ? documentElement.scrollTop +((documentElement.clientHeight-this.clientHeight)/2) : document.body.scrollTop +((document.body.clientHeight-this.clientHeight)/2));
    left: expression(eval(document.compatMode && 	document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + (document.body.clientWidth /2 ) : document.body.scrollLeft + (document.body.offsetWidth /2 ));
}

/* css for forms */
.frm td
{
    padding-bottom: 6px;
}
form, input
{
    margin: 0px;
    padding: 0px;
}
.srchbox
{
    color: #3e3e3e;
    font-size: 12px;
    border: 0px;
    background-color: #eeeeee;
    padding: 2px;
    width: 170px;
}
.srchbut
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    background-color: #bbbbbb;
    padding: 1px;
    margin-left: 1px;
}
.srchprod
{
    color: #666666;
    font-size: 11px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin-right: 6px;
    width: 135px;
    height: 18px;
}
.frmbut
{
    cursor: pointer;
    border: 0px;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #bbbbbb;
    height: 18px;
}
.box1
{
    color: #666666;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    width: 150px;
}
.box2
{
    color: #666666;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    width: 150px;
}
.box3
{
    color: #666666;
    border: 0px solid #cbcbcb;
    background-color: #ffffff;
    width: 433px;
    overflow: auto;
}
.day
{
    width: 23px;
    margin-right: 3px;
    color: #666666;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
}
.month
{
    width: 23px;
    margin-right: 3px;
    color: #666666;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
}
.year
{
    width: 31px;
    color: #666666;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
}
.boxbut, .submitBtn
{
    cursor: pointer;
    border: 0px;
    color: #ffffff;
    text-decoration: none;
    padding-left: 4px;
    background: #b9b9b9 url(/images/arrow_more.gif) no-repeat center right;
    padding-right: 6px;
}
.boxbut:hover, .submitBtn:hover
{
    background-color: #3e3e3e;
}
.submitnws
{
    cursor: pointer;
    border: 0px solid #cccccc;
    background: transparent url(/img/submit_nws.gif) no-repeat;
    width: 36px;
    height: 24px;
}
.error1
{
    font: 11px Arial;
    color: #000000;
    border: 1px solid #999999;
    background-color: #ffffff;
    width: 175px;
}
.error2
{
    font: 11px Arial;
    color: #000000;
    border: 1px solid #999999;
    background-color: #ffffff;
    width: 100px;
}
.error3
{
    font: 11px Arial;
    color: #000000;
    border: 1px solid #999999;
    background-color: #ffffff;
    width: 70px;
}

.error
{
    color: red;
    padding: 0px;
}


table.zaal
{
    width: 100%;
}

.popupcontrol
{
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.address
{
    display: none;
}

.nletter
{
    display:block;
}

.ncontact 
{
    background:url("/images/nieuwsbriefksevents.gif") no-repeat scroll right top #FFFFFF !important;
    height: 34px;
     width: 180px !important;
}

.nletter a
{

    display:block;
    margin-top:0px !important;
}

