body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #1A2B7B;
	background-color: #ffcc33;
	margin: 0;
	padding: 0;
	text-align: center;
}
#body {
	margin: 1em;
}
form, h1, h2, h3, p {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom:0.8em;
}
form {
	display: inline;
}
ul, ol {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
ul li {
	list-style-position: outside;
	list-style-image: url(/i/zitrone.gif);
	margin-bottom: 0.3em;
}
ol li {
	margin: 1em auto;
}
.infobar {
	width: 13em;
	float: left;
	padding-bottom: 3em;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
}
.infobox {
	border: 1px solid #EBE6EC;
	margin-top: 0px;
	padding: 0.2em;
	padding-left: 0.4em;
}
.infotitel, .info .infotitel {
	text-align: center;
	display: block;
	width: 100%;
	background-color: #EBE6EC;
	height: auto;
	margin:0px;
	margin-top: 1em;
	padding: .2em 0 .1em 0;
	font-size:1.2em;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a img {
	border:none;
}
.nolink {
	color: #1A2B7B;
	text-decoration: none;
	cursor: text;
}
.center {
	text-align: center;
}
.center img {
	margin:0px auto;
}
.right {
	text-align: right;
}
#logo {
	position: absolute;
	left: -40px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: center;
}
div {
	text-align: left;
}
#content {
	position: relative;
	width: 69em;
	margin: 0px auto;
}
#navigation {
	padding-top: 8.6em;
}
#contentbar {
	float: left;
	width: 40em;
	padding: 0 1em 3em 1em;
}
#link {
	position: absolute;
	left: -1000px;
}
h1, h2, h3 {
	font-size: 2em;
	font-weight: normal;
	display: block;
	width: 100%;
	background-color: #EBE6EC;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.blau {
	background-color:#EBE6EC;
	padding:0.8em;
}
.orange {
	background-color:#FFCC33;
	padding:0.8em;
}
.datum {
	text-align: right;
	font-size: 1.4em;
	margin-bottom: .6em;
	clear: both;
}
div.rel {
position:relative;
text-align: justify;
}
.entfall {
position:absolute;
top:15px;
left:60px;
}
.termin {
position:absolute;
top:15px;
right:0px;
}
.uhrzeit {
position:absolute;
top:0px;
left:0px;
}
.dauer {
position:absolute;
top:0px;
left:130px;
}
.geeignet {
position:absolute;
top:0px;
left:330px;
width:165px;
}
.titel {
display:inline;
font-size:12pt;
font-weight:bold;
background: none;
}
.float {
float: right;
margin-left: 5px;
}
.schule {
font-weight:bold;
}
.spielleitung {
white-space:nowrap;
}
.rezension {
text-align:justify;
line-height:150%;
padding-top:8px;
}
.rezension img {
float:left;
border:1px solid #1A2B7B;
margin-right:10px;
}
.rezension .von {
clear:both;
text-align:right;
}
form.longform table {
	margin: 0 auto;
	text-align: center;
}
form.longform th {
	font-weight: normal;
	text-align: left;
}
form.longform td {
	text-align: right;
}
input, textarea, select {
	vertical-align: baseline;
	padding: .1em .2em .07em .2em;
}
form.longform input, input.longform, form.longform select, select.longform {
	width: 23em;
}
form.longform textarea {
	width: 100%;
}
div.error {
	margin: 1em auto;
	padding: 1em;
	background-color: #c00;
	color: #fff;
}
#anmeldung {
	background-color: #fff;
	padding: 1em;
	margin: 1em auto;
}
#anmeldung small {
	font-size: .85em;
}
#anmeldung table {
	width: 100%;
}
#anmeldung table td {
	width: 50%;
	margin: 0;
	padding: .15em .3em .15em 0;
}
#anmeldung input, #anmeldung textarea, #anmeldung select {
	width: 16em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#anmeldung td.long input, #anmeldung td.long textarea, #anmeldung td.long select {
	width: 34em;
}
#anmeldung input.error, #anmeldung textarea.error, #anmeldung select.error {
	border: 2px solid #c00;
	border-color: #c00 #f66 #f66 #c00;
	background-color: #ff9;
}
.anmeldung_adresse {
	width: 100%;
	margin: 1em auto 1em 3em;
}

.info h1, .info h2, .info h3 {
	font-size: 2em;
	font-weight: normal;
	display: block;
	width: 100%;
	background-color: #EBE6EC;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.info h1 span, .info h2 span, .info h3 span {
	font-size: 60%;
}
.info h4, .info h5, .info h6 {
	display: inline;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.info .content {
	padding: 0;
	margin: 0 0 1.2em 0;
}

img.logo_stk {
	width: 42px;
	height: 30px;
	float: left;
	margin:2px 4px 0 0;
}
div.galeriebild {
	width: 170px;
	float: left;
	text-align: center;
	padding-bottom: 10px;
}
div.galeriebild img {
	width: 160px;
	height: 160px;
}
.clear {
	clear: both;
}

@media print {
#infobar {
	display: none;
}
#content {
	width: auto;
	margin: 0px auto;
}
#contentbar {
	width: auto;
}
}