/* ****** *
 * Common *
 * ****** */ 

* {
  margin: 0;
  padding: 0;
}

body {
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

.cJump {
  display: none;
}

/* ******* *
 * Sidebar *
 * ******* */ 

#sidebar {
  left: 0;
  position: fixed;
  top: 0;
  width: 204px;
  z-index: 3;
}

#sidebar h1 {
  background: url(../images/sidebar/logo.gif);
  height: 120px;
  text-indent: -999em;
  width: 204px;
}

#sidebar h2 {
  display: none;
}

#sidebar ul {
  list-style-type: none;
}

#sidebar ul li a {
  display: block;
  height: 35px;
  text-indent: -999em;   
  width: 204px;
}

#sidebar-startseite a { background-image: url(../images/sidebar/startseite_off.gif); }
#sidebar-startseite a:hover { background-image: url(../images/sidebar/startseite_on.gif); }
#sidebar-ueberSunnyIslands a { background-image: url(../images/sidebar/uebersunnyislands_off.gif); }
#sidebar-ueberSunnyIslands a:hover { background-image: url(../images/sidebar/uebersunnyislands_on.gif); }
#sidebar-karte a { background-image: url(../images/sidebar/karte_off.gif); }
#sidebar-karte a:hover { background-image: url(../images/sidebar/karte_on.gif); }
#sidebar-sonderangebote a { background-image: url(../images/sidebar/sonderangebote_off.gif); }
#sidebar-sonderangebote a:hover { background-image: url(../images/sidebar/sonderangebote_on.gif); }
#sidebar-hotels a { background-image: url(../images/sidebar/hotels_off.gif); }
#sidebar-hotels a:hover { background-image: url(../images/sidebar/hotels_on.gif); }
#sidebar-pakete a { background-image: url(../images/sidebar/pakete_off.gif); }
#sidebar-pakete a:hover { background-image: url(../images/sidebar/pakete_on.gif); }
#sidebar-wissenswertes a { background-image: url(../images/sidebar/wissenswertes_off.gif); }
#sidebar-wissenswertes a:hover { background-image: url(../images/sidebar/wissenswertes_on.gif); }
#sidebar-fluginformationen a { background-image: url(../images/sidebar/fluginformationen_off.gif); }
#sidebar-fluginformationen a:hover { background-image: url(../images/sidebar/fluginformationen_on.gif); }
#sidebar-reiseberichte a { background-image: url(../images/sidebar/reiseberichte_off.gif); }
#sidebar-reiseberichte a:hover { background-image: url(../images/sidebar/reiseberichte_on.gif); }
#sidebar-agbKontakt a { background-image: url(../images/sidebar/agbkontakt_off.gif); }
#sidebar-agbKontakt a:hover { background-image: url(../images/sidebar/agbkontakt_on.gif); }

/* ******* *
 * Contact *
 * ******* */ 

#contact {
  bottom: 0;
  height: 65px;
  left: 0;
  position: fixed;
  width: 204px;
  z-index: 2;
}

#contact h2 {
  display: none;
}

#contact-address {
  background-image: url(../images/sidebar/contact_address.gif);
  height: 0;
  overflow: hidden;
  padding-top: 25px;
  width: 204px;
}

#contact-phone {
  background-image: url(../images/sidebar/contact_phone.gif);
  height: 0;
  overflow: hidden;
  padding-top: 10px;
  width: 204px;
}

#contact-email {
  background-image: url(../images/sidebar/contact_email.gif);
  height: 0;
  overflow: hidden;
  padding-top: 10px;
  width: 204px;
}

#contact-email a {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  text-indent: -999em;
  width: 204px;
}

#contact-hours {
  background-image: url(../images/sidebar/contact_hours.gif);
  height: 0;
  overflow: hidden;
  padding-top: 20px;
  width: 204px;
}

/* *************** *
 * Left background *
 * *************** */ 

#leftbg {
  top: 0;
  left: 0;
  position: fixed;
  background-image: url(../images/sidebar/background.gif);
  width: 204px;
  height: 1200px;
  overflow: hidden;
  z-index: 1;
}

/* ******* *
 * Content *
 * ******* */ 

#content {
  margin: 36px 20px 30px 230px;
  padding-top: 1px;
  padding-bottom: 1px;
}

#content h2 {
    margin: 2px 0px 30px 0px;
}

#content p {
    color: black;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    margin: 6px 0px 0px 0px;
    line-height: 13pt;
}

#content p.small {
    font-size: 8pt;
    line-height: 10pt;
}

#content p.morespace {
    margin-top: 12px;
}

#content .cBox {
  width: 250px;
  float: right;
  background-color: #FFFFAF;
  padding: 6px 15px;
  margin: 20px;
  border: 2px solid #0000AF;
}

#content .cBox-red {
  border:2px solid #CF0000;
}