* {margin:0;padding:0;}

html, body, #container, #containeremployees {height: 100%;}

body > #container {height: auto; min-height: 100%;}

body > #containeremployees {height: auto; min-height: 100%;}

div#container {
    width:1026px;
    background: url("../images/bg_content.png") repeat-y;
    margin: 0 auto;
}
div#containeremployees {
    width:1026px;
    background: url("../images/bg_content_employees.png") repeat-y;
    margin: 0 auto;
}
div#header {
    background: #fff;
    height: 132px;
    width: 984px;
    margin: 0 auto;
    padding: 0;
}
div#content {
    background: #f0f0f0;
    margin-left: 235px;
    margin-right: 290px;
    width: 480px;
    padding-bottom: 45px;
    }  /* must be same height as the footer */
div#contentcalendar {
    background: #f0f0f0;
    margin-left: 235px;
    margin-right: 10px;
    width: 770px;
    padding-bottom: 45px;
    }  /* must be same height as the footer */
div#propcontent {
    background: #f0f0f0;
    margin-left: 235px;
    margin-right: 290px;
    width: 480px;
    padding-bottom: 45px;
}
div#left-sidebar {
    background: #a7a7a7;
    margin-left: 21px;
    width: 204px;
    float: left;
    padding-bottom: 45px;
}
div#right-sidebar {
    background: #ffb200;
    width: 280px;
    margin-right: 21px;
    padding-bottom: 45px;
    float: right;
}
div#footercontainer {
    position: relative;
    background: #ffffff;
    width: 984px;
    padding: 10px;
    margin: -45px auto; /* negative value of footer height */
    height: 25px;
    clear: both;
}
div#footer {
    background: #52a8ff;
    width: 984px;
    height: inherit;
    margin: 0;
}

.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */