/*
  html
  body
  img
    #page
      #box
        #boxMenu
        #boxContent
          #default
            #metaNav
            #content
          #marginal
      #footer
        p
      #header
      .clearing
*/

html, body {
  height:100%;
}
body {
  background:#F58220;
  font-family: Verdana, Luxi Sans, Lucida Sans Unicode, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  margin:0;
  padding:0;
}
img {
  border:0;
  vertical-align: middle;
}

#page {
  background:#F58220;
  position:relative;
  min-height:100%;
  width:980px;
}
* html #page {    /* IE <= 6 */
  height:100%;
}

/*
# BOX
# ===
*/
#box {
  background:#F58220;
  position:relative;
  min-height:100%;
  height:100%;
  width:980px;
}
* html #box {   /* IE <= 6 */
  min-height:95%;
  height:95%;
  z-index:2;
}
#boxMenu {
  color:white;
  background:#F58220;
  width:220px;
  position:relative;
  float:left;
  min-height:100%;
  padding:110px 0 20px 0; /* padding-top 110px siehe #header:height */
}
#boxMenu p {
  font-size:.6em;
  margin:0;
  padding:0;
  text-align:center;
}
#boxContent {
  background:white;
  position:relative;
  float:left;
  min-height:100%;
  width:800px;
  width:760px;
}
* html #boxContent {
  z-index:2;
}
#default {
  background:white;
  position:relative;
  width:550px;
  width:510px;
  float:left;
  padding:110px 0 20px 0;  /* padding-top 110px siehe #header:height */
  z-index:2;
}
* html #default {
  z-index:2;
}
#metaNav {
  background:white;
  padding:.4em 0 0 4px;
  position:relative;
  width:546px;
  width:506px;
}
#content {
  position:relative;
  width:534px;
  width:494px;
  padding:8px;
  overflow:hidden;
}
* html #content,    /* Nur Internet Explorer <= 6 */
* html #meta_nav {
  width:550px;
  width:510px;
}

#marginal {
  background:white;
  position:relative;
  width:250px;
  float:left;
  padding:110px 0 20px 0;  /* padding-top 110px siehe #header:height */
  z-index:2;
}

/*
# FOOTER
# ======
*/
#footer {
  background:#F58220;
  color:white;
  width:980px;
/*   position:fixed; */ /* Firefox, IE 7: Immer am unteren Bildrand fixiert */
  position:relative; /* Funktioniert in IE 7 nicht */
  bottom:0px;
  z-index:3;
}
* html #footer {      /* IE <= 6 */
  position:relative;
  z-index:1;
}
*+html #footer {      /* IE 7 */
  position:fixed;
}
#footer p {
  font-size:.7em;
  line-height:.7em;
  text-align:center;
  padding-bottom:.7em;
}
*+html #footer p {       /* Nur Internet Explorer 7 */
  padding-top:.7em;
}
* html #footer p {       /* Nur Internet Explorer <= 6 */
  padding-top:.7em;
}


#header {
  background:#F58220;
  padding:0 0 0 180px;
  padding:0 0 0 220px;
  position:absolute;
  top:0;
  left:0;
  height:110px;
  width:760px;
  z-index:2;
}
* html #header { /* IE <= 6 */
  width:980px;
}


.clearing {
  clear:both;
  height:0;
  border:0;
  padding:0;
  margin:0;
  line-height:0;
  font-size:0;
}