

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) 
{
#epaper_content               {  background-color: green; }

}

   
@media only screen and (min-width:980px )and (max-width: 1024px) and (max-height:1155px) and (orientation : portrait), 
only screen and (min-width:980px ) and (max-device-width: 1024px)  and (max-height:1155px) and (orientation : portrait)
{
#lupe_passiv, lupe_aktiv {    display: none;}

#headEditionPdf   {    left: 15px;}
#headPagePdf      {    left: 170px;}
#page_all         {    left: 295px;}
#headHelp         {    left: 830px;}
#logout_pos       {    left: 900px;}



.logo > img {      height: 30px;      width: 200px;}

.l-area-footer,
.l-area-header,
.l-area-nav                   {  padding: 0px }
.l-area-footer .box           {  padding: 0px;}

#metanav ul                   {  margin-top: 0px;  padding: 0px 0;}
.nav-main .nav-list-level1    {  margin-bottom: 0px;}   
#head_banner                  {  margin-left: auto; margin-right:auto; }
.box_container                {  margin-bottom: 0px;}

#head_navi                    {  width:968px; }
.l-area-footer,
.l-area-header                {  width: 968px; }
.nav-main                     {  width: 968px; }

#epaper_content               {  width:968px;overflow: auto; height:  940px;   }
#head                         {  left:0px; height:  100px; width:968px; } 
#head_navi                    {  height:  100px; } 
#epaper-body                  {  left:0px; min-height:  840px;min-width:  968px; height:  840px; width:968px; }

div#left                      {  position:relative;
                                 top:0px;left:0px;  
                                 margin : 0px;
                                 -webkit-overflow-scrolling: touch;
                                 overflow: auto; 
                                 padding-left: 10px; padding-right: 10px;padding-top: 0px;
                                 width:230px; 
                                 height:830px;
                              }
#pages                        {   padding-left: 25px; padding-right: 5px;width:  188px;  }  
.pageEntry                    {   width:  183px;  height:  20px;  }  

div#center                    { top:0px; left:  250px;  height:840px;  margin : 0px;  }
.middle                       { width: 718px;     }

div#center_center             { height: 840px;}
div#center_page               { padding: 10px; height:  820px;width:  698px;    }
div#center_page #imageid      { width: 557px;  max-height:820px;   }


#pageOverview .page img       {  width: 80px;      }
#pageOverview .page img.pano  {  width: 160px;     }    

}

@media only screen and (min-width:980px ) and (max-width: 1024px) and (min-height:1290px) and (orientation : portrait), 
 only screen and (min-width:980px ) and(max-device-width: 1024px) and (min-height:1290px) and (orientation : portrait)
{

#epaper_content               {  background-color: green; }
#lupe_passiv, lupe_aktiv      {    display: none;}

#headEditionPdf   {    left: 15px;}
#headPagePdf      {    left: 170px;}
#page_all         {    left: 295px;}
#headHelp         {    left: 830px;}
#logout_pos       {    left: 900px;}



.logo > img {      height: 30px;      width: 200px;}

.l-area-footer,
.l-area-header,
.l-area-nav                   {  padding: 0px }
.l-area-footer .box           {  padding: 0px;}

#metanav ul                   {  margin-top: 0px;  padding: 0px 0;}
.nav-main .nav-list-level1    {  margin-bottom: 0px;}   
#head_banner                  {  margin-left: auto; margin-right:auto; }
.box_container                {  margin-bottom: 0px;}

#head_navi                    {  width:968px; }
.l-area-footer,
.l-area-header                {  width: 968px; }
.nav-main                     {  width: 968px; }

#epaper_content               { width:968px;overflow: auto; height:  1080px;   }
#head                         {  left:0px; height:  100px; width:968px; } 
#head_navi                    {  height:  100px; } 
#epaper-body                  {  left:0px; min-height:  860px;min-width:  968px; height:  980px; width:968px; }

div#left                      {  position:relative;
                                 top:0px;left:0px;  
                                 margin : 0px;
                                 -webkit-overflow-scrolling: touch;
                                 overflow: auto; 
                                 padding-left: 10px; padding-right: 10px;padding-top: 0px;
                                 width:230px; 
                                 height:970px;
                              }
#pages                        {   padding-left: 25px; padding-right: 5px;width:  188px;  }  
.pageEntry                    {   width:  183px;  height:  20px;  }  

div#center                    { top:0px; left:  250px;  height:980px;  margin : 0px;  }
.middle                       { width: 718px;     }

div#center_center             { height: 980px;}
div#center_page               { padding: 10px; height:  960px;width:  698px;    }
div#center_page #imageid      { width: 652px;  max-height:960px;   }


#pageOverview .page img       {  width: 80px;      }
#pageOverview .page img.pano  {  width: 160px;     }    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) 
{
   input
   {
       color: #FF0000;
}
    /* For landscape layouts only */
   /* HST Special */
   .l-area-footer,
   .l-area-header,
   .l-area-nav                   {  padding: 0px; width:868px; }
   .l-area-footer .box           {  padding: 0px;}
   #metanav ul                   {  margin-top: 0px;  padding: 0px 0;}
   .nav-main .nav-list-level1    {  margin-bottom: 0px;}   
   #head_banner                  {  margin-left: auto; margin-right:auto;}
   .box_container                {  margin-bottom: 0px;}


   .whole                        {  width: 970px; background-color: #f00;}
   .l-area-footer,
   .l-area-header                {  width: 970px; }
   .nav-main                     {  width: 970px; }


   div#left                      {   width: 300px;     }
   div#center                    {  left:  300px;     }
   
   .middle                       {   width: 668px;     }
   
   div#center_page #imageid, 
   div#center_page #mediaLayer   { width: 668px;  height:  1730px;   }

   #pageOverview .page img       {  width: 80px;      }
   #pageOverview .page img.pano  {  width: 160px;     }

   #head                         {  height:  100px; width:970px; }

   #head_navi { width:970px;}
   #epaper-body {width:970px; }
 
   
   #epaper_content               {  height:  970px;   width:970px; }
   #center_page                  {  height:  1100px;  }   
   #center                       {  height:  860px;  }
   div#left                      {  height:  970px;  }
   #center_center                {  height:  970px;  }



}
