@charset "utf-8";
/* CSS Document */

body {
  background-color:#cf9948;
}

a, a:visited {
  color:#9c6717;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#page {
  margin:1em auto;
  width:850px;
  color:#6f5227;
}

#header, #content, #footer {
  background:#ffeed4 url(../bilder/bg-content.png) repeat-y;
}

.top-bg {
  background:url(../bilder/bg-top.png) no-repeat;
  height:5px;
}

.bottom-bg {
  background:url(../bilder/bg-bottom.png) no-repeat;
  height:5px;
  clear:both;
}

#header {
  background:url(../bilder/banner.png) center no-repeat;
  margin-bottom:1em;
  height:110px;
}

#header h1 {
  display:none;
  font-size:2.8em;
  margin-left:2.5em;
  padding:0.5em;
}


#header h1 a {
  color:#cf4848;
}

#header h1 a:hover {
  text-decoration:none;
}

#header h1 img {
  vertical-align:middle;
  margin-left:2em;
}

#content {
  margin-bottom:1em;
  overflow:hidden;
  height:100%;
}

#text {
  float:left;
  width:600px;
  margin:1em;
  padding-right:1em;
  border-right: 2px solid #cf9948;
  line-height:1.2em;
        position: relative;
}

#text h1 {
  font-size:1.5em;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:0.05em;
  margin-bottom:1em;
  padding-bottom:0.4em;
  border-bottom: 2px solid #cf9948;
}

#text p {
  margin-bottom:1.5em;
}

#navigation {
  float:right;
  width:200px;
}

#navigation ul {
  margin-left:1em;
  margin-top:1em;
}

#navigation li {
  font-size:1.3em;
  padding:0.2em 0 0.2em 0.5em;
  background:url(../bilder/arrow.gif) no-repeat center left;
}

#footer {
  text-align:center;
}

#footer span {
  display:block;
  padding:1em;
}

#footer .validator {
  padding:0.5em 1em;
}

.loading {
  margin: 1em;
  padding:2.2em;
  text-align:center;
  background:url(../bilder/loading.gif) no-repeat 50% 5px;
  font-weight:bold;
  font-size:1.05em;
}

/* Pages */

/* Home */
.portrait {
  float:left;
  margin:0 0.5em 1em 0;
}

/* Bio */
.submenu {
  overflow: hidden;
  margin-bottom:1em;
  border-bottom:1px solid #CF7E48;
}
.submenu li {
  float: left;
  margin-right: 5px;
  line-height:1.5em;
}
.submenu li a {
  display: block;
  padding: 0.25em;
  font-weight:bold;
}

.submenu li.active {
  background-color:#CF7E48;
}
.submenu li.active a {
  color:#FFEED4;
}

/* Links */
.linklist li {
  padding:0.2em 0;
  list-style-type: square;
  list-style-position:inside;
}

/* Werke */
.werke {
  width:100%;
}

.werke th {
  text-align:left;
}

.werke tr {
  border-bottom:1px solid #cf9948;
}

.werke td {
  padding:0.5em 0;
  vertical-align:top;
}

.werke td a {
  background:url(../bilder/information.png) no-repeat;
  padding-left:18px;
}

.werke td a.verlag_link, .werke td a.audio_link, .werke td.linktotop a {
  background:none;
  padding:0;
}

.werke td.audiofile a {
  background: #FFEED4 url(../bilder/audio.png) no-repeat;
  width: 22px;
}

.werke td.audiofile a:hover {
  text-decoration: none;
}

.tab-menu {
  border-bottom:2px solid #CF7E48;
  position:relative;
  margin-bottom: 50px;
  height:25px;
}

.tab-menu ul {
  border-bottom:2px solid #CF7E48;
  height:25px;
  width: 100%;
}

.tab-menu li {
  margin:0;
  padding:0;
  float:left;
  line-height:1.5em;
}
.tab-menu li a {
  padding:0 .5em;
  font-weight:bold;
  font-size:0.9em;
}
.tab-menu li.tab-selected a, .tab-menu .tab-selected .tab-selected a {
  text-decoration:none;
  color:inherit;
  color:#FFEED4;
}

ul.tab-menu li.tab-selected {
  background-color:#CF7E48;
}

.tab-menu ul {
  display: none;
}

.tab-menu li.tab-selected ul {
  display: block;
  position:absolute;
  bottom:-40px;
  left: 0;
}

ul.tab-menu ul li {
  background: #ffeed4;
}

.tab-menu .tab-selected ul a {
  color: #9C6717;
}

.notes {
  line-height:2em;
}

.info {
  font-size: 0.9em;
  margin-left:1em;
}

.popup_info {
  color:#6F5227;
}

#facebox .dialog-content h2.title {
  font-size:1.2em;
}

.popup_info hr {
  border:0;
  border-bottom:1px solid #cf9948;
}

.popup_info p {
  margin-bottom:1em;
  line-height:1.2em;
}

.popup_info strong {
  float:left;
  width:150px;
}

td.linktotop {
  text-align:center;
}

.popup_info blockquote {
  border-left:0.3em solid #cf9948;
  margin:2em 0;
  padding-left:1em;
  font-family:Verdana, Geneva, sans-serif;
  font-size:0.9em;
  font-style:italic;
  width:95%;
  text-align:justify;
}

#search {
    position: absolute;
    top:-5px;
    right: 15px;
		display: none;
}

#search #q {
    width: 200px;
    padding: 4px;
    background: transparent;
    border:1px solid #CF9948;
}

/* Gallery */
#gallery {
  text-align:center;
}

#gallery li {
  float:left;
  width:45%;
  margin-left:4%;
  text-align:center;
  height:200px;
}

#gallery li span {
  display:block;
}

/* Diskography */
.disko li {
  padding-bottom:1em;
  border-bottom:2px solid #cf9948;
  margin:1em 0;
  overflow:hidden;
}

.disko li .noline li {
  border:0;
  padding:0;
  margin:0;
}

.disko p {
  margin-top:0.5em;
}

.disko span {
  float:right;
  width:50%;
}

.disko span.subinfo {
  float:none;
  font-weight:normal;
  display:block;
  width:100%;
}

.disko .noline span {
  float:left;
  width:50%
}

.disko a {
  color:#6f5227;
}

/* Publications */
.literature_section {
  font-size:1.5em;
  margin-bottom:0.7em;
}

.literature li {
  overflow:hidden;
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px solid #cf9948;
}

.literature h3 {
  width:100%;
  padding:0.4em;
  font-size:1em;
  margin-bottom:0.5em;
}


ul.literatur_info li {
  overflow: hidden;
  border:0;
  margin:0.1em;
  padding:0;
  font-size:0.75em;
  font-family:Arial, Helvetica, sans-serif;
}

.literatur_text {
  border:1px solid #cf9948;
  margin-top:1em;
  padding:0.5em;
}

.literatur_info img {
  float: left;
}

.literatur_info ul {
  margin-top: 20px;
  list-style: square inside;
}

.literatur_info ul li {
  padding-left: 20px;
  font-size: 14px;
  line-height: 30px;
}

/* Publisher */
.publisher-list li {
  margin-bottom:1em;
  border-bottom:2px solid #cf9948;
}

.publisher-list .adr {
  margin:0.5em 0;
}

/* Contact */
#text p.contact {
  margin: 1.5em 0 0;
}

.contact h2 {
  display:inline;
}

#neuwerk label {
    display: block;
    margin-top:10px;
    font-weight:bold;
    font-size:16px;
}

#neuwerk #title, #neuwerk #info, #neuwerk #description {
    width: 90%;
    font-family: Arial, sans-serif;
    padding:1%;
}

#neuwerk #title {
    font-size:16px;
    line-height:1.5;
}

#neuwerk #description {
    height: 250px;
}