/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

dark grey: #3b3b3b;
yellow: #efd805;

*/

* { margin: 0px; padding: 0px; outline-style: none; }

html, body {
    height: 100%;
    overflow: hidden;
}

a:link img,
a:visited img { border: 0px solid #fff; }

#site-container {
    position: absolute;
    top: 0px;
    width: 100%;
    /*min-height: 100%;
    height: auto !important;*/
    height: 100%;
    color: #3b3b3b;
    overflow: auto;
    background: url(http://repos.imanager.nl/transparent.gif) top left repeat;  /* For enabling scrolling with mousewheel outside #site */
}

#site {
    margin: 0px auto;
    width: 990px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    font: 12px  verdana, arial, sans-serif;
    line-height: 16px;
}

/* ------------------------------------------------------------------------- BG Container

#bg-container { position: absolute; } /* fix for scrolling with keyboard (right, bottom, spacebar) */
body, #bg-container,#bg-container table,#bg-container td{width:100%;height:100%;overflow:hidden;}
#bg-container div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg-container td{vertical-align:middle;text-align:center;}
#bg-container img{min-height:50%;min-width:50%;margin:0 auto;}
#bg-container .bg_overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }


/* ------------------------------------------------------------------------- Header */

#print_header {
    display: none;
}

#header {
    position: relative;
    padding: 0px 0px 0px 30px;
    width: 950px;
    height: 83px;
    z-index: 10;
}

#header .logo {
    position: absolute;
    bottom: -40px;
}

#header .logo a img {
    float: left;
    border: 0px solid #fff;
}

#header .login{
  float: right;
  margin: 0px 22px 0px 0px;
  padding: 6px 0px 0px 11px;
  width: 209px;
  height: 54px;
  color: #c0c0c0;
  font-size: 9px;
  font-weight: bold;
  text-align: right;
  background: url(pics/login-bg.png) top left no-repeat;
}

#header .login.no-bg { background: none; }

#header .login .row{
  width: 170px;
  height: 22px;
  float: left;
}

#header .login .row .omschrijving{
  width: 70px;
  margin-right: 3px;
  float: left;
}

#header .login .row .invul{
  width: 97px;
  float: left;
}

#header .login input.text{
  padding: 1px 0px 1px 2px;
  width: 95px;
  border: none;
  font-size: 10px;
  background-color: #e1e1e1;
}

#header .login input.submit{
  float: right;
  margin: 0px 15px 0px 0px;
  width: 17px;
  height: 15px;
  border: none;
  cursor: pointer;
  background: url(pics/submit.gif) top left no-repeat;
}

/* ------------------------------------------------------------------------- Navigation */

#navigation{
    position: absolute;
  height: 57px;
  width: 775px;
  bottom: 0px;
  right: 0px;
}

#navigation ul {
    margin: 17px 27px 0px 0px;
    list-style-type: none;
  float: right;
  display: inline;
}

#navigation ul li{
  float: left;
  margin-right: 3px;
  height: 40px;
  text-align: center;

}

#navigation li a:link, #navigation li a:visited {
    padding: 0px 25px;
    color: #3b3b3b;
    text-decoration: none;
    display: block;
    line-height: 40px;
    background: url(pics/nav-bg.gif) top left repeat-x;
}

#navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
  height: 43px;
  display: inline-block;
  background: #efd805;
}

#navigation li a:hover{
  background: #efd805;
}

/* ------------------------------------------------------------------------- Subnavigation */

#top-corner {
    width: 980px;
  height: 10px;
    display: block;
  font-size: 0px;
  line-height: 0px;
}

#subnavigation{
    padding: 10px 30px 0px 10px;
    width: 940px;
    height: 30px;
    background-color: #efd805;
}

#subnavigation ul{
     margin: 0px 0px 0px 0px;
    float: right;
    list-style-type: none;
}

#subnavigation ul li{
    padding: 0px 0px 2px 0px;
  list-style-type: none;
  float: left;
  margin: 0px;
  color: #636363;
  font-weight: bold;
}

#subnavigation li a:link, #subnavigation li a:visited{
    margin: 0px 5px 0px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #636363;
    border: 0px solid #fff;
}

#subnavigation li a:hover,
#subnavigation li.current a:link,
#subnavigation li.current a:visited {
    border-bottom: 1px solid #636363;
}

#subnavigation li.last a:link, #subnavigation li.last a:visited{
  margin: 0px 0px 0px 5px;
}

/* ------------------------------------------------------------------------- SubSubnavigation */

#content #subsubnavigation ul {
    margin: 0px;
    list-style-type: none;
}

#content #subsubnavigation li {
    margin: 0px 0px 1px 0px;
    padding: 6px 0px;
    min-height: 18px;
    height: auto !important;
    height: 18px;
    /* background: #a69500 url(pics/bg_subsubnavigation_li.gif) top left repeat-x; */
}


#content #subsubnavigation li a:link,
#content #subsubnavigation li a:visited {
    padding: 0px 10px 0px 30px;
    display: block;
    color: #464646;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #fff;
    background: url(pics/subsubnavigation_list-style-type.png) 15px 5px no-repeat;
}

#content #subsubnavigation li:hover,
#content #subsubnavigation li.current
{
    background-image: none;
   /* background-color: #efd805; */
}


/* subsubsbunavigation */

#content #subsubnavigation li ul.subsubsubnavigation {
    padding: 5px 0px 0px 0px;
}

#content #subsubnavigation li ul.subsubsubnavigation li {
    padding: 0px 0px 0px 15px;
    background: none;
}

#content #subsubnavigation li ul.subsubsubnavigation li a:link,
#content #subsubnavigation li ul.subsubsubnavigation li a:visited{
    padding: 5px 15px 5px 30px;
    background-position: 15px 10px;
}

#content #subsubnavigation li ul.subsubsubnavigation li a:hover,
#content #subsubnavigation li ul.subsubsubnavigation li.current a:link,
#content #subsubnavigation li ul.subsubsubnavigation li.current a:visited{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- Content */

#content {
  position: relative;
  padding: 18px 15px 5px 15px;
  width: 930px;
  min-height: 380px;
  height: auto !important;
  height: auto;                     
  z-index: 5;
  background: #FFF;
}

#content div.text{
    min-height: 100px;
    height: auto !important;
    height: 100px;
    float: left;
    font-size: 11px;
    line-height: 21px;
}

/* ------------------------------------------------------------------------- Sidebar */

#content #sidebar {
    margin: 0px 0px 0px 20px;
    width: 270px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    float: left;
}
#content #sidebar .sb-block{
    float: right;
    margin-bottom: 20px;
    width: 270px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
}

#content #sidebar .sb-block .name{
    position: relative;
    height: 25px;
    width: 270px;
    line-height: 25px;
    text-align: center;
    background: url(pics/sub-bg.gif) top left repeat-x;
}

#content #sidebar .sb-block .item {
    margin-top: 3px;
    padding-bottom: 5px;
    width: 268px;
    min-height: 30px;
    height: auto !important;
    height: 30px;
    border: 1px solid #bfbfbf;
    background-color: #f8f8f8;
}

#content #sidebar .sb-block .item-form {
    margin-top: 3px;
    width: 268px;
    height: 0px;
    border: 0px solid #bfbfbf;
    background-color: #f8f8f8;
    overflow: hidden;
    display: block;
}    

#content #sidebar .sb-block .name .arrow{
  position: absolute;
  right: 10px;
  top: 0px;
  width: 11px;
  height: 25px;
}

#content #sidebar .sb-block .name .arrow img{
  margin: 0px;
}

#content #sidebar .sb-block .item ul {
    margin: 6px 0px 0px 6px;
}

#content #sidebar .sb-block .item ul li{
    float: left;
    margin: 0px 6px 6px 0px;
    width: 81px;
    height: 81px;
    overflow: hidden;
    list-style-type: none;
}

#content #sidebar .sb-block .item ul li a:link, #content #sidebar .sb-block .item ul li a:visited{
    border: none;
    text-decoration: none;
}

#content #sidebar .sb-block .item ul li a:link img, #content #sidebar .sb-block .item ul li a:visited img{
    margin: 0px;
    padding: 2px;
    border: 1px solid #dedede;
}

h1, td h1 {font: 18px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 20px;}
h2, td h2 {font: 17px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 20px;}
h3, td h3 {font: 15px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 7px;}
h4, td h4 {font: 14px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 0px;}
h5, td h5 {font: 13px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 7px;}
h6, td h6 {font: 12px verdana, arial, sans-serif; font-weight: bold; color: #ad9b00; margin-bottom: 7px;}


#content a:link, #content a:visited {text-decoration: underline; color: #636363; /* border-bottom: 1px solid #636363; */}
#content a:hover {text-decoration: underline; color: #ad9b00; /*border-bottom: 1px solid #ad9b00; */}


#content table {margin: 5px 0px;}
#content td {
    font: 11px verdana, arial, sans-serif;
    line-height: 21px;
    color: #3b3b3b;
}

#content img { margin: 10px 0px; }
#content img.left {    margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

#content img[align^="left"]  { margin: 6px 10px 10px 0px; } 
#content img[align^="right"] { margin: 6px 0px 10px 10px; } 


p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

.pointer { cursor: pointer; }
.text-align-right  { text-align: right; }
.text-align-center { text-align: center; }
.fs-11   { font-size: 11px; }
.fs-13   { font-size: 13px; }
.padding15 { padding: 15px; }
.positionRelative { position: relative; }
.requestedColor { color: #999; }

.comment { color: #999; font-size: 10px; font-style: italic; }

.floatRight { float: right; }
.floatLeft  { float: left;  }

#content span.file { padding: 6px; display: block; }
#content span.file .icon img { margin: 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 375px; float: left; }

#content #publications span.file { padding: 0px; }

#content #sidebar span.file .info { width: 235px; overflow: hidden; }
#content #sidebar span.file .info a:link,
#content #sidebar span.file .info a:visited { border: 0px solid #fff; }


#content #block-overview .pr-block img { margin: 0px; }

#content .pr-block a:link,
#content .pr-block a:visited { border: 0px solid #fff; text-decoration: none; }

/* ------------------------------------------------------------------------- Footer */

#footer {
    padding: 00px 20px 0px 0px;
    width: 960px;
    height: 10px;
    font: 10px verdana, arial, sans-serif;
    color: #3b3b3b;
    font-weight: bold;
    text-align: right;
}

#footer a:link, #footer a:visited {
    text-decoration: none;
    line-height: 20px;
    color: #3b3b3b;
  font-weight: bold;
}

#footer a:hover { text-decoration: underline; }

br.clear { height: 0px; font: 0px verdana, arial, sans-serif; line-height: 0px; clear: both; }
         
/* ------------------------------------------------------------------------- Dimensions settings */

.width_630 { width: 630px; }         
            
/* ------------------------------------------------------------------------- Form general */

#form_container_general .row {
    float: left;
    clear: left;
    width: 100%;
}

#form_container_general .description {
    padding: 1px 0px;
    width: 100px;
    float: left;
    font-weight: bold;
}

#form_container_general .value{
    position: relative;
    margin: 0px 0px 2px 0px;
    padding: 1px 0px 0px 0px;
    float: left;
}

#form_container_general input.text {
    padding: 1px 2px;
    width: 135px;
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    float: left;
    border: 1px solid #a5acb2;
}

#form_container_general .textarea {
    padding: 2px;
    width: 300px;
    height: 150px;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #a5acb2;
}

#form_container_general input.button {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
}

#form_container_general .value .errorMsg { position: absolute; top: 2px; right: -22px; float: left; line-height: 15px; }

/* ------------------------------------------------------------------------- tooltip */

#tooltip {
    position: absolute;
    z-index: 3000;
    width: 250px;
    border: 1px solid #006FB4;
    background-color: #6192C8;
    padding: 5px;
}

#tooltip div { margin: 0; padding: 0px 5px; color: #fff; font: 12px verdana, arial, sans-serif; }

span.tooltipTxt { display: none; }

#content img.tooltip { margin: 0px; }

/* Datepicker styles */

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(pics/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}


/* Blocks */
#content .blocks {
    margin-top: -15px; 
    margin-left: -10px;
    margin-bottom: -7px;
    padding: 0px;  
    width: 950px; 
}

#content .blocks .block_content { 
    padding: 10px 15px;
    width: 920px; 
}
#content .blocks .block_content.white { background: url(pics/bg_round_white.gif) top left repeat-y; }

#content .blocks .round_top {
    width: 950px;
    height: 11px;
    overflow: hidden;
}
#content .blocks .round_top .white { background: url(pics/bg_round_top_white.gif) top left no-repeat; }

#content .blocks .round_bottom {
    width: 950px;
    height: 11px;
    overflow: hidden;   
}
#content .blocks .round_bottom .white { background: url(pics/bg_round_bottom_white.gif) top left no-repeat; }
/* End blocks */