@import url('text.css');

body {
  margin: 0px;
  background: white;
  text-align: center;
}

img {
  border: 0px;
}

#grey {
  position: relative;
  top: 30px;
  width: 840px;
  height: 556px;

  margin: 0px auto;
  
  text-align: left;
  background: rgb(92,92,92);
}

#white {
  position: relative;
  top: 25px;
  left: 15px;
  width: 810px;
  height: 507px;
  
  background: white;
  background-image: url('../img/back01.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

#logo {
  position: absolute;
  left: 84px;
  top: 72px;

  z-index: 99;
}

#boka_nu {
  position: absolute;
  left: 732px;
  top: 9px;

  z-index: 99;
}

#login {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
}

/* ===================    OBJEKT   ======================== */

#objekt {
  position: absolute;
  right: 0px;
  top: 560px;
}

#objektNr {
  width: 80px;
}

/* ====================    MENU   ========================= */

#menu {
  position: absolute;
  top: 17px;
  left: 40px;

  margin: 0px;
  padding: 0px;

  z-index: 99;
}

#menu li {
  float: left;
  list-style: none;

  margin-right: 2px;
  height: 33px;

  text-align: center;
  vertical-align: middle;

  background-image: url('../img/menu_button.gif');
  background-repeat: no-repeat;
}

#menu li div {
  top: 0px;
  left: 0px;
  width: 114px;

  margin-top: 9px;
}

/* ====================  SUBMENU  ========================= */

#submenu {
  position: absolute;
  right: 20px;
  top: 10px;
  margin: 0px;
  padding: 0px;
}

#submenu li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

#submenu li.line {
  border-right: 2px solid rgb(0,121,194);
}

/* ====================   PAPER   ========================= */

#paper {
  position: absolute;
  top: 57px;
  left: 234px;
  width: 463px;
  height: 429px;

  background: white;

  z-index: 30;

  border: 1px solid rgb(220,220,220);

  overflow: auto;
}

/* ====================  SHADOWS  ========================= */
/*
#shadows {
  position: absolute;
  top: 61px;
  left: 238px;
  width: 463px;
  height: 429px;
  z-index: 20;
}

#shadows div {
  position: absolute;
  top: 0px;
  left: 0px;

  background: rgba(0, 0, 0, 0.15);
  /*
  opacity: 0.15;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  
}

#shadow1 {right: -3px; bottom: -3px;}
#shadow2 {right: -2px; bottom: -2px;}
#shadow3 {right: -1px; bottom: -1px;}
#shadow4 {right: 0px; bottom: 0px;}
*/
/* ====================   FOOTER  ========================= */

#footer {
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
  text-align: center;
}

#footer img {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}