html, body
{
    height: 100%;
}

img{ border: 0px none; }            /* Default image border: 0px (for images) */
a, div{ -moz-outline-style: none; } /* Prevent Mozilla from outline links and divs */


body, td 
{
    behavior:url("css/csshover.htc");
    margin: 0px;
    padding: 0px;
    overflow: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.77em;
    border: 0px none;
}


h1, .groot_bruin
{
    color: #8B504A;/* Bruin */
    font-size: 24px;
    font-weight: bold;
}

h2, .middel_bruin
{
    color: #8B504A; /* Bruin */
    font-size: 17px;
    font-weight: bold;
}

h3, .middel_oranje
{
    color: #FA6125;/* Oranje */
    font-size: 18px;
    font-weight: bold;
}


.klein_bruin
{
    color: #8B504A; /* Bruin */
    font-size: 13px;
    font-weight: bold;
}

.klein_oranje
{
    color: #FA6125;/* Oranje */
    font-size: 13px;
    font-weight: bold;
}

hr
{
    border: 0px none;
    background: #FA6125; /* Oranje */
    height: 1px;
    width: 100%;
    color: #FA6125; /* Oranje */
}
hr.gal
{
    margin-top: 18px;
}


a
{
    color: #FA6125;
    text-decoration: underline;
}

a:hover
{
    text-decoration: underline;
}






span.counter
{
    font-weight: bold;
    color: #FA6125; /* Oranje */
}


div#noscript
{
    display: none;
}

div#screen  /* 100% x 100% window */
{
    position: relative;    
    height: 100%; 
    width: 100%;
    overflow: scroll;
    overflow-x: auto;
    background: #E4E5F9 url('/siteimg/body_bg.png') scroll repeat-x top;
    text-align: center;
}


div#container
{
    position: relative;
    width: 657px;
    top: 19px;
    bottom: 0px;
    height: expression(document.body.clientHeight - 19); 
    min-height: 100%;
    margin: auto;
}


div#tabs /** Bovenste rij **/
{
    width: 100%;
    height: 23px;
    text-align: left;
    z-index: 500;
}

div#header /** Flash-rij **/
{
    width: 100%;
    height: 186px;
    background: url('/siteimg/header_bg.png');
}

div#movielink
{
    position: absolute;
    /*width: 112px;*/
    height: 48px;
    left: 477px;
    top: 36px;
    z-index: 100;
    /*border: 1px solid black;*/
}

div#content_cont /** Content rij **/
{
    background: #FDDFAD url('/siteimg/content_bg.gif') left;
    width: 100%;
    position: absolute;
    top: 208px;
    left: 0px;
    height: expression(document.getElementById('container').clientHeight - 208); 
    text-align: left;
    min-height: 100%;
}

div#content
{
    position: relative;
    height: 100%;
    left: 0px;
    right: 0px;
    padding: 10px 90px 20px 35px;
}


div#content_footer /** Footer container voor #eart_left en #eart_right **/
{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

div#earth_left /** Aarde links */
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 25px;
    height: 187px;
    background: url('/siteimg/earth_left.png') no-repeat;
}

div#earth_right /** Aarde rechts */
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 77px;
    height: 187px;
    background: url('/siteimg/earth_right.png') no-repeat;
}







/******************************* Tabs *********************************/
ul.tabs
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 1000;
}

ul.tabs li
{
    position: absolute;
    display: block;
    padding-top: 4px;
    z-index: 200;
    text-align: center;
    width: 109px;
    height: 19px !important;
    height: 23px;
    font-size: 0.8em;
    background: url('/siteimg/tab_bg.gif');
    cursor: pointer;
}

ul.tabs li.first
{
    background: url('/siteimg/tab_bg_first.gif');
}


ul.tabs li ul
{
    display: none;
    position: absolute;
    top: 23px;
    margin: 0px;
    padding: 0px;
    left: 0px;
    border: 1px solid #5795D9;
    background: #D4E9F9;
}

ul.tabs li ul li
{
    /** Sub items **/
    position: relative;
    background: none;
    font-size: 10px ;
    height: 16px !important;
    padding: 0px;
    width: 120px;
}

ul.tabs li ul li a, ul.tabs li ul li a:hover
{
    background: url('/siteimg/menu_bg.png') top;
    display: block;
    height: 100%;
    text-decoration: none;
}

ul.tabs li.active
{
    z-index: 320;
    background: url('/siteimg/tab_active.gif');
}

ul.tabs li.active_first
{
    z-index: 320;
    background: url('/siteimg/tab_active_first.gif');
}


ul.tabs li ul li a:hover
{
    background-position: bottom;
}



ul.tabs li a
{
    color: #6370D6;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    display: block;
    height: 100%;
}

ul.tabs li:hover a
{
    color: #9A4F4C;
    
}

ul.tabs ul li a, ul.tabs li:hover ul li a
{
    color: #000000;
    display: block;
    font-weight: normal;
    height: 100%;
}



ul.tabs li a img
{
    border: none;
    vertical-align: middle;
    margin-right: 4px;
}