/*-----------------------------------------------------------------------------
Website: www.lierman-lierman.com
Auteur: Webatvantage.be
Laatst gewijzigd: 14-10-2008
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0px auto; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML/BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; }
html, body { height: 100%; margin: 0; padding: 0; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; }
/*------------------------------- END HTML/BODY -------------------------------*/

/*------------------------------- START DEFAULT LINKS -------------------------------*/
a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: none; outline: none; }
/*------------------------------- END DEFAULT LINKS -------------------------------*/

/*------------------------------- START VERTICAL ALIGN WRAPPER -------------------------------*/
div#spacediv { height: 420px; }
div#wrapper { position: relative; width: 952px; min-height: 100%; margin: 0 auto -30px; text-align: left; background: #000; } 
/*------------------------------- END VERTICAL ALIGN WRAPPER -------------------------------*/

/*------------------------------- START TITEL -------------------------------*/
#titel { float: right; margin: 0 10px 10px 0; display: block; width: 483px; height: 11px; }
#titel a img { border: none; }
/*------------------------------- END TITEL -------------------------------*/

/*------------------------------- START PROJECTS HOME -------------------------------*/
#projects_thumbs { clear: both; float: left; margin:0; padding: 0; }
#projects_thumbs img { float: left; border: none; margin: 0; padding: 0; }
#projects_thumbs a img { float: left; border: none; }
/*------------------------------- END PROJECTS HOME -------------------------------*/

/*------------------------------- START NAVIGATIE -------------------------------*/
#navigatie { clear: both; float: left; width: 912px; margin: 0; padding: 20px; }

/* Mainnav */
#navigatie ul#mainnav { float: left; width: 98px; margin: 0; padding: 0; height: auto; min-height: 198px; }
#navigatie ul#mainnav li { clear: both; float: left;  margin: 0 0 15px 0; padding: 0 0 2px 0; list-style: none; }
#navigatie ul#mainnav li a:hover { color: #0099ff; }

/* Mainnav naveau 2 */
#navigatie ul#mainnav_niveau2 { clear: none; float: left; width: 110px; height: auto; min-height: 198px; margin: 0 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #333; }
#navigatie ul#mainnav_niveau2 li { clear: both; float: left; margin: 0 0 48px 0; padding: 0 0 2px 0; list-style: none; text-transform: uppercase; }
#navigatie ul#mainnav_niveau2 li a#active2 { color: #0099ff !important; }
#navigatie ul#mainnav_niveau2 li a:link,
#navigatie ul#mainnav_niveau2 li a:visited,
#navigatie ul#mainnav_niveau2 li a:active,
#navigatie ul#mainnav_niveau2 li a:hover
#navigatie ul#mainnav_niveau3 li a:link,
#navigatie ul#mainnav_niveau3 li a:visited,
#navigatie ul#mainnav_niveau3 li a:active,
#navigatie ul#mainnav_niveau3 li a:hover { text-decoration: none; }

/* Mainnav niveau 3 */
#navigatie ul#mainnav_niveau3 { clear: none; float: left; width: 225px; height: auto; min-height: 198px; margin: 0; padding: 0 0 0 10px; border-left: 1px solid #333; }
#navigatie ul#mainnav_niveau3 li { clear: both; float: left; width: 225px; margin: 0 0 5px 0px; padding: 0 0 2px 0; list-style: none; text-transform: uppercase; }
#navigatie ul#mainnav_niveau3 li a#active3, #navigatie ul#mainnav_niveau3 li a:hover { color: #0099ff; }

/* Mainnav niveau 4 */
#navigatie ul#mainnav_niveau4 { clear: none; float: left; width: 225px; height: auto; min-height: 198px; margin: 0; padding: 0 0 0 10px; border-left: 1px solid #333; }
#navigatie ul#mainnav_niveau4 li { clear: both; float: left; width: 225px; margin: 0 0 5px 0px; padding: 0 0 2px 0; list-style: none; text-transform: uppercase; }
#navigatie ul#mainnav_niveau4 li a#active4, #navigatie ul#mainnav_niveau4 li a:hover { color: #0099ff; }

/* Mainnav niveau 5 */
#navigatie ul#mainnav_niveau5 { clear: none; float: left; width: 225px; height: auto; min-height: 198px; margin: 0 0 0 2px; padding: 0 0 0 10px; border-left: 1px solid #333;  }
#navigatie ul#mainnav_niveau5 li { clear: both; float: left; width: 225px; margin: 0 0 5px 0px; padding: 0 0 2px 0; list-style: none; text-transform: uppercase; }
#navigatie ul#mainnav_niveau5 li a#active4, #navigatie ul#mainnav_niveau5 li a:hover { color: #0099ff; }
/*------------------------------- END NAVIGATIE -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
#content { float: left; width: 700px; height: auto; min-height: 198px; margin: 20px 0 0 0; padding: 0 0 0 20px; border-left: 1px solid #333; text-transform: uppercase; }
#content a:hover { color: #0099ff; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START KOLOM -------------------------------*/
.kolom { float: left; width: 217px; height: auto; min-height: 198px; margin: 0; padding: 0 0 0 20px; border-left: 1px solid #333; text-transform: uppercase; }
.kolom ul li { margin: 0 0 19px 0; list-style: none; }
/*------------------------------- END KOLOM -------------------------------*/

/*------------------------------- START INFO LIST -------------------------------*/
ul.infolist { clear: none; float: left; height: auto; min-height: 198px; margin: 0 0 0 46px; padding: 0 0 0 20px; border-left: 1px solid #333; }
ul.infolist li { clear: both; float: left; margin: 0 0 15px 0px; padding: 0 0 2px 0; list-style: none; border-bottom: 2px solid #000; }
/*------------------------------- START INFO LIST -------------------------------*/

/*------------------------------- START LINKS LIST -------------------------------*/
dl#linkslist { margin: 20px 0 0 0; }
dl#linkslist dt { margin: 10px 0 10px 0; padding: 0 0 0 15px; background: url(../Graphics/Cms_title_icon.gif) no-repeat center left; }
dl#linkslist dd { padding: 0 0 0 10px; }

ul#linkcats { float: left; width: 600px; height: 25px; margin: 20px 0 0 0; border-bottom: 1px solid #333; }
ul#linkcats li { clear: none; float: left; display: inline; margin: 0 5px 0 0; border: none; }
ul#linkscats li a:link, ul#linkscats li a:visited, ul#linkscats li a:active, { clear: none; float: left; border: none; padding: 0 0 2px 0; text-decoration: none; }
ul#linkscats li a:hover { text-decoration: none !important; }
ul#linkcats li a#linkcats_active { border-bottom: 2px solid #fff; text-decoration: none; }
/*------------------------------- END LINKS LIST -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { width: 952px; height: 30px; position: relative; background: #000; color: #666; text-transform: uppercase; }
#footer a:link, #footer a:visited, #footer a:active { float: right; margin: 0 10px 0 0; color: #666; }
#footer a:hover, #footer #footer_active_link  { float: right; margin: 0 10px 0 0; color: #fff; }

.clearfooter { height: 30px; clear: both; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START TOOLTIP -------------------------------*/
#tooltip { display: none; position: absolute; padding: 2px 5px; background: #000; border: 1px solid #000; color: #fff; }
/*------------------------------- END TOOLTIP -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.important { font-weight: bold; }
.floatleft { float: left; }
.floatright { float: right; }
.cms_title { display: block; font-weight: bold; margin: 0 0 0px 0; }
/*------------------------------- END OTHER CLASSES -------------------------------*/