/* CSS Document */

body { background: #ffffff; margin:0;  padding:0 0 30px 0; text-align:center; font-family: "Lucida Sans Unicode", "Lucida Console", Arial, Helvetica; font-size:1.0em; color:#ffffcc; }

.oldbrowsers { display:none; }

#mainWrapper { width:900px; margin:0 auto; background: url('pics/backgrounds/background_1.jpg') repeat-y #ffffff;}
  #mainWrapper a.footer { font-size:0.8em; color: #767676; text-decoration:none; padding:2px; }
  #mainWrapper a.footer:hover { border-bottom: 1px dashed #ec6d26; }

#topWrapper1  { height:157px;  background: url('pics/backgrounds/header_1.jpg'); overflow: hidden; }

  #homebtn { float: left; text-align:left; position:relative; width:160px; height:157px; }
  #menu01  { float:right; text-align:left; position:relative; top:2px; padding-right:30px; font-size: 0.8em; }
  #menu01 ul { list-style:  none; margin: 0; padding: 0; border: none; }
  #menu01 ul li { float:left; margin:0; padding:0px; width:100px; }
  #menu01 ul li a { display: block; text-decoration: none; text-align:right; color: #ffffff; }
  #menu01 ul li.first a { }
  #menu01 ul li a:hover, #menu01 ul li a:focus { color:#ffff00;}
  #fonttitle { text-align:left; margin: 90px 0px 0px 310px; }

#textWrapper  {background: url('pics/backgrounds/body_1.jpg') no-repeat; padding:15px 3px 0px 0px; line-height:17px; }
#textWrapper1 {background: url('pics/backgrounds/body_1.jpg') no-repeat; padding:15px 3px 0px 0px; line-height:17px; }

  .column1   { float:left; width:310px; font-size:0.8em; height: 370px; text-align: left; color: #d5d5f1; }
  .column1 a { color:#fff; padding:1px; display:block; text-decoration: none; line-height: 1em; }
  .column1 a:hover { color:#ffff00; text-decoration: underline; }
  .column1   #submenu { padding: 30px 15px 0px 30px; }

  #text { padding: 0px 50px 0px 10px; }
  .column2 { float:right; width: 580px; text-align:left; font-size:0.8em; color:#ffffff; }

  #text li { font-size: 1em; }
  .column2 td, #textWrapper .column2 th { font-size:0.8em; text-align:left; vertical-align:top; }
  .column2 h1 { font-size:1.6em; color:#ffffff; padding:0 0 10px 0; margin:0; }
  .column2 h2 { font-size:1.4em; color:#ffff99; padding:10px 0 10px 0; margin:0; }
  .column2 h3 { font-size:1.2em; color:#ffffff; margin: 15px 0px 5px -10px; padding: 6px 0px 0px 4px;
                  border-style: solid; border-color: #ffffff; border-width: 2px 0px 0px 0px; }
  .column2 h4 { font-size:1em; color:#ffff99; padding:0 0 10px 0; margin:0; }
  .column2 img { border: 1px solid #ffff00; }
  .column2 a  { font-size:1em; color:#ffffaa; padding:2px; }
    .column2 a:hover { text-decoration:none; color:#ffff00; }
    .column2 a:hover img { border: 1px solid #ffffff; }
    .column2 input.txt { font-size:0.8em; border:1px solid #c0c0c0; }
    .column2 input.button { cursor:pointer;  font-size:0.8em; border:1px solid #a0a0a0; }

#footerWrapper { height:50px; background: url('pics/backgrounds/footer_1.jpg'); }

.spacer{ clear:both; height:0px; }

#footerCredits { width: 900px; text-align: center; height:20px; background: #ffffff; margin: auto; color: #cccccc; }
  #footerCredits a.footer { font-size:0.8em;  color: #767676; text-decoration:none; padding:2px; }
  #footerCredits a.footer:hover { border-bottom: 1px solid #000000; color: #605a12; }
  #footerCredits a.footer2 { font-size:0.7em;  color: #868686; text-decoration:none; padding:2px; }
  #footerCredits a.footer2:hover { border-bottom: 1px solid #000000; color: #605a12; }

/* CSS Document */

div.sitemap1  { font-size: 0.9em; margin: 2px 1px 3px 1px; padding: 2px 2px 1px 5px;
                text-transform: lowercase; border-color: #cb4927;  border-width: 0px; border-style: solid; 
                text-align: left; font-family: Arial, Helvetica, "Sans Serif"; color: #fff; }
div.sitemap2  { margin: 1px 1px 0px 15px; padding: 0px 1px 0px 5px; text-transform: lowercase; 
                font-family: Arial, Helvetica, "Sans Serif"; color: #fff; font-size:0.95em; }
div.sitemap3  { margin: 0px 1px 0px 10px; padding: 1px 1px 1px 5px; text-transform: lowercase; 
                font-family: Arial, Helvetica, "Sans Serif"; color: #fff; font-size: 0.95em; line-height: 0.9em; }
div.sitemap4  { margin: 0px 1px 0px 5px; padding: 1px 1px 1px 5px; text-transform: lowercase; 
                font-family: Arial, Helvetica, "Sans Serif"; color: #fff; background: #f8f4e9; 
                font-size: 0.95em; line-height: 0.9em; }

div.sitemap1 a { font-weight: bold; text-decoration: none; }
div.sitemap2 a { font-weight: normal; text-decoration: none; }
div.sitemap3 a { font-weight: normal; text-decoration: none; }
div.sitemap1 a:hover { font-weight: bold; text-decoration: underline; }
div.sitemap2 a:hover { font-weight: bold; text-decoration: underline; }
div.sitemap3 a:hover { font-weight: bold; text-decoration: underline; }

div.depth1  { font-size: 1.1em; padding: 2px 5px 4px 6px; margin: 2px 4px 2px 4px;
              text-decoration: none; font-family: Arial, Helvetica, "Sans Serif";
              color: #d5d5f1; line-height:0.7em; }
div.depth1 .sub { text-decoration: none; color: #605a12; } 
div.depth2  { padding:0px 0px 6px 30px; font-size: 1em;   line-height: 0.4em; }
div.depth2 .sub { text-decoration: none; color: #605a12; }
div.depth3  { padding:0px 0px 4px 35px; font-size: 0.9em; line-height: 0.4em; }
div.depth3 .sub { text-decoration: none; color: #605a12; } 
div.depth4  { padding:0px 0px 2px 40px; font-size: 0.8em; line-height: 0.4em; }
div.depth4 .sub { text-decoration: none; color: #605a12; } 
div.depth5  { padding:0px 0px 2px 45px; font-size: 0.6em; line-height: 0.4em; }
div.depth5 .sub { text-decoration: none; color: #605a12; } 

.roundcont   { width: 250px; background-color: #f90; color: #fff; }
.roundcont p { margin: 0 10px; }
.roundtop    { background: url(pics/tr.gif) no-repeat top right; }
.roundbottom { background: url(pics/br.gif) no-repeat top right; }
img.corner   { width: 15px; height: 15px; border: none; display: block !important; }

.hiddenPic  { display:none; }

.tab-container { margin: 0px; }
.tab-panes     { border:2px solid #fff; background: #ffffaa; margin-top: -2px; }
.tabs          { width:100%; position:relative; margin: 0; padding: 0; overflow:hidden; }
.tabs li       { display:inline; line-height: 2em; }
.tabs a            { height: 1.5em; font-weight:bold; position:relative; padding: 0px 4px 0px 3px; 
                     background:#ffffaa; color:#fff; text-decoration:none;
                     border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff; 
                     border-bottom: 2px solid #fff; font-weight: lighter; font-size: 0.8em; }
.tabs a:hover      { border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff; 
                     border-bottom: 2px solid #ffffaa; background-color: #ffffaa; color:#fff; font-size: 0.8em; }
.tabs a.tab-active { border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff; 
                     border-bottom: 2px solid #ffffaa; background: #ffffaa; color:#fff; font-size: 0.8em; }

a.depth1               {color: #d5d5f1; text-decoration: none; background-image: url(pics/system/pijl-lichtblauw2.gif); background-repeat: no-repeat; background-position: 0.1em; padding-left: 1.0em;}
a.depth1:hover         {color: #ffffff; text-decoration: underline; background-image: url(pics/system/pijl-wit.gif); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.0em;}
a.depth1selected       {color: #ffff00; text-decoration: underline; font-weight: normal;background-image: url(pics/system/pijl-geel.gif); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.0em;}
a.depth1selected:hover {color: #ffff77; text-decoration: underline; font-weight: normal;}

a.depth2               {color: #d5d5f1; text-decoration: none; font-weight: normal;}
a.depth2:hover         {color: #ffff00; text-decoration: underline; font-weight: normal;}
a.depth2selected       {color: #ffff00; text-decoration: underline; font-weight: normal;}
a.depth2selected:hover {color: #ffff77; text-decoration: underline; font-weight: normal;}

a.depth3               {color: #d5d5f1; text-decoration: none; font-weight: normal;}
a.depth3:hover         {color: #ffff00; text-decoration: underline; font-weight: normal;}
a.depth3selected       {color: #ffff00; text-decoration: none; font-weight: normal;}
a.depth3selected:hover {color: #ffff77; text-decoration: underline; font-weight: normal;}