@charset "utf-8";

body {
 width:100%;
 height:100%;
 padding:0px;
 margin:0px;
 padding:0px;
 left:0px;
 background: #fff7ac url(images/links_unten.jpg) no-repeat fixed;
 background-position:left bottom;
 color:maroon;
 font-family: Verdana, Helvetica, sans-serif;
}

#kopf {
 position:absolute;
 z-index:2; 
 height:100px;
 width:100%;
 max-height:100px;
 left:0px;
 background:#ecf3fb url(images/oben_links.jpg) no-repeat;
 border-bottom: solid black 1px;
 text-align:center;
}

#navlinks {
 position:absolute;
 top:0px;
 left:0px;
 bottom:0px; 
 width:200px;
 padding-top:100px;
 float:left;
}
#aktiv {
 background-color:red;
}

#navrechts {
 width:200px;
 right:0px;
 margin-top:100px;
 padding:0px;
 float:right;
 border-left:solid 1px black;
 border-bottom:solid 1px black;
}

#inhalt {
 min-height:500px;
 height:100%;
 margin-left:200px;
 padding:10px;
 padding-top:110px;
 background: transparent url(images/RECHTS.jpg) no-repeat fixed;
 background-position: right bottom;
}

#weg {
position:fixed;
z-index:0;
left:0px;
bottom:0px;
}

#fuss {
 padding-left:200px;
 padding-right:0px;
 clear:both;
 text-align:right;
 padding-top:10px;
}

#monat {
	border-bottom:dashed 1px maroon;
	font-size:18pt;
	padding:10px;
}


#navlinks ul {
	position:absolute;
	z-index:2;
	width:201px;
	top:101px;
        list-style:none;
        margin:0px;
        padding:0px;
        background-color:transparent;
        font: normal small-caps 12pt/2em "Times New Roman";
        text-align:center;
        overflow:hidden;
}

#navlinks ul li a:link, #navlinks ul li a:visited {
        display:block;
        width:100%;
        text-decoration:none;
        font-weight:bold;
        color:black;
}

#navlinks ul li {
        margin:0px;
        padding:0px;
        background-color:gold;
        border-right: solid 1px black;
        border-bottom: solid 1px black;
}

#navlinks ul li a:hover {
        display:block;
        background-color:#fff7ac;
        letter-spacing:0.3em;
        color:black;
}

#navlinks ul li a:active {
        display:block;
        background-color:orange;
}

/* Bilder im Text */
.contentbild_lo { /* links oben */
	border: solid 1px maroon;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}

.bildbox_l {/* links */
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	text-align:left;
}

.contentbild_l {/* links */
	border: solid 1px maroon;
}

.bildbox_r {/* links */
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	float: right;
	text-align:right;
}

.contentbild_r {/* rechts */
	border: solid 1px maroon;
}

.contentbild_ru {/* rechts unten */
	border: solid 1px maroon;
	margin-top: 1em;
	margin-left: 1em;
	float: right;
}

.content img {
	border: solid 1px maroon;
}

td {
	vertical-align:top;
}

ul.kurz li {
	margin-bottom:10px;
}

ul#vita {
	list-style:outside;
	}
ul#vita li {
	padding:10px;
}

table#daten td {
	padding:10px;
}


#noborder img {
	border: solid 0px black;
}


h1 {
	text-align: center;

	font-size: 18pt;
	font-weight: 400;
	line-height: 1.5em
}

h2 {
	text-align: center;

	font-size: 16pt;
	font-weight: 400;
	line-height: 1.5em;
}

h3 {
	text-align: center;

	font-size: 14pt;
	font-weight: 400;
	line-height: 1.5em;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	line-height: 1.5em;
}

div.cd h2 {
	text-align: center;
	font-size: 12pt;
	font-weight:bold;
	line-height: 1.5em;
	}

#presse p {
	font-style:italic;
}

#presse h1 {
	text-align:center;
	font-size: 14pt;
}

#presse h2 {
	text-align:right;
	font-weight:bold;
}

tiwe { /*TitelWeite*/
	letter-spacing: 0.5ex;
}

tika { /*TitelKapit�lchen*/
	font-variant: small-caps;
}

em {
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	}

p.kritik {
	text-align: left;

	font-size: 12pt;
	font-style: italic;
	line-height: 1.5em;
}

.kritiker {
	display:block;
	text-align: right;

	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5em;
}

ul# {
}

ul#vita li {/* Liste f�r vita.php */
	list-style: inside none none;/*
	text-indent: 5em;*//*
	text-align: left;*/
}

ul.konzert li {
	list-style-position:inside;
	list-style-type: square;

	height: 1.5em;

	font-size: 12pt;
}

#interpreten li {
	list-style-type: none;
}

.flbx { /* FloatBox */
	float: left;
	display: block;
	
	width: 30%;
	height: 7.5em;

	font-weight: bold;
}

.box { /* Box */
	float: right;
	display: block;
	width: 200px;
	background-color: orange;
}


em {
	font-style: italic;
	letter-spacing: 0.2em;
}

ul.konzert li {
	list-style-position:inside;
	list-style-type: square;

	height: 1.5em;

	font-size: 12pt;
}

#interpreten li {
	list-style-type: none;
}

.flbx { /* FloatBox */
	float: left;
	display: block;
	
	width: 30%;
	height: 7.5em;

	font-weight: bold;
}

.box { /* Box */
	float: right;
	display: block;
	width: 200px;
	background-color: orange;
}

.lia { /* Wortanfang */
	font-weight: normal;
}

em {
	font-style: italic;
	letter-spacing: 0.2em;
}

.impressum {
	text-align:center;
}

.hoch {
	text-align:right;
}

p, ul {
	text-align:justify;
}

a:link,a:visited {
	text-decoration:underline;
	color:maroon;
}

a:hover, a:hover {
	text-decoration:underline;
	color:red;
}

.start td {
	padding:5px;
}

#interpreten td {
	padding:5px;
}
#interpreten td {
	padding:5px;
	vertical-align:top;
	line-height:30pt;
}

#chronik li {
	margin:0px;
	background-color:transparent;
	
	list-style:none;
	padding:10px;
	color:maroon;
}

#karten li {
	margin:0px;
	background-color:white;
	border-top:dashed 1px maroon;
	border-left:solid 5px maroon;
	list-style:none;
	padding:10px;
	color:maroon;
}

img, img a, img a:link, img a:visited, img a:hover, img a:active {
	border: solid 0px black;
}

img {
	vertical-align:middle;
}

.konzertMonat {
	margin-left:30%;
	margin-right:30%;
	border-bottom: solid 1px maroon;
}

.termin {
	margin: 0px 5%;
	height:3px;
	border:dashed 1px maroon;
}

td.TDdatum, td.TDzeit, td.TDort, td.TDkonzerttitel {
	text-align:left;
	vertical-align:top;
}

td.TDdatum {
	width:50px;
}


.datum {
	font-size:14pt;
}

.uhrzeit,.ort {
	display:block;
}

.uhrzeit,.ort {
	font-size:10pt;
	text-align:center;
}

.TDkonzerttitel {
}

.konzerttitel {
	font-variant:small-caps;
	font-weight:bold;

}

.interpret {
	font-size:10pt;
}

table.fotogal {
	text-align:center;
}
	
table.fotogal td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

table.fotogal img {
	vertical-align:middle;
}