/* 
 * general
 */
body {
  background-image: url('gfx/skywards_back_01.jpg');
  background-position: top left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#container {
  top: 20px;
  left: 50px;
  position: absolute;
  width: 890px;
  height: 512px;
}
#menu {
  height: 14px;
  margin-bottom: 20px;
}
#menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#menu ul li {
  float: left;
  margin-right: 15px;
}
#menu ul a {
  text-decoration: none;
  font-weight: normal;
  color: black;
}
#menu ul a:hover {
  background-color: black;
  color: white;
  border-bottom: none;
}
#menu ul a:active {
  background-color: black;
  color: white;
}
#menu ul li.active a {
  background-color: black;
  color: white;
}
#menu #main {
  font-size: 14px;
}
#menu #second {
  position: absolute;
  right: 0px;
  font-size: 11px;
}
#logo {
  background-image: url('gfx/logo.png');
  width: 200px;
  height: 34px;
  margin-bottom: 20px;
}
#controls {
  position: absolute;
  right: 0px;
  top: 0px;
}
#content {
  background-image: url('gfx/back.png');
  height: 512px;
  width: 520px;
  padding: 20px;
  margin-right: 20px;
  float: left;
}
#content_one {
  background-image: url('gfx/back.png');
  height: 512px;
  width: 850px;
  padding: 20px;
}
#content_right {
  background-image: url('gfx/back.png');
  height: 512px;
  width: 270px;
  padding: 20px;
  float: right;
}
#content_rightright {
  background-image: url('gfx/back.png');
  height: 512px;
  width: 270px;
  padding: 20px;
  position: absolute;
  left: 960px;
  top: 108px;}

#content_right_top {
  background-image: url('gfx/back.png');
  height: 60px;
  width: 270px;
  position: absolute;
  right: 0px;
  top: 88px;
  padding: 20px;
}
#content_right_bottom {
  background-image: url('gfx/back.png');
  height: 392px;
  width: 270px;
  position: absolute;
  right: 0px;
  top: 208px;
  padding: 20px;
}
#content_right img {
  margin-bottom: 20px;
}
#hosted {
  position: absolute;
  top: 670px;
  left: 50px;
}
a {
  text-decoration: none;
  color: white;
}
a:hover {
  border-bottom: 1px dotted white;
}
h1 {
  font-family: "Courier New", monospace;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  padding-bottom: 2px;
  padding-top: 0px;
  margin: 0px;
  margin-bottom: 10px;
}
h2 {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: bold;
  color: white;
}

h3 {
  font-family: "Courier New", monospace;
  font-size: 12px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  border-bottom: 1px solid black;
  padding-bottom: 2px;
  padding-top: 0px;
  margin: 0px;
  margin-bottom: 8px;
}
span.title {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: bold;
  color: white;
}
#content_right a {
  text-decoration: none;
}

/*
 * news
 */
#content.news img {
  float: right;
  margin-left: 10px;
}
#content.news p.d {
  border-top: 1px dashed white;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 5px;
}

/*
 * media
 */
#content.media table {
  margin-left: 40px !important;
}
#content.media table table {
  margin-left: 0px !important;;
}

/*
 * links
 */
#content_right_bottom.links .link {
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#content_right_bottom.links .link  img {
  margin-bottom: 10px;
  border: none;
}
#content_right_bottom.links .link a:hover  {
  border: none;
}
 
/*
 * the band
 */
#content_right.band a:hover {
  border: none;
}
a #all, a #andrea, a #beni, a #nick, a #raphi, a #roland {
  height: 42px;
  width: 266px;
  font-size: 0px;
  text-align: center;
  padding-top: 25px;
  margin-bottom: 20px;
  cursor: hand;
}
a:hover #all, a:hover #andrea, a:hover #beni, a:hover #nick, a:hover #raphi, a:hover #roland {
  color: white;
  font-size: 14px;
  font-family: "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  cursor: hand;
}
a #all {
  background-image: url('gfx/n_all.jpg');
}
a:hover #all {
  background-image: url('gfx/h_all.jpg');
}
a #andrea {
  background-image: url('gfx/n_andrea.jpg');
}
a:hover #andrea {
  background-image: url('gfx/h_andrea.jpg');
}
a #beni {
  background-image: url('gfx/n_beni.jpg');
}
a:hover #beni {
  background-image: url('gfx/h_beni.jpg');
}
a #nick {
  background-image: url('gfx/n_nick.jpg');
}
a:hover #nick {
  background-image: url('gfx/h_nick.jpg');
}
a #raphi {
  background-image: url('gfx/n_raphi.jpg');
}
a:hover #raphi {
  background-image: url('gfx/h_raphi.jpg');
}
a #roland {
  background-image: url('gfx/n_roland.jpg');
}
a:hover #roland {
  background-image: url('gfx/h_roland.jpg');
}
 
/*
 * guestbook
 */
#content_right.guestbook td img {
  margin-bottom: 0px;
}
#content.guestbook a:hover,
#content_one.guestbook a:hover,
#content_right.guestbook a:hover {
  border-bottom: none;
}
#content.guestbook select,
#content.guestbook input {
  float: right;
  margin-top: -36px;
}
#content.guestbook select {
  margin-right: 50px;
}
#content.guestbook form > table  > tbody > tr > td {
  border-bottom: 1px dotted white;
}
#content.guestbook td a {
  float: right;
  margin-top: -14px;
}
#content.guestbook td table {
  border: 1px solid white;
  margin-left: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}