/* STYLES FOR BACKGROUND */

html {
background-color: #220716;
height: 101%}

body {
height: 100%;
margin: 0px;
min-height: 100%;
padding: 0px}





/* STYLES FOR LAYOUT */

#orgelsolist_heading {
background-image: url('www_img/background_banner.png');
background-repeat: no-repeat;
height: 200px;
margin: 0px auto 0px auto;
padding: 0px;
width: 800px}

#orgelsolist_content {
background-image: url('www_img/background_content.png');
background-repeat: repeat;
margin: 0px auto 0px auto;
padding: 0px;
width: 800px}

#orgelsolist_copyright_notice {
background-image: url('www_img/background_copyright.png');
background-repeat: no-repeat;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
width: 800px}

#orgelsolist_text {
margin: 0px auto 0px auto;
padding: 0px;
width: 600px}

#menu {
background: transparent;
margin: -10px auto 0px auto;
text-align: center;
width: 600px}





/* STYLES FOR LINKS & FORMS */

a:link, a:visited {
background: transparent;
color: #333333;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline}

a:hover {
background: transparent;
color: #000000;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline}

a:active {
background: transparent;
color: #333333;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline}

a.created_by:link, a.created_by:visited {
background: transparent;
color: #333333;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none}

a.created_by:hover {
background: transparent;
color: #333333;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline}

a.created_by:active {
background: transparent;
color: #333333;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none}

input, textarea {
background-color: #ffffff;
color: #111111;
font-family: arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal}

input.button {
background-color: #dddddd;
color: #000000;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-decoration: none}

input.button:hover {
background-color: #bbbbbb;
color: #000000;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-decoration: none}





/* STYLES FOR TEXT */

h1 {
background: transparent;
color: #000000;
font-family: arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold}

h2 {
background: transparent;
color: #111111;
font-family: arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold}

p {
background: transparent;
color: #111111;
font-family: arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal}

.bold {
font-weight: bold}

.copyright {
background: transparent;
color: #111111;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 0px 0px 0px 100px}

.creator {
background: transparent;
color: #333333;
float: right;
font-family: arial, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 0px 100px 0px 0px}

.italic {
font-style: italic}

.repertoire_komponist {
float: left;
margin: 0px 0px 0px 50px;
padding: 0px 10px 0px 0px;
text-align: left;
width: 180px}

.repertoire_titel {
float: left;
margin: 0px;
padding: 0px 10px 0px 0px;
text-align: left;
width: 300px}

.small {
font-family: arial, sans-serif;
font-size: 11px}