* {
 margin:0;
 padding:0;
 }

html, body {
 height:100%;
 width:100%;
 background:#f8e3af;
 font-family:verdana,helvetica,sans-serif;
 color:#ffffb3;
 letter-spacing:0.05em;
 }



/*Beginn Navigation*/
#navi {
 position:absolute; top:-30px;
 width:900px; height:15px;
 margin:7px;
 padding:4px;
 background:#f8e3af;
 color:#000;
 font-size:80%;
 word-spacing:1.5em;
 }

#navi a:link {
 text-decoration:underline;
 color:#000;
 }

#navi a:visited {
 text-decoration:underline;
 color:#825a33;
 }

#navi a:focus, #navi a:hover, #navi a:active {
 text-decoration:none;
 color:#ffffb3;
 border-bottom:5px solid #b7712c;
 background:#402000;
 }

#navi ul li {
 display:inline;
 list-style-type:none;
 }

#navi ul {
 text-indent:0;
 }

#seite {
 color:#ffffb3;
 border-bottom:5px solid #b7712c;
 background:#b7712c;
 padding:3px;
 }
/*Ende Navigation*/



/*Beginn Positionierungen*/
#inhalt {
 position:absolute; top:27px; left:80px;
 width:900px; height:500px;
 background:#b7712c;
 color:#000;
 }

#text {
 position:absolute; top:50px; left:330px;
 width:481px; height:480px;
 background:#402000;
 padding:30px;
 color:#ffffb3;
 }

#vieltext {
 position:absolute; top:50px; left:330px;
 width:500px; height:480px;
 background:#402000;
 color:#ffffb3;
 padding:30px;
 overflow:auto;
 border-right:1px solid #402000;
 }

#formular {
 position:absolute; top:50px; left:265px;
 width:545px; height:480px;
 background:#402000;
 color:#ffffb3;
 padding:30px;
 overflow:auto;
 border-right:1px solid #402000;
 }

#foto {
 position:absolute; top:50px; left:330px;
 width:480px; height:480px;
 background:#402000;
 padding:30px;
 overflow:auto;
 border-right:1px solid #402000;
 }

#start {
 position:absolute; top:110px; left:50px;
 }

#autor {
 position:absolute; top:530px; left:80px;
 font-size:70%;
 color:#000;
 }

#auswahl {
 position:absolute; bottom:30px; left:25px;
 }

#auswahl a:link, #auswahl a:visited, #auswahl a:focus {
 text-decoration:underline;
 color:#000;
 }

#auswahl a:hover, #auswahl a:active {
 text-decoration:none;
 color:#000;
 }

#termine li {
 margin-top:30px;
 margin-left:50px;
 text-indent:-50px;
 }
/*Ende Positionierungen*/



/*Beginn Formatierungen*/
a:link {
 text-decoration:underline;
 color:#ffffb3;
 }

a:visited {
 text-decoration:underline;
 color:#b27b46;
 }

a:focus, a:hover, a:active {
 text-decoration:none;
 color:#ffffb3;
 }

#foto a:link, #foto a:visited, #foto a:focus {
 text-decoration:none;
 color:#402000;
 }

#foto a:hover, #foto a:active {
 text-decoration:none;
 color:#402000;
 }

h1, h2, h3, p {
 margin-bottom:1em;
 }

blockquote {
 margin-bottom:1.5em;
 }



/*Beginn Listen*/
.liste {
 margin-bottom:20px;
 margin-top:20px;
 }

ul {
 list-style-type:none;
 text-indent:3em;
 }

ul.druck li {
 margin:.9em;
 }

.lesbar li {
 margin-top:30px;
 text-indent:0;
 }

.repertoire ul {
 list-style-type:none;
 text-indent:0;
 }

.repertoire li {
 margin-top:30px;
 margin-left:50px;
 text-indent:-50px;
 }
/*Ende Listen*/



/*Beginn Formular*/
form {
 margin-top:20px;
 }

fieldset {
 display:block;
 padding:0.5em;
 margin-top:20px;
 border:1px solid #b7712c;
 }

legend {
 font-size:70%;
 color:#b7712c;
 }

label {
 vertical-align:top;
 }

.form {
 margin-top:0.5em;
 text-align:right;
 }

.feld {
 background-color:#f8e3af;
 border:none;
 width:250px;
 color:#000;
 }

.feldklein {
 background-color:#f8e3af;
 border:none;
 width:35px;
 color:#000;
 }

.feldmittel {
 background-color:#f8e3af;
 border:none;
 width:70px;
 color:#000;
 }

input:focus, textarea:focus {
 background-color:#fff;
 }

#button {
 background-color:#f8e3af;
 color:#000;
 width:90px;
 text-align:center;
 border-width:2px;
 border-color:#402000;
 border-style:outset;
 }

#zurueck-button {
 background-color:#f8e3af;
 color:#000;
 width:150px;
 text-align:center;
 border-width:2px;
 border-color:#402000;
 border-style:outset;
 }
/*Ende Formular*/



/*Ende Formatierungen*/