@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:40px 0 40px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#6D6C6B;
	background:url(../images/bodyBG.gif) repeat-x fixed #c10000;
}
a{color:#000000;}
.csc-textpic-imagewrap a:hover{background:none transparent;}
.red{color:#c51015;}
.clearer{float:none; clear:both;}
#page{ margin:0 auto; background:url(../images/pageBG.jpg) #ffffff; border:1px solid #750000; width:998px;  display:block; overflow:hidden;}
#page, .pageBG1, .pageBG2{}
.pageBG1, .pageBG2{width:998px; display:block;}
.pageBG1{ background:url(../images/subheader.gif) no-repeat 1px 231px;}
.start .pageBG2{
	/*background:url(../images/erde_frau_schmetterling.gif) no-repeat 484px 1072px;*/
	background-image:none;
}
* html .start .pageBG2{ background-image:none;}
#footerGlow{ margin:0 auto; background:url(../images/footerGlow.png); width:1000px; height:73px; display:block;}
* html #footerGlow{display:none;}
#flashheader{width:998px; height:181px; display:block;}

.twoInOne a:hover, .container a:hover, .doppelContainer a:hover, #topnews a:hover{color:#ffffff; background-color:#c51015; text-decoration:none;}
.twoInOne .csc-textpic-imagewrap a:hover, .container .csc-textpic-imagewrap a:hover, .doppelContainer .csc-textpic-imagewrap a:hover, #topnews .csc-textpic-imagewrap a:hover{background:none transparent; text-decoration:none;}

/* NAVIGATION___________________________*/
#navi{
	width:966px;
	height:50px;
	display:block;
	background:url(../images/naviBG.jpg) no-repeat #ffffff;
	margin:0 0 16px 16px;
}
#navi a.act.nav01{background-image:url(../images/navi/nav01.jpg);}
#navi a.act.nav02{background-image:url(../images/navi/nav02.jpg);}
#navi a.act.nav03{background-image:url(../images/navi/nav03.jpg);}
#navi a.act.nav04{background-image:url(../images/navi/nav04.jpg);}
#navi a.act.nav05{background-image:url(../images/navi/nav05.jpg);}
#navi a.act.nav06{background-image:url(../images/navi/nav06.jpg);}

#navi a.nav01{background:none transparent;}
#navi a.nav02{background:none transparent;}
#navi a.nav03{background:none transparent;}
#navi a.nav04{background:none transparent;}
#navi a.nav05{background:none transparent;}
#navi a.nav06{background:none transparent;}

#navi a{
	width:161px;
	height:30px;
	font-size:10px;
	font-weight:normal;
	padding:20px 0 0 0;
	margin:0;
	text-align:center;
	display:block;
	float:left;
	text-decoration:none;
	color:#4F4E4D; 
	text-transform:uppercase;
	background:none transparent;
}
#navi a:hover{
	color:#c51015;
	font-size:14px;
	font-weight:bold;
	padding-top: 18px;
	height: 32px;
	background:none transparent;
}
#navi a.act, #navi a:hover.act{
	background-color:#c51015;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top: 18px;
	height: 32px;
	cursor:default;
}

/* TOPNEWS_________________________________*/
#topnews{
	width:964px;
	margin:0 0 0 16px;
	display:block;
	border:1px solid #dcdcdc;
	background:url(../images/white50.png);
	position: relative;
} 
* html #topnews{background: url(../images/udateYourBrowser.gif) no-repeat 600px 110px #FFFFFF;}
#topnews .news, #topnews .fish, #topnews .socialIcons{ float:left; display:block; width:473px; margin: 0 0 0 0; padding:0 0 0 0; }
#topnews .news{
	overflow:hidden;
	padding: 0 0 12px 16px;
	width: 457px;
	font-size: 11px;
	margin-right: 16px;
	font-weight: norma;
	line-height: 18px;
}
#topnews .socialIcons{
	height:49px;
	padding: 2px 0 0 0;
}
#topnews .socialIcons span.social{
	float:right;
	font-weight:bold;
	width:100px;
	text-align:right;
	font-size:14px;
	color:#000000;
	padding: 13px 6px 0 0;
	line-height: 12px;
	text-transform: uppercase;
}
#topnews .socialIcons a{width:29px; height:30px; float:right;}
#topnews .socialIcons a.studiVZ{
	background:url(../images/icon_studiVZ.png) no-repeat;
	margin:10px 12px 0 2px;
}
#topnews .socialIcons a.facebook{
	background:url(../images/icon_facebook.png) no-repeat;
	margin:10px 0 0 0;
}
#topnews .socialIcons a.myspace{
	background:url(../images/icon_mySpace.png) no-repeat;
	margin:10px 0 0 0;
}
#topnews .fish{
	height:75px;
	text-align: right;
	margin-top: 15px;
	position: absolute;
	bottom: 5px;
	left: 0px;
}
#topnews:hover{
	background-image:url(../images/white70.png);
}
* html #topnews:hover{background:none #FFFFFF;}
#topnews h1, #topnews h2{ float:left;}

/* SINGLE CONTAINER_________________________*/
.container{
	width:932px;
	margin:0 16px 16px 16px;
	padding:16px;
	display:block;
	background:url(../images/white40.png);
	border:1px solid #dcdcdc;
	display:block;
	font-size: 11px;
	line-height: 18px;
}
* html .container{background:none #FFFFFF;}
.container h1, .container h2, .doppelContainer h1, .doppelContainer h2 {
	color:#C51015;
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:20px;
	text-transform:uppercase;
	text-align: left;
	padding-bottom: 5px;
	margin: 0;
}
.container h2, .doppelContainer h2{color:#000000; font-size:14px;}
/* DOPPEL CONTAINER_________________________*/
.doppelContainer{
	width:998px;
	margin:0 0 16px 0;
	padding:0;
	display:block;
	border:none;
	display:block;
	font-size: 11px;
	line-height: 18px;
}
.doppelContainer .left, .doppelContainer .right{
	background:url(../images/white40.png);
	border:1px solid #dcdcdc;
	padding:16px 16px;
	float:left;
	width:441px;
	margin: 0 16px;
	}
* html .doppelContainer .left, * html .doppelContainer .right{ margin:0 8px; background:none #fff;}
.doppelContainer .right{ margin:0;}
* html .doppelContainer .right{ padding:0; width:auto; background:none transparent; padding:0; margin:0; border:none;}
#map{margin:-17px 0 -16px -16px;
padding-bottom:60px;
padding-right:1px;}
* html #map{margin:-14px 0 0 8px; border:1px solid #dcdcdc; padding:0;}

/* DOPPEL CONTAINER  GLEICHE HÖHE________________________*/
.doppelContainer.gleicheHoehe{
	width:966px;
	background:url(../images/doppelbox/bg.png) repeat-y;
	margin:0 0 16px 16px;
	padding:0;
	display:block;
	border:none;
	display:block;
	font-size: 11px;
	line-height: 18px;
}
.doppelContainer.gleicheHoehe:hover{background-image:url(../images/doppelbox/bg_hover.png);}
* html .doppelContainer.gleicheHoehe, * html .doppelContainer.gleicheHoehe:hover{background-image:url(../images/doppelbox/bg.gif);}
.doppelContainer.gleicheHoehe .border{height:1px; background:url(../images/doppelbox/border.gif) no-repeat; display:block; clear:both; float:none;}
.doppelContainer.gleicheHoehe .left, .doppelContainer.gleicheHoehe .right, * html .doppelContainer.gleicheHoehe .left, * html .doppelContainer.gleicheHoehe .right{
	background:none;
	border:none;
	padding:16px 16px;
	float:left;
	width:441px;
	margin: 0 0;
	}
	.doppelContainer.gleicheHoehe .right, * html .doppelContainer.gleicheHoehe .right { float:right;}
	.doppelContainer.gleicheHoehe .left:hover, .doppelContainer.gleicheHoehe .right:hover, 
	* html .doppelContainer.gleicheHoehe .left:hover, * html .doppelContainer.gleicheHoehe .right:hover{ background:none;}
/* RAHMENPROGRAMM_________________________________*/
.rahmenprogramm, .galerie{
	margin:0 16px 16px 16px;
	display:block;
	background:url(../images/white40.png);
	border:1px solid #dcdcdc;
	display:block;
	font-size: 11px;
	line-height: 18px;
	padding:0 16px 0 0;
	width: 620px;
	float: left;
	height: 529px;
}
.rahmenprogramm a:hover{ text-decoration:none; background:#C51015; color:#fff;}
* html .rahmenprogramm, * html .galerie{background:none #FFFFFF; margin:0 8px 0 8px;}
* html .rahmenprogramm{height:534px;}
.rahmenprogramm:hover, .galerie:hover, .container:hover, .doppelContainer .left:hover, .doppelContainer .right:hover{background:url(../images/white80.png);}
.rahmenprogramm .datum, .rahmenprogramm .title, .galerie .datum, .galerie .title {
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:20px;
	text-transform:uppercase;
	text-align: left;
	line-height: 14px;
	padding: 2px;
	background: #C51015;
	margin-bottom: 7px;
}
.rahmenprogramm .title, .galerie .title{
background-color:transparent;
	color:#000000;
	text-align: left;
	padding-left:0;
	
}
.rahmenprogramm .eintrag, .galerie .eintrag{
	display:block;
	padding-bottom: 16px;
	overflow: hidden;
}
.galerie .eintrag{ padding-bottom:5px;}

.rahmenprogramm .eintrag .links, .rahmenprogramm .eintrag .rechts{
	overflow:hidden;
}
.rahmenprogramm .eintrag:hover .title{ color:#ffffff; background-color:#000000; padding-left:2px;}




/* GALERIE ____________________________________*/
.galerie{
	width:310px;
	margin-left: 0px;
	padding:6px 0 0 0;
	position: relative;
	height:523px;
}
.galerie a.facebook{
	background:url(../images/icon_facebook.png) no-repeat;
	width:29px;
	height:30px;
	padding:0;
	margin:10px 10px 0 0;
	float: right;
}

/* TWO IN ONE ____________________________________*/
.twoInOne{
	display:block;
	margin: 16px 0;
	font-size:11px;
	line-height:18px;
}
.twoInOne p{padding:0; margin:6px 0 0 0;}
.twoInOne .left, .twoInOne .right{
	float:left;
	width:473px;
	background:url(../images/white40.png);
	border:1px solid #dcdcdc;
	display:block;
}

* html .twoInOne .left, * html .twoInOne .right{ background:none #fff;}
.twoInOne .left{margin:0 16px 0 16px; }
.twoInOne .right{margin:0; }
* html .twoInOne .left{margin: 0 16px 0 8px;}
.freitag h1, .samstag h1,.freitag h2, .samstag h2, #topnews h1, #topnews h2, .rahmenprogramm h1, .rahmenprogramm h2, .galerie h1, .galerie h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	height:35px;
	margin:0 0 0 0;
	padding:12px 0 0 0;
	color:#000000;
	line-height: 25px;
	float: left;
	text-transform: uppercase;
}
.freitag h2, .samstag h2, #topnews h2, .rahmenprogramm h2, .galerie h2{
	color:#c51015;
	padding-left:16px;
	width: 145px;
}

.galerie h1{
	float:left;
	padding-left: 0px;
}
.galerie h2{
	float: left;
	width: 145px;
}

.rahmenprogramm h2{
	width:145px;
} 
#topnews h2{ width:145px; padding-left:0;}

.twoInOne .freitag, .twoInOne .samstag{
	height:348px;
}
.topbox{
	border:none;
	height: 50px;
	position: relative;
	display: block;
}
.freitag .rightbox, .samstag .rightbox{
	width:313px;
	float:left;
	border:none;
	font-size: 11px;
	line-height: 20px;
	height: 348px;

} 
.freitag .scroll-pane, .samstag .scroll-pane{
	width:457px;
	border:none;
	height: 281px;
	overflow: auto;
	padding: 0 0 0 0;
	margin-right: 16px;
}
.rahmenprogramm .scroll-pane{
	height:466px;
}
.galerie .datum {
	text-align:right;
	width: 65px;
	background-color: transparent;
	color: #C51015;
}
.galerie .title {
	background:none transparent;
	color:#000000;
	padding:2px 2px 2px 0;
}
/* FOOTER___________________________________*/
#footer{
	height:150px;
	width:998px;
	display:block;
	margin:-8px  0 16px 0;
	background:url(../images/footersnake.gif) no-repeat 250px 7px;
	position: relative;
}
#footer .dog{
	width:161px;
	height:180px;
	float:left;
	position: absolute;
	top: -30px;
	left: 10px;
}
#footer .content{
	background:url(../images/footerBG.png) no-repeat;
	width:778px;
	height:51px;
	padding:20px 0 0 0;
	margin:0 0 0 200px;
	position: relative;
	top: 53px;
	text-align: center;
	font-size: 10px;
}
* html #footer .content{
	background:url(../images/footerBG.gif) no-repeat;
	width:758px;
	height:51px;
	padding:20px 0 0 0;
	margin:0 23px 0 200px;
	position: relative;
	top: 53px;
	text-align: center;
	font-size: 10px;
}
#footer .content a{
	text-transform:uppercase;
	text-decoration:none;
	color:#4F4E4D;
	padding:0 8px;
}
#footer .content a:hover{color:#C51015;}

* html .rahmenprogramm .eintrag.montag { background:url(../images/montag.gif) no-repeat 15px bottom;}
* html .rahmenprogramm .eintrag.dienstag { background:url(../images/dienstag.gif) no-repeat 15px bottom;}
* html .rahmenprogramm .eintrag.mittwoch { background:url(../images/mittwoch.gif) no-repeat 15px bottom;}
* html .rahmenprogramm .eintrag.donnerstag { background:url(../images/donnerstag.gif) no-repeat 15px bottom;}

.galerie .csc-header h1{ float:none; padding:2px; margin:14px 0 0 6px; background:#000; width:293px; height:auto; line-height:16px; display:block; color:#FFFFFF; font-size:14px;}


#mobile {position:absolute; top:5px; right:15px; font-size:1.6em; color:#ffffff; font-weight:bold; z-index:300; background-color:#C51015; font-family:Arial, Helvetica, sans-serif}