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

body {
  background: #145a74 url('../img/Banner_mitVerlauf23.png') top left repeat-x;/*#2d4147*/
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  max-width:1200px;
}
body.tickets {
  background: #050A08 url('../img/Banner_mitVerlauf.png') top left no-repeat;/*#2d4147*/
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #D8BE9A;

}
body.tickets #footer_content{padding-top:240px;margin-left:10px;}
body.tickets #facebook{display:none}
body.tickets #body{position:relative;padding:30px;top:320px;width:auto;left:0px;background-color:#D8BE9A; color:#333333}
body.tickets #page{width:auto;min-height:280px;}
body.tickets #navi{left:260px;}

body.tickets h2, body.tickets h3 {
color:#575135;
}

.vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 200px rgba(0,0,0,0.9) inset;
}
#body {
    color: #ccc;
}
h1,h2,h3,h4{
  font-family: "league_gothicregular", sans-serif !important;
  font-weight:normal !important;    
}

h1 {
  display: block;
}

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

h2 {
    color: #fff;
    font-size: 36px;
    margin: 5px 0px 30px 0px;
	line-height:1;
}

h3 {
    color: #fff;
    font-size: 22px;    
  margin: 8px 0px;
  padding-top:10px;
}
.hblock{
line-height:24px;
}
.buehne{
    font-size: 20px;     
}
 .eins{
  color: rgba(255,148,63,1); 
}

.zwo{
    color: #EA3610;
}

.drei{
  color: rgba(211,178,78,1); 
}

h4 {
    color: #f36f21;
    font-size: 16px;
  margin: 5px 0px 0px 0px;
}

a img {
  border: 0px;
}

.top_white {
  color: #FFF;
 font-variant: small-caps;
 font-size:  20px;
}

.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_top_bands_item a {line-height:30px}
.program_bottom_bands_item { height: auto; clear:both;}
.program_bottom_bands_item_img { float: left; width: 408px; height:420px}
.program_bottom_bands_item_img img { border: 1px solid #54463f; }
.program_bottom_bands_item_info { padding: 5px 0px 0px 0px; min-height:280px}
.program_bottom_bands_item_info a { color: #f36f21; }

.program_bottom_bands_item_info h3{
    color:#54463F; 
    font-size: 60px;
    font-variant: small-caps;
    line-height: 48px;
	margin-top:-5px
}
/**
 * LAYOUT 
 **/

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

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

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

#body a.pres, a:hover {
  text-decoration: none;
}

#musikszene_logo {
  position: absolute;
  top: 10px;
  right: 0px;
}
#neustart_logo{
  position: absolute;
  top: 300px;
  right: 180px;
}
#inimusik_logo {
  position: absolute;
  top: 300px;
  right: 0px;
}
.tickets #neustart_logo, .tickets #inimusik_logo{
top:140px;
}
#musikszene_logo div {
  display:  block;
  font-size:  10px;
  line-height: 11px;
  
  text-align: center;

  color:  #fff;
}

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

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

#navi ul li {
  display: block;
  float: left;
}
#navi a span { background: none !important;  font-family: "league_gothicregular", sans-serif !important;
  font-weight:normal !important; font-size:22px;   }
  #navi a { height: 24px; display: block; color:34030e; padding-right:15px;text-decoration:none; }
#navi a:hover { color:#ae092b }
 #navi a.navi_tickets_active , #navi a.navi_tickets_active,#navi a.navi_programm_active , #navi a.navi_info_active, #navi a.navi_warmup_active,#navi a.navi_rueckblick_active,#navi a.navi_anfahrt_active,#navi a.navi_datenschutz_active,#navi a.navi_kontakt_active,#navi a.navi_sponsoren_active{ color:#be193b}
/*
#navi a span { display: none; }
#navi a { height: 24px; display: block; background-image: url('../img/navi.png'); }
#navi a:hover { background-image: url('../img/navi.png'); }
#navi_programm { width: 90px; background-position: 0px 0px; }
.navi_programm_active,
#navi_programm:hover { background-position: 0px 28px !important; }
#navi_info { width: 50px; background-position: -90px 0px; }
.navi_info_active,
#navi_info:hover { background-position: -90px 28px !important; }
/*#navi_warmup { width: 95px; background-position: -145px 0px; }
.navi_warmup_active,
#navi_warmup:hover { background-position: -145px 28px !important; }*/
/*
#navi_rueckblick { width: 80px; background-position: -145px 0px; }
.navi_rueckblick_active,
#navi_rueckblick:hover{ background-position: -145px 28px !important; }

#navi_anfahrt { width: 85px; background-position: -225px 0px; }
.navi_anfahrt_active,
#navi_anfahrt:hover { background-position: -225px 28px !important; }

#navi_kontakt { width: 80px; background-position: -310px 0px; }
.navi_kontakt_active,
#navi_kontakt:hover { background-position: -310px 28px !important; }

#navi_datenschutz { width: 101px; background-position: -390px 0px; }
.navi_datenschutz_active,
#navi_datenschutz:hover { background-position: -390px 28px !important; }
*/
/*#navi_kontakt { width: 90px; background-position: -480px 0px; }
.navi_kontakt_active,
#navi_kontakt:hover { background-position: -405px 28px !important; }
#navi_rueckblick { width: 78px; background-position: -160px 0px; }
.navi_rueckblick_active,
#navi_rueckblick:hover { background-position: -150px 21px !important; }
#navi_presse { width: 58px; background-position: -238px 0px; }
.navi_presse_active,
#navi_presse:hover { background-position: -228px 21px !important; }
#navi_sponsoren { width: 142px; background-position: -300px 0px; }
.navi_sponsoren_active,
#navi_sponsoren:hover { background-position: -290px 21px !important; }
#navi_kontakt { width: 48px; background-position: -440px 0px; }
.navi_kontakt_active,
#navi_kontakt:hover { background-position: -430px 21px !important; }*/
div.spons{
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
float:left;
width:140px;
margin:10px;
padding:5px;
height:140px;
background-color:#fff;
text-align:center;
align-items:center;
}
div.spons img{

width:100%;
}
#body {
  position: absolute;
  top: 240px;
  left: 135px;
  /*width: 400px;*/
}
#body h2{

}
#body a {
  color: #FFF;
}

#bottom {
  background: #FFF;
  width:98vw;  
}

#content {
background-color:#fff }

#content_navi {
  display: block;
  height: 80px;
  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 { background: none !important;  font-family: "league_gothicregular", sans-serif !important;
  font-weight:normal !important;   }

#content_navi_samstag { background: none !important;  font-family: "league_gothicregular", sans-serif !important;
  font-weight:normal !important;    }
#content_navi_freitag ,#content_navi_samstag { color: #aaa; text-decoration:none}
#content_navi_freitag:hover ,#content_navi_samstag:hover { color:#262626 }
#content_navi_samstag span,#content_navi_freitag span{
        display:block !important;
        font-variant:small-caps;
        font-size: 40px; 
        padding:20px 20px 20px 0px;  
}
#footer {
  height: 90px;
  background: #FFF url('../img/bg_footer.gif') bottom left repeat-x;
  width:98vw;

}

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

#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: 162px;
  right: 0px;
  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;
}