* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
         width: 100%;
			height: 100%;
         margin: auto;
         padding: 0px;
		   background:url(bilder/hintergrund.png) repeat;
}

#header{
	 position: absolute;
    left: 0px;
}

#wrapper1 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px; 
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper2 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto; 
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper3 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper4 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper5 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper6 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#wrapper7 {
         position:relative;
         width:1024px;
			height: 768px;
			margin:auto;
         margin-top:40px;
			margin-bottom: 40px;
			background:url(bilder/noisy1kopie.png) no-repeat;
			border: 1px solid white;
}

#headline {
   position: absolute;
	color: white;
   left: 0px;
	top: 0px;
	font-family: "bankgothic md bt";
	font-size: 60px;
}

#fahnen{
   position: absolute;
	left: 0px;
	top: 100px;
}

#laender{
   position: absolute;
	left: 350px;
	top: 100px;
	font-family: "arial";
	font-size: 14px;
}

h1 {
   color: #E4812A;
	font-family: "arial";
	
}

h2 {
	color: #E4812A;
	font-family: "arial";
	}
	
h3 {
	color: #7AB84F;
	font-family: "arial";
	font-size: 60px;
   text-align: center;
	margin-top: 100px;
	}
	

	
#navi{
   display: block;
	position: absolute;
	border: 0px solid white;
	width: 840px;
   height: 40px;
	left:93px;
	top: 232px;
	
}

#deutsch a{
			position: absolute;
		   left:320px;
			top: 30px;
         display: block;
         background:url(bilder/fahnedeutsch.png) no-repeat;
			width:105px;
	      height:70px;
			text-decoration: none;
}

#englisch a{
         display: block;
         background:url(bilder/fahneenglisch.png) no-repeat;
			position: absolute;
	      left:440px;
			top: 10px;
			margin: 17px 0px 0px 0px;
			width:105px;
	      height:70px;
			text-decoration: none;
}

#index  a{
         display: block;
         background:url(bilder/indexknopf.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

			width:118px;
	      height:22px;
			text-decoration: none;
}

#index1{
         display: block;
         background:url(bilder/indexknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

			width:118px;
	      height:22px;
			text-decoration: none;
}

#index a:hover {
         display: block;
         background:url(bilder/indexknopfhover.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#photos  a{
         display: block;
         background:url(bilder/photosknopf.png) no-repeat;
			position: absolute;
	      left:120px;
		   margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#photos1{
         display: block;
         background:url(bilder/photosknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:120px;
		   margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#photos a:hover {
         display: block;
         background:url(bilder/photosknopfhover.png) no-repeat;
			position: absolute;
	      left:120px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#music  a{
         display: block;
         background:url(bilder/musicknopf.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#music1{
         display: block;
         background:url(bilder/musicknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#music a:hover {
         display: block;
         background:url(bilder/musicknopfhover.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#bio  a{
         display: block;
         background:url(bilder/bioknopf.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#bio1{
         display: block;
         background:url(bilder/bioknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#bio a:hover {
         display: block;
         background:url(bilder/bioknopfhover.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#events  a{
         display: block;
         background:url(bilder/eventsknopf.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#events1{
         display: block;
         background:url(bilder/eventsknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#events a:hover {
         display: block;
         background:url(bilder/eventsknopfhover.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#contact  a {
         display: block;
         background:url(bilder/contactknopf.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#contact1{
         display: block;
         background:url(bilder/contactknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#contact a:hover {
         display: block;
         background:url(bilder/contactknopfhover.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#links  a{
         display: block;
         background:url(bilder/linksknopf.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#links1{
         display: block;
         background:url(bilder/linksknopfhoverkopie2.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#links a:hover {
         display: block;
         background:url(bilder/linksknopfhover.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#indexdeutsch   a{
         display: block;
         background:url(bilder/indexknopfkopie.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

			width:118px;
	      height:22px;
			text-decoration: none;
}

#indexdeutsch1{display: block;
         background:url(bilder/indexknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

			width:118px;
	      height:22px;
			text-decoration: none;
	
}

#indexdeutsch  a:hover {
         display: block;
         background:url(bilder/indexknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:0px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#photosdeutsch   a{
         display: block;
         background:url(bilder/photosknopfkopie.png) no-repeat;
			position: absolute;
	      left:120px;
		   margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#photosdeutsch1{
         display: block;
         background:url(bilder/photosknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:120px;
		   margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#photosdeutsch  a:hover {
         display: block;
         background:url(bilder/photosknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:120px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#musicdeutsch   a{
         display: block;
         background:url(bilder/musicknopfkopie.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#musicdeutsch1{
         display: block;
         background:url(bilder/musicknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#musicdeutsch  a:hover {
         display: block;
         background:url(bilder/musicknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:240px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#biodeutsch   a{
         display: block;
         background:url(bilder/bioknopfkopie.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#biodeutsch1{
         display: block;
         background:url(bilder/bioknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#biodeutsch  a:hover {
         display: block;
         background:url(bilder/bioknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:360px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#eventsdeutsch   a{
         display: block;
         background:url(bilder/eventsknopfkopie.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#eventsdeutsch1{
         display: block;
         background:url(bilder/eventsknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#eventsdeutsch  a:hover {
         display: block;
         background:url(bilder/eventsknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:480px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#contactdeutsch   a {
         display: block;
         background:url(bilder/contactknopfkopie.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#contactdeutsch1{
         display: block;
         background:url(bilder/contactknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#contactdeutsch  a:hover {
         display: block;
         background:url(bilder/contactknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:600px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#linksdeutsch   a{
         display: block;
         background:url(bilder/linksknopfkopie.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#linksdeutsch1{
         display: block;
         background:url(bilder/linksknopfhoverkopie1.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
}

#linksdeutsch a:hover {
         display: block;
         background:url(bilder/linksknopfhoverkopie.png) no-repeat;
			position: absolute;
	      left:720px;
			margin: 10px 0px 0px 0px;

	      width:118px;
	      height:22px;
			text-decoration: none;
	
}

#content {
         position: absolute;
			left: 90px;
			top: 290px;
         float: left;
         width:820px;
	      height:310px;
			padding: 10px 10px 10px 10px;
			font-family: "arial";
			font-size: 14px;
			overflow: auto;
			text-align: justify;
			color: white;
			border: 1px solid white;

}

#content p{
      text-align: justify;
}

#contentmail {
			position: absolute;
         width:280px;
	      height:180px;
			margin-left:280px;
			margin-top: 70px;
			padding: 10px 10px 10px 10px;
			font-family: "arial";
			font-size: 14px;
			overflow: auto;
			text-align: center;
			color: white;
			border: 0px solid white;
}

#contentimpressum {
         position: absolute;
			left: 100px;
			top: 40px;
         float: left;
         width:620px;
	      height:210px;
			padding: 10px 10px 10px 10px;
			font-family: "arial";
			font-size: 14px;
			text-align: center;
			color: white;

}


  a {
	      width:50px;
	      height:10px;
	      color:white;
	      font-size:14px;
         font-family: "arial";
         font-weight:bold;
	      text-decoration:none;
}

  a:hover {
	      width:50px;
	      height:10px;
	      color:#E4812A;
	      font-size:14px;
	      font-weight:bold;
	      font-family: "arial";
	      text-decoration:none;
}

#cover{
      margin-left: 260px;
	
}
#pics{
  position: absolute;
  left: 200px;
  top: 5px;
}

#tracklisting{
      text-align: center;
}

#tracklisting ul li{
      list-style: none;
}

#startsound{
       position: absolute;
		 top: 0px;	
}

#impressum{
	position: absolute;
	top:725px;
	left: 55px;
}