/* HELPERS */
.clear{
	clear:both;
}
.hidden {
	display:none;
	visibility:hidden;
}

.Marcelle, .MarcelleHover {
	font-family:serif;
	font-style:italic;
}

/* RESET */
html{
	width: 100%;
	height: 100%;
	background:#F89C6C;
}
body {
	width: 100%;
	height: 100%;
	background:url(../images/bg_body.gif) repeat-x;
	color:#2B2524;
}
* {
	font-size: 13px;
	padding: 0;
	margin: 0;
	font-family:Verdana,Arial,sans-serif;
	list-style:none;
}
a {
	color:#2B2524;
}
a img{
	border:0;
}

/* LAYOUT */
#Mainwrapper {

}
#Mainwrapper2 {
	margin:0px auto;
	width:900px;
	background:url(../images/shadow.png) top center repeat-y;
}

#Main {
	margin:0px auto;
	width:850px;
	padding:0px 25px;
	background:url(../images/bg_header.png) no-repeat;
}

/* ### HEADER STYLES ### */

#Header {
	height:142px;
	position:relative;
}

#Header a {
	color:#B5AE9F;
}

#NewsletterHeader {
	position:absolute;
	bottom:25px;
	right:25px;
	width:200px;
	height:60px;
	background:url(../images/newsletter-header-button.gif) no-repeat;
}

#NewsletterHeader form {
	position:relative;
}

#NewsletterHeader fieldset {
	border:none;
}

#NewsletterHeader input {
	font-size:11px;
	padding:1px;
	background:#524A47;
	color:#EDE7CE;
	border:1px solid #918B89;
}

#NewsletterHeader .Actions {
	position:absolute;
	right:15px;
	top:0px;
}

#Logo {
	position:absolute;
	bottom:10px;
	left:30px;
	width:300px;
	height:100px;
	background:url(../images/campus-logo.gif) no-repeat;
}

.ReplaceMe{
	text-indent:-9000px;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

/* ### MAIN MENU STYLES ### */
#MainMenuBar {height:40px;margin-top:12px;border-bottom:18px solid #F25D21;}
ul#Menu1 {width:796px;height:40px;margin:auto;background:url(../images/menu/flickerfix.gif) no-repeat;position:relative;}
ul#Menu1 li {display:block;position:absolute;}
ul#Menu1 li a {display:block;height:40px;overflow:hidden;text-indent:-9000px;color:#9DBFCA}
ul#Menu1 li a:hover {background-position:0px -40px !important;}
ul#Menu1 li.current a, ul#Menu1 li.section a {background-position:0px -80px !important;}
ul#Menu1 li#home {width:143px;}
ul#Menu1 li#home a {background:url(../images/menu/home.gif);}
ul#Menu1 li#programm {width:136px;left:152px;}
ul#Menu1 li#programm a {background:url(../images/menu/programm.gif);}
ul#Menu1 li#fotos {width:135px;left:297px;}
ul#Menu1 li#fotos a {background:url(../images/menu/fotos.gif);}
ul#Menu1 li#freunde {width:111px;left:441px;}
ul#Menu1 li#freunde a {background:url(../images/menu/freunde.gif);}
ul#Menu1 li#booking {width:113px;left:561px;}
ul#Menu1 li#booking a {background:url(../images/menu/booking.gif);}
ul#Menu1 li#kontakt {width:113px;left:683px;}
ul#Menu1 li#kontakt a {background:url(../images/menu/kontakt.gif);}

/* MENU 2 STYLES */
.Menu2 {
	padding:13px;
}

.Menu2 h3 {
	font-size:22px;
	color:#fff;
}

.Menu2 ul {
	margin:10px 0px 10px 3px;
}

.Menu2 ul li {
	list-style:none !important;
  padding: 0px 2px 2px 15px;
	background:url(../images/bullet_blue.gif) 3px 6px no-repeat;
}

.Menu2 li a {
	color:#fff;
	text-decoration:none;
}

.Menu2 li a:hover {
	text-decoration:underline;
}

.Menu2 li.current a,
.Menu2 li.section a {
	font-weight:bold;
}

/* ### CONTENT STYLES ### */

#ContentContainer {
	clear:both;
	background:#f5f5f5;
	padding:16px;
	overflow: auto;
}

#Content {
	min-height:380px;
}

.ContentPage {
	background:#F89C6C;
	padding:20px;
}

/* ### Home Page Styles ### */
.ContentHome {
	background:url(../images/bg_homepage.gif) repeat-y;
}

.LeftColHome {
	width:443px;
	padding:20px;
	/*background:green;*/
	float:left;
}

.RightColHome {
	margin-left:494px;
	/*background:blue;*/
}

#FlyerBox {
	/*total width is 324px */
	padding:23px 22px 20px;
	background:#7BAAB8;
	color:#fff;
	border-bottom:11px solid #f5f5f5;
}

#FlyerBox #ComingSoon {
	height:28px;
	background:url(../images/text/header_comingsoon.gif) no-repeat;
}

#FlyerCarousel {
	width:270px;
	height:390px;
	margin:10px 0px 0px 5px;
	overflow:hidden;
}

#FlyerCarousel .CarouselItem {
	width:270px;
	height:390px;
	/*background:blue;*/
	position:relative;
}

#FlyerCarousel .CarouselItem table {
	width:100%;
	height:100%;
}

#FlyerCarousel .CarouselItem table tr td {
	/*background:green;*/
	vertical-align:middle;
	text-align:center;
}

#FlyerCarousel .CarouselItem table tr td a {
	/* weird <a> bottom padding workaround */
  font-size:1px;
  color:#7BAAB8;
}

#FotoBox {
	position:relative;
	padding:15px 21px;
	height:224px;
  background:#9DBFCA;
}

#FotoBoxCover {
	position:absolute;
	width:324px;
	height:254px;
	background:url(../images/FotoBoxCover.png) no-repeat;
	top:0;
	left:0;
	z-index:100;
}

/* ### CONTACT STYLES ### */

.ContentContact {
	position:relative;
	height:750px;
	overflow:hiddden;
	background:url(../images/bg_contactpage.gif) repeat-y;
}

.LeftColContact {
	position:absolute;
	background:#88B3C0;
	width:390px;
	padding:20px;
	left:0px;
	top:0px;
	overflow:auto;
	height:710px;
}

.RightColContact {
	position:absolute;
	padding:20px 25px 10px;
  width:327px;
	height:442px;
	background:#F47E44;
	left:441px;
}

.RightColContact h2 {
	font-size:30px;
	color:#fff;
	margin-bottom:20px;
}

.ContactFormBox {

}

.ContactFormBox form fieldset {
	border:0;
  margin:0;
}

.ContactFormBox form label {
	display:none;
}

.ContactFormBox #Captcha {
	margin: 10px 0px;
}

.ContactFormBox #Captcha label {
	display:block;
}

.ContactFormBox form label.required {
	font-size:11px;
	font-style:italic;
}

.ContactFormBox form input, .ContactFormBox form textarea {
	width:318px;
	padding:5px;
	margin:5px 0px;
	border:1px solid #fff;
}

.ContactFormBox form textarea {
	height:220px;
}

.ContactFormBox .Actions {
	text-align:center;
}

.ContactFormBox .Actions input {
	width: 150px;
	font-weight:bold;
	background:#fff;
}


.AtmoContact {
	border-top:11px solid #f5f5f5;
  position:absolute;
  bottom:0px;
  right:0px;
  width:377px;
  height:217px;
  background:url(../images/atmo-contactpage.jpg) no-repeat;
}

/* ### Booking STYLES ### */

#HeaderPic {
  text-align:center;
  margin:30px 0px 40px;
}

#BookingFliesstext {
  margin:0px 100px;
}

/* ### FREUNDE STYLES ### */
.ContentFreunde {
	position:relative;
	height:580px;
	background:url(../images/bg_freunde.gif) repeat-y;
}

#PagePicFreunde {
	width:379px;
	height:580px;
	position:absolute;
  background:url(../images/pagepics/pagepic_freunde.jpg);
  border-right:11px solid #f5f5f5;
}

#FreundeRightColumn {
	position:absolute;
	right:0px;
	padding:20px;
	display:block;
	width:388px;
	height:540px;
	overflow:auto;
}

#FreundeList {
	/* wrapper, not the list itself */
}

#PartnerList {
	padding:30px 0px 20px;
	background:#f5f5f5;
	text-align:center;
	color:#534947;
}

#PartnerList h3 {
	font-size:30px;
	margin-bottom:20px;
}

.PartnerItem {
	height:130px;
	float:left;
}

.PartnerItem td {
	padding:9px 13px;
}

.PartnerItem td a {
  font-size:1px;
  color:#534947;
}

/* ### FOTOALBUM STYLES ### */
.ContentFotoAlbum {
	background:#96BBC7;
	padding:30px 20px 60px;
}

.ContentFotoAlbum .typography {
	/*color:#fff;*/
}

#FotoAlbumHeader {
	text-align:center;
	margin-bottom:25px;
}
#FotoAlbumMenu {
	text-align:center;
	width:600px;
	margin:auto;
	margin-bottom:35px;
}
#FotoAlbumSideBar {
	width:210px;
	float:left;
	color:#fff;
}
#FotoAlbumQuickLinks {
	background:#514B45;
	margin-bottom:11px;
}
#FotoAlbumQuickLinks.Menu2 ul li {
	background:url(../images/bullet_gallery_nav.gif) 0px 3px no-repeat;
}
#FotoAlbumCategoryMenu {
	background:#5999A9;
}
#FotoAlbumList {
	margin-left:256px;
	padding-top:10px;
}
#FotoAlbumListHeader {
	color:#fff;
	border-bottom:2px dashed #D4E2E7;
	margin-bottom:11px;
}
#FotoAlbumListHeader h2 {
	font-size:30px;
}
#FotoAlbumListHeader h3 {
	margin-bottom:0px;
}

/* ALL ALBUMLIST ITEMS */

#AlbumListTable {
	margin-top:10px;
	width:95%;
}

#AlbumListTable td {
	padding-bottom:10px;
}

.AlbumListCover {
	vertical-align:top;
}

.AlbumListCover a{
	position:relative;
	display:block;
	width:130px;
	height:145px;
	font-size:1px;
	background:url(../images/polaroid-rahmen-albumlist.gif) no-repeat;
	color:#2B2524;
}

.AlbumListCover a img{
	position:absolute;
	left:15px;
	top:11px;
}

.AlbumListCover a span.no-image{
	display:block;
	text-align:center;
	position:absolute;
	top:40px;
	font-size:11px;
}

.AlbumListDescription {
	padding:20px 10px 5px;
}

.AlbumListDescription p {
	margin-bottom:5px !important;
}


.AlbumListDescription h3 {
	font-size:23px !important;
}

.ShowAlbumLink {
	text-align:right;
	font-size:11px !important;
}

.ShowAlbumLink a {
	font-size:11px !important;
}

/* ### ALBUM ITEM LIST STYLES ### */
#FotoAlbumItemList {
	margin-left:256px;
	padding-top:10px;
	width:500px;
}

.gallery-layout li {
  float:left;
}

.gallery-layout a {
	margin:1px;
	position:relative;
	display:block;
	width:90px;
	height:110px;
	font-size:1px;
	background:url(../images/polaroid-rahmen-small.gif) no-repeat;
	color:#D9DEE1;
	text-indent:-9000;
	text-decoration:none;
}

.gallery-layout a img {
	position:absolute;
	left:6px;
	top:7px;
	width:75px;
	height:75px;
	overflow:hidden;
	color:#9DBFCA;
	font-size:1px;
}

.album-nav {
	margin:20px 0px 20px;
}
.album-nav li {
	width:230px;
}
.album-nav li a {
	text-decoration:none;
	color:#2B2524;
	border-bottom:1px dotted #2B2524;
}
.album-nav .next {
	float:right;
	text-align:right;
}
#FotoAlbumItemListDescription {
	margin:20px 0px 20px;
}

#pagination-imagegallery {
	width:450px;
	margin:30px 0px 20px;
	text-align:center;
}


/* ### NEWSLETTER STYLES ### */

.ContentNewsletterSubscribe {
	position:relative;
	background:#9DBFCA;
	height:750px;
}

.ContentNewsletterSubscribe .message {
	font-size:11px;
	color:red;
	margin-bottom:6px;
}

#pagepic-newsletter {
	position:absolute;
	width:430px;
	height:750px;
	background:url(../images/pagepics/pagepic-newsletter.gif) no-repeat;
	border-right:11px solid #f5f5f5;
}

#NewsletterSubscribeRight {
	position:absolute;
	height:710px;
	left:441px;
	width:337px;
	padding:20px;
	overflow:auto;
}

.NewsletterUnsubscribeNotice {
	font-size:11px !important;
	font-style:italic;
	margin-top:20px;
}

.NewsletterSuccessMessage {
	color:green !important;
}

/* ### FOOTER STYLES ### */

#Footer {
	position:relative;
	background:#5F98A7;
	clear:both;
	padding-right:20px;
	height:180px;
	color:#D4E2E7;
	border-top:2px dashed #D4E2E7;
	/*border-top:30px solid #9EC0CB;*/
}

#EinlassStoererFooter{
  position:absolute;
  left:-30px;
  bottom:85px;
	width:120px;
	height:120px;
	background:url(../images/einlass_ab_stoerer_links.png) no-repeat;
	z-index:300;
}

#DoddyFooter {
  position:absolute;
  left:80px;
  bottom:0px;
	width:190px;
	height:125px;
}

#DoddyFooter a {
	font-size:1px;
}

#FooterAdress {
  position:absolute;
  right:220px;
  top:33px;
	width:240px;
	text-align:right;
	padding-right:20px;
	padding-bottom:10px;
	border-right:1px solid #9DBFCA;
}

#FooterAdress a {
	font-family:Arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#D4E2E7;
	border-bottom:1px dotted #D4E2E7;
}

#FooterAdress h4 {
	font-size:25px;
}

#FooterAdress p {
	font-family:Arial,sans-serif;
	font-size:11px;
	margin-bottom:3px;
	margin-left:1px;
}

#FooterMap {
  position:absolute;
  right:63px;
  top:20px;
}

#FooterShadow {
	width:900px;
	margin:auto;
	height:50px;
	background:url(../images/footer_shadow.gif) no-repeat;
}
/* ### PROGRAMM STYLES ### */

.ContentProgramm {
}

	.ContentProgramm #TopBox {
		background:url(../images/bg_programm_topbox.gif) #7BAAB8;
		margin-bottom:11px;
		position:relative;
	}

		.ContentProgramm #TopBox #Menubar {
		  position:relative;
			float:left;
			width:192px;
			background:#7BAAB8;
		}

		.ContentProgramm #TopBox #MonthInfo {
			margin-left:200px;
			padding:20px;
			position:relative;
		}

		.ContentProgramm #TopBox #EinlassStoerer{
		  position:absolute;
		  right:5px;
		  bottom:-35px;
			width:120px;
			height:120px;
			background:url(../images/einlass_ab_stoerer_rechts.png) no-repeat;
		}

/* ### PROGRAMM ARCHIV STYLES (TopBox Overrides) ### */

.ContentProgramm #TopBox.TopBoxArchive #MonthInfo {
	padding-bottom:10px;
}

.ContentProgramm #TopBox.TopBoxArchive #Menubar {
	padding-top:7px;
}

.ContentProgramm #TopBox.TopBoxArchive .Menu2 ul li {
	padding-bottom:6px;
	background:url(../images/bullet_archive_nav.gif) 0px 3px no-repeat;
}

#ArchiveMenuBox {
	background:#8FB6C2;
	color:#fff;
	margin-bottom:15px;
}

.YearBox {
	width:100px;
	float:left;
}

/* ### EVENT LIST STYLES ### */

.EventList {
	width:100%;
	border:4px solid #534947;
}

	.EventList td {
		vertical-align:top;
	}

.EventList .Date {
	width:130px;
	padding:20px 0px 30px;
	text-align:center;
	font-size:30px;
}

.EventList .Date strong {
	font-size:22px;
}

.EventList .Admission {
	width:120px;
	text-align:center;
	font-size:11px;
	padding:28px 0px 25px;
}

.EventList .Admission strong {
	font-size:20px;
}

.EventList .Description {
	padding:22px 10px 25px 22px;
}

	.EventList .Description .Event{
		position:relative;
	}

	.EventList .Description .MoreInfoButton {
		width:130px;
		height:40px;
		background:url(../images/mehr_info.png) no-repeat;
		float:right;
	}

	.EventList .Description .MoreInfoButton a {
	  /* getting the color from typography override */
		border:none !important;
	}

	.EventList .Description .MoreInfo {
	  padding-right:12px;
	  margin-top:15px;
	}

		.EventList .Description .MoreInfo .FlyerPic{
			float:right;
			margin:0px 0px 8px 20px;
		}

		.EventList .Description .MoreInfo .FlyerPic a {
		  display:block;
		  line-height:1px;
			border:none;
		}

		.EventList .Description .MoreInfo .FlyerPic a img {
				border:none;
				padding:0;
				margin:0;
		}

.EventList .Description h3 {
	font-size:36px;
	margin-bottom:5px;
}

.EventList .Date, .EventList .Second .Description, .EventList .Third .Admission {
	background:#726A68;
	color:#F1ECCC;
}

.EventList .Admission, .EventList .Second .Date, .EventList .Third .Description {
	background:#F1ECCC;
	color:#534947;
}

.EventList .Description, .EventList .Second .Admission, .EventList .Third .Date {
	background:#6DA0AF;
	color:#F1ECCC;
}

/* typography overrides */

.EventList .First .typography a, .EventList .Second .typography a {
	color:#F1ECCC;
	border-bottom:1px dotted #F1ECCC;
}

.EventList .Third td {
	border-bottom:3px solid #F25D21;
}