body, html {
    background-color: #FFFFFF;
    font-size: 11px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    margin: 0 0 0 0;
    padding: 0;
    min-height: 100%;
}

form {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#sitelogo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 90px;
    height: 275px;
    z-index: 100;
}

div#ownlogo {
    position: absolute;
    top: 267px;
    left: 0px;
}

div#sitename {
    float: left;
    width: 441px;
    height: 70px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

div.slogan {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    clear: right;
    width: 16em;
    height: 65px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 2px;
    margin: 0px 10px 0px 0px;
    color: #AA55AA;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    line-height: 120%;
}

div#headerline {
    float: left;
    clear: both;
    width: 100%;
    height: 4px;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #B46ab4;
    background-image: url(../../images/GradientHeaderline.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}


div#utilities {
}

ul#utilities {
    float: right;
    width: 45em;
    height: 18px;
    overflow: hidden;
    margin-bottom: 3px;
    margin: 0;
}

table#preferedlanguage {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

#utilities li {
    float: right;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 10px;
    padding-left: 5px;
    list-style: none;
    border-left: 1px solid #666666;
    text-align: left;
}

#utilities a {
    color: #666666;
    text-decoration: none;
}

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

#loginform a {
    border-left: 1px solid #666666;
    padding-right: 10px;
    padding-left: 5px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}

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

div#loginform {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 0px;
}

#loginform span {
    display: block;
    width: 100%
}

div.overview {
    height: 18px;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: -100px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 150px;
    padding-right: 0px;
    background-color: #e1abff;
    background-image: url(../../images/GradientOverview.jpg);
    background-repeat: repeat-y;
    background-position: right top;
}
/* HEADER afbeelding en background MedischLeren */
/* **************************** */
#Header {
    margin: 0;
    color: #fff;
    font-weight: bold;
    background: #c5d4e2 url('../../Images/bg_header.png') repeat-x top left;
    border-top: 3px solid #010065;
    width: 100%;
    height: 70px;
}

div#headerbar {
    float: left;
    clear: both;
    width: 100%;
    height: 16px;
    overflow: hidden;
    margin-bottom: 3px;
    background-color: #c0c0c0;
    background-image: url(../../images/GradientLogin.png);
    background-repeat: repeat-y;
    background-position: right top;
}

#headerbar a,
#headerbar a:active,
#headerbar a:link,
#headerbar a:visited {
    text-decoration: none;
    color: #565656;
}

    #headerbar a:hover {
        color: Black;
        font-weight: bold;
    }

div#loginheader {
    color: #555555;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    clear: left;
    height: 18px;
    overflow: hidden;
    margin-bottom: 3px;
    padding-left: 100px;
}

div#container {
    float: left;
    width: 55%;
    overflow: hidden;
    background-color: #FFFFFF;
    margin: 0;
}

div#searchform {
    float: right;
    clear: right;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    background-color: #eebbee;
    margin-right: 10px;
    width: 280px;
}

div#searchcontrol {
}

div#searchoveral {
    width: 80%;
}

div#browsefeature {
    background-color: #EEBBEE;
}

div#browseselected {
    background-color: #EEEEEE;
}

div#browseaxis {
    background-color: #FFFFFF;
}

div#free {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: large;
    line-height: 100%;
    color: #ff6600;
    float: left;
}

/* CONTENT CONTAINER */
div#content {
    clear: both;
    overflow: hidden;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-weight: bold;
    line-height: 100%;
    color: #AA55AA;
}

p {
    font-size: 11px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    line-height: 100%;
}

SELECT {
    font-size: 11px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

.blackfont {
    color: Black;
}

.smallblackfont {
    color: Black;
    font-size: 80%
}

div.smallblackfont {
    margin-bottom: 1ex;
    margin-left: 2em
}

a:link {
    color: #0000FF;
    text-decoration: none
}

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

a:active {
    color: #0000FF;
    text-decoration: underline
}

a:visited {
    color: #0000FF;
    text-decoration: none
}

.hi0, .hi1, .hi2, .hi3, .hi4, .hi5, .hi6, .hi7, .hi8, .hi9 {
    padding-left: 1px;
    padding-right: 1px
}

.hi0 {
    color: white;
    background-color: #0066FF
}

.hi1 {
    background-color: #FFFF00
}

.hi2 {
    background-color: #00FFFF
}

.hi3 {
    background-color: #00FF00
}

.hi4 {
    background-color: #FF9900
}

.hi5 {
    background-color: #FF99FF
}

.hi6 {
    color: white;
    background-color: #996633
}

.hi7 {
    color: white;
    background-color: #006600
}

.hi8 {
    color: white;
    background-color: #990000
}

.hi9 {
    color: white;
    background-color: #6600CC
}


#footer {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: #001358;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: solid 1px #001358;
    border-left: none;
    border-right: none;
    border-bottom: none;
    text-align: center;
    background: #ffc8fd;
}

#footerleft {
    float: left;
    padding: 0;
    margin: 0 0 0 30px;
    width: auto;
}

#footerright {
    float: right;
    margin: 0 30px 0 0;
    text-align: right;
    padding: 0;
}

input [type=button], input[type=submit], input[type=checkbox], input[type=radio], select, button {
    cursor: pointer;
}

    input [type=button]:disabled, input[type=submit]:disabled, input[type=checkbox]:disabled, input[type=radio]:disabled, select:disabled, button:disabled {
        cursor: default;
    }