* { margin: 0; padding: 0; }
body {background: #e8f1f5; text-align:center;}
/* wrapper */
#wrapper { position: relative; margin: 20px auto 0 auto; width: 944px; text-align:left; overflow:hidden; z-index: 1; }
#wrapper img.top { position: relative; float: left; z-index: 2; }
#wrapper .wrapper { position: relative; float: left; padding: 0px 4px; width: 936px; height: auto; overflow: visible; z-index: 3; }

/* head */
#header { position: relative; float: left; width: 936px; height: 146px; background: url(pics/bgHeader.gif) 0px 24px repeat-x; z-index: 4;}
#header .logo a { position:absolute; right: 230px; bottom:0; padding: 84px 0 0 0; overflow: hidden; width:245px; background: url(/skins/default/pics/marshoek_logo_25jaar.gif) no-repeat; height: 0px !important; height /**/:84px; z-index:10;}
/* body */
#body { position: relative; float: left; padding-bottom: 20px; top:-60px; width: 936px; height:auto; margin-bottom:-60px; min-height:100px; z-index: 0; overflow:hidden; background: url(pics/bgBody.gif) 0 0 repeat-y; }
* html #body { height: 10%;}
#body .tpl { position: relative; float:left; width: 936px; color: #000; background: url(/skins/default/pics/25jaar_balk_home.gif) no-repeat 220px 100%; }
#body .tpl #content { position: relative; display:inline; float: left; margin-left: 196px; padding: 110px 35px 10px 35px; width: 474px; overflow:hidden; }
/* Branche menu */
#branchecolom { position: relative; display:inline; float:left; margin-left: -740px; width: 196px; min-height:500px; background: #e8f1f5; }
* html #body .tpl #branchecolom { height:500px; }
#branchecolom h1 { position: relative; height:auto; width:174px; padding: 34px 0 0px 22px; background: url(/skins/default/pics/bgBrancheHeader.gif) no-repeat; font: 13px Arial,Helvetica,sans-serif; font-weight: bold; color: #009651;}
#branchecolom .end { position: absolute; top:100%; left:0; height:50px; width:196px; margin-top:-49px; background: url(/skins/default/pics/bgBrancheEnd.gif) no-repeat bottom; }
#branchecolom ul.subMenu { position: relative; display: block; width: 163px; height: auto; margin-left:22px; padding-bottom: 20px; list-style:none; z-index:1; background: url(pics/bgBrancheMenuEnd.gif) bottom left no-repeat; }
#branchecolom ul.subMenu li { padding-bottom: 1px; width: auto; height:68px; }
#branchecolom ul.subMenu li a { position:relative; top:0; left:0; display: block; width: 142px; height:57px; padding: 11px 0 0 10px; text-decoration: none; color: #2074b2; font: 13px/15px Arial,Helvetica,sans-serif; font-weight: bold; z-index:10; }
#branchecolom ul.subMenu li.node1 a { background: url(/skins/default/pics/foodretail.jpg) no-repeat -152px 100%; }
#branchecolom ul.subMenu li.node2 a { background: url(/skins/default/pics/drogisterij.jpg) no-repeat -152px 100%; }
#branchecolom ul.subMenu li.node3 a { background: url(/skins/default/pics/farmacie.jpg) no-repeat -152px 100%; }
#branchecolom ul.subMenu li.node1 a:hover, #branchecolom ul.subMenu li.node1 a.active { background-position: 0 100%; }
#branchecolom ul.subMenu li.node2 a:hover, #branchecolom ul.subMenu li.node2 a.active { background-position: 0 100%; }
#branchecolom ul.subMenu li.node3 a:hover, #branchecolom ul.subMenu li.node3 a.active { background-position: 0 100%; }
/* Branche menu - branchemenu */
#branchecolom ul.brancheMenu { position: relative; float: left; margin-top: 20px; padding: 9px 0px 0px 22px; width: 152px; list-style: none; }
#branchecolom ul.brancheMenu li { width: 152px; height: 28px;  background: url(pics/bgBrancheMenuEnd.gif) bottom no-repeat; }
#branchecolom ul.brancheMenu li a,
#branchecolom ul.brancheMenu li a:visited { display: block; padding: 0px 12px; width: 128px; height: 28px; font-size: 12px; color: #0060a7; line-height: 28px; background: url(pics/bgBtnArrow.gif) right no-repeat; }
#branchecolom ul.brancheMenu li a:hover,
#branchecolom ul.brancheMenu li a.active { display: block; padding: 0px 12px; width: 128px; height: 28px; font-size: 12px; color: #4aa828; text-decoration: none; line-height: 28px; background: url(pics/bgBtnArrow.gif) right no-repeat; }
#branchecolom ul.brancheMenu li.firstNode { width: 152px; height: auto; background: url(pics/bgBrancheMenuEnd.gif) bottom no-repeat; }
#branchecolom ul.brancheMenu li.firstNode h2 { margin-bottom: 12px; padding-left: 12px; font-size: 18px; font-weight: normal; color: #009651; }
#branchecolom ul.brancheMenu li.lastNode { background: none; }
/* banner box */
#branchecolom .bannerBox { position: relative; display: inline; margin: 10px 0 36px 22px; width: 152px; padding-top: 20px; border-top: 1px solid #fff; }
/* nieuwsbrief box */
#branchecolom .nieuwsbrief { position: relative; float: left; display: inline; margin: 24px 0px 0px 22px; padding-bottom: 1px; background: url(pics/bgBrancheMenuEnd.gif) left bottom no-repeat; }
#branchecolom .gesprek { position: relative; float: left; display: inline; margin: 24px 0px 0px 22px; padding-bottom: 1px; }
/* news box */
#newscolom { position: relative; float: right; width:196px; min-height: 500px;  }
#newscolom h1 { position: relative; height:25px; width:180px; padding: 230px 0 0 16px; background: url(/skins/default/pics/bg25jaar.gif) no-repeat; font: 21px/25px Arial,Helvetica,sans-serif; color: #009651;}
#newscolom .aBox { display: none; }
#newscolom .newsholder { margin:0 0 40px 16px; width:164px; }
#newscolom .newsholder h1 { margin-bottom: 20px; padding: 0; width: 100%; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #009651; background: none; }
#newscolom .newsholder ul { position: relative; float: left; list-style:none; }
#newscolom .newsholder ul li { position: relative; float: left; width:124px; padding: 8px 40px 8px 0px; background: url(pics/bgNewsBox.gif) bottom repeat-x; color: #767676; }
#newscolom .newsholder ul li a.more { position: absolute; right: 0; bottom: 9px; width: 14px; height: 14px; text-decoration: none; background: url(pics/bgBtnArrow.gif) 0 0 no-repeat; }
#newscolom .newsholder ul li a.more:hover { position: absolute; right: 0; bottom: 9px; width: 14px; height: 14px; text-decoration: none; background: url(pics/bgBtnArrow.gif) 0 0 no-repeat; }
#newscolom .newsholder ul li a.more span { display: none; }
#newscolom .newsholder ul li h2 a { position: relative; font: bold 12px/15px Arial,Helvetica,sans-serif; color: #0060a7; }
#newscolom .newsholder ul li.last { background: none; }
#newscolom .newsholder ul li.last h3 { text-align: left; }
#newscolom .newsholder ul li.last h3 a { position: relative; font: 12px/13px Arial,Helvetica,sans-serif; color: #0060a7; }
* html #body .tpl #newscolom { height:500px; }
/* main menu */
#mainMenu { position: absolute; top: 4px; width: 936px; left: 4px; height: 31px; background: url(/skins/default/pics/bgMainmenu.gif) bottom repeat-x; z-index:100; }
#mainMenu ul.mainMenu { position: relative; height: 31px; font: 11px Arial,Helvetica,sans-serif; z-index:110;}
#mainMenu ul.mainMenu li { position:relative; float: left; padding-right: 2px; display: block; height: 31px; background: url(/skins/default/pics/divMainmenu.gif) no-repeat right; }
#mainMenu ul.mainMenu li.lastNode { background: none;}
#mainMenu ul.mainMenu li a, 
#mainMenu ul.mainMenu li a:active, 
#mainMenu ul.mainMenu li a:visited, 
#mainMenu ul.mainMenu li a.active { position: relative; float: left; display: block; height: 31px; width: auto; text-decoration: none; padding: 0px 12px; color: #3c3c3c; font: 13px Arial,Helvetica,sans-serif; font-weight: bold; line-height: 32px; text-transform:uppercase; z-index: 120px;}
#mainMenu ul.mainMenu li a:hover, 
#mainMenu ul.mainMenu li a.active, 
#mainMenu ul.mainMenu li a.active:visited, 
#mainMenu ul.mainMenu li a.active:hover, 
#mainMenu ul.mainMenu li a.mouse, 
#mainMenu ul.mainMenu li a.active:active { background: url(/skins/default/pics/bgMainmenuActive.gif) 0 0 repeat-x; }

#mainMenu ul.mainMenu li.firstNode a:hover, 
#mainMenu ul.mainMenu li.firstNode a.active { background: url(pics/bgMainmenuActiveNode1.gif) top left no-repeat; }

#mainMenu ul.mainMenu ul { position: absolute; width: 146px; top: 31px; left:0; margin-left: 0; padding: 8px 0 0 0; background: url(/skins/default/pics/bgMainSubmenu.gif) repeat-x; }
#mainMenu ul.mainMenu ul li, 
#mainMenu ul.mainMenu ul li.lastNode { position:relative; float: left; display:block; padding: 0px 13px; width: 120px; height:auto; background: #e8f1f5 none; }
#mainMenu ul.mainMenu ul li.end { height:14px; background-repeat:no-repeat; line-height: 10px; font-size:6px; background-color:transparent; }
#mainMenu ul.mainMenu ul li a, 
#mainMenu ul.mainMenu ul li a:visited, 
#mainMenu ul.mainMenu ul li a:active, 
#mainMenu ul.mainMenu ul li a.active { position:relative; display: block; float: left; width: 120px; height:auto; text-decoration: none; padding: 4px 0px; background: url(pics/bgSubMenu.gif) bottom repeat-x; text-transform:none; color: #000; font: 13px/15px Arial,Helvetica,sans-serif; }
#mainMenu ul.mainMenu ul li a:hover, 
#mainMenu ul.mainMenu ul li a.active, 
#mainMenu ul.mainMenu ul li a.active:visited,
#mainMenu ul.mainMenu ul li a.mouse, 
#mainMenu ul.mainMenu ul li a.active:hover, 
#mainMenu ul.mainMenu ul li a.mouse, 
#mainMenu ul.mainMenu ul li a.active:active { position:relative; display: block; width: 120px; height:auto; text-decoration: none; padding: 4px 0px; background: url(pics/bgSubMenu.gif) bottom repeat-x; font: 13px/15px Arial,Helvetica,sans-serif;  color: #0060a7; }
#mainMenu ul.mainMenu ul ul { top: -6px; margin-left: 133px; }
#mainMenu ul.mainMenu ul li.firstNode a:hover, 
#mainMenu ul.mainMenu ul li.firstNode a.active {  background: url(pics/bgSubMenu.gif) bottom repeat-x; } 


/* breadcrum */
#breadcrumMenu ul.breadcrumMenu { position:absolute; top:52px; left: 200px; width: 620px; padding: 10px 0 10px 20px; height: 12px; list-style: none;  }
#breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(/skins/default/pics/divBreadCrum.gif) no-repeat 100% 5px;  }
#breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 12px/12px Arial, Helvetica, sans-serif; text-decoration:none; }
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 12px;}
#breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; }
#breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Arial, Helvetica, sans-serif; }
/* footer */
#footer { position: relative; float: left; width: 944px; background: #eaf2f6; color: #848a94; }
#footer img { position: relative; float: left; }
#footer .footer { position: relative; float: left; padding: 10px 0px 10px 0px; width: 100%; color: #848a94; }
#footer p { position: relative; display: inline; float: right; padding-right: 22px;}
#footMenu ul.footMenu { position: relative; display: inline; height: 13px; overflow: hidden; font: 11px/13px Arial,Helvetica,sans-serif; list-style: none; }
#footMenu ul.footMenu li { float: left; display: inline; border-right: 1px solid #848a94; text-align: center; }
#footMenu ul.footMenu li.firstNode { padding-left: 18px; }
#footMenu ul.footMenu li.lastNode { border:none; }
#footMenu ul.footMenu li a, #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #848a94; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }

#wrapper .address { position: relative; float: left; padding: 18px 22px 0px 22px; width: 892px; height: 22px; font: 12px/15px Arial,Helvetica,sans-serif; color:#474747; background: url(/skins/default/pics/bgAddress.gif) repeat-x 0 0;}
#wrapper .address span { padding:0 10px; }
#wrapper .address a { color:#474747; padding:0 10px; }