body {
background-color: black;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
color: white;
font-size: 11px;
text-align: right;
text-transform:uppercase;
background-color:#B90000;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
padding: 1px 10px;
margin-top:2px;
color: #B90000;

}
h4 {
color: black;
font-size: 12px;
text-align: left;
border-bottom:2px solid #B90000;
padding:5px 10px;
margin:0px;
margin-bottom: 2px;
margin-top: 15px;

}

h5{
font-size: 18px;
padding: 0px;
margin: 5px 0px 10px;
}
.song {
font-style:italic;
}
.des {
padding-top: 0px;
}
.song-ref {
margin-bottom: 20px;
margin-left: 10px;

}

img.download {vertical-align:middle;}

#logo {
margin-top: 5px;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #CCD;

}

/* ----------banner for logo-------------- */
#banner {
background-color: black;
text-align: center;
padding: 0px;
margin-top: 10px;
}
#banner img {padding:10px 0px;}

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;

}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#navlist
{
padding: 0 0px 0px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: #EBD3E0;
width: 200px;;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 0px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }
#navlist li#aktive { border-color: #FF8000; }

#navlist li a:hover
{
border-color: #FF8000;
color: #FFF;
background: #332;
}
li#aktive {
border-color: #FF8000;
}

#second
{
padding: 0 0px 0px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: #EBD3E0;
width: 200px;;
}
#second li
{
list-style: none;
margin: 0;
border-top: 0px solid gray;
text-align: left;
}
#second li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 2em solid #AAB;
background: #CCD;
text-decoration: none;
}

#bandfoto {
float: left;
margin-right: 10px;
margin-left: 10px;
}
.galpic {
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
}
.date {
font-style: italic;
padding-left: 10px;
}

table.dates {
padding-left:10px;
width:600px;
}
th {
text-align: left;
}
img {
border: 0px;
}
#aktuelles {
background-color: #ffffff;
padding: 5px;
margin: 10px;
border: 2px dashed red;
}

.promo {
margin: 10px 10px 10px 10px;
float: left;
}

.clear {
   clear: both;
   line-height: 1px;
   font-size: 1px;
   height: 1px;
}

.songs{

margin: 5px;
padding: 5px;
background-color: #EEEEEE
}

#unten{
margin-top: 25px;
}

.right{
float: right;
}

#gbtable{
padding-left: 10px;
}
.dates{
}
.datum{
width: 100px;
padding-bottom: 10px;
vertical-align:top;
}

.ort{
width: 150px;
padding-bottom: 10px;
vertical-align:top;
}
.info: {
margin: 5px;
padding-bottom: 10px;
vertical-align:top;
}