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

body {
	margin: 0px;
	background-color: #212226;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

a {
	color: #000;
	text-decoration:none;
}

a:hover, .main_nav_active {
	color: #E92E3A;
}

h1 {
	margin: 0px 0px 13px 0px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight:bold;
}

h2 {
	margin: 0px 0px 13px 0px;
	font-size: 22px;
	color: #E92E3A;
	font-weight:bold;
}

h3 {
	margin: 0px 0px 13px 0px;
	color: #E92E3A;
	font-size: 11px;
	font-weight:bold;	
}

h4 {
	margin: 0px 0px 0px 0px;
	color: #E92E3A;
	font-size: 11px;
	font-weight:bold;
}

h5 {
	margin: 0px 0px 0px 0px;
	color: #000;
	font-size: 11px;
	font-weight:normal;	
}

h6 {
	margin: 0px 0px 13px 0px;
	font-size: 11px;
	font-weight:normal;	
}

p {
	margin: 0px;
	padding: 0px;
}

p.black {
	color: #000;
}

hr {
	background-color:#FFF; /* Mozilla 1.4 */
	color:#FFF; /* IE 6 */
	border: #FFF; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin: 5px 0px;
}

#pageContainer {
	margin: 20px auto 20px auto;
	padding: 0px;
	width: 835px;
	background-color:#FFF;
}

#header {
	position:relative;
	height: 186px;
	width: 835px;
	background-image:url(/img/logoheader.gif);
}

#footer {
	background-image:url(/img/logofooter.gif);
	background-color: #FFF;
	height: 28px;
	padding-left: 20px;
}

#menu {
	padding: 0px 10px;
}

#navigation {
	padding: 0px;
	margin: 0px;
}

#navigation li {
	height: 30px;
	line-height: 30px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	list-style-position:outside;
	list-style: none;
	float: left;
	font-weight:bold;
}

#content {
	padding: 0px 10px;
	color: #FFF;
}

#content #left {
	padding: 10px 20px 10px 20px;
	width: 590px;
	background-color: #808175;
	float: left;
	margin-bottom: 10px;
}

#left input, #left textarea, #left select {
	background-color: #808175;
	border: 1px solid #FFF;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding: 2px;
}

#potm {
	background-color:#666666;
}

#eventsFrontpage {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 350px;
}

.eventBlock {
	margin-bottom: 10px;
}

#newsFrontpage {
	margin: 20px 0px 0px 30px;
	float: left;
	width: 210px;
}

#newsletter {
	padding: 10px;
	width: 155px;
	height: 70px;
	margin-left: 10px;
	background-color: #808175;
	float: left;
}

#events {
	color: #000;
	min-height: 200px;
	padding: 5px 10px 5px 10px;
	width: 153px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #808175;
	float: left;
}

#events .label {
	margin-bottom: 2px;
}

#events .flyer {
	margin-bottom: 5px;
}

#footMenu {
	margin-top: 10px;
	color: #000;
}

#footMenu .left {
	float: left;
	width: 350px;
}

#footMenu .right {
	margin: 0px 0px 0px 30px;
	float: left;
	width: 210px;
}

.newsBlock {
	margin-bottom: 8px;
}

#newsletter .newsletterinput {
	width: 149px;
	border: 1px solid #FFF;
	background-color: transparent;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 2px;
}

#newsletter .newsletterselect {
	border: 1px solid #FFF;
	background-color: #808175;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 2px;
}

#newsletter .newsletterbutton {
	border: 1px solid #FFF;
	background-color: #808175;
	width: 63px;
	margin-top: 5px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #FFF;
}

.eventContainer {
	width: 146px;
	height: 280px;
	margin-right: 4px;
	float: left;
	position: relative;
}

.eventContainerText {
	position: absolute;
	top: 210px;
	height: 40px;
}

.last {
	margin-right: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

/*
** PROGRAMM
*/

#programm .eventMonthBlock {
	background-color: black;
}

#programm .eventMonthBlock h1 {
	padding-left: 10px;
	line-height: 40px;
	margin: 10px 0 0 0;
}

#programm .eventWeekBlock {
	height: 10px;
}

#programm .eventBlock {
	height: 110px;
	background-color: #CFD0CB;
	margin: 0 0 1px 0;
	padding: 0px;
	overflow:hidden;
}

#programm .eventBlock a {
	color: #333333;
	outline:none;
	outline-style:none;
	display:block;
	height: 110px;
	background-color: transparent;
	text-decoration:none;
	cursor:pointer;
}

#programm .eventBlock a:hover {
	color: black;
	background-color: #BDBEB8;
	text-decoration:none;
}

#programm .eventBlock img {
	border: none;
	text-decoration:none;
}

#outer {height: 110px; overflow: hidden; position: relative; width: 110px; float: left;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; *top:5px; text-align: left;} /* for explorer only */
#inner {width: 110px; margin-left: auto; margin-right: auto; text-align:center} /* for all browsers*/

#programm .eventBlock .event {
	height: 110px;
	margin-left: 110px;
	padding: 10px 10px 10px 0px;
}

#programm .eventDate {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

#programm .eventName {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}

#programm .eventText {
	font-size: 13px;
	font-weight: bold;
	height: 38px;
	overflow:hidden;
}