@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { 
    overflow-y:scroll; 
    /* background: rgb(0, 86, 147); 
       paeb:: why this?? causes problems in IE for zoom
     */
  }

 /*------------------------------------------------------------------------------------------------------*/

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
    height:100%;
  }

  .page_margins {

  }
  
  .page{
    z-index: 0;
    width: 1208px;
  }
  
  #page_inner
  {
    zoom:1;
    background:url("img/bg_inner.png") 0 0 repeat-x;
  }
  
  .portalentrypage #page_inner {
    background-position: 0 -42px;
    padding-top:35px;
  }
  
  
  header {
    height: 200px;
  }
  

  
  header .upperzindex,
  footer .upperzindex {
    z-index: 10;
  }
	
  #main {
    float:right;
    width: 911px;	/* 972px at 13px font size */
    margin: 1px 0 45px 0; /* 63px at 13px font size */
    
    -moz-transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    -webkit-transition: margin-left 0.5s ease-in-out;
    -ms-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
  }

  footer {
    padding: 0 0 38px 0;  
    zoom:1;
	color: black;
  }
  
  #topliner div.inner,
  footer div.inner {
    position:relative;
    margin:0 0 0 0px;    /* 63px at 11px font-size */
    /* width: 88.3636363636364em;		972px at 11px font-size */
    
    -moz-transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    -webkit-transition: margin-left 0.5s ease-in-out;
    -ms-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
  }

  #primarynavigation {
    float: right; 
	width: 912px;
	height:116px;
  }
  
  #primarynavigation div.inner,
  header div.inner {
    position:relative;
    margin:0em 0 0 0em;          /* 63px at 13px font-size */
    wi-dth: 912px; 
    
    -moz-transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    -webkit-transition: margin-left 0.5s ease-in-out;
    -ms-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
  }
  #subnavigation  {
    float:left;
    position:relative;
    margin:116px 0 0 0em;          /* 63px at 13px font-size */
    width: 223px;      /* 972px at 13px font-size */
    
    -moz-transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    -webkit-transition: margin-left 0.5s ease-in-out;
    -ms-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
  } 
 
 

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

  #topliner div.inner,
  footer div.inner {
    margin-left: 0.4545454545em;    /* 5px at 11px font-size */
  }

  #primarynavigation div.inner,
  header div.inner,
  #main {
    margin-left: 0.3846em;          /* 5px at 13px font-size */
	margin-left:0px;
  }
  
  .portalentrypage header {
    background-position:5px 37px;
  }
}