@charset "utf-8";
*{ top:0; left:0; right:0;
  margin:0; padding:0; font-family:'Dosis', sans-serif;
}

body
{font-family: 'Dosis:600,800', sans-serif; font-size:20px; background-image:url(design/bhg_logo.jpg); background-repeat:repeat; /*background-color:#000;*/
scrollbar-base-color:#000000;
  scrollbar-3dlight-color:#666666;
  scrollbar-arrow-color:#ff0000;
  scrollbar-darkshadow-color:#003366;
  scrollbar-face-color:transparent;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#003366;
  scrollbar-track-color:#000000;
}

p {text-align:left;}
 
.float{ margin-left:700px;}
.auto {
 height: 500px;
 width: 800px;
 position:relative;
 overflow:hidden; overflow:scroll;} 
.input {
 border : 1px solid #808080;
 font-size:16px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 2px;
}

.clear {clear:both;}
.center {text-align:center;}
.p_right {text-align:right;}
.p_left {
	text-align:left;
	font-weight: bold;
}
.fliess1 {font-size:20px; font-style:italic;}
.fliess2 {
	font-size:16px;
	color:#FFF;
}
.topmenu a strong {
	color: #ffffff;
}
.border {border-bottom:2px solid #FFF;}
.border_l {border-left:2px solid #FFF;}
.redtext { color:#C00;}
.greytext { color: #030; font-size:14px;}
.rund{box-shadow:7px 7px 5px #ccc;}
.liste{ color:#FFF;}

.transparency{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.textbox{ width:3000px;}
.bg{ background-repeat:repeat-x;}
.bg_tip {
	background-image:url(design/hg_leute.png);
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	text-align: center;
}
.bgheader{ background-image:url(design/titel_hg2.jpg); background-repeat:repeat-x;}
 
.scroll {font-weight: normal;
	font-size:24px;
	color:#fff;
  scrollbar-base-color:#003366;
  scrollbar-3dlight-color:#666666;
  scrollbar-arrow-color:#ff0000;
  scrollbar-darkshadow-color:#003366;
  scrollbar-face-color:#66cc33;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#003366;
  scrollbar-track-color:#000000;} 
  
/*.bgheader{
  background: url(design/titel_hg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  } */ 
  
.bgheader_kontakt{
  background: url(design/titel_kontakt.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }   
  
.bgheader_fotos{
  background: url(design/titel_fotos.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }   
  
.bgheader_news{
  background: url(design/titel_news.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgheader_events{
  background: url(design/titel_events.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgheader_band{
  background: url(design/titel_bands.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }  
  
.bgwrap{
  background: url(design/bgh_logo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  } 
  
.bgwrap_title{
  background: url(design/title_guest.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }     

.bgirmi {background: url(bands/images/artists/irmi.png); background-position:bottom left; background-repeat:no-repeat;}

.mittig {
	text-align: center;
}

.activelink {
 font-weight: bold; color:#9C3;
 }

.bildlinks {
  float:left;
  padding: 0px;
  margin-right: 20px; 
  margin-left:10px;
  margin-bottom: 10px;
}

.bildcenter {
 float:left;
  padding: 0px;
  margin-right: 20px; 
  margin-left:100px;
  margin-bottom: 10px;
}

.bildrechts {
	float:right;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 40px;
	text-align: center;
}

.bildcenter {
  padding: 3px;
  margin-bottom: 10px;
  margin-left:70px;
  
}

.imgcenter {
  margin-left:auto; margin-right:auto;
  
}

.img_shadow {-webkit-box-shadow: 14px 14px 8px -7px rgba(23,22,23,1);
-moz-box-shadow: 10px 10px 8px -7px rgba(23,22,23,1);
box-shadow: 14px 14px 8px -7px rgba(23,22,23,1);}

.div_shadow {-webkit-box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);
-moz-box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);
box-shadow: -13px -8px 27px -3px rgba(26,41,27,1.5);}


.title {background-image:url(design/title_guest.jpg);
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;} 




p {
	font-size:24px;
	color:#fff;
	font-weight: bold;
	text-align: left;
}

p_white {
	font-size:20px;
	color:#fff;
	font-weight:100;
}
a
        {
        color: #FFF; font-weight:bold;  text-decoration:underline;
        }

a:hover
        {
	text-decoration: underline;
	font-size: 18px;
	text-align: center;
        }
		
	

h1 {
	font-size:50px;
	font-family: 'Finger Paint', cursive;
	color: white;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h2 {
	font-size:40px;

    font-family: Dosis:600, sans-serif;
	color: white;
	text-shadow: 4px 4px 4px #000000;
	font-weight: bold;
}	 
	 
h3 {
	font-size:22px;

	font-family: Dosis:600, sans-serif; 	
	color: white;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h4 {
	font-size:18px;
	font-family:Dosis:600, sans-serif; 	
	color: #000;
	text-shadow: 4px 4px 4px #000000;
	text-align: left;
}

h5 {
	font-size:18px;
	font-family:Dosis:600, sans-serif; 	
	color: #000;
	text-align: left;
}		 		 

blockquote { padding-left:100px;
	}
	
blockquote-index {
	background-color: rgba(245,241,8,0.3);
	border-bottom: 1px solid rgba(243,14,17,1.00);
	border-top: 1px solid rgba(243,14,17,1.00);
	text-align: center;
	}	

#img {box-shadow:15px 15px 20px #666; width:auto; height:auto;  /*background-image:url(img/foto3.jpg);
width:250px; height:175px; position:absolute; top:280px; left:70%;*/ 
}	

#wrap {
	margin:0;
	width:100%;
	padding:0;
	margin-top:90px;
	position:absolute;
	left: 0px;
	top: -25px;/*background-image:url(design/bhg_logo.jpg);*/
}


#navi { background-color:#000;
    position:fixed; 
    height:auto; width:100%;
	margin:0; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; z-index:100; 
	}

#navi2 { background-image:url(design/titel_hg.jpg);
    position:fixed; 
    height:auto; width:100%;
	margin-bottom:0; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; z-index:100; 
	}

#navibox { 
    height:180px; 
	background-image:url(design/hg_leute.jpg); 
    margin:0; 
	width:100%;
    
	top:0px;     
}

#navibox_test { background-color:#000; 
    height:180px; 
    margin:0; 
	width:100%;
    position:fixed; 
	top:0px;     
}

#logobox { 
    width:100%; 
	height:auto;
	margin:10; 
	z-index:999;  
	position:fixed; 
	top:0px;  
}

#logobox_index { 
    width:245px; 
	height:100px;
	margin:10; 
	z-index:999;  
	position:fixed; 
	top:0px;
	left:830px;  
}

	
#content {
	width:auto; height:auto;
	}	

#sponsors {
   width:290px; 
   height: auto;
   padding:0; 
   float:left; 
   margin: auto;    
}



#sponsorbox {
   width:250px; 
   height: auto;
   padding:0; 
   float:left; 
   margin: auto;      
}



#sponsors_roll {
   width:250px; 
   height: 2080px;
   margin-right:40px;
   padding:0;  
   float:left;
   position:fixed;
   left:0px;
   top:650px;
}

#sponsorbox:hover {
	cursor:pointer;}
	
#footerbox:a {
	text-decoration:none; }
	
#einklinker:hover {
	cursor:pointer;
	font-weight: bold;
}	

#einklinker {
  width:410px; 
  height: auto; 
  padding:0px; 
}

#newsfeed {
  width:510px; 
  height: auto; 
  padding:0px; 
}

#slider {
  width:640px; 
  height:360px; 
  margin-top:100px; 
  margin-right:200px; 
  padding:20px; 
  float:left; 
  z-index:-100;
  
}


#title_img{ 
  background: url(design/title_guest.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}



#title { 
  margin-top:50px; 
  margin-left:auto; 
  margin-right:auto; 
  height:200px; 
  text-align:center;
}

#mainframe { 
  border-bottom:0px solid #fff; 
  width:100%;
  height: auto;
  margin:0;
  padding:0;    
}

#reportbox_auto{
	margin:0;
	margin-right:10px;
	width:auto;
	height:auto;
	text-align:left;
	float:left;
}


#box { width:auto; height:auto; float:right;}

#reportbox_left{
  margin:0; 
  margin-right:40px; 
  width:488px; 
  height:auto;   
  text-align:left; 
  float:left; 
}

#reportbox_right{
	margin:0;
	margin-left:10px;
	width:488px;
	height:auto;
	text-align:right;
	float:left;
}


#textbox {
	margin:20px 0;
	width:1000px;
	height:auto;
	float:left;
	color: #FFF;
}


#textbox_index { 
  margin:0px 0;  
  width:1500px; 
  height:auto;  
  text-align:left; 
  float:left;
}



#textbox1 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:600px; 
  height:auto;  
  margin-left:0px; 
  margin-right:auto; 
  text-align:left;
}

#textbox2 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:650px; 
  height:auto;  
  margin-left:200px; 
  margin-right:auto; 
  text-align:left;
}

#textbox3 { 
  margin-bottom:20px; 
  margin-top:30px;  
  width:600px; 
  height:auto;  
  margin-left:480px; 
  margin-right:auto; 
  text-align:left;
}

#textbox4 { 
  margin-bottom:20px; 
  margin-top:20px;  
  width:80%; 
  height:auto;  
  margin: 30px 0px; 
  text-align:left;
}

#space{ width:300px; float:left;}

#slogan{ 
  margin:0; 
  height:10px;   
  text-align:center; 
  color:#FFF; 
}



#footer { opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	 background-color:#000; color:#FFF; 
  margin-bottom:0px;  
  height: auto;  
}


#footerbox {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */   
  width:100%; 
  height:auto; 
  margin-bottom:0;  
  margin-left:auto; 
  margin-right:auto; 
  color:#fff;
  text-align:center;
}

#videobox { 
  position:absolute; 
  margin-bottom:20px; 
  margin-top:20px;  
  width:1000px; 
  height:auto; 
  z-index:-1
}
.ital {
	font-style: italic;
}
.box_middle {
	text-align: center;
}
.at {
	font-size: large;
}