/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #193437;
	background:#FFF;
}

#container
{
	width: 995px;
	min-height: 768px;
	height: auto !important;
	/*height: 768px;*/
	float: left;
	position: relative;
}

#container.home
{
	width: 100%;
}

#container #home
{
	margin: 0 auto;
	width: 820px;
	height: auto;
	overflow: hidden;
}

#container #home .pic
{
	float: left;
	width: 818px;
	padding-left: 2px;
	height: 539px;
	overflow: hidden;
	background: #FFF url(../images/bg_home_pic.gif) 0 0 repeat-y;
}

#container #home .schatten
{
	float: left;
	clear: both;
	width: 820px;
	height: 7px;
	background: url(../images/schatte_bottom.gif) 0 0 no-repeat;

}

#container #home .txt
{
	float: left;
	clear: both;
	width: 787px;
	height: 40px;
	padding-top: 32px;
	padding-left: 23px;
	overflow: hidden;
	background: #FF9933;
	margin-left: 2px;
	font-size: 0.85em;
	line-height: normal;
	color: #FFDBB8;
	position: relative;
}


#container #home .txt .start
{
	position: absolute;
	left: 553px;
	top: 29px;
	width: auto;
	text-align: right;
}

#container #home .txt .start a
{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
	text-transform: uppercase;
	background:url(../images/start.gif) 0px 1px no-repeat;
}


#container #logo
{
	padding-top: 15px;
	padding-right: 5px;	
	width: 215px;
	height: 140px;
	z-index: 10;
	float: right;
	margin-bottom: 92px;
}

#container #sidebar
{
	float: right;
	width: 233px;
	min-height: 481px;
	height: auto !important;
	height: 481px;	
	position: relative;
	padding-bottom: 40px;
}

#container #sidebar .txt
{
	float: right;
	width: 195px;
	height: auto;
	padding-right: 12px;
	margin-bottom: 20px;
	font-size: 0.85em;
	line-height: 1.25em;
}

#container #sidebar .txt.kinfos {
	margin-bottom: 6px;
}

#container #sidebar .txt h1,
#container #impressum h1
{
	background: #ECF0F1;
	font-size: 1em;
	line-height: 0.95em;
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 4px;
	margin-bottom: 8px;
	color: #557185;
}

#container #sidebar #impressum h1
{
	margin-bottom: 1px;
}

#container #sidebar .txt a.spende,
#container #sidebar .txt a.anfahrt
{
	text-decoration: none;
}

#container #sidebar .txt p
{
	padding-left: 4px;
	margin-bottom: 7px;
}

#container #sidebar #impressum p
{
	padding-left: 4px;
	color: #8FA8AF;
}

#container #sidebar .txt a
{
	color: #FF9933;
	text-decoration: underline;
}

#container #sidebar #impressum
{
	position: absolute;
	right: 12px;
	bottom: 0;
	width: 195px;
	height: 26px;
	background: #ECF0F1;
	font-size: 0.85em;
	line-height: 1.25em;
	padding-top: 4px;
}

#container #sidebar #impressum a
{	
	color: #557185;
	text-decoration: none;
}

#container #pics
{
	float: right;
	width: 306px;
	padding-left: 2px;
	height: 383px;
	padding-top: 138px;
	overflow: hidden;
	background: url(../images/bg_pics.gif) 0 0 repeat-y;
}

#container #pics .pic
{
	float: left;
	width: 300px;
	height: 315px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	background: #FF9933 url(../images/bild_bg.gif);
	position: relative;
}

#container #pics .pic img
{
	border: 0;
	position: relative;
}

#container #pics .pic .icons
{
	width: 300px;
	height: 30px;
	position: absolute;
	right: 4px;
	top: 289px;
	z-index: 10;
}

#container #pics .pic .icons .play
{
	float: right;
	margin-left: 2px;
	width: 30px;
	height: 30px;	
}

#container #pics .pic .icons .play a
{
	background: url(../images/icon1.png) 0 no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -1000px;
}

#container #pics .pic .icons .volume
{
	float: right;
	margin-left: 2px;
	width: 30px;
	height: 30px;	
}

#container #pics .pic .icons .volume a
{
	background: url(../images/icon2.png) 0 no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -1000px;
}

#container #pics .txt
{
	float: left;
	width: 281px;
	height: 55px;
	padding-left: 2px;
	padding-top: 6px;
	position: relative;
}

#container #pics .txt h1
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.35em;
	line-height: 1.1em;
	color: #FFF;
	font-weight: normal;
}

#container #pics .txt h2
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	line-height: 0.8em;
	color: #FFF;
	font-weight: normal;
}

#container #pics .txt .filme
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: auto;
	text-align: right;
}

#container #pics .txt .filme a
{
	font-size: 0.85em;
	line-height: 1em;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 13px;
	background:url(../images/pfeil_filme.gif) right 4px no-repeat;
}

#container #navigation
{
	width: 454px;
	min-height: 215px;
	height: auto !important;
	height: 215px;
	float: left;
	padding-bottom: 10px;
	background: #FFF;
}

#container #navigation ul
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 5px;
	width: 188px;
}

#container #navigation ul li
{
	margin: 0;
	padding: 0;
	width: 188px;
	float: left;
	list-style: none; 
	background: url(../images/pfeil.gif) 0px 6px no-repeat;
	border-top: 2px solid #FFF;
}

#container #navigation ul li:hover,
#container #navigation ul li.aktiv
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/pfeil_aktiv.gif) 0px 4px no-repeat;
}

#container #navigation ul li:hover,
#container #navigation ul li.aktiv
{
	background-color: #ECF0F1;
}

#container #navigation ul li:hover a,
#container #navigation ul li.aktiv a
{
	color: #FF9900;
}

#container #navigation ul li a
{
	margin: 0;
	padding: 0;

	display: block;
	width: 166px;
	margin-left: 15px;
	color: #FFB84D;
	text-decoration: none;
	
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container #navigation ul li #subnavi
{
	float: right;
	width: 188px;
	height: auto;
	position: absolute;
	left: 266px;
	top: 225px;
}

#container #navigation ul li #subnavi ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 11px;
	float: left;
	width: 188px;
}

#container #navigation ul li #subnavi ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	border: none;
}

#container #navigation ul li #subnavi ul li a
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #C7D4D7;
	display: block;
	width: 166px;
	margin-left: 15px;
	color: #FF9933;
	text-decoration: none;
	
	font-size: 0.85em;
	line-height: 1.1em;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
}

#container #navigation ul li #subnavi ul li.aktiv,
#container #navigation ul li #subnavi ul li:hover
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/pfeil_aktiv.gif) 0px 6px no-repeat;
}

#container #navigation ul li #subnavi ul li:hover a,
#container #navigation ul li #subnavi ul li.aktiv a
{
	font-weight: bold;
}

#container #content
{
	width: 454px;
	min-height: 500px;
	height: auto;
	background: #ECF0F1;
	overflow: hidden;
	float: left;
	padding-bottom: 21px;
}

#container #content a
{
	color: #FF9933;
	text-decoration: underline;
}

#container #content ul
{
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#container #content ol
{
	margin: 0;
	margin-left: 30px;
	padding: 0;
}

#container #content ul li,
#container #content ol li
{
	margin: 0;
	padding: 0;
}

#container #content.abstand
{
	margin-top: 21px;
}

#container #content.abst_bot1
{
	padding-bottom: 0px;
}

#container #content .txt1
{
	float: left;
	width: 426px;
	padding-left: 8px;
	height: auto;
	margin-top: 15px;
}

#container #content .txt2
{
	float: left;
	width: 240px;
	padding-left: 8px;
	height: auto;
	margin-top: 15px;
}

#container #content .txt3
{
	float: left;
	width: 404px;
	padding-left: 30px;
	/*padding-bottom: 150px;*/
	padding-bottom: 0;
	height: auto;
	margin-top: 17px;
}

#container #content h1
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.35em;
	line-height: 1.35em;
	color: #193437;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
}

#container #content h2
{
	font-size: 1.0em;
	line-height: 1.35em;
	color: #193437;
	font-weight: bold;
	display: block;
}

#container #content h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.65em;
	line-height: 1.65em;
	color: #193437;
	font-weight: normal;
	display: block;
	margin-bottom: 6px;
}

#container #content h3:first-letter {
	font-size: 1.6em;
}

#container #content h4
{
	font-family: "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height: 2.9em;
	color: #193437;
	font-weight: normal;
	display: block;
	margin-top: -35px;
}

#container #content h5
{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.65em;
	line-height: 1.2em;
	color: #193437;
	font-weight: normal;
	display: block;
	margin-top: -30px;
	margin-bottom: 35px;
}


#container #content .pics
{
	float: left;
	width: 426px;
	padding-left: 8px;
	height: auto;
	margin-top: 12px;
	margin-bottom: 1px;
}

#container #content .pics .pic
{
	float: left;
	width: auto;
	height: auto;
	margin-right: 5px;
	margin-top: 5px;
	position:relative;
	border: 0;
}

#container #content .pics .pic img
{
	border: 0;
	position: relative;
}

#container #content .pics .pic span
{
	width: 13px;
	height: 13px;
	text-indent: -1000px;
	display: block;
	background:url(../images/zoom.gif);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

#container #content .ansprechpartner,
#container #content .infomaterial,
#container #content .veranstaltung
{
	float: left;
	width: 439px;
	padding-left: 8px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 29px;
}

#container #content .ansprechpartner h1,
#container #content .infomaterial h1,
#container #content .veranstaltung h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.25em;
	color: #193437;
	font-weight: normal;
	display: block;
	border-bottom: 1px solid #C7D4D7;
	text-transform: uppercase;
}

#container #content .ansprechpartner .pic,
#container #content .infomaterial .pic,
#container #content .veranstaltung .pic
{
	float: left;
	width: 100px;
	padding-right: 8px;
	height: auto;
}

#container #content .ansprechpartner .txt,
#container #content .infomaterial .txt,
#container #content .veranstaltung .txt
{
	float: left;
	width: 331px;
	height: auto;
	font-size: 0.9em;
	line-height: 1.3em;
}

#container #content .veranstaltung .txt {
  width: auto;
}

#container #content .ansprechpartner .txt p,
#container #content .infomaterial .txt p,
#container #content .veranstaltung .txt p
{
	margin-bottom: 7px;
}



#container #content .filme
{
	float: left;
	width: 439px;
	margin-left: 8px;
	height: auto;
	padding-top: 2px;
	margin-top: 9px;
	padding-bottom: 1px;
	border-top: 1px solid #C7D4D7;
}

*html #container #content .filme
{	margin-left: 4px; }

#container #content .filme.top
{
	border-top: 0px solid #C7D4D7;
}

#container #content .filme .film1
{
	float: left;
	width: 225px;
	height: auto;
}

#container #content .filme .film2
{
	float: left;
	width: 214px;
	height: auto;
}

#container #content .filme .pic
{
	float: left;
	width: 100px;
	height: 100px;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: url(../images/bg_filme.gif) 0 0 no-repeat;
	position: relative;
}

#container #content .filme .film1 .pic
{
	margin-left: -2px;
}

#container #content .filme .pic img
{
	position: relative;
	border: 0;
}

#container #content .filme .pic span
{
	width: 30px;
	height: 30px;
	text-indent: -1000px;
	display: block;
	background: url(../images/icon1.png) no-repeat left top;
	position: absolute;
	left: 75px;
	top: 75px;
	z-index: 10;
}

#container #content .filme .txt
{
	float: left;
	width: 102px;
	padding-top: 2px;
	padding-left: 3px;
	height: auto;
	font-size: 0.9em;
	line-height: 1.3em;
}

.hidepic {
  display: none;			
}

.orange {
  color: #FFB84D;
}

#container #content .txt1 p,
#container #content .txt2 p,
#container #content .txt3 p,
#container #content .txt1 ul,
#container #content .txt2 ul,
#container #content .txt3 ul {
  padding-bottom: 10px;
}

#container #content .calendar .calendar-item {
  float: left;
	width: 439px;
	min-height: 35px;
  height: auto;
  padding-bottom: 15px;
  border-bottom: 1px solid #C7D4D7;
  margin-left: 8px;
  clear: both;
}

#container #content .calendar .month {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	line-height: 1.25em;
	color: #193437;
	text-transform: uppercase;
	padding: 25px 0 0 0;
	border-bottom: 1px solid #C7D4D7;
  margin: 0 8px 0 8px;
	clear: both;
}

#container #content .calendar .calendar-item .termin {
  float: left;
  width: 100px;
  padding: 8px 0 0 0;
}

#container #content .calendar .calendar-item .info {
  float: left;
  width: 300px;
  padding: 8px 0 0 0;
}

#container #content .calendar .calendar-item .info a {
  display: block;
  text-decoration: underline;
  clear: both;
}

#container #content .zuruecklink {
  padding-top: 11px;
  margin-left: 8px;
}

#container #content .zuruecklink a {
  text-decoration: none;
  font-size: 0.85em;
}

#container #content .pics a.cboxStartGal {
  display: block;
  line-height: 2.1em;
}