/* --- html/body style --- */

html, body {
	/*height:100%; */
	/*max-height:100%; */
	padding:0; 
	margin:0; 
	border:0; 
	/*overflow:hidden; */
}

body {
	/* font: normal 11px Verdana;  */
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	xbackground-color: #336699;
}

#local_warning {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 20px;
	font-size: 19px;
	background-color: #cc0000;
	color: white;
	z-index: 100;
	border-radius: 10px;
}

/* --- Sidebar --- */

div#sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 200px;
	background-color: #eee;
	border-right: 1px solid #999;
	z-index: 999;
}

div#logo {
	background: url(../images/layout/logo-big.png) top left no-repeat;
	height: 75px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#main {
	/*
	position: absolute;
	top: 0;
	left: 201px;
	bottom: 0;
	right: 0;
	*/
	padding-left: 0;
	/*padding-top: 84px;*/
	overflow: auto;
}

div#header {
	/*position: fixed;*/
	top: 24px;
	/*left: 201px;*/
	left: 0;
	right: 0;

	height: 40px;
	background-color: #eee;
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0 0 20px;
	box-shadow: 0 15px 15px #fff;
	z-index: 9;
}

.main-menu {
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	height: 24px;
	background-color: #2667CF;
	z-index: 10;
}

div#content {
	/*
	position: absolute;
	top: 51px;
	left: 1px;
	bottom: 0;
	right: 0;
	*/
	padding: 20px 20px 20px 20px;
	overflow: auto;
}

/* --- Clearfix --- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}