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

* {
	margin:0;
	padding:0;
  }
body {
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.00%;
} 


img {
	border:none;
	}
 
#supersize img, #supersize a {  
	height:100%;  
	width:100%;  
	display:none;  
	}  
#supersize .activeslide, #supersize .activeslide img{  
	display:inline;  
	} 
	
#seite	{
	height:100%;
width:100%;
	position:absolute;
	left:0px;
	top:0;
	overflow:auto;
	color:#000;
}
#head{
	margin:0px auto;
	height:104px;
	width:100%;
	top:0px;
	left:0px;
	background-color:transparent;
	position:fixed;
	text-align:center;
	z-index:100;
	}
	
/* +++ Menue +++ */
#menu {
	padding:5px;
	position: fixed;
	top:250px;
	left:80px;
	background-image: url(../bilder/menue/hintergrund.png);
	position:absolute;
	z-index: 200;
	}
#menu ul { 
	list-style:none; 
	padding:0; 
	margin:0;
	}
#menu li {
	list-style:none; 
	padding:0; 
	margin:0; 
	}
#menu li a {
	display: block;
	width: 150px;
	height: 25px;
	text-indent:-9999px; padding:0; margin:0;
	}
#menu #serenity a:link,
#menu #serenity a:visited {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	}
#menu #serenity a:focus,
#menu #serenity a:hover,
#menu #serenity a:active,
#menu #serenity.serenity a  {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#menu #musik a:link,
#menu #musik a:visited {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: -150px -25px;
	}
#menu #musik a:focus,
#menu #musik a:hover,
#menu #musik a:active,
#menu #musik.musik a {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}
#menu #musiker a:link,
#menu #musiker a:visited {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: -150px -50px;
	}
#menu #musiker a:focus,
#menu #musiker a:hover,
#menu #musiker a:active,
#menu #musiker.musiker a {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	}
#menu #kontakt a:link,
#menu #kontakt a:visited {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: -150px -75px;
	}
#menu #kontakt a:focus,
#menu #kontakt a:hover,
#menu #kontakt a:active,
#menu #kontakt.kontakt a {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
	}
#menu #links a:link,
#menu #links a:visited {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: -150px -100px;
	}
#menu #links a:focus,
#menu #links a:hover,
#menu #links a:active,
#menu #links.links a {
	background-image: url(../bilder/menue/menue.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	}
/* *** Texte *** */
p { 
	line-height: 1.5em; 
	margin: 0 0 1em 0; 
	}
.big {
	font-size:200%;
	line-height: 1;}
	
#text-serenity {
	position:absolute;
	left:350px;
	top:250px;
	width:450px;
/*	border:1px solid #FF0000;*/
	}

#text-musik {
	position:absolute;
	left:300px;
	top:250px;
	width:400px;
	color: #000;/*	border:1px solid #FF0000;*/
	}
#text-musiker {
	position:absolute;
	left:300px;
	top:250px;
	width:600px;
	padding:30px;
	color: #000;
	/*border:1px solid #FF0000;*/
	background-image: url(../bilder/hintergrund/weiss.png);
	}

 .bild {float: left; margin-right:30px;margin-bottom:50px;}
 .abstand { margin-bottom:50px; clear:left;}

#player {
	border:1px solid #FFFFFF;
	padding:10px;}
	

#text-links {
	position:absolute;
	left:350px;
	top:250px;
	width:800px;
/*	border:1px solid #FF0000;*/
	}
#text-links table {
	width: auto;
	border-collapse:collapse;
	border: none;

	}
#text-links td { 
	padding: 0.5em;
	}
#text-links a,
#text-kontakt a
 { 
	color: #000; 
	text-decoration:none;
	}
#text-links a:focus,
#text-links a:hover,
#text-links a:active,
#text-kontakt a:focus,
#text-kontakt a:hover,
#text-kontakt a:active
 {
	text-decoration:underline;
	}
	
	#text-kontakt {
	position:absolute;
	left:300px;
	top:250px;
	width:500px;
	padding:30px;
	color: #000;
	/*border:1px solid #FF0000;*/
	text-align:left;
	background-image: url(../bilder/hintergrund/weiss.png);
	}
#bild-kontakt{float:right; margin-right:30px;
}
a { color:#B22125; background:transparent; text-decoration:none; }
  a:visited  { color: #B22125; }

  a:focus,
  a:hover,
  a:active {
	color:#B22125;
	text-decoration:underline;
}
    form.yform {
/*    background: #f4f4f4;
    border: 1px #ddd solid;*/
    margin: 0 0 1em 0;
    padding:0;
  }

  form.yform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0;
    padding: 0.5em 1em 0.5em 0;
  }

  form.yform legend {
    font-size: 125%; font-weight: normal; color: #000;
  }

  form.yform label {
    color: #000;
  }

  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active {
    border: 1px #ED1C24 solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
/*    background: #454545 url(images/button_gray.png) top left repeat-x;*/
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit {
	color: #330;
	background-color: #CCCCCC;
}

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #666; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
    background: #666; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
    background: #666; color: #fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:block; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
  /*  width: 58.5%;*/
  }
  form.yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 25%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }

   table { width: auto; border-collapse:collapse;  }

  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

 td{ padding: 0; margin:0; line-height:1em; }
tr { padding:0; margin:0;}

  tbody tr:hover td { background: #fff8f8; }