html {
	overflow-y: scroll;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #0169B0;
}

#container {
	background-color: white;
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.5em;
	margin-top: 2em;
}

table {
	margin-left: auto;
	margin-right: auto;
}

td {
	background-color: white;
}

p {
	line-height: 1.5em;
}

.main {
	border-collapse: collapse;
	width: 60em;
}

.main_internal {
	border-collapse: collapse;
	width: 60em;
}

#logo {
	padding: 0.5em;
	margin: 0.5em;
	width: 9em;
	border: none;
	border-radius: 0.5em;
	background-color: white;
	box-shadow: 0.1em 0.1em 0.1em #666;
}

#title {
	margin: 1em;
	padding: 1em;
	border-bottom: 1px solid silver;
}

.main_title_intern {
	margin: 1em;
	padding: 1em;
	border-bottom: 1px solid silver;
	color: red;
	font-style: italic;
}

#title h1 {
	width: 20em;
	margin-left: 0.5em;
	font-style: italic;
}

/********************************************************
 Menu
********************************************************/
#menu {
	float: left;
}

#menu li.active {
	background-color: #BA0029;
	color: white;
}

#menu ul {
	padding-left: 3em;
	font-weight: bold;
}

#menu li {
	width: 5em;
	background-color: white;
	box-shadow: 0.1em 0.1em 0.1em #666;
	border-radius: 0.3em;
	text-align: right;
	list-style: none;
	padding: 0.2em 1.8em 0.2em 0.5em;
	margin: 0.5em 0.2em 0.5em 0.2em;
}

#menu li.inactive:hover {
	background-color: #DDDDDD;
}

#menu ul a {
	text-decoration: none;
}

#menu a:link {
	color: gray;
	background-color: transparent;
}

#menu a:visited {
	color: #0069AF;
}

/********************************************************
 Content
********************************************************/
#content {
	margin: 0em 0em 0em 10em;
	padding: 1em 1em 1em 2em;
	min-height: 35em;
	text-align: center;
	border-left: thin solid silver;
}

* html div#content {
	height: 1em;
	/* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}

#band-picture {
	width: 45em;
}

#konzerte {
	border-collapse: collapse;
	margin: 1em;
}

#konzerte thead {
	font-weight: bold;
}

#konzerte td {
	border: 1px solid silver;
	vertical-align: top;
	padding: 0.5em;
}

.konzert-date {
	width: 8em;
}

.konzert-time {
	width: 4em;
}

.konzert-event {
	width: 30em;
	text-align: left;
}

.mitglieder_liste,.springer_liste {
	border-collapse: collapse;
}

.mitglieder_liste td,.springer_liste td {
	border: 1px solid black;
	padding: 0.25em;
	white-space: nowrap;
}

.mitglieder_liste thead,.springer_liste thead {
	font-weight: bold;
}

.mitglieder_liste thead td,.springer_liste thead td {
	background-color: silver;
}

.mitgliederliste_legende {
	border-collapse: collapse;
}

.mitgliederliste_legende td {
	padding: 0.25em;
	border: 1px solid silver;
}

.personen_table {
	padding: 1em 1em 0.25em 0em;
	text-align: left;
	border-collapse: collapse;
}

.personen_table td {
	vertical-align: top;
	padding: 0em;
	border: none;
}

.person_table {
	padding: 0em 0em 1em 0em;
	text-align: left;
	border: solid gray 1px;
	border-collapse: collapse;
}

.person_table td {
	padding: 0.25em 1em 0.25em 1em;
	border: solid gray 1px;
	border-collapse: collapse;
}

#musiker {
	border-collapse: collapse;
	margin-top: 1em;
}

#musiker td {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0.5em 2.5em 0.5em 2.5em;
	text-align: left;
}

#musiker td.picture {
	text-align: center;
}

.musiker_liste {
	list-style: none;
	padding: 0em;
}

.musiker_liste li {
	padding-top: 0.25em;
}

.register {
	font-weight: bold;
}

.internal_title {
	font-size: 1.5em;
	padding: 0.2em;
	font-weight: bold;
	text-align: left;
}

.internal_subtitle {
	padding: 0.2em 0.2em 0.2em 2em;
	font-weight: bold;
	text-align: left;
}

.internal_separator {
	height: 2em;
}

.internal_content {
	padding: 1em 1em 1em 6em;
}

.sound_list {
	text-align: left;
	padding-left: 6em;
	list-style-type: none;
}

.sound_list li {
	padding: 0.1em;
}

#repertoire {
	border-collapse: collapse;
}

#repertoire td {
	border: 1px solid silver;
	font-size: small;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#repertoire td.init {
	font-weight: bold;
	font-size: large;
}

#repertoire ul {
	padding: 0.5em 2em 0em 2em;
}

#repertoire li {
	list-style: circle;
}

.internal_typ {
	padding: 2em 0em 1em 0em;
}

.internal_person_table {
	border: none;
	width: 35em;
}

.internal_person_table td {
	border: none;
}

.internal_person_table table {
	border-collapse: collapse;
}

.internal_person_table table td {
	border: 1px solid silver;
	padding: 0.25em 1em 0.25em 1em;
}

.internal_person_name {
	font-weight: bold;
	padding: 1em 1em 0.5em 5em;
	width: 20em;
	vertical-align: top;
}

.internal_person_detail_name {
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 8em;
	text-align: left;
	vertical-align: top;
}

.internal_person_detail_info {
	width: 16em;
	padding: 0.25em 0.25em 0.25em 0.25em;
}

.internal_person_detail_info ul {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
}

.internal_person_detail_info li {
	padding: 0em;
	margin: 0em;
}

.internal_person_image {
	width: 6em;
	vertical-align: top;
}

.internal_person_image img {
	width: 5em;
}

.internal_paragraph {
	padding: 0.2em 1em 0.2em 3em;
}

.internal_repertoire {
	border-collapse: collapse;
}

.internal_repertoire td {
	border: solid black 1px;
	padding: 0.25em 0.5em 0.25em 0.5em;
	vertical-align: top;
}

.internal_repertoire ul {
	list-style-type: square;
	margin: 0em 1em 0em 1em;
}

.internal_repertoire_titel {
	font-weight: bold;
}

.internal_repertoire_titel td {
	background-color: silver;
}

.contact div {
	margin: 0.5em;
	text-align: left;
}

.contacts {
	margin-top: 1em;
}

.contacts div {
	float: left;
	width: 40%;
	margin-top: 2em;
    margin-left: 1em;
	box-sizing: border-box;
}

.title {
	padding-bottom: 1em;
	font-weight: bold;
}

.errorTitle {
	font-weight: bold;
	color: #BA0029;
	margin: 1em 0 1em 0;
}

.errorInfo {
	color: #BA0029;
	margin: 1em 0 1em 0;
}

.intro {
	padding-bottom: 1em;
}

.links {
	padding-top: 1em;
}

.link_category {
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}

.link_logo img {
	height: 3em;
	padding: 1em;
}

.link_description {
	font-style: italic;
	width: 10em;
	padding: 1em;
}

.demo div {
	margin: 0.25em;
	text-align: left;
}

.ueberuns {
	padding-left: 2em;
	padding-right: 2em;
	text-align: justify;
}

.sound_table table {
	border-collapse: collapse;
}

.sound_table td {
	border: 1px solid silver;
	padding: 0.5em;
}

.sound_table thead {
	font-weight: bold;
}

.demo_title {
	font-weight: bold;
	text-align: left;
}

.demo_content {
	text-align: left;
	padding-left: 1em;
}

.demo_list {
	text-align: left;
	padding-left: 3em;
	list-style-type: none;
}

.directoryRoot {
	list-style-type: none;
}

.links_title {
	font-weight: bold;
	text-align: left;
}

.contact_title {
	font-weight: bold;
	text-align: left;
}

.contact_first_line {
	text-align: left;
	padding-left: 1em;
	font-weight: bold;
}

.contact_content {
	text-align: left;
	padding-left: 1em;
	margin: 0em;
}

.demo_list li {
	padding-bottom: 0.5em;
}

.presse_header {
	margin: 1em 1em 0 1em;
	text-align: left;
	font-weight: bold;
}

.presse_author {
	text-align: left;
	margin: 1em 1em 1em 2em;
	font-style: italic;
}

.presse_title {
	margin: 0 1em 0 2em;
	text-align: left;
	font-weight: bold;
}

.presse_content {
	text-align: justify;
	margin: 1em 1em 0 2em;
}

.presse_link {
	padding: 1em 1em 1em 2em;
}

#under-construction {
	margin-top: 2em;
}

#under-construction img {
	width: 6.9em;
}

/********************************************************
 Sound
********************************************************/
.soundDirectory {
	text-align: left;
	padding-left: 2em;
	list-style-type: none;
}

.soundFile {
	list-style: none;
	color: blue;
	font-weight: normal;
	margin-bottom: 0.25em;
}

.fileList {
	list-style: none;
	color: blue;
	font-weight: normal;
	margin-bottom: 0.1em;
}

.fileList img {
	width: 1.5em;
}

div#content {
	text-align: left;
}

ul.bemerkungen {
	list-style-type: square;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0.5em 0 1em;
}

form > input[type="image"] {
	vertical-align: middle;
	width: 2em;
}

form > input[type="submit"] {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	padding: 0.25em 0 0.25em 0.5em;
	border: none;
	background: none;
}

div.concerts {
	border-collapse: collapse;
	margin: 1em;
}

div.concerts > div {
	display: table-row;
}

div.concerts > div:nth-child(1) {
	font-weight: bolder;
}

div.concerts > div > div {
	display: table-cell;
	border: thin solid silver;
	padding: 0.5em
}

div.concerts > div > div:nth-child(3) {
	width: 100%;
}

div.concerts > div > div > div {
	padding: 0.2em 0.2em 0.2em 0;
}

ul.remarks {
	list-style-type: none;
	margin: 0.5em 1em 0.5em 0;
	padding-left: 0;
}

form {
	margin: 0;
}

ul.metaInfoList {
	list-style: none;
	font-size: 0.8em;
	margin: 0 0em 1em 0;
	color: #0169B0;
}

.musiker {
	margin: 2em;
	border-collapse: collapse;
}

.musiker ul {
	list-style: none;
	padding: 0 0.5em 0 0.5em;
}

.musiker > div > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 3em 0 3em;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

.musiker > div {
	display: table-row;
}

.musiker > div > div > ul > li {
	margin: 0.5em;
}

.musiker div div:nth-child(1) {
	font-weight: bold;
}

.musiker > div > div:nth-child(3) {
	width: 100%;
}