@import url('https://fonts.googleapis.com/css?family=Quicksand:300');

@font-face {
	font-family: 'rik';
	src: url('f/rik.eot'); /* IE9 Compat Modes */
	src: url('f/rik.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('f/rik.woff') format('woff'), /* Modern Browsers */
	     url('f/rik.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('f/rik.svg#svgFontName') format('svg'); /* Legacy iOS */
	src: url("f/rik.otf") format("opentype");
	}

@font-face {
	font-family: 'rik2';
	src: url('f/rik2.eot'); /* IE9 Compat Modes */
	src: url('f/rik2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('f/rik2.woff') format('woff'), /* Modern Browsers */
	     url('f/rik2.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('f/rik2.svg#svgFontName') format('svg'); /* Legacy iOS */
 }

@font-face {
  font-family: 'fat';
  src: url('f/fat.eot'); /* IE9 Compat Modes */
	src: url('f/fat.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('f/fat.woff') format('woff'), /* Modern Browsers */
	     url('f/fat.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('f/fat.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  
html { height: 100%; }

body { height: 100%; width: 100%; margin: 0px; background-color: #000000; background-image: url("p/bak.png"); background-repeat: repeat; text-align: center; overflow-x:hidden }

.a1:link {
  color: grey;
  text-decoration: none;
  }
  
.a1:visited {
  color: grey;
  text-decoration: none;
  }
  
.a1:hover {
  color: white;
  text-decoration: none;
  }
  
a img { 
  border:0;
  text-decoration: none;
  } 

#header_base {
  left: 0; top: 0; width: 100%; height: 114px;
  background: black;
  z-index: 8;
  position: fixed;
  border-bottom-width: 1px;
  border-bottom-style: none;
  border-color: #292A0A;
  opacity: 1;
  }

#header_frame {
  top: 0;
  height: 114px;
  z-index: 9;
  position: fixed;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  text-align: left;
  }

#header_nav {
  position: fixed;
  padding-top: 0px;
  padding-left: 45%;
  font-family: Arial;
  font-size:55px;
  }

.nav {
  padding-top: 40px;
  padding-left: 10px;
  color: grey;
  }
  
.nav_m {
  padding-top: 40px;
  padding-left: 10px;
  color: grey;
  font-size:2.5rem
  }

.nav2 {
  color: #dbdbdb;
  letter-spacing: .3rem;
  font-family: Arial;
  }
  
.nav2_m {
  color: #dbdbdb;
  letter-spacing: .3rem;
  font-family: Arial;
  font-size:2.5rem
  }
  
	.navbar {
		background-color: #333;
		position: relative;
		z-index: 999;
	}

	.navbar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
    background: black;
	}

	.navbar li {
		display: inline-block;
	}

	.navbar li a {
		color: white;
		display: block;
		padding: 20px 20px 20px 20px;
		text-decoration: none;
	}

	/* Style the dropdown menu */
	.navbar ul ul {
		position: absolute;
		top: 100%;
		display: none;
		width: 600px;
	}

	.navbar ul ul li {
		display: block;
		padding: 25px 0px 25px 0px;
	}

	.navbar li:hover ul {
		display: block;
		padding.top: 50px;
	}

	/* Change the background color of dropdown links on hover */
	.navbar ul ul li a:hover {
		background-color: #555;
	}
  
#header_button_frame {
  display: inline-block;
  background-image: url(p/menu_button_m.png);
  width: 151px;
  height: 114px;
}

#header_button {
  
}

h1 {
  
}

#button_text {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 85px rik2, Verdana, Arial;
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(255, 120, 120, 1), -1px -1px 1px rgba(0,0,0,1) ;
  letter-spacing: 0.1em;
  color: #ef1f05;
  padding-left: 13px;
  padding-top: 5px;
}

#content_frame {
  padding-top: 45px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 130px;
  }
  
#leobanner {
  margin-top: 155px;
  height: 530px;
  background-image: url(p/homebanner4.jpg);
  background-position:center;
  background-color:darkgrey;
  background-repeat: repeat-x;
  text-align: center;
  width: 100%;
  border-top: 1px none #3B3B3B;
  border-bottom: 1px none #3B3B3B;
  position: relative;
  z-index: -2;
  }
  
#bandsbanner {
  margin-top: 155px;
  height: 530px;
  background-image: url(p/bandsbanner.jpg);
  background-position:center;
  background-color:#000000;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  box-shadow: inset  0 25px 30px -13px #000000, inset  0 -25px 25px -15px #000000, 0px 0px 8px -1px #3B3B3B;
  border-top: 1px none #3B3B3B;
  border-bottom: 1px none #3B3B3B;
  position: relative;
  z-index: -2;
  }

#infobanner {
  margin-top: 155px;
  height: 530px;
  background-image: url(p/infobanner.jpg);
  background-position:center;
  background-color:darkgrey;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  box-shadow: inset  0 25px 30px -13px #000000, inset  0 -25px 25px -15px #000000, 0px 0px 8px -1px #3B3B3B;
  border-top: 1px none #3B3B3B;
  border-bottom: 1px none #3B3B3B;
  position: relative;
  z-index: -2;
  }
  
  #mediabanner {
  margin-top: 155px;
  height: 530px;
  background-image: url(p/mediabanner.jpg);
  background-position:center;
  background-color:darkgrey;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  box-shadow: inset  0 25px 30px -13px #000000, inset  0 -25px 25px -15px #000000, 0px 0px 8px -1px #3B3B3B;
  border-top: 1px none #3B3B3B;
  border-bottom: 1px none #3B3B3B;
  position: relative;
  z-index: -2;
  }
  
#git_l_m {
 position: fixed;
 text-align: right;
 margin-left: -588px;
 margin-top: 170px;
 height: 710px;
 z-index: -1;
}

#git_r_m {
 position: fixed;
 text-align: left;
 margin-left: 220px;
 margin-top: 170px;
 height: 710px;
 z-index: -1;
}

/*
#git_l_m {
 position: fixed;
 text-align: right;
 margin-left: -560px;
 margin-top: 130px;
 height: 500px;
 z-index: -1;
}

#git_r_m {
 position: fixed;
 text-align: left;
 margin-left: 300px;
 margin-top: 130px;
 height: 500px;
 z-index: -1;
}
*/

.ponter {
  position: relative;
}

#bolt_l {
 position: absolute;
 text-align: right;
 margin-left: -835px;
 margin-top: 0px;
 width: 493px;
 z-index: -1;
}

#bolt_r {
 position: absolute;
 text-align: left;
 margin-left: 342px;
 margin-top: 0px;
 width: 493px;
 z-index: -1;
}

#fans_l {
 position: absolute;
 text-align: left;
 margin-left: -955px;
 margin-top: -228px;
 z-index:3;
}

#fans_r {
 position: absolute;
 text-align: left;
 margin-left: 399px;
 margin-top: -228px;
 z-index:3;
 }
  
#content_i1 {
  text-align: center;
  margin-bottom: 30px;
  }

/*#image_home {
  margin-bottom: -5px;
  */

#content { 
  position: static;
  background: black;
  margin-top: 5px;
  overflow: hidden; 
  border-width: 1px 1px 1px 1px;
  border-image: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.5) 49%, rgba(0,0,0,1) 100%);
  border-image-slice: 1;
  /*box-shadow: 0px 0px 40px -5px rgba(0,0,0,1);
  border: 1px solid transparent; */
  border-top: 1px none #3B3B3B;
  border-bottom: 1px none #3B3B3B;
  /*url(http://th00.deviantart.net/fs50/PRE/f/2009/309/4/e/Black_Yellow_Gradient_by_Halaxega.png) 1 1 1 1 repeat;*/
  z-index: 1;
  }
#tiny {
 height: 60px; 
}

#tiny_m {
 height: 50px; 
}

.welcome_frame {
  width: 860px;
  position: relative;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7); /*lineupfenstertransparenz*/
  margin: 0 auto;
  }
  
.welcome_frame_b {
  width: 820px;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.55);
  margin: 0 auto;

  }
  
.welcome_frame_i {
  width: 860px;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  }

.welcome {
  font-family: rik;
  z-index: 2;
  }

.content_text {
  margin: 40px;
  text-align: left;
  color: #dbdbdb;
  text-shadow: 0px 0px 0px #B5B5B5;
  font-family: Arial;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: -.01rem;
  line-height: 1.5;
  }
  
  .content_header {
  margin: 20px;
  text-align: center;
  color: #dbdbdb;
  text-shadow: 0px 0px 0px #B5B5B5;
  font-family: Plus Jakarta Sans, Arial;
  font-size: 1.1rem;
  font-style: normal;
  letter-spacing: -.01rem;
  line-height: 1.5;
  }
  
  .content_text_smol {
  margin: 20px;
  text-align: left;
  color: #b5b5b5;
  text-shadow: 0px 0px 1px #B5B5B5;
  font-family: Plus Jakarta Sans, Arial;
  font-size: 0.8rem;
  font-style: normal;
  letter-spacing: -.01rem;
  line-height: 1.5;
  }
  
  .content_text_zitat {
  margin: 20px;
  text-align: left;
  color: #ca5a5a;
  text-shadow: 0px 0px 1px #B5B5B5;
  font-family: Plus Jakarta Sans, Arial;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: -.01rem;
  line-height: 1.5;
  }
  
  i {
  
  text-align: left;
  color: #ca5a5a;
  text-shadow: 0px 0px 1px #B5B5B5;
  font-family: Plus Jakarta Sans, Arial;
  font-size: 1rem;
  letter-spacing: -.01rem;
  line-height: 1.5;
    }
  
    i2 {
  
  text-align: left;
  color: #dbdbdb;
  text-shadow: 0px 0px 1px #B5B5B5;
  font-family: Plus Jakarta Sans, Arial;
  font-size: 1rem;
  letter-spacing: -.01rem;
  line-height: 1.5;
    }
    
.slimtext {
  font-family: Plus Jakarta Sans;
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .6rem;
  line-height: normal;
  text-transform: uppercase;
}

.content_center {
  width: 630px;
  margin: 0 auto;
  margin-top: 30px;
  clear: left;
  position: static;
  text-align: center;
  }
  
.img_mystery {
  width: 90%;
  margin: 30px;
}
  
.inset_text_left {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 40px rik2, Verdana, Arial;
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
  letter-spacing: 0.1em;
  opacity: 0.7;
  }
  
.inset_text_right {
  float: right;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 40px rik2, Verdana, Arial;
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
  letter-spacing: 0.1em;
  opacity: 0.7;
  }
  
.frame_l {
  margin-right: auto; 
  margin-left:20px;
  margin-bottom:20px;
  width: 700px;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  border-radius: 20px;
  }
  
.frame_l2 {
  margin-right: auto; 
  margin-left:20px;
  margin-bottom:20px;
  width: 740px;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  border-radius: 20px;
  }
  
.frame_r {
  margin-right:20px;
  margin-left: auto; 
  margin-bottom:20px;
  width: 700px;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  border-radius: 20px;
  }
  
.frame_m {
  margin: auto; 
  padding: 20px;
  width: 700px;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  border-radius: 20px;
  }

#footer {
  clear: left;
  width:100%; 
  position: relative;
  opacity: 1;
  margin-bottom: 0px;
  font-family: fat, Verdana, Arial;
  font-size: 22px;
  color: rgba(207, 207, 207, 1);
  z-index: 2;
  }

#footer_back {
  clear: left;
  width: 100%;
  height: 550px;
  position: absolute;
  background-color: black;
  border-top: 1px none #3B3B3B;
  opacity: 0.85;
  margin-bottom: 0px;
  z-index: 1;
  }
  
#footer_frame {
  padding-top: 30px;
  padding-bottom: 60px;
  width: 800px;
  margin: 0 auto;
  text-align: left;
 }
 
#footer_top {
  width: 800px;
  margin: 0 auto;
}

#footer_right {
  float: right;
  display: inline-block;
  padding-bottom: 200;
}

.img_footer_left {
  padding-right:15px;
}

.img_footer_right {
  padding-left:15px;
}

.img_footer_center {
  padding-top:15px;
  padding-bottom:15px;
}

#links {
width: 100px;
float: left;
text-align: right;
}

#mitte {
margin-left: 75px;
margin-right: 75px;
}

#rechts {
width: 100px;
float: right;
text-align: left;
}

#footer_bottom {
  width: 500px;
  margin: 0 auto;
  font-family: Quicksand, Verdana, Arial;
  font-size: 22px;
  color: #dbdbdb;
  text-shadow: 0px 0px 1px #000000;
}
  
#footer_branding {
  width:150px;
  margin: 0 auto;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #333333;
  padding: 10px;
  font-size: 18px;
  }
  
#ktown {
  font-size: 18px;
}

.a2:link {
  text-decoration: none;
  color: #dbdbdb;
  }
  
.a2:visited {
  text-decoration: none;
  color: #dbdbdb;
  }
  
.a2:hover {
  text-decoration: none;
  color: #dbdbdb;
  }

.imgbuffer {
  width:0px;
  height:0px;
  display:none;
}
  
.smallheader {
  font-size:1rem;
  color:white;
  text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
  letter-spacing: .6rem;
  text-align: center;
}
  
 .marquee {

            
            overflow: hidden;
            position: relative;
            height: 62px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
            margin-top: -30px;
            
        }  
  
.bracket {
    border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 20px;
}

.bracket_h {
    border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
}
  
.marquee p:before, .maquee p:after {
            border-style: solid;
            border-width: 1px;
            padding-top:6px;
            position: absolute;
            width: auto;
            height: 100%;
            line-height: 20px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 500s linear infinite;
            content: '- 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden - 16. August - Tutschfelden ';
  margin: 0 20px;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(-10%);
            }

            100% {
                transform: translateX(-90%);
            }
        }
  
/*#footer_factoftheday {
  width:400px;
  margin: 0 auto;
  font-family: Quicksand, Verdana, Arial;
  font-size: 18px;
  color: black;
  text-shadow: 0px 0px 1px #000000;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #333333;
  padding: 10px;
  }*/