/**
 * @copyright       Copyright 2004-2011, Iris Kaul-Damaschke
 */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  font-family:arial, verdana, sans-serif;
  font-size: 14px;
  overflow: hidden;
}

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%;
  height:60px;
  overflow:none; 
  background-color:#FFFF33;
}
#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:10px; 
  overflow:none; 
  text-align:right; 
  background-color:#FFFF33;
}

#content {
  position:fixed;
  top:60px;
  left:150px;
  bottom:10px;
  right:0;
  padding-top:10px;
  overflow:auto;
  background-color:#FFFF99;
}
#icontent {
}
* html #icontent {
  position:fixed;
  top:0px;
  left:0px;
  /*bottom:0px;
  right:0;*/
  width:100%
  padding:0px;
  overflow:auto;
  background-color:#FFFF99;
}


#toptopnav {
  position: fixed;
  top:10px;
  /*left:160px;*/
  bottom:10px;
  right:10px;
  /*width:150px;*/
  height:100%;
  float:left;
  overflow:auto;
  background-color:#FFFF33;
  text-align:right;
}
#topnav {
  position: fixed;
  top:60px;
  left:0;
  bottom:10px;
  right:0;
  width:150px;
  height:100%;
  float:left;
  overflow:auto;
  background-color:#FFFF33;
}

#header #toptopnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

/* for internet explorer */
* html body {
  padding:60px 150px 10px 0px; 
}
* html #content {
  height:100%;
  width:100%;
}
* html #icontent {
  height:100%;
  width:100%;
}

  html { height: auto; margin-bottom:0; }
  body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static; }  /* ... but not for IE5.x and IE6 */

/*  * html #header, * html #nav, * html #main, * html #footer { width: 100%; }              /* IE 5.x & IE6 */
/*  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; }             /* IE 6         */