body {
    font-family: Sans-Serif;
    background: #dedfde;
    padding-top: 0.5em;
    font-size: 1.0em;
}

h1, h2, h3, h4, h5 {
    font-family: Garamond, Serif;
}

/*******************************************************
    Main Document Structure Layout
    ******************************************************/

#main {
        width: 54em;
        border: 1px solid #000;
        background-color: #fff;
        background-image: url("head_bg_repeat.gif");
        background-repeat: repeat-x;
        margin: 0 auto; 
        padding: 0;
}

#header {
    height: 75px;
    background-image: url("head.gif");
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
}

#footer {
    height: 30px;
    background-image: url("bottom_bg_repeat.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    clear: both;
}

#content {
    margin: 1em;
    margin-left: 12.5em;
    margin-right: 1.5em;
}

/*******************************************************
    Menu Layout
    ******************************************************/

#menu {
    font-size: 1.1em;
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    border-left: 0;
    width: 10em;
    background: #fff;
}

#menu div {
    background-color: #fff;
    background-image: url("pixel.gif");
    background-position: left center;
    background-repeat: repeat-x;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2.7em;
    font-size: 1em;
}

#menu div.top {
    margin-top: 1.0em;
}

#menu div.bottom {
    margin-bottom: 1.0em;
}

#menu div.spacer {
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}

#menu a:link, #menu a:active, #menu a:visited, #menu a:hover, #menu div div {
    background-color: #000;
    background-image: url("shadow.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 1.5em;
    color: #fff;
    font-family: sans-serif;
    font-size: 0.8em;
    padding: 0.2em;
    padding-left: 0.5em;
    padding-bottom: 0.4em;
    display: block;
    text-decoration: none;
    font-style: italic;
}

#menu a:hover {
    background-color: #aaa;
    color: #000;
    font-weight: bold;
}

/*******************************************************
    Text Layout
    ******************************************************/

h1, h2, h3, h4 {
    text-align: center;
    border-bottom: 2px solid #777;
    color: #777;
    margin: 0;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 0.5em;
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    border-bottom: 1px solid #777;
    font-size: 1.4em;
    margin-left: 0em;
    margin-right: 0em;
}

h3 {
    border-bottom: 1px solid #777;
    font-size: 1.3em;
}

h4 {
    border-bottom: 1px solid #777;
    font-size: 1.1em;
    margin-left: 0em;
    margin-right: 0em;
}




p {
    font-size: 1.0em;
    margin-top: 0em;
    margin-bottom: 1em;
}

a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    color: #A52A2A;
}

a:hover {
    color: #C54A4A;
    text-decoration: underline;
}

a#image:hover {
    color: #C54A4A;
    text-decoration: none;
}

div.important {
    margin: 1em;
    border: 1px dashed #A52A2A; 
    padding: 0.25em;
    background: #F5EACA;
}


/**********************************************************
    Achievements
    ********************************************************/

div.achievements {
	display: table;
}

div.achievements div {
	display: table-row;
}

div.achievements div div {
	display: table-cell;
    padding: 1.0em 0.5em;
	vertical-align: top;
}


div.achievements div div div {
    color: #777;
    border: 1px solid #A52A2A; 
    text-align: center; 
    padding: 0.25em 0.5em; 
    font-size: 1.8em;
    font-family: Garamond, Serif;
}


/**********************************************************
    Members Overview
    ********************************************************/

div.members_first, div.members_third, div.members_second, div.members_fourth, div.members_base, div.members_director,
    div.members_drums, div.members_placeholder {
    font-size: 0.7em;
    width: 6em;
    height: 4.4em;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding-top: 1.6em;
    position: absolute;
    margin: 0.2em;
}

div.members_placeholder {
    border: 1px solid #fff;
}

div.members_first {
    background: #ffdddd;
}

div.members_second {
    background: #ddffdd;
}

div.members_third {
    background: #ddddff;
}

div.members_fourth {
    background: #ffffdd;
}


div.members_base {
    background: #ffddff;
}

div.members_drums {
    background: #ffffff;
}


div.members_director {
    background: #ddffff;
}

div.members_stage {
    font-size: 0.875em; 
    background: #eee; 
    position: relative; 
    min-height: 32.3em;
    height: 32.3em;
    margin-bottom: 1em;
    max-width: 41em;
}

div.legend_first, div.legend_second, div.legend_third, div.legend_fourth, div.legend_base, div.legend_director, div.legend_drums {
    min-height: 1.4em;
}

div.legend_first div, div.legend_second div, div.legend_third div, div.legend_fourth div, div.legend_base div, div.legend_director div, div.legend_drums div {
    border: 1px solid #ccc;
    min-width: 1em;
    min-height: 1em;
    float: left;
    margin-right: 0.5em;
}

div.legend_first div {
    background: #ffdddd;
 }

div.legend_second div {
    background: #ddffdd;
}

div.legend_third div {
    background: #ddddff;
}

div.legend_fourth div {
    background: #ffffdd;
}


div.legend_base div {
    background: #ffddff;
}

div.legend_director div {
    background: #ddffff;
}

br.members_next_line div {
    margin-top: 3.6em;
}


/**********************************************************
    Terminübersicht
    ********************************************************/

table.dates {

}

table.dates tr td {
    padding-bottom: 8pt;
    vertical-align: top;
}

table.dates tr.old td {
    color: #5A5D5A;
}

table.dates tr.cancelled td {
    color: #5A5D5A;
}

table.dates tr.cancelled td.date {
	text-decoration: line-through;
}


table.dates tr.cancelled td div {
    color: #FF5D5A;
	font-style: italic;
}


table.dates tr.future td {
    color: #000000;
}

table.dates tr td.date {
    font-weight: bold;
    width: 10em;
}





/**********************************************************
    Images
    ********************************************************/

img.border {
    margin:1em; 
    border:1px solid; 
    padding: 0.15em;
}

img.right {
    vertical-align:text-top; 
    margin-left:1em; 
    margin-bottom:1em; 
    float:right; 
    border:1px solid; 
    padding: 0.15em;
}

img.left {
    vertical-align:text-top; 
    margin-right:1em; 
    margin-bottom:1em; 
    float:left; 
    border:1px solid; 
    padding: 0.15em;
}