/*****************************************************************
* Rob Brouwer Productions
* Version 1.0
* Copyright (C) 2005 by Aren Slootweg
* All rights reserved!
*****************************************************************/


/* ##################### GLOBALS ##################### */
body {
        margin           : 0px;
        margin-top       : 10px;
        padding          : 0px;
        background-color : #001473;
        font-family      : sans-serif;
        font-size        : 12px;
        color            : #000;
}

td, tr, p, div {
        font-family      : sans-serif;
        font-size        : 12px;
        color            : #000;
}

hr {
        color            : #9BBCDF;
        height           : 1px;
        width            : 100%;
}

input, my_inputtext {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 1px;
        border: solid 1px #d5d5d5;
}
input:hover {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #eeeeee;
        text-decoration: none;
        background-color: #333333;
        padding: 1px;
        border: solid 1px #d5d5d5;
}



/* ##################### MUST BE ##################### */
.contentheading {
        font-family      : sans-serif;
        font-size        : 14px;
        font-weight      : bold;
        color            : #2128BD;
}
.contentstamp {
        text-transform   : uppercase;
        text-shadow      : black;
        font-weight      : italic;
        font-size        : 9px;
        letter-spacing   : 5px;
}
.contentmain {
        font-family: sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000;
        text-align: left;
}

.sideheading {
        font-family: sans-serif;
        font-size: 11px;
        font-weight: bold;
        font-style: bold;
        color: #333333;
        text-align: left;
}
.sidemain {
        font-family: sans-serif;
        font-size: 9px;
        padding: 3px;
        color: #444444;
        text-align: center;
}

.imptitle {
        font-family: sans-serif;
        font-size: 13px;
        font-weight: bold;
        color : #333333;
        padding-left: 10px;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 2px;
}
.impoffice {
        padding-left: 46px;
}

.title {
        font-family: sans-serif;
        font-size: 20px;
        font-weight: bold;
        font-style: bold;
        color : #000000;
        margin-left: 10px;
        text-transform   : normal;
        text-shadow      : black;
}
a.index:hover {
        text-decoration  : none;
}
.subtitle {
        font-family      : sans-serif;
        font-size        : 11px;
        font-weight      : bold;
        font-style       : bold;
        color            : #666666;
        margin-left      : 20px;
        text-transform   : lowercase;
        text-shadow      : black;
        font-size        : 11px;
        text-decoration  : none;
        letter-spacing   : 5px;
}

.sub_title {
        font-size        : 11px;
        font-weight      : bold;
        text-transform   : uppercase;
        text-align       : center;
        letter-spacing   : 1px;
        color            : #444444;/*#044497;*/
        height           : 20px;
        vertical-align   : middle;
}

.inputtext {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #ffffff;
        padding: 2px;
        height: 20px;
        width: 250px;
        border: 1px solid #CCCCCC;
}

.radioinput {
        font-family: verdana;
        font-size: 8px;
        font-weight: normal;
        color: #000000;
        background-color: #ffffff;
        height: 20px;
        width: 20px;
        border: 0px solid #000000;
}

.inputtextarea {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #ffffff;
        padding: 2px;
        height: 150px;
        width: 220px;
        border: 1px solid #CCCCCC;
}

.inputbutton {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        border: solid 1px #d5d5d5;
        cursor: hand;
}


.inputbutton:hover {
        font-family: sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #eeeeee;
        text-decoration: none;
        background-color: #333333;
        border: solid 1px #d5d5d5;
}

.hr_line {
        color            : #FFFFFF;
        height           : 1px;
        width            : 100%;
}

.news_title_bg, th.titleBG {
        color            : #FFFFFF;
        background       : url(../img/but_back9.gif);
        padding-left     : 3px;
        padding-right    : 3px;
}

H3 {
        font-family      : verdana;
        font-size        : 11px;
        color            : #FFFFFF;
        background       : url(../img/but_back9.gif);
        padding-top      : 3px;
        padding-bottom   : 3px;
}

.news_content_bg {
        color            : #1824B5;
        background       : #fff;
}

/* PATHWAY */
.pathway {
        font-size        : 10px;
        color            : #000;
}
a.pathway:link, a.pathway:visited {
        font-size        : 10px;
}
a.pathway:hover {
        font-size        : 10px;
}

.contentfooter {
        height: 1px;
        width: 99%;
        background-color: #294184;
        background       : url(../img/but_back9.gif);
        margin-bottom    : 2px;
}

/* ORDER */
td.kopbalk {
        color            : #FFFFFF;
        background       : #294184;
/*        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7386B5', endColorStr='#294184', gradientType='0'); */
        background       : url(../img/but_back9.gif);
        padding-left     : 3px;
        padding-right    : 3px;
}

/* LEGAL */
a.legal:link, a.legal:visited {
        font-size: 9px;
        color: #294184;
        text-decoration: none;
        font-family: sans-serif;
        font-weight: bold;
}
a.legal:hover {
        color: #294184;
        text-decoration: underline;
}
.legal {
        font-size: 9px;
        color: #294184;
        font-family: sans-serif;
        font-weight: normal;
}

/* MAINLEVEL */
.mainlevel {

        height           : 25px;
        display          : block;
        width            : 182px;
        color            : #444444;
}
a.mainlevel:link, a.mainlevel:visited {
        background       : url(../img/but_back9.gif);
        text-decoration  : none;
        padding-top      : 5px;
        padding-left     : 10px;
        font-weight      : normal;
        color            : #F3BA65;
}
a.mainlevel:hover {
        background       : url(../img/but_back91.gif);
        text-decoration  : none;
        padding-top      : 5px;
        padding-left     : 10px;
        font-weight      : normal;
        color            : #ffffff;
}

/* TOPLEVEL */
a.toplevel {
        text-decoration  : none;
        padding-top      : 4px;
        padding-left     : 10px;
        color            : #444444;
}
a.toplevel:hover {
        border           : 1px solid #d0d0D0;
        text-decoration  : none;
        color            : #444444;
}

/* SUBLEVEL */
.sublevel {
        font-size        : 10px;
        height           : 20px;
        padding-top      : 5px;
}





/* ##################### SITECSS ##################### */
.mainbox {
        border           : 1px solid #e0e0e0;
        padding          : 9px;
        width            : 770px;
        background-color : #fff;
}

.headerbox {
        height           : 70px;
        border           : 1px solid #000000;
        padding          : 1px;
}

.logobox {
        width            : 100%;
        float            : right;
        height           : 200px;
        background       : url('empty.png');
}
.imagebox {
        border           : 1px solid #e0e0e0;
        padding          : 2px 2px 0px 2px;
}

.pathwaybox {
        height           : 20px;
        padding          : 2px;
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#294184', endColorStr='#E6F3FC', gradientType='0')
}

.sidebox ul, .sidebox ul ol { margin: 0; padding: 0; }
.sidebox ul p, .sidebar ul select { margin: 0 0 0; }
.sidebox ul ul, .sidebox ul ol { margin: 0 0 0; }
.sidebox ul ul ul, .sidebar ul ol { margin: 0 0 0 10px; }
.sidebox ul ul li, .sidebox ul ol li { margin: 0 0 0; padding: 0; }



.sidebox {
        width            : 185px;
        background-color : #E6F3FC;
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E6F3FC', endColorStr='#294184', gradientType='0')
}

.modulebox {
        width            : 100%;
        padding          : 2px;
}

.bottombox {
        border           : 1px solid #e0e0e0;
        float            : right;
        margin-top       : 5px;
        margin-bottom    : 20px;
        width            : 780px;
        color            : #ffffff;
        background       : #001473;
}


.hidebox {
        position         : relative;
        height           : 40px;
        width            : 77px;
        overflow         : hidden;
}



/* ########################### LINKS ########################## */
a:link, a:visited {
  color            : #000071;
  text-decoration  : none;
}

a:hover {
  color            : #000071;
  text-decoration  : underline;
}