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

/**
 * allgemeine Stile
 */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0;
}

a {
	padding-left: 12px;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none;
	color: #FC7216;
	background: url(bilder/tatze.png) no-repeat left center;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	margin: 1.5em 0 0.8em;
	font-size: 1.5em;
	color: #606060;
}

h1 span {
	margin-left: 1em;
	font-size: 0.7em;
	font-weight: normal;
}

h2 {
	margin: 1.5em 0 0;
	font-size: 1.2em;
}

h3 {
	margin: 1.3em 0 0;
	font-size: 1em;
}

p {
	margin: 0.5em 0 0;
}

/**
 * Formular Stile
 */
form {
	margin: 1em 0 0;
	width: 41.5em;
}

label {
	position: absolute;
	width: 10em;
	text-align: right;
}

input, textarea {
	margin: 0 0 0 11em;
	width: 30em;
	font: inherit;
}

select {
	margin: 0 0 0 12em;
}

textarea {
	height: 20em;
}

form p.submit {
	text-align: right;
}

form p.submit input {
	width: auto;
}

p.fehler {
	margin-left: 11em;
	color: red;
}

/**
 * Stile für Seitenaufbau und Menüs
 */
div.kopf {
	margin: 0;
	height: 80px;
	background: url(bilder/kultursteuner_logo.png) no-repeat 25px #004D91;
}

/**
 * Hauptmenü
 */
ul.menu, ul.bilderliste {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu.haupt {
	position: relative;
	left: 282px;
	width: 0;
	padding: 42px 25px 0 0;
	white-space: nowrap;
}

ul.haupt li {
	display: inline;
	font-size: 1.5em;
	padding-right: 1.2em;
	line-height: 2em;
}

ul.haupt a {
	padding: 0.45em 0;
	font-weight: normal;
	background: none;
}

ul.haupt a:hover, ul.haupt a.aktiv:hover {
	color: #FC7216;
	text-decoration: none;
	background: url(bilder/tatze_unten.png) no-repeat 15px bottom;
}

ul.haupt a.oben:hover {
	text-decoration: none;
	background: url(bilder/tatze_oben.png) no-repeat 15px top;
}

ul.haupt a.aktiv {
	color: #FFFFFF;
}

/**
 * Untermenü
 */
ul.menu.unter {
	position: absolute;
	margin: 1.5em 0 0 40px;
	width: 220px;
	padding-bottom: 1em;
}

ul.unter li {
	margin-top: 0.5em;
	font-size: 1.2em;
	color: #004D91;
}

ul.unter a {
	padding: 0 0 0.5em;
	white-space: normal;
	font-weight: normal;
	background: none;
}

ul.unter a.bild, ul.unter a.bild:hover {
	padding: 0;
	background: none;
}

ul.unter img {
	margin: 0 0.6em 0 0;
}

ul.unter a:hover, ul.unter a.aktiv:hover {
	color: #FC7216;
	text-decoration: none;
	background: url(bilder/tatze_rechts.png) no-repeat 15px bottom;
}

ul.unter a.links:hover {
	text-decoration: none;
	background: url(bilder/tatze_links.png) no-repeat 5px bottom;
}

ul.unter a.aktiv {
	color: #004D91;
}

/**
 * Stile für Inhalt
 */
div.inhalt {
	position: absolute;
	left: 280px;
	padding: 0 25px 25px 0;
}

span.name {
	white-space: nowrap;
	font-weight: bold;
	color: #505050;
}

div.inhalt img, div.inhalt a.bild {
	float: right;
	margin: 0 0 1em 1.5em;
}

div.inhalt img {
	border: #606060 solid 1px;
	background: #FFFFFF;
	padding: 2px;
}

div.inhalt a.bild {
	padding: 0;
	background: none;
}

div.inhalt a.bild img {
	float: none;
	margin: 0;
	vertical-align: middle;
	border-color: #FC7216;
}

div.inhalt a.bild:hover img {
	border-width: 2px;
	padding: 1px;
}

/**
 * Stile für Produktionen
 */
a.programm {
	clear: both;
	float: right;
	margin: 0 0 1em 1.5em;
}


/**
 * Stile für alte Bildgalerie
 */
ul.bilderliste li {
	float: left;
}

ul.bilderliste li a {
	background: none;
	padding: 0;
}

ul.bilderliste img {
	float: none;
	display: block;
	margin: 0 20px 0 0;
}

div.inhalt.galerie {
	margin: 2em 0 0;
}

div.bild a {
	background: none;
	padding: 0;
}

div.bild img {
	float: left;
	margin: 0.5em;
}

/**
 * Stile für Bildgalerie
 */
div.bildbehaelter {
	width: 572px;
	text-align: center;
}

div.bildbehaelter div.steuerung {
	margin: 2em 0 1em;
}

div.bildbehaelter div.steuerung a {
	padding: 0 0.4em 0;
	background: none;
}

div.bildbehaelter div.steuerung span {
	padding: 0 0.4em 0;
	font-weight: bold;
	color: #FCC99B;
}

div.bildbehaelter div.steuerung span.aktiv {
	color: #004D91;
}

div.bildbehaelter a.bild {
	float: left;
	width: 274px;
	height: 273px;
	margin: 6px;
	text-align:	center;
}

div.bildbehaelter img {
	float: none;
	margin: 6px;
}

div.bildbehaelter a.bild span {
	line-height:	270px;
	padding-left: 1px;
}

div.bildbehaelter p {
	clear: both;
}

div.inhalt div.bildbehaelter {
 margin-top: 1.5em;
}

/**
 * Stile für Pressebereich
 */
div.presse {
	margin: 1.3em 0 0;
}

div.presse a.bild {
	float: left;
	margin: 0 20px 0 0;
	background: none;
	padding: 0;
}

div.rechts {
	text-align: right;
}

div.presse a.bild.rechts {
	float: right;
	margin: 0 0 0 20px;
}

div.presse img {
	float: none;
	margin: 0;
}

div.floatStop {
	clear: both;
}