body, html {
margin: 0; padding: 0;
background-color: #E8EAF0;
}
html>body, html>body div#metanav {
height: auto;
}
html>body, html>body div#balkenleft {
height: 100%;
}
html>body, html>body div#bgleft {
height: 100%;
}
html>body, div#content {
width: 100%;
}
div#top {
position: absolute; margin-top: 0px; margin-left: 0px;
background-color: #020318;
width: 100%;
}
div#balkentop {
position: absolute; margin-left: 0; margin-top: 0;
background-color: #A37175;
font-size: 2.2em;
width: 250px;
}
div#logo {
position: relative; margin-top: 0px;
float: right;
font-size: 2.2em;
font-family: Helvetica, Arial, sans-serif; color: #828CA3;
background-color: #020318;
}
/* Balken left */
div#balkenleft {
position: absolute;
bottom: 0;
background-color: #393947;
width: 22px;
height: 100%
}
/* backgroundleft */
div#backgroundleft {
position: absolute; margin-top: 0px; margin-left: 22px;
background-color: #020417;
width: 228px;
height: 100%;
}
/* content*/
div#content {
position: absolute; margin-top: 70px; margin-left: 270px; margin-right: 150px;
font-family: Helvetiva, Arial, sans-serif;
width: 600px;
}
div#content h1 {
font-size: 1.2em;
}
.h1underline {
border-bottom: 3px solid #A37175;
}
div#content h2 {
color: #A37175;
font-size: 1.0em;
}
div#content h3 {
color: #A37175;
font-size: 0.8em;
}
div#content p {
font-size: 0.9em;
}
div#content ul {
font-size: 0.9em;
line-height: 0.9em;
}
div#content li {
font-size: 1.0em;
line-height: 1.0em;
margin-top: 0.6em;
list-style-type: none;
}
div#content a:link, div#content a:visited {
color: #A37175;
text-decoration: none;
}
div#content a:hover {
color: #636A80;
text-decoration: none;
}
div#kasten {
position: absolute; width: 160px;
float: right;
top: 80px; right: 2px;
padding: 2px 2px 2px 2px;
border: 1px solid #A37175;
}
div#kasten p.a:link, p.a:visited {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 12px;
}
.zitat {
font-style: italic;
font-size: 0.8em;
text-align: right;
}
.titel {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #A37175;
}
.einzug {
font-size: 1.0em;
padding-left: 15px;
}
/* table formular */
table#form {
border: 1px solid;
border-color: #A37175;
width: 450px;
font-family: Helvetica, Arial, sans-serif;
}
table#form td {
border: 1px solid;
border-color: #A37175;
padding: 2px; margin: 0;
font-size: 0.9em;
}
table#form td.label {
padding: 2px; margin: 0;
font-size: 0.9em;
text-align: right;
}
table#form td.left {
padding: 2px; margin: 0;
width: 120px;
background-color: #FDF6F7;
border-right: 1px solid;
padding: 2px; margin: 0;
font-size: 0.9em;
text-align: right;
}
/* Tabelle Weltmusik*/
table#weltmusik {
width: 400px;
font-family: Helvetica, Arial, sans-serif;
size: 0,9em;
padding-left: 80px;
}
table#weltmusik td {
font-size: 0.9em;
text-align: center;
}
table#weltmusik td a, td a:visited {
font-size: 0.9em;
}
table#weltmusik td img {
font-size: 0.9em;
text-align: center;
}
/* Ende Tabelle Weltmusik */
/* Tablle Termine */
table#termine {
width: 600px;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
vertical-align: top;
}
table#termine td {
border-bottom: 1px dashed;
border-color: #A37175;
padding: 2px; margin: 0;
font-size: 0.9em;
vertical-align: top;
}
/* Ende Tabelle Termine */
/* MainNavigation */
div#mainnav {
position: absolute; top: 280px; left: -25px;
float: left;
font-size: 17px;
font-family: Helvetica, Arial, sans-serif; color: #636A80;
text-decoration: none;
width: 100%;
}
div#mainnav ul {
font-size: 18px;
font-family: Helvetica, Arial, sans-serif; color: #828CA3;
line-height: 18px;
text-decoration: none;
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
}
div#mainnav li a {
display: block;
line-height: 18px;
}
div#mainnav a:link, div#mainnav a:visited {
color: #636A80;
text-decoration: none;
}
div#mainnav a.navlessky:link, div#mainnav a.navlessky:visited {
border-left: 0.3em solid #8383A3;
}
div#mainnav a.navprogramm:link, div#mainnav a.navprogramm:visited {
border-left: 0.3em solid #A37175;
}
div#mainnav a.navorchester:link, div#mainnav a.navorchester:visited {
border-left: 0.3em solid #A39A6E;
}
div#mainnav a.navtermine:link, div#mainnav a.navtermine:visited {
border-left: 0.3em solid #6CA365;
}
div#mainnav a.navfotogalerie:link, div#mainnav a.navfotogalerie:visited {
border-left: 0.3em solid #68A3A2;
}
div#mainnav a.navmedien:link, div#mainnav a.navmedien:visited {
border-left: 0.3em solid #B94B3F;
}
div#mainnav a.navweltmusik:link, div#mainnav a.navweltmusik:visited {
border-left: 0.3em solid #E6E78D;
}
div#mainnav a.navproduktion:link, div#mainnav a.navproduktion:visited {
border-left: 0.3em solid #CA9C4C;
}
div#mainnav a:hover, div#mainnav a:active {
color: #828CA3;
text-decoration: none;
}
div#mainnav a.termine:link, div#mainnav a.termine:visited {
border-left: 0.6em solid #6CA365;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 20px;
}
div#mainnav a.lessky:link, div#mainnav a.lessky:visited {
border-left: 0.6em solid #8383A3;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 12px;
}
div#mainnav a.programm:link, div#mainnav a.programm:visited {
border-left: 0.6em solid #A37175;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 16px;
}
div#mainnav a.orchester:link, div#mainnav a.orchester:visited {
border-left: 0.6em solid #A39A6E;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 16px;
}
div#mainnav a.fotogalerie:link, div#mainnav a.fotogalerie:visited {
border-left: 0.6em solid #68A3A2;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 16px;
}
div#mainnav a.medien:link, div#mainnav a.medien:visited {
border-left: 0.6em solid #B94B3F;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 9px;
}
div#mainnav a.weltmusik:link, div#mainnav a.weltmusik:visited {
border-left: 0.6em solid #E6E78D;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 16px;
}
div#mainnav a.produktion:link, div#mainnav a.produktion:visited {
border-left: 0.6em solid #CA9C4C;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif; color: #A37175;
padding: 2px 2px 2px 16px;
}
/* MetaNavigation */
div#metanav {
position: absolute; bottom: 0; margin-left: 22px;
padding: 5px 0px 10px 0px;
font-size: 14px;
text-align: center;
font-family: Helvetica, Arial, sans-serif; color: #020318;
background-color: #A37175;
width: 228px;
}
div#metanav a:link, div#metanav a:visited {
color: #020318;
text-decoration: none;
}
div#metanav a:hover {
color: #FFF;
text-decoration: none;
}
div#img {
position: absolute; margin-left: 88px; margin-top: 40px;
width: 140px;
height: 210px;
}
/* Formatierung Fotoalbum */
#albumlist {
list-style-type: none;
display: inline;
}
#albumlist li {
float: left;
margin-right: 35px;
margin-bottom: 5px;
}
#albumlist li a {
font: 11px Helvetica, Arial, sans-serif;
color: #A37175;
text-decoration: none;
}
#albumlist li a:visited {
font: 11px Helvetica, Arial, sans-serif;
color: #A37175;
text-decoration: none;
}
#albumlist li a:hover {
font: 11px Helvetica, Arial, sans-serif;
color: #020318;
text-decoration: none;
}
#albumlist img {
display: block;
}
/* Ende der Formatierung Fotoalbum*/