@charset "UTF-8";
/* CSS Document */


/*Allgemein*/


* {
  box-sizing: border-box;
} /* makes sure that the padding and border are included in the total width and height of the elements. */

body {background-color:#7B5122;
	background-image: url(images/bg_wood.jpg);	
	background-repeat:repeat;
	font-size: 100%;
	}

@media only screen and (min-width: 768px) {
.wrapper {
   max-width:990px;
   margin:auto;
   }
}
.wrapper {background-color:#E3DDC1;}

.row::after {  /*this style clears the flow   !!! VGL mit w3c_photos diaplay block vs table !!!*/
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 0px;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-image:url(images/bg_head2024_mobile.jpg);
  background-repeat:no-repeat;
  padding: 0;
  height: 170px;
  position:relative;
}

/*Formatierungen für mobil HEADER und MENÜBREITE*/
@media only screen and (max-width: 563px) {
.header {
	background-image:url(images/bg_head2024_mobile768.jpg);
	height:100px;
	}
.mobile-80 {
  width:80%;
  margin: auto;
	}
  } 
 /*Ende formatierungen für mobil*/ 
 .space30 {margin-right:30px;}

/*Beginn Formatierungen für Menü mit runden Ecken und mobil*/
.menu { 
padding: 0 15px 0 0;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border:1px solid #952;
  border-radius:25px;
}

.menu li {  
  padding: 5px 3px 3px 9px;
  margin-bottom: 0px;
  background-color:#e3d899;
  color: #bb3411;
  font-weight:bold;
  border-bottom: 1px solid #952;
  border-left:8px solid #e3d899;
}

.menu li:hover {
  border-left: 8px solid #CC0000;    
  background-color: #F7D965;
  color:#FF0000;
}

#rounded-top {border-radius:25px 25px 0 0;}
#rounded-btm {border-radius:0 0 25px 25px;}

.navi a {
	display:block;
}

/*  Ende Formatierungen für Menü mit runden Ecken und mobil  */

/*aside für Seitennavi rechts*/

@media only screen and (max-width: 768px) {
	.aside {
		margin-top:0px;
		padding:0 10px 0 5px;
		width:80%;
		border:1px solid #C91114;
		margin:auto;
		border-radius:25px;
	}
	.aside li img {
		max-width:60%;
	}
	.aside li {
		text-align:center;
		}
}

.aside {
	margin-top:30px;
  padding: 10px 5px 0 0;
  text-align: left;
  font-size: 14px;
}

.aside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.aside li {
  padding: 7px 0 3px 0;
  margin-bottom: 3px;
  border-bottom: 1px solid;
  }
  
	.aside li img {
		max-width:95%;
	}
  
 .aside li:hover {
  background-color:#FAE29F;
 }
 .active {
  background-color:#FAE29F;
 }
 .active a {
  color:#ff0000;	 
  }
 
.languagebanner {
    position:absolute;
    bottom:27px;
    right:0;
	width:338px;
	height:46px;
	background-image:url(images/bannertest.png);
	text-align:right;
	}
@media only screen and (max-width: 768px) {
	.languagebanner {
	visibility:hidden;	
	}
}

.languagemobile {
    position:absolute;
    top:20px;
    right:0;
	width:50px;
}

@media only screen and (min-width: 768px) {
	.languagemobile {
	visibility:hidden;	
	}
}

  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  /* one class for each columns; 100% / 12 columns = 8.33%. */

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}

.content {  /*Rand um mittlere Spalte*/
    padding: 0 10px 5px 5px;
}


.footer { 
  background-color:#E3D899;	
  text-align: center;
  border-top:1px solid #E65601; 
  padding:10px 0 15px 0;
  position:relative;
}

.footer a {
  padding: 5px 2% 5px 2%;
  }
.footer img {
  margin: 0 4% 0 4%;
  }

/*CSS highligt in left manu for active page*/

#index #left li.index,
#band #left li.band,
#history #left li.history,
#discog #left li.discog,
#photos #left li.photos,
#elvis #left li.elvis,
#ohboy #left li.ohboy,
#archive #left li.archive,
#tourdates #left li.tourdates,
#tv #left li.tv,
#press #left li.press,
#tours #left li.tours,
#blog #left li.blog,
#archive #left li.archive,
#news #left li.news,
#circus #left li.circus,
#gb #left li.gb,
#contact #left li.contact {
  border-left: 8px solid #CC0000;    
  background-color: #F7D965;
  color:#FF0000;
 }
 
 .navi a {
	display:block;
}