/*---------------------------------------------------------------------------------------------------------------------------------------------------------------- OBJECT: html & body De absolute basis structuur van elke website, de en tags ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body{height:100%;} html{background:url(../images/html.png) repeat-x top left;} body{} body > .container{min-height:100%; position: relative; width: 100%; max-width: 913px; margin: 0 auto;} .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /*---------------------------------------------------------------------------------------------------------------------------------------------------------------- OBJECT: structure Het raamwerk van deze site heet 'structure', het is het skelet van de site en bevat de grote layout indelingen zoals de header en de footer ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .structure{position:relative; width:100%; margin:0px auto 0px auto;} /* width:916px; */ /*---------------------------------------------------------------------------- Slider ----------------------------------------------------------------------------*/ #slider-header {width:100.13%; display: block;} .slider-container { margin-left:-2%; padding: 0px; width: 104%; height: auto; background-color: transparent; top: 0;} /*---------------------------------------------------------------------------- Header ----------------------------------------------------------------------------*/ header.structure{height:10px; margin-top: -5px; background:white;} .headerBanner{position:absolute; top:2px; left:995px;} .top-header{margin: 0px auto 0px auto; width: 100%; height: 25px; background-color: white;} /*---------------------------------------------------------------------------- Section ----------------------------------------------------------------------------*/ section.structure{background-color:white; padding:0px 0px 55px 0px; } /*---------------------------------------------------------------------------- footer ----------------------------------------------------------------------------*/ footer.structure{width:100%; background-color:black; height:45px; margin:-45px 0px 0px 0px; } footer.structure > div{position:relative;} footer.structure > div nav {width:916px; margin:0px auto 0px auto;}