@media screen and (max-width: 1000px) {
	* { margin: 0; padding: 0; }
	#hidden{
		display:none;	
	}
	#wrapper{ position: relative; overflow-x: hidden; overflow-y: hidden; }
	
	#container {
		margin:0;
		padding:0;
	}
	#left_panel {
	width: 100%;
	background-color: #FFF;
	float: left;
	}
	#left_panel_top h2 {
	font-size: 1.9em;
	padding: 0px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 8px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;		
	}
	#left_panel_top p {
		font-size: 1.1em;
		margin-top: 8px;
		margin-right: 8px;
		margin-bottom: 12px;
		margin-left: 8px;
	}
	#left_panel_top{
	width: 100%;
	background-color: #CCC;
	}
	/*graf*/
	#top_panel_outer{
		width: 100%;
		background-color:#0c3;
		float:left;
		display:none;
	}

	/** @group core body **/
	#wrapper #container { position: relative; left: 0; min-width: 320px; z-index: 99999; }
	
	#wrapper #navmenu { background: #475566; height: 100%; display: block; position: fixed; width: 300px; left: 0px; top: 0px; z-index: 0;  }
	
	/** @group header **/
	#wrapper #container header#toolbarnav { display: block; position: fixed; left: 0px; top: 0px; z-index: 9999; background: #39f top left no-repeat; height: 44px; width: 100%; max-width: 640px; }
	
	#wrapper #container header#toolbarnav h1 { text-align: center; padding-top: 0px; padding-right: 40px; color: #e6e8f2; font-weight: bold; font-size: 2.1em; text-shadow: 1px 1px 0px #313131; }
	
	
	#wrapper #container header #menu-btn { display: block; float: left; width: 53px; height: 30px; background: url('img/nav-btn.png') no-repeat; margin-top: 6px; margin-left: 8px;}
	
	#wrapper #container #content {
		display: block;
		margin-top: 40px;
		min-height: 550px;
		height: 100%;
		z-index: 9999;
		background-color: #fff;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
	}
	
	
	#wrapper #container #content h3 { font-family: "Calibri", Verdana, Arial, sans-serif; font-weight: 700; font-size: 1.8em; line-height: 1.75em; text-transform: capitalize; margin-bottom: 5px; color: #222; }
	
	#wrapper #container #content a { color: #78a5ce; }
	#wrapper #container #content a:hover { color: #678eb2; }
	
	/** @group nav menu **/
	#wrapper #navmenu header { display: block; background: #303a44; height: 44px; }
	
	#wrapper #navmenu header h1 { text-align: center; padding-top: 5px; color: #e6e8f2; font-weight: bold; font-size: 2.1em; text-shadow: 1px 1px 0px #313131; }
	
	#wrapper #navmenu ul { list-style: none; background: #475566; height: 100%; }
	
	#wrapper #navmenu ul li { display: block; }
	#wrapper #navmenu ul li a { position: relative; display: block; border-bottom: 1px solid #303c4a; padding: 14px 11px; font-weight: bold; color: #f0f0f0; text-shadow: -1px -1px 1px #222; font-size: 1.3em; text-decoration: none; }
	
	#wrapper #navmenu ul li a:hover { color: #cad0e6; text-decoration: none; }
	
	#wrapper #navmenu ul li a::after {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-right: 3px solid #d0d0d8;
		border-top: 3px solid #d0d0d8;
		position: absolute;
		right: 30px;
		top: 45%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#wrapper #navmenu ul li a:hover::after { border-color: #cad0e6; }
	
	/** @group clearfix **/
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	 
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	
}
@media screen and (min-width: 1001px) {
	#navmenu, #toolbarnav{
		display:none;		
	}
	
	#wrapper{
        overflow: hidden;
        height: 100%;
        width: 100%;
        position: absolute;
        background-color:#F9F9F9;
    }
	#container{
		width: 100%;
		max-width: 2500px;
		max-height: 2200px;
		position: relative;
		height: 100%;
		top: 0px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
    }
	#left_panel{
	position: absolute;
	top: 0px;
	/* [disabled]left: 5px; */
	width: 300px;
	background-color: #ddd;
	height: 100%;        /*overflow:hidden;*/
    }
#left_panel_top {
	height: 130px;
	width: 290px;
	padding-right: 10px;
}
#left_panel_top h2{
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 8px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#left_panel_top p {
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#top_panel_outer {
	height: 1150px;
	width: 100%;
	position: relative;
	background-color: #000;
	left: 300px;
}
#top_panel {
	background-color: #ddd;
	margin-right: 300px;
	height: 1100px;
}

}