<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */

* { padding: 0; margin: 0; }

/* AbstÃ¤nde nach unten */ 
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
html { height: 100%; }
/* ggfs. weitere AbstÃ¤nde restaurieren */ 
a{
    text-decoration: none;
    color: #000;
}
/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	height: 100%;
	
	}

h1 { 

font-size: 650%;
font-family: serif;
 } 
 
h2 { font-size: 130%; }
address {
  text-align: center;   
  font-size: 80%;      
  font-style: normal;  
  letter-spacing: 2px; 
  line-height: 1.5;   
}

/* Hyperlinks gestalten */ 
a { text-decoration: none; }
a:link { color: black; } 
a:visited { color: #589fd2; }
a:hover { color: #589fd2; }
a:active { 
}

/* Allgemeine Klassen und IDs */ 

div#wrapper { 
  color: black; 
  width: 850px; 
  clear: bottom;
 }
iframe#player {
bottom: 0;
}

div#kopfbereich {
  position: relative;
  color: black;
  padding: 0 20px 0 20px; 
}
    img#logo {
	margin-top: 0px;
  }
      img#fb {
	position: absolute;
	top: 140px;
	right: 20px;
    padding: 3px 0;
    margin-bottom: 0;
  }
        img#yt {
	position: absolute;
	top: 140px;
	right: 20px;
    padding: 3px 0;
    margin-bottom: 0;
  }
          img#sp {
	position: absolute;
	top: 140px;
	right: 20px;
    padding: 3px 0;
    margin-bottom: 0;
  }
          img#it {
	position: absolute;
	top: 140px;
	right: 20px;
    padding: 3px 0;
    margin-bottom: 0;
  }
            img#ig {
	position: absolute;
	top: 140px;
	right: 20px;
    padding: 3px 0;
    margin-bottom: 0;
  }nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
nav ul li {
    list-style: none;
    float:left;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 14px 34px 14px 34px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome &amp; safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
nav ul li:hover &gt; a {
    color: #FAFAFA;
}
nav ul li:hover &gt; ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
div#navibereich { 
  overflow: hidden; 
  text-align: left;  
  color: black;
  background: url(images/linie.gif) repeat-x left bottom; 
  padding: 45px 15px 0 20px;  
}
.sub2 {
		display: block;
		left: 105px;
		color: white;
		position: relative;
		margin-top: -26px;
				}
					.sub3{
		display: block;
		left: 224px;
		color: white;
		position: relative;
		margin-top: -26px;
		}
		.rarrow {
		display: block;
		font-size: 10px;
		float: right;
		color: white;
		position: relative;
		margin-top: -22px;
		margin-right: 3px;
		}

div#navibereich ul { 
    float: right; 
    width: auto; 
    margin-bottom: 0; 
  }
div#navibereich li { 
    width: auto;       
    list-style-type: none;
    margin: 0;
    margin-right: 5px;     
  }
div#navibereich a {
    display: block;  
    color: white;
    background-color: #1a364a; 
    padding: 4px 8px 4px 8px; 
    border: 1px solid #8c8c8c;
  }
div#navibereich li a.sie-sind-hier {
    color: black; 
    background-color: white; 
    border-bottom-color: white;    
  }
    div#navibereich li a.shop{
    color: white; 
    background-color: #168189; 
    border-bottom-color: #168189;    
  }
div#navibereich a:hover {
	color: #b45c5c; 
    background-color: #168189; 
  }
div#navibereich a:focus {
    color: #b45c5c; 
  }
div#navibereich a:active {
    color: #b45c5c; 
    background-color: #b45c5c; 
  }
div#infotext {
	width: 400px;
	opacity: 0.7;
	height: auto;
	min-height: 500px;
	margin-left: 10px;
	margin-bottom: 30px;
	position: absolute;
	background-color: white;
	}
div#bandcontent h1 {
	font-size: 300%;
}

div#bandcontent {
	text-align: left;
	 position: absolute;
	border: 1px dashed grey;
	top: 180px;

	bottom: 70px;

	left: 0px;

	right: 0px;

	margin: 0px auto;

	width: 600px;
	overflow: auto;
	background: white;
	padding: 30px;"
}
	div#content p {
		text-align:justify;
		padding:0 1em;

}



div#title {
	float: right;
	color: white;
	margin-top: 30px;
	margin-right: 30px;
	
}

#text h2 {
	position: fixed;
	bottom: 32px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	margin-top: 350px;
	width: 1000px;
	background-color: black;
	border-style: dashed;
	font-size: 250%;
}

  div#textbereich a { 
  }
  div#textbereich a:hover,
  div#textbereich a:focus { 
  }
div#fussbereich {
	font-family:  serif;
	position: fixed;
	top: 0;
	color: black;
	width: 100%;
	height: 60px;
	background-color: white;
}
div#fussbereich a {
	font-size: 18px;
	color: black;
}
div#fussbereich a:hover {
	color: white;
	background-color: #589fd2;
}
div#fussbereich3 {
	position: fixed;
	bottom: 0;
	color: black;
	width: 100%;
	height: 45px;
	background-color: white;
}
div#fussbereich3 a {
	font-size: 11px;
	color: darkgrey;
	}
	
	div#fussbereich3 a:hover {
	color: pink;
}
.adres {
	float:center;
	margin-top: 10px;
}
form {
	background-color: #d9d9d9;
	width: 370px;
	padding: 20px;
	border: 1px solid #8c8c8c
}
label {
	display:block;
}
input#besuchername, input#besucheremail, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;

}
textarea: {
	height: 7em;
}
input:focus, textarea:focus {
	background-color: #ffeda0;
}
</pre></body></html>