@media screen and (max-width: 980px) {
	html{
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	}
	#mainwrapper {
	padding: 0px 10px;
	position: relative;
	width: 100%;
	max-width: 100%;
	background-color: #FFF;
	margin-bottom:0px;
	box-shadow:none;
	}
	#innerwrapper {
	padding: 0px 10px 20px;
	width: auto;
	margin: -10px 10px;
	}
	#imagebox img{
	width:100%;
	height:auto;
	}
	#footer {
    height: 40px;
    /* position: absolute; */
    position: relative;
    bottom: 0px;
	top:auto;
	z-index:10;
	/* margin:-10px 0px -35px; */
	margin:-10px 0px 0px;
	left:0;
	}
	#logo{
	margin-top: -5px;
	float: left;
	}
	#lsearch{
	right: auto !important;
	left: 0px !important;
	position: absolute;
	top: 65px;
	}
	#menubar {
    margin: 0px;
	min-height: 70px;
	top:0;
	}
	#centerpiece , #navdiv, #nav{
    /* height: 70px; */
	}
	#nav a {
    font-size: 12pt;
    /* padding: 24px 20px; */
	}
	.title{
	font-size:40px!important;
	}
	#maincontent{
	display:block;
	padding: 10px 0px 10px 15px;
	}
	#sidebar {
	padding-right:10px;
	}
	.logoimage{
		height:65px;
		width: 178px;
	}
	.transbar {
		display:none;
	}
	#imagebox img {
    margin-left: 0px;
}
}

@media screen and (max-width: 870px) {
	#nav a {
    font-size: 10pt;
	}
}

@media screen and (max-width: 780px) {

	.logocont{
		padding:9px 20px 3px;
	}
	
	.logoimage{
		background-image:url(../images/favicon.ico);
		width:64px;
	}
	
	#sidebar {
		width: 190px;
	}
}

@media screen and (max-width: 720px) {

}

@media screen and (max-width: 670px) {
	
	.logoimage{
	background-image:url(../images/HT_logo.jpg);
	height:65px;
	width: 178px;
	}
	#menubar {
    width: 100%;
    min-width: 100%;
    min-height: 64px;
    margin: 0px;
	overflow:visible;
	}
	#centerpiece{
    height: 64px;
	overflow: visible;
	z-index: 1000;
	width: auto;
	padding-right:0;
	}
	#navdiv {
    vertical-align: middle;
    overflow: hidden;
    height: 64px;
    display: inline-block;
    z-index: 1000;
	float: right;
	margin-right: 13px;
	min-width: 180px;
	position:relative;
	margin-left: -100px;
	}
	#navdiv:hover, #navdiv.hover{
    overflow: visible;
	}
	#nav:hover:before, #navdiv.hover #nav:before{
	color:#000!important;
	background:url(../images/menu_h.png) no-repeat scroll 0% 0% transparent !important;
	}
	#nav:before{
    font-size: 14pt;
	content:"MENÜ";
	background:url(../images/menu.png);
	background-repeat:no-repeat;
	display:block;
	height:26px;
	clear:both;
	color:#000;
	font-weight:bold;
	margin:-3px 0 15px;
	padding: 6px 0 0 40px;
	}
	#nav {
    vertical-align: top;
	background-color: transparent;
	z-index: 1000;
	height: auto;
	padding: 20px 20px 0px;
	text-align:right;
	min-width:140px;
	}
	#nav:hover, #navdiv.hover #nav{
	background-color: #f8b333;
	}
	#nav a {
	display: none;
	font-size: 12pt;
	padding: 10px 20px;
	padding-left: 20px!important;
	margin: 0 -20px;
	}
	#nav a:hover{
	background-image:none;
	}
	#nav a:hover{
		background-color:rgba(255,255,255,0.1);
	}
	#nav a +a:before{
	content:"";
	display:none;
	}
	#nav a:first-child {
    padding-left: 20px !important;
	}
	#nav a:last-child{
	padding-bottom: 20px!important;
	}
	#navdiv:hover #nav a, #navdiv.hover #nav a {
	display:block!important;
	}
	.title{
	font-size:30px!important;
	}
	#sidebar{
	display:none;
	}
	#maincontent{
	border: 0px none;
	box-shadow:none;
    padding: 10px 0px;
	}
	#innerwrapper{
	margin: -10px 0px;
	}
	#mobdet{
	margin-top:20px;
	display:block;
	box-shadow: 0 -10px 6px -10px #999;
	padding-top:15px;
	text-align: center;
	}
	#mobdetcont{
	margin:0 -35px;
	}
	#lsearch{
	z-index: 1;
	}
	.logocont {
    padding: 9px 20px 3px 10px;
    margin: 0px;
	}
}

@media screen and (max-width: 500px) {
	
	.logoimage{
		background-image:url(../images/favicon.ico);
		width:64px;
	}
	#contactform{
	width:auto;
	}
	
}