html{
  height: 100%;
}

body{
  background-color:#282D34;
  color:#CCCCCC;
  font-family:Helvetica;
  font-size:12px;
  height: 100%;
}

a{
  color:#BF856B;
  text-decoration:none;
}

a:hover{
  border-bottom: 1px dotted #ccc;
  color: #ccc;
}

p{
  letter-spacing:0.5px;
  line-height:20px;
  margin-bottom: 12px;
}

h1{
  color: #fff;
  font-size:18px;
  letter-spacing:1.5px;
  margin:0 0 22px;
}

h2{
  color:#fff;
  font-size:14px;
  line-height:22px;
  margin-bottom:10px;
}

hr{
  margin:5px 0 8px;
  border: 0;
  border-bottom: 1px dotted #ccc;
  display: block;
}

#content{
  width: 930px;
  margin: 0 auto;
  position:relative;
  height:100%;
}

#head{
  text-transform: uppercase;
  padding-top:20px;
  position:absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.clear{
  clear:both;
}

/*MAIN MENU*/
#menu{
  z-index: 1;
}
#menu, #submenu{
  padding-top:140px;
  width: 310px;
  float: left;
  list-style:none;
  min-height: 100%;
  display:block;
  background: transparent url('/images/backgrounds/0_BG_links.gif') no-repeat top left;
  overflow:hidden;
}

#menu hr, #submenu hr{
  margin:5px 0 0;
}

#menu li, #submenu li{
  letter-spacing:1px;
  margin-bottom:20px;
  margin-right:20px;
  text-transform:uppercase;
  font-size:18px;
}

#menu a:hover, #submenu a:hover{
  border: none;
}

#menu a:focus, #submenu a:focus{
  outline: 0;
}

#menu li.selected a, #submenu li.selected a{
  text-align:right;
  color: #fff;
  display: block;
}

#logo {
  padding-top:30px;
}

.left-box, .right-box, .big-box{
  width: 290px;
  float: left;
  padding: 140px 10px 0;
  min-height: 100%;
  overflow:hidden;
}

.big-box{
  width: 600px;
  background-color: #091E25;
}

input, textarea, select {
  background:none repeat scroll 0 0 transparent;
  border:1px solid #CCCCCC;
  color:#CCCCCC;
  margin-top: 2px;
}

.apero_form tr{
  border-top: 1px dotted #bbb;
}

.apero_form th{
  color: #3E3E3E;
  padding: 8px 0;
  font-weight: normal;
}

.apero_form td{
  padding: 2px 0 14px;
}

.apero_form .total, .apero_form .overall {
  text-align: right;
}

.apero_form label{
  display: block;
  width: 250px;
  float:left;
  padding: 2px 10px 2px 0;
  text-align: right;
}

.apero_form .inputs input{
  display: block;
  width: 300px;
  float:left;
  height: 15px;
}

.apero_form textarea{
  height: 50px;
  width: 300px;
}

.apero_form .inputs{
  clear: both;
}

.apero_form .short input{
  width: 80px;
}

.apero_form .actions{
  clear: both;
  position: relative;
  height: 100px;
}

.apero_form .actions input{
  position: absolute;
  top: 5px;
  right: 38px;
  width: 80px;
  color:#BF856B;
}
.apero_form .inputs input:focus{
  border: 1px solid #9B705D;
  background: #000;
}

/*BACKGROUNDS*/
.left-box, #submenu{ background: transparent url("/images/backgrounds/0_BG_mitte.gif") no-repeat top left; }
.right-box{ background :transparent url("/images/backgrounds/0_BG_rechts_bild.gif") no-repeat top left; }

#submenu.grundriss{ background: transparent url("/images/backgrounds/10_BG_mitte_bild.gif") no-repeat top left; }
.right-box.grundriss{ background: transparent url("/images/backgrounds/10_BG_rechts_bild.gif") no-repeat top left; }

.farbe_dunkel_blau{background: #091E25 none;}
.orange_grundriss{ background: transparent url("/images/backgrounds/10_BG_rechts_bild.jpg") no-repeat top left; }
.orange{ background: transparent url("/images/backgrounds/20_BG_EssenTrinken.jpg") no-repeat top left; }
.self_service{ background: transparent url("/images/backgrounds/20_bg_rechts_bild01.jpg") no-repeat top left; }
.blau{ background: transparent url("/images/backgrounds/30_BG_rechts.gif") no-repeat top left; }
.lageplan{ background: transparent url("/images/backgrounds/40_BG_rechts_bild.jpg") no-repeat top left; }
.apero_formular{ background: transparent url("/images/backgrounds/31_PrivateEventsAperoHG.gif") no-repeat top left; }
.right-box.silk_night{ background: transparent url("/images/backgrounds/SilkBGRight.jpg") no-repeat top left; }
.left-box.silk_night{ background: transparent url("/images/backgrounds/SilkBGLeft.jpg") no-repeat top left; }