@media screen and (max-width: 1280px) {
    #pagewrap {width: 98%; }
}

@media screen and (max-width: 800px) {
    #content-div {width: 100%; float: none; }
    #sidebar-div {width: 100%; margin: 0; float: none;}   
    #sidebar-div .item {
    	display: inline-block;
        max-width: 300px;
        margin: 10px 10px 10px 0;
    }    
}

@media screen and (max-width: 640px) {
	/*     .show-gt640 {display: none; } */
	/*     .show-lt640 {display: inline; } */

	#header-nav > div {width: 100%; float:left; }
	#header-nav-rechts {margin-left:0%;}

    #footer-div .box {width: 100%; }

    .tab-res1 {border: 0; width: 100%; }
    .tab-res1 thead {display: none; }
    .tab-res1 tr {
        margin-bottom: 15px; 
        display: block; 
        border: 0; 
        border-bottom: 1px solid #ddd; }
    .tab-res1 td {
      display: block;
      text-align: right;
      border: 0;
      border-bottom: 1px dotted #ccc;
      padding: 5px 0 5px 0;
    }
    .tab-res1 td:last-child {border-bottom: 0; }
    .tab-res1 td:first-child {float:none; text-align:center; font-weight: bold; }
    .tab-res1 td:before {content: attr(data-label)":"; float: left; text-align: left; }
    .tab-res1 td:first-child:before {content: ""; }
        
    #sidebar-div .item {
        float: none;
        display: block;
        margin: 10px auto;
    }
    #sidebar-div > img {
    	display: block;
		margin: 0px auto;
    }    
}

@media screen and (max-width: 540px) {
    .show-gt540 {display: none;}
    .show-lt540 {display: inline;}
}

@media screen and (max-width: 480px) {
    body {font-size: 0.9em; }
    html {-webkit-text-size-adjust: none; }
    
    .show-gt480 {display: none; }
    .show-lt480 {display: inline; }
}