@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (max-height: 800px)
and (orientation: landscape) {

}

@media only screen and (min-width: 650px) and (min-height: 800px) {

}

@media only screen and (min-width: 650px) {
	#sidemenu {
		width: 20%;
	  padding: 50px 0px 0px 0px;
		visibility:visible;
		height:100%;
	}
	#content {
		width: 80%;
	  padding: 0px 5px 0px 10px;
	}
	#sidemenu ul {
		padding-right: 0px;
	  float:none;
	}
	#header-image {
		margin-bottom:35px;
	}
	input[type="text"], select, textarea {
		width: auto;
	}
	#login input[type="text"]{
		width:90%;
	}
	#formular textarea {
		width:95%;
	}

}

@media only screen and (min-width: 792px) {
	#menubar {
		margin-left: 0px;
		margin-right: 0px;
	}
	#header {
		margin-left:0px;
		margin-right:0px;
	}
	#footer-wrapper {
		padding-left:0px;
		padding-right:0px;	
	}
	#menubar a {
	  padding-right: 20px;
	  line-height: 50px;
	}
	#menubar > ul > li:first-child a {	
		padding-right: 10px;
		height: 50px;
	}
	#menubar > ul > li:first-child a img {
		margin-left:2px;
		padding-top:10px;
	}	
}

@media only screen and (min-width: 820px) {
	#header-image {
		padding-left:0px;
		padding-right:0px;
	}
}