/*			  LAYOUT			*/
/*		   CSS by iCREW			*/
/*         www.icrew.nl			*/
/*								*/
/*      © iCREW 2000-2006		*/
/*     All rights reserved 		*/

/* -----------------------------------------------------------------------------------ROOT-- */
#container {background: url(../media/bg_bodyfade.gif) repeat-x;}
#containerS {background: url(../media/bg_bodyfadeS.gif) repeat-x;}

#ctrRoot {width: 746px; padding: 0 20px 0 20px; margin: 0 auto; text-align: left; background: url(../media/bg_rootfade.gif) repeat-x #FFFFFF; overflow: hidden;}
#ctrRootS {width: 746px; padding: 0 20px 0 20px; margin: 0 auto; text-align: left; background: url(../media/bg_rootfadeS.gif) repeat-x #FFFFFF; overflow: hidden;}
/* -----------------------------------------------------------------------------------HEADER-- */
#ctrHeader {float: left; width: 746px; height: 109px; overflow: hidden; background: url(../media/banner_topimg_skyscrapers.gif) right no-repeat;}
/* -----------------------------------------------------------------------------------BANNER-- */
#ctrBanner {float: left; width: 746px; height: 118px; overflow: hidden; background: url(../media/banner_banimg_skyscrapers.gif) no-repeat;}
#ctrBannerS {float: left; width: 746px; height: 40px; overflow: hidden; background: url(../media/banner_sub_banimg_skyscrapers.gif) no-repeat;}
.wrapFlash {float: left; width: 746px; height: 78px; overflow: hidden;}
.wrapMenu {float: left; width: 543px; height: 20px; padding: 20px 10px 0 193px; overflow: hidden; color: #FFFFFF;}
/* -----------------------------------------------------------------------------------CONTENT-- */
#ctrContent {float: left; width: 746px; height: 300px; margin: 20px 0 0 0; padding: 0; border-bottom: 1px solid #DDDDDD; background: url(../media/bg_content_portal.gif) repeat-y; overflow: hidden;}
#ctrContentS {float: left; width: 746px; height: 378px; margin: 20px 0 0 0; padding: 0; border-bottom: 1px solid #DDDDDD; background: url(../media/bg_content_sub.gif) repeat-y; overflow: hidden;}
.columnSubmenu {float: left; width: 173px; padding: 0 10px 0 0; overflow: hidden;}
.wrapSubmenu {float: left; width: 153px; height: 280px; padding: 0 10px 10px 10px; color: #FFFFFF; background: url(../media/bg_submenu.gif) bottom no-repeat #2E6D3B;}
.wrapSubmenuS {float: left; width: 153px; height: 358px; padding: 0 10px 10px 10px; color: #FFFFFF; background: url(../media/bg_submenu.gif) bottom no-repeat #2E6D3B;}
.columnContentP h1, .columnHighlights h1, .columnContentS h1 {font-size: 12px; font-weight: bold; margin: 5px 0; padding: 0 0 5px 0; color: #ff6900; border-bottom: 1px solid #DDDDDD;}
.wrapSubmenu h1, .wrapSubmenuS h1 {font-size: 12px; font-weight: bold; margin: 5px 0; padding: 0 0 5px 0; color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.columnHighlights li {padding: 2px 0 0 10px; background: url(../media/arrow_oranje.gif) no-repeat 0 8px; list-style: none; list-style-position: outside;}
/* --------------------------------------------------------------------PORTAL-- */
.columnContentP {float: left; width: 360px; height: 290px; padding: 0 10px 10px 10px; overflow: hidden;}
.columnHighlights {float: left; width: 173px; height: 290px;  padding: 0 0 10px 10px; overflow: hidden;}
/* --------------------------------------------------------------------SUB-- */
.columnContentS {float: left; width: 553px; padding: 0 0 0 10px; overflow: hidden;}
/* -----------------------------------------------------------------------------------FOOTER-- */
.footer {float: left; width: 786px; height: 30px; padding-top: 10px; text-align: center; overflow: hidden;}



/* Top Navigation */
ul#topNav {list-style-type: none; white-space: wrap;}
ul#topNav li {display: inline;}
#topNav a {text-decoration: none; border-right: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; padding: 0 8px 0 0; margin: 0 4px 0 0;}
#topNav a:hover, #topNav a:active, #topNav a:focus {text-decoration: underline;}
#topNav a.last, #topNav a.last:link {border-right: none;}
#topNav a.current, #topNav a.current:link {text-decoration: underline;}
#topNav a.lastandcurrent, #topNav a.lastandcurrent:link {text-decoration: underline; border-right: none;}

/* Sub Navigation */
ul#subNav {list-style-type: none;}
ul#subNav li {/*display: inline;*/ padding: 2px 0 0 10px; background: url(../media/arrow_wit.gif) no-repeat 0 8px; list-style: none; list-style-position: outside;}
#subNav a {text-decoration: none; color: #FFFFFF; font-weight: bold;}
#subNav a:hover, #subNav a:active, #subNav a:focus {text-decoration: underline;}
#subNav a.last, #subNav a.last:link {border-right: none;}
#subNav a.current, #subNav a.current:link {text-decoration: underline;}
#subNav a.lastandcurrent, #subNav a.lastandcurrent:link {text-decoration: underline; border-right: none;}