html,body{
    border: 0 none;
    margin: 0;
    outline: 0 none;
	padding: 0;
	text-align: left;
	height: 100%;
}
#main-wrapper{
	left: 0;
	min-height: 100%;
	padding-bottom: 0;
	position: absolute;
	width: 100%;
}
#center-background-wrapper{
	height: 100%;
	left: 50%;
	position: absolute;
	width: 1px;
}
#header-wrapper > div,
#content-wrapper > div,
#footer-wrapper > div {
	margin: 0 auto;
	position: relative;
}
#footer-wrapper{
	bottom: 0;
	left: 0;
	margin-top: 0;
	position: absolute;
	width: 100%;
}

/* dimension of Framework - copy in an new file to adjust */

/* min-width before show x scrollbar */
#main-wrapper {
	min-width: 1020px;
}
/* bootom padding should be set to footer height becuse its position is absolut */
#content {
	padding-bottom: 100px;
	
}
#header-wrapper > div,
#content-wrapper > div,
#footer-wrapper > div {
	width: 1000px
}
#header-wrapper {
	height: 100px;
}
#header {
	height:100px;
}
#footer {
	height:100px;
	height:100px;
}
.wrapped {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}
/* layout with cols */
body.col2layout .contentcol,
body.col3layout .contentcol {
	float:left;
}
body.col2layout .contentcol.contentcol1 {
	width: 300px;
}
body.col2layout .contentcol.contentcol2 {
	width: 700px;
}
body.col3layout .contentcol.contentcol1 {
	width: 250px;
}
body.col3layout .contentcol.contentcol2 {
	width: 500px;
}
body.col3layout .contentcol.contentcol3 {
	width: 250px;
}

/* some setting changable via body class */

/* allways show y-scrollbar - no jumps horizontal jumps */
body.yscrollbar #main-wrapper{
	padding-bottom: 1px;
}
/* no width limitation of following elements */
body.fullheader #header {
	width: auto;
}
body.fullcontent #content {
	width: auto;
}
body.fullfooter #footer {
	width: auto;
}
// left aligned layout
body.leftaligned #header,
body.leftaligned #content,
body.leftaligned #footer {
	margin: 0;
}
/* for better contrast in dev phase */
body.contrast #header {
    background: none repeat scroll 0 0 #B4B4FF;
}
body.contrast #navigation-wrapper{
    background: none repeat scroll 0 0 #F0F08C;
}
body.contrast #navigation{
    background: none repeat scroll 0 0 #DCDC78;
}
body.contrast #content-wrapper{
    background: none repeat scroll 0 0 #F0F0F0;
}
body.contrast #content {
    background: none repeat scroll 0 0 #C8C8C8;
}
body.contrast #footer-wrapper{
    background: none repeat scroll 0 0 #C8F0C8;
}
body.contrast #footer{
    background: none repeat scroll 0 0 #B4DCB4;
}
body.contrast #header-wrapper {
    background: none repeat scroll 0 0 #DCDCFF;
}