/**
 *
 * braun:       #bb907a
 * dunkelbraun: #54463f
 * blau:        #5d89ab
 *
 * 
 */
html, body {
  padding:  0px;
  margin:  0px;
}

body {
  background: #2d4147 url('../img/bg_welle.gif') top left repeat-x;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

#body {
    color: #bbb;
}

h1 {
  display: none;
}

h2 span, h3 span, h4 span {
  display: none;
}

h2 {
  margin: 5px 0px 30px 0px;
}

h3 {
  margin: 3px 0px 0px 0px;
}

h4 {
  margin: 0px 0px 5px 0px;
}

a img {
  border: 0px;
}

.top_white {
  color: #FFF;
}

.top_small {
  font-size: 12px;
}

.top_divider,
.bottom_divider {
  background: transparent url('../img/bg_top_divider.gif') center left repeat-x;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 22px;
}

.bottom_divider {
  background: transparent url('../img/bg_bottom_divider.gif') center left repeat-x;
}

.program_bottom_bands_item { height: 280px; }
.program_bottom_bands_item_img { float: left; width: 408px; }
.program_bottom_bands_item_img img { border: 1px solid #54463f; }
.program_bottom_bands_item_info { padding: 5px 0px 0px 0px; }
.program_bottom_bands_item_info a { color: #f36f21; }

/**
 * LAYOUT 
 **/

#content,
#page {
  width: 960px;
  margin: 0px auto;
}

#bgcontainer {
  background: transparent url('../img/bojen.png') top left no-repeat;
  height: 900px;
  
  position: relative;
}

a {
  color: #54463f;
  text-decoration:  underline;
}

a:hover {
  text-decoration: none;
}

#musikszene_logo {
  position: absolute;
  top: 10px;
  right: 0px;
}

#musikszene_logo div {
  display:  block;
  font-size:  10px;
  line-height: 11px;
  
  text-align: right;
  padding: 0px 10px 3px 0px;
  color:  #fff;
}

#navi {
  position: absolute;
  top: 146px;
  left: 410px;
}

#navi ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#navi ul li {
  display: block;
  float: left;
}

#navi a span { display: none; }
#navi a { height: 19px; display: block; background-image: url('../img/navi.gif'); }
#navi a:hover { background-image: url('../img/navi.gif'); }
#navi_programm { width: 80px; background-position: 0px 0px; }
.navi_programm_active,
#navi_programm:hover { background-position: 0px 21px !important; }
#navi_anfahrt { width: 70px; background-position: -80px 0px; }
.navi_anfahrt_active,
#navi_anfahrt:hover { background-position: -80px 21px !important; }
#navi_rueckblick { width: 78px; background-position: -150px 0px; }
.navi_rueckblick_active,
#navi_rueckblick:hover { background-position: -150px 21px !important; }
#navi_presse { width: 58px; background-position: -228px 0px; }
.navi_presse_active,
#navi_presse:hover { background-position: -228px 21px !important; }
#navi_sponsoren { width: 142px; background-position: -290px 0px; }
.navi_sponsoren_active,
#navi_sponsoren:hover { background-position: -290px 21px !important; }
#navi_kontakt { width: 48px; background-position: -430px 0px; }
.navi_kontakt_active,
#navi_kontakt:hover { background-position: -430px 21px !important; }

#body {
  position: absolute;
  top: 220px;
  left: 410px;
  /*width: 400px;*/
}

#body a {
  color: #FFF;
}

#bottom {
  background: #FFF;
}

#content { }

#content_navi {
  display: block;
  height: 20px;
  padding: 20px 0px 15px 410px;
}

#content_navi ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#content_navi ul li {
  display: block;
  float: left;
}

#content_navi a span { display: none; }
#content_navi a { height: 19px; display: block; background-image: url('../img/navi_days.gif'); }
#content_navi a:hover { background-image: url('../img/navi_days.gif'); }
#content_navi_freitag { width: 65px; background-position: 0px 0px; }
#content_navi_freitag:hover { background-position: 0px 23px; }
#content_navi_samstag { width: 60px; background-position: -65px 0px; }
#content_navi_samstag:hover { background-position: -65px 23px; }

#footer {
  height: 90px;
  background: #FFF url('../img/bg_footer.gif') bottom left repeat-x;
}

#footer_content {
  position: relative;
  width: 960px;
  padding-top: 50px;
  margin: 0px auto;
}

#tunundmachen {
  position: absolute;
  right: 100px;
  bottom: -16px;
}

#anfahrt_karte {
  /*position: relative;
  height:  400px;*/
  margin-bottom: 15px;
}

#anfahrt_karte .map {
  position: absolute;
  top: -30px;
  left:  -20px;
}

.rueckblick_images {
  margin: 20px 0px 0px 0px;
}

.rueckblick_images img {
  border:  5px solid #FFF;
  margin:  0px 5px 5px 0px;
}

#facebook {
  position: absolute;
  top: 217px;
  right: 10px;
  width:  85px;
  overflow: hidden;
}
.fan_box {
  color:  #54463f;
  background: url('http://www.ueberseefestival.de/img/facebook_icon.gif') 18px 31px no-repeat;
}
.fan_box a {
  color:  #FFF;
}

.name_block a {
  text-decoration:  none;
  color: #54463f;
}

.name_block a:hover {
  text-decoration: underline;
  color: #FFF;
  cursor: pointer;
}
.name_block .name {
  color: #FFF;
}
.profileimage {
  display: none;
}
.connect_widget {
  padding-left: 16px;
}
.like_button_no_like {
  margin-left: 10px;
}