.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

html{ background: url('../images/achtergrond.jpg') 0 0 repeat; }
body{ height: 100%; }

#wrapper{ background: #fff; width: 930px; margin: 0 auto; padding: 35px 30px;  }

#menu{ height: 350px; float: left; width: 310px; }
/* IE < 8
#menu li{ position: relative; }
#menu li a{ position: absolute; top: 0; left: 0; }
*/
#menu li{ text-indent: -999em; height: 27px; position: relative; }

#menu li a{ display: block; height: 100%; width: 100%; }

#menu li.contact{ height: 28px; }
#menu li span{ background: url('../images/menu-buttons.jpg') 0 0 no-repeat; float: left; margin-top: 1px; height: 26px; width: 33px; }
#menu li:hover span{ background-position: -34px 0; }

#menu li.selected span{ background-position: -108px; }
#menu li.selected:hover span{ background-position: -108px; }

#menu li.news{ background: url('../images/menu-sprite.png') 0 0 no-repeat; }
    #menu li.news.selected{ background-position: 0 -187px; }
#menu li.wouter{ background: url('../images/menu-sprite.png') 0 -27px no-repeat; }
    #menu li.wouter.selected{ background-position: 0 -214px; }
#menu li.studio{ background: url('../images/menu-sprite.png') 0 -54px no-repeat; }
    #menu li.studio.selected{ background-position: 0 -241px; }
#menu li.records{ background: url('../images/menu-sprite.png') 0 -81px no-repeat; }
    #menu li.records.selected{ background-position: 0 -268px; }
#menu li.store{ background: url('../images/menu-sprite.png') 0 -108px no-repeat; }
    #menu li.store.selected{ background-position: 0 -295px; }
#menu li.contact{ background: url('../images/menu-sprite.png') 0 -135px no-repeat; }
    #menu li.contact.selected{ background-position: 0 -322px; }

#menu > p{ padding-right: 20px; }

#pagination{ height: 30px; }

#news .post{ height: 350px; float: left; width: 310px; }
#news .post img{ padding-bottom: 5px; }
#news .post .title{ display: block; height: 45px; width: 290px; }
#news .post .line{ background: url('../images/line.png') 0 0 repeat; display: block; height: 1px; width: 290px; }

#news-post, #page{ float: right; overflow: auto; width: 620px; padding-bottom: 30px; }
#news-post .line, #page .line{ background: url('../images/line.png') 0 0 repeat; display: block; height: 1px; width: 620px; }
    #page .line{ margin: 10px 0; }

    #page #slider{ margin-top: 25px; }

#news-post .content{ margin-top: 5px; }
#news-post .content object{ width: 100% !important; } /* ckeditor '%' encoding bug */

#records .record{ height: 350px; float: left; width: 310px; }
#records .record .title{ display: block; height: 45px; width: 290px; }
#records .record .line{ background: url('../images/line.png') 0 0 repeat; display: block; height: 1px; width: 290px; }
#records .record .cd{ height: 273px; position: relative; width: 296px; }

    #records .record .cd .case{ position: absolute; top: 0; left: 0; z-index: 2; }
    #records .record .cd .booklet{ position: absolute; top: 4px; left: 32px; z-index: 1; }

#record{ float: right; overflow: auto; width: 620px; padding-bottom: 30px; }
#record .cd{ height: 273px; float: left; position: relative; width: 296px; }
#record .cd .case{ position: absolute; top: 0; left: 0; z-index: 2; }
#record .cd .booklet{ position: absolute; top: 5px; left: 31px; z-index: 1; }

#record .video{ float: left; padding-left: 25px; }

#record .line{ background: url('../images/line.png') 0 0 repeat; display: block; height: 1px; width: 620px; }
#record .content{ margin-top: 15px; }

#header{ overflow: auto; padding-bottom: 35px; }
#header > a{ float: left; }

#footer{ border-top: 5px solid #dedddd; overflow: auto; padding-top: 10px;  }
#header .m, #footer .m{ background: url('../images/m.png') 0 0 repeat-x; display: block; float: right; height: 34px; }
#header .m{ margin-left: 27px; width: 611px; }

#footer .facebook{ background: url('../images/facebook.png') 0 0 no-repeat; display: inline-block; height: 20px; width: 80px; text-indent: -999em; }
#footer .facebook:hover{ background-position: 0 -27px;; }
#footer .m{ margin-top: 35px; width: 927px; margin-right: 3px; }