.zoomoutmenu {
  border: 0.5em solid #d6e0e1;
  position: relative;
  
  width: 50em;
  height: 23.5em;
  width: 580px;
  height: 277px;
  margin-bottom: 15px;
  margin-left: 20px;
}

.panels {
  overflow: hidden;
  
  width: 50em;
  height: 23.5em;
  width: 580px;
  height: 277px;
}

.tabs {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.tabs li {
  float: left;
  display: block;
  background-color: #d6e0e1;
  text-align: center;
  
  width: 10em;
  width: 116px;
}

.tabs li a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  color: #000;
  border-top: 5px solid #fff;
  
  font-size: 1.3em;
  padding: 0.2em;
  font-size: 15px;
  padding: 3px;
}

.tabs li a:hover {
  border-top: 5px solid #A7C5C5;
  background-color: #D6E6E6;
  color: #zzz;
}

.panel {
  background: #ccc;
  position: relative;
  
  padding: 1em;
  height: 21.5em;
  padding: 10px;
  height: 272px;
}

.panel h2 {
  color: #D6E0E1;
  font-family: Garamond, times, serif;
  margin: 0;
  text-align: left;
  
  font-size: 3em;
  padding: 1em;
  font-size:30px;
  pading:10px;
}

#one {
  background: url(../img/radio1/one.jpg) no-repeat center center;
}

#two {
  background: url(../img/radio1/two.jpg) no-repeat center center;
}

#three {
  background: url(../img/radio1/three.jpg) no-repeat center center;
}

#four {
  background: url(../img/radio1/four.jpg) no-repeat center center;
}

#five {
  background: url(../img/radio1/five.jpg) no-repeat center center;
}