@charset "UTF-8";

/**
 * Default CSS Drop-Down Menu Theme
 *
 * @file    default.css
 * @name    Default
 * @version    0.1.1
 * @type    transitional
 * @browsers  Windows: IE5+, Opera7+, Firefox1+
 *        Mac OS: Safari2+, Firefox2+
 *
 * @link    http://www.lwis.net/
 * @copyright  2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section    Base Drop-Down Styling
 * @structure  ul (unordered list)
 *        ul li (list item)
 *        ul li a (links)
 *        /*\.class|(li|a):hover/
 * @level sep  ul
 */


ul.dropdown {
 font-weight: bold;
}

  ul.dropdown li {
   padding: 7px 10px;
   border-style: solid;
   border-width: 1px 1px 1px 0;
   border-color: #fff #d9d9d9 #d9d9d9;
   background-color: #f6f6f6;
   color: #000;
  }

  ul.dropdown li.hover,
  ul.dropdown li:hover {
   background-color: #eee;
   color: #000;
  }

  ul.dropdown a:link,
  ul.dropdown a:visited  { color: #000; text-decoration: none; }
  ul.dropdown a:hover    { color: #000; }
  ul.dropdown a:active  { color: #ffa500; }


  /* -- level mark -- */

  ul.dropdown ul {
   width: 150px;
   margin-top: 1px;
  }

    ul.dropdown ul li {
     font-weight: normal;
    }



/*-------------------------------------------------/
 * @section    Support Class `dir`
 * @level sep  ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

div#main_container
{
margin: 0 auto 0 auto;
width: 90%;
text-align: left;
}

div#top
{
width: 100%;
height: 90px;
border: 0;
}


div#inhoud
{
background-color: #F8F8F8;
float: left;
width: 100%;
height: 100%;
text-align: left;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #d9d9d9 #d9d9d9 #d9d9d9 #d9d9d9;

padding-left:10px;
padding-bottom:10px;
padding-right: 10px;

font-family: verdana;
font-color: black;
font-size: 0.9em;

}

div#footer
{
background-color: #F8F8F8;
float: left;
width: 100%;
height: 100%;
text-align: left;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #d9d9d9 #d9d9d9 #d9d9d9 #d9d9d9;

margin-top: 10px;

padding-top:10px;
padding-bottom:10px;
padding-right:20px;

font-family: verdana;
font-color: black;
font-size: 0.9em;

}

.floatright
{
float: right;
margin: 0 2px 0 2px;
border: 0px solid #666;
padding: 2px;
clear: both;
}

.floatleft
{
float: left;
margin: 0 2px 0 2px;
border: 0px solid #666;
padding: 2px;
clear: auto;
}