body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	padding: 0; margin: 0; border: none;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
h2 {

	font-size: 18pt;
	color: #333333;
}

h3 {

	font-size: 16pt;
	color: #444;
}

h4 {

	font-size: 14pt;
	color: #555;
	font-weight: bold;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #006000;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #00CC00;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #00CC00;
	text-decoration: none;
}
.zeitung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	display: none;
	border: thin none;
}
hr {
	color: #000000;
	height: 1px;
}
.xlschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #6f6f6f;
	font-weight: bold;
	font-variant:small-caps;
}
.fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	line-height: 20pt;

}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; font-weight: bold;
	color: #333333;
}
#oben {
	position: absolute; text-align: center; padding:1%;
	top: 0;
	left:0;
	width:98%; border:none;
	background-image: url(bilder/garten_kl.jpg);
	background-repeat: no-repeat;
	background-color: #F0F0F0;
	background-position: right center;

}
#kopf {position: absolute; top: 100px; left:190px; width: 700px; text-align: center; }
#container {position: absolute; top: 189px; left:209px;  }
#main{position: absolute; top: 110px; left:202px;  }
#navigation {
	position: absolute;
	top: -2px;
	left:4px;
	width: 180px;
	background-color: #F0F0F0;
	padding: 150px 0px 200px;
	background-image: url(bilder/sk_logo_kl.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
}

#fuss {clear: both; padding: 30px 0;}
.veranstaltung {clear: both; width: auto; height:auto;  margin:  0 ; padding: 20px 0;}
.datum { display: block; float: left;  width: 150px; height: auto;}
.thema { display: block;  float: left;  clear: right; width: 500px; margin: 0; }
.titel {display: block; font-weight: bold; color: #333333;}
.wichtig {display: block; font-weight: bold; color: #FF3333;}
.interpret { display: block; font-weight: bold;color: #006000;}
.extra { display: block; font-style: oblique;}
.besetzung {margin: 20px 0; font-size: 12px; text-align: right; font-style: oblique; }
.programm {float: left;  width: 450px; margin: 0 0 0 20px; padding: 20px; background-color: #FFFFFF;}
.navpunkt {padding: 10px 2px 2px 20px; margin: 0 0 0 10px;
	background-image: url(bilder/noten_schl.gif);
	background-repeat: no-repeat;
	background-position: left; display: block;
	height: 26px; }
	.abstand {margin:20px 0;}
* html .navpunkt {height: 38px; h\eight:38px;}
.sub {display:block;padding: 2px 2px 2px 20px; margin: 0 0 0 10px;}
.url {display:block; margin-top:10px;}
.ticket {margin: 20px 0;	padding: 5px;	text-align: right;	border: 1px solid #999;background-color: #DDD;}