* {
 margin:0;
 padding:0;
 }

html, body {
 height:100%;
 width:100%;
 background:#daa520;
 font-family:verdana,helvetica,sans-serif;
 color:#ff0;
 letter-spacing:1px;
 scrollbar-base-color:#ffdf00;
 scrollbar-3d-light-color:#ffdf00;
 scrollbar-arrow-color:#804000;
 scrollbar-highlight-color:#ffdf00;
 scrollbar-darkshadow-color:#402000;
 scrollbar-shadow-color:#804000;
 scrollbar-face-color:#daa520;
 scrollbar-track-color:#a76018;
 }



/*Beginn Navigation*/
#navi {
 position:absolute; top:0; left:80px;
 width:900px; height:15px;
 margin-top:7px;
 background:#daa520;
 color:#402000;
 text-align:center;
 font-size:12px;
 word-spacing:10px;
 }

#navi a:link, #navi a:visited, #navi a:focus {
 border:1px dotted #daa520;
 text-decoration:underline;
 color:#402000;
 }

#navi a:hover, #navi a:active {
 border:1px dotted #402000;
 text-decoration:none;
 color:#402000;
 }
/*Ende Navigation*/



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

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

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

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

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

#autor {
 position:absolute; top:530px; left:80px;
 font-size:10px;
 letter-spacing:1px;
 color:#402000;
 }

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

#auswahl a:link, #auswahl a:visited, #auswahl a:focus {
 border:1px dotted #a76018;
 text-decoration:underline;
 color:#ff0;
 }

#auswahl a:hover, #auswahl a:active {
 border:1px dotted #ff0;
 text-decoration:none;
 color:#ff0;
 }
/*Ende Positionierungen*/



/*Beginn Formatierungen*/
a:link, a:visited, a:focus {
 border:1px dotted #804000;
 text-decoration:underline;
 color:#ff0;
 }

a:hover, a:active {
 border:1px dotted #ff0;
 text-decoration:none;
 color:#ff0;
 }

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

#foto a:hover, #foto a:active {
 border:0;
 text-decoration:none;
 color:#804000;
 }

h1, h2, h3 {
 margin-bottom:20px;
 }

/*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;
 }

.termine li {
 margin-top:30px;
 margin-left:50px;
 text-indent:-50px;
 }

.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;
 }

.feld {
 background-color:#a76018;
 border:none;
 width:250px;
 color:#ffff00;
 }

.feldklein {
 background-color:#a76018;
 border:none;
 width:114px;
 color:#ffff00;
 }

.r {
 text-align:right;
 width:150px;
 }

#button {
 background-color:#a76018;
 color:#ffd700;
 width:90px;
 text-align:center;
 border-width:2px;
 border-color:#804000;
 border-style:outset;
 }

#zurueck-button {
 background-color:#a76018;
 color:#ffd700;
 width:170px;
 text-align:center;
 border-width:2px;
 border-color:#804000;
 border-style:outset;
 }
/*Ende Formular*/



/*Ende Formatierungen*/