body { background: url(/skins/default/pics/background.png) top left repeat-x #f4f4f4; }
#sideImage { position: absolute; width: 615px; height: 838px; top: 104px; left: -160px; z-index: 0; border: 0; }
/* HEADER */
#wrapperHeader { position: relative; width: 939px; /*height: 417px;*/  z-index: 1; }
#wrapperHeaderVisual { width: 689px; height: 339px; position: relative; float: left; display: inline; }
#wrapperHeaderVisual .headerVisual { position: absolute; top: 7px; left: 7px; width: 675px; height: 235px; z-index: 1; }
#wrapperHeaderVisual .buttonWie { width: 97px; height: 36px; position: absolute; top: 190px; left: 336px; z-index: 2; }
#wrapperHeaderVisual .buttonWat { width: 202px; height: 36px; position: absolute; top: 190px; left: 439px; z-index: 2; }
#wrapperHeaderLogo { width: 241px; height: 339px; position: relative; float: right; display: inline; }
#wrapperHeaderLogo address { position: absolute; top: 176px; left: 0px; z-index: 2; width: 221px; height: auto; display: block; padding-left: 20px; padding-bottom:23px; visibility: visible; text-align: left; font-style: normal; text-align: left; background: url(/skins/default/pics/spacer.gif); }
#wrapperHeaderLogo address span { position: relative; float: left; display: block; width: 180px; padding-left: 16px; }
#wrapperHeaderLogo address span.bull { position: relative; float: left; display: block; width: 180px; padding-left: 16px; background: url(../../skins/default/pics/bull.gif) left 3px no-repeat; }
/* FOOTER */
#wrapperFooter { height: 60px; padding-top: 10px; }
/* STEPS */
#stepsMenu { position: absolute; left: 7px; top: 284px; width: 675px; height: 90px;  z-index: 5; background-image: url(/skins/default/pics/backgroundStepsMenuHome.jpg); background-position: 0px 0px !important; }
/*
ul.stepsMenu { position: relative;  width: 100%; height: 80px; margin-top: 0px; display: inline; list-style: none; z-index: 5; }
ul.stepsMenu li { position: relative; width: 75px; height: 80px; padding: 0; text-align: center; }
*/
ul.stepsMenu { position: relative; width: 100%; margin-top: 13px; display: inline; list-style: none; z-index: 5; }
ul.stepsMenu li { position: relative; display: inline;  width: 110px; height: 60px; padding: 0; text-align: center; }
ul.stepsMenu li a { position: relative; width: auto; height: 20px; padding-top: 50px; display: block; text-decoration: none; }
ul.stepsMenu li a:hover,
ul.stepsMenu li a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsMenuActive.gif) top center no-repeat; }
ul.stepsMenu li a span { font-weight: bold; font-size: 11px; color: #FFFFFF; display: block; }
ul.stepsMenu li.node1 a span { text-align: center; }
ul.stepsMenu li.node1 { margin-left: 6px; background-image: url(/skins/default/pics/icoSignaleren.gif); background-position: 44px 14px !important; background-repeat: no-repeat; display: inline; }
ul.stepsMenu li.node2 { margin-left: 1px; background-image: url(/skins/default/pics/icoInventariseren.gif); background-position: 47px 14px !important; background-repeat: no-repeat;  }
ul.stepsMenu li.node3 { margin-left: 1px; background-image: url(/skins/default/pics/icoAdviseren.gif); background-position: 44px 14px !important; background-repeat: no-repeat;  }
ul.stepsMenu li.node4 { margin-left: 1px; background-image: url(/skins/default/pics/icoVerbeteren.gif); background-position: 48px 15px !important; background-repeat: no-repeat;  }
ul.stepsMenu li.node5 { margin-left: 1px; background-image: url(/skins/default/pics/icoImplementeren.gif); background-position: 43px 13px !important; background-repeat: no-repeat;  }
ul.stepsMenu li.node6 { margin-left: 1px; background-image: url(/skins/default/pics/icoBeheren.gif); background-position: 42px 13px !important; background-repeat: no-repeat;  }
ul.stepsMenu li.node1 a:hover,
ul.stepsMenu li.node2 a:hover,
ul.stepsMenu li.node3 a:hover,
ul.stepsMenu li.node4 a:hover,
ul.stepsMenu li.node5 a:hover,
ul.stepsMenu li.node6 a:hover,
ul.stepsMenu li.node1 a.active,
ul.stepsMenu li.node2 a.active,
ul.stepsMenu li.node3 a.active,
ul.stepsMenu li.node4 a.active,
ul.stepsMenu li.node5 a.active,
ul.stepsMenu li.node6 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsMenuActive.gif) top center no-repeat; }
#stepsMenu ul.stepsMenu li .subContent { position: absolute; display:none; width: 121px; height: 156px; padding: 14px; left: 20px; top: 70px; z-index: 6; text-align: left; }
#stepsMenu ul.stepsMenu li .subContent img { position: absolute; top:0; left:0; z-index:0;}
#stepsMenu ul.stepsMenu li .subContent p {  position: absolute; top: 0; left:0; padding: 14px; line-height:13px; z-index:1;}
#stepsMenu ul.stepsMenu li .subContent a { position: absolute; bottom: 12px; right: 16px; z-index: 10; background: none; padding:0; line-height: 13px; width: 100px; display:block; font-weight: bold; color: #1a9bd0;  }

* html ul.stepsMenu li.node6 { width: 90px; margin-left: 1px; background-image: url(/skins/default/pics/icoBeheren.gif); background-position: 42px 13px !important; background-repeat: no-repeat;  }
* html ul.stepsMenu li.node6 a:hover, ul.stepsMenu li.node6 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsMenuActive.gif) 31px top no-repeat; }

/* CONTENT */
#content { color: #092650; text-align: left; }
#content h1 { font-size: 14px; }
#content a { text-decoration: underline; color: #092650; }
#content a:hover { text-decoration: none; color: #092650; }

#wrapper #wrapperContent #newsBox .newsBox .newsholder ul li a.more,
#wrapper #wrapperContent #newsBox .newsBox .newsholder ul li a.more:visited { position: relative; float: left; margin-left: 12px; color: #00a1e4; }
