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


/* Farben:

rot: 		#E10915
weiß:		#FFFFFF
grau1:		#E5E5E5 (ganz helles Grau/nur für Hintergrund)
grau2:		#CCCCCC (hellgrau)
grau3:		#999999 (mittelgrau)
grau4:		#666666 (dunkelgrau)

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #999999;
	width: 100%;
	height: 100%;	
	background-color: #ffffff; 
	leftmargin: 0;
	topmargin: 0;
	marginwidth: 0;
	marginheight: 0;
}


/* ---------------------------------- Text- und Bild-Formatierungen/Classes: ------------------------------ */
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 14px;
	color: #ffffff;
	padding-left: 11px;
	/* text-align: justify; */ 
}


h1 { 
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
}

h2 { 
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
}

h3 { 
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	padding-left: 11px;
}

.rot {color: #E10915;}
.hellgrau {color: #cccccc;} /* Grau2 */
.mittelgrau {color: #999999;} /* Grau3 */
.dunkelgrau {color: #666666;} /* Grau4 */

.bold {font-weight: bold;}
.rot-bold {color: #E10915; font-weight: bold; }
.hellgrau-bold {color: #cccccc; font-weight: bold; }
.mittelgrau-bold {color: #999999; font-weight: bold; }
.dunkelgrau-bold {color: #666666; font-weight: bold; }

.tabs {width: 60px; display:block; float:left; line-height: 130%;}
.kategorie {font-weight: bold; color:#E10915; width: 100px; height: 75px; float: left; padding-right: 10px;}
.termine-thema {padding-right: 20px; color:#666666; font-weight: bold;}
.termine-details {padding-right: 20px; color:#666666;}

.chapter-head {font-size: 20px;, text-align: left; color: #E10915;}

.kulturtip {color: #666666; padding-left: 0;}

.brandcampaign {color: #666666; padding-left: 0;}

.eistip {color: #666666; padding-left: 0;}

.bild {border: 1px solid #ffffff; margin-left: 11px; margin-top: 5px; margin-right: 20px; margin-bottom: 15px; }
.footer {color: #999999; font-size: 10px;}

.infotext {color: #666666; padding-top: 250px;}


/* ------------------------------ Kopfzeile mit Logo und Hauptmenü -----------------*/

#header {
	position:absolute;
	width: 100%;
	height: 144px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#logo {position:absolute; width: 180px; height: 100px; top: 30px; left: 60px;}




/* ------------------------------------------------------------------ Seiteninhalt ------------------------------------------------------------------------*/

/* Container für Inhalt */
#content {
	position:absolute;
	width: 100%;
	height: 600px;
	background-color:#E5E5E5;
	background-image:url(img/content.gif);
	top: 144px;
	left: 0;
	z-index: 0;
}

/* Menübereich oben */
#menuarea {
	position: absolute;
	width: 983px;
	height: 73px;
	top: 0;
	left: 0;
	background-image:url(img/mainmenu-background.gif);
}


/* ---------------- Inhaltsbereich für Text und Bilderanimationen ---------------------------------------------------------- */
#maincontent {
	position:absolute;
	width: 694px;
	height: 527px;
	top: 72px;
	left: 287px;
	background-color:#cccccc;
	border: 1px solid #ffffff;
}

/* --------------- 1. Variante für große Bildanimation + 3 Kapitel unter dem Bild bzw. + Text unter dem Bild --------------------------------*/

/* Bildbereich groß oben */
#big-imagebox {
	position: absolute;
	display: block;
	width: 694px;
	height: 375px;
	top: -1px;
	left: -1px;
	border: 1px solid #ffffff;
}

#big-imagebox-index {
	position: absolute;
	display: block;
	width: 694px;
	height: 375px;
	top: -1px;
	left: -1px;
	border: 1px solid #ffffff;
}

/* Bereich für die 3 Felder auf der Titelseite unten */
#big-chapterbox {
	position:absolute;
	width: 694px;
	height: 151px;
	top: 375px;
	left: -1px;
	background-color: #cccccc;
	border: 1px solid #ffffff;
}

#chapter1 { position: absolute; width: 231px; height: 151px; top: -1px; left: -1px; border: 1px solid #ffffff; }
#chapter2 { position: absolute; width: 231px; height: 151px; top: -1px; left: 231px; border: 1px solid #ffffff; }
#chapter3 { position: absolute; width: 231px; height: 151px; top: -1px; left: 462px; border: 1px solid #ffffff; background-color: #cccccc;}

#chapter-image {position: absolute; width: 231px; heigth: 105px; top: -1px; left: -1px; border: 1px solid #ffffff; z-index: 990;}
#chapter-headline {position: absolute; width: 231px; heigth: 10px; top: 79px; left: 5px; z-index: 999;}
#chapter-subline {position: absolute; width: 225px; heigth: 40px; top: 110px; left: 0; left: -6px; z-index: 1000;}

/* ------- Textebene rechts für Titelseite zum ein- und ausblenden ----------*/
#chapter-copy {position: absolute; display: block;	width: 240px; height: 527px; top: 73px; left: 982px; border: 1px solid #ffffff; border-top-style: none}
#chapter-copy img {display: block; float: left}


#chapter-copy-default {position: absolute; width: 205px; heigth: 489px; top: 38px; left: 12px; z-index: 100;}
#chapter-copy1 {position: absolute; width: 205px; heigth: 489px; top: 38px; left: 12px; z-index: 101; visibility: hidden;}
#chapter-copy2 {position: absolute; width: 205px; heigth: 489px; top: 38px; left: 12px; z-index: 102; visibility: hidden;}
#chapter-copy3 {position: absolute; width: 205px; heigth: 489px; top: 38px; left: 12px; z-index: 103; visibility: hidden;}





/* Textbereich groß unten für die Kapitelseiten*/
#big-textbox {
	position:absolute;
	width: 694px;
	height: 151px;
	top: 375px;
	left: -1px;
	background-color: #cccccc;
	border: 1px solid #ffffff;
	overflow: auto;
}

#big-textbox img {display: block; float: left}
#big-textbox-text {position: absolute; width: 640px; heigth: 100%; top: 15px; left: 12px;}



/* --------------- 2. Variante für kleine Bildanimation + Text links vom Bild --------------------------------*/

/* Textbereich klein links mit Bild- und Textformatierung*/
#small-textbox {
	position: absolute; 
	display: block; 
	width: 240px; 
	height: 527px; 
	background-color:#999999; 
	top: -1px; left: -1px; 
	border: 1px solid #ffffff;
	}
	
#small-textbox img {display: block; float: left}

#small-textbox-text {position: absolute; width: 205px; heigth: 411px; top: 20px; left: 12px;}

#gallery-link {position: absolute; width: 205px; heigth: 30px; top: 500px; left: 1px;}

/* Bildbereich klein rechts */
#small-imagebox {position: absolute; display: block; width: 453px; height: 100%; top: -1px; left: 240px; border: 1px solid #ffffff;}



/* --------------- 3. Variante ohne Bildanimation ------------------------------------------------------------*/

#single-textbox {
	position: absolute;
	width: 694px;
	height: 527px;
	top: -1px;
	left: -1px;
	border: 1px solid #ffffff;
	overflow: auto;
	background-color: #999999;
}
#single-textbox img {display: block; float: left}

#single-textbox-text {
	position: relative;
	width: 640px;
	heigth: 100%;
	padding-top: 20px;
	padding-left: 12px;
	margin-right: 0;
	padding-bottom: 15px;
	text-align: left;	
}

#single-textbox-text ul {margin-top: 15px; padding: 0; padding-left: 12px; font-size: 12px; color: #ffffff; list-style: inside; list-style-type: disc;}

#single-textbox-text li {padding-bottom: 10px;}



/* --------------- Zusätzliche Textbox links, anstelle von listmenu ------------------------------------------------------------*/

#additional-textbox_left {position: absolute; width: 200px; height: 355px; top: 90px; left: 60px; color: #666666;}

/* --------------------------------- Kulturtip ---------------------------------------------*/
#kulturtip {
	position: absolute;
	width: 287px;
	height: 240px;
	left: 0;
	top: 360px;
	background-image: url(img/kulturtip.gif);
}

#kulturtip-image {position: absolute; width: 213px; height: 143px; 	left: 74px;	top: 1px;}
#kulturtip-text {position: absolute; width: 213px; heigth: 100%; left: 74px; top: 148px;}

/* --------------------------------- Kulturtip Ende -------------------------------------*/


/* --------------------------------- BRANDING-Kampagne Teaser GoogleAdwords ---------------------------------------------*/
#brandcampaign {
	position: absolute;
	width: 287px;
	height: 240px;
	left: 0;
	top: 72px;
	/* background-image: url(img/wiesel_augustevent.gif); */
}

#brandcampaign-image {position: absolute; width: 213px; height: 143px; 	left: 74px;	top: 1px;}
#brandcampaign-text {position: absolute; width: 213px; heigth: 100%; left: 74px; top: 148px;}

/* --------------------------------- BRANDING-Kampagne Teaser GoogleAdwords -------------------------------------*/



/* --------------------------------- Eistip ---------------------------------------------*/
#eistip {
	position: absolute;
	width: 287px;
	height: 240px;
	left: 0;
	top: 235px;
	background-image: url(img/eistip.gif);
}

#eistip-image {position: absolute; width: 213px; height: 143px; left: 74px;	top: 1px;}
#eistip-text {position: absolute; width: 213px; heigth: 100%; left: 74px; top: 148px;}

/* --------------------------------- Kulturtip Ende -------------------------------------*/


/* ------------------------------ Fußzeile -----------------*/
#footer {
	position: absolute;
	width: 680px;
	height: 20px;
	top: 750px;
	left: 300px;
	z-index: 9999;
}



/* ------------------------ diese Angaben sind für die Links im Text ------------------- */

#big-textbox a:link { color: #E10915; text-decoration: underline; }
#big-textbox a:visited { color: #E10915; text-decoration: underline; }
#big-textbox a:focus { color: #E10915; text-decoration: underline; }
#big-textbox a:hover { color: #E10915; text-decoration: underline; }
#big-textbox a:active { color: #E10915; text-decoration: underline; }

#big-chapterbox a:link { color: #666666; text-decoration: underline; }
#big-chapterbox a:visited { color: #666666; text-decoration: underline; }
#big-chapterbox a:focus { color: #666666; text-decoration: underline;}
#big-chapterbox a:hover { color: #666666; text-decoration: underline;}
#big-chapterbox a:active { color: #666666; text-decoration: underline;}

#chapter-headline a:link { color: #E10915; text-decoration: none; }
#chapter-headline a:visited { color: #E10915; text-decoration: none; }
#chapter-headline a:focus { color: #E10915; text-decoration: none;}
#chapter-headline a:hover { color: #E10915; text-decoration: none;}
#chapter-headline a:active { color: #E10915; text-decoration: none; }

#chapter-subline a:link { color: #666666; text-decoration: none; }
#chapter-subline a:visited { color: #666666; text-decoration: none; }
#chapter-subline a:focus { color: #666666; text-decoration: none;}
#chapter-subline a:hover { color: #ffffff; text-decoration: none;}
#chapter-subline a:active { color: #666666; text-decoration: none; }

#small-textbox a:link { color: #E10915; text-decoration: underline; }
#small-textbox a:visited { color: #E10915; text-decoration: underline; }
#small-textbox a:focus { color: #E10915; text-decoration: underline; }
#small-textbox a:hover { color: #E10915; text-decoration: underline; }
#small-textbox a:active { color: #E10915; text-decoration: underline; }

#single-textbox a:link { color: #ffffff; text-decoration: underline; }
#single-textbox a:visited { color: #ffffff; text-decoration: underline; }
#single-textbox a:focus { color: #E10915; text-decoration: underline; }
#single-textbox a:hover { color: #E10915; text-decoration: underline; }
#single-textbox a:active { color: #ffffff; text-decoration: underline; }

#chapter-copy a:link { color: #666666; text-decoration: underline; }
#chapter-copy a:visited { color: #666666; text-decoration: underline; }
#chapter-copy a:focus { color: #E10915; text-decoration: underline; }
#chapter-copy a:hover { color: #E10915; text-decoration: underline; }
#chapter-copy a:active { color: #666666; text-decoration: underline; }


#gallery-link a:link { color: #E10915; text-decoration: none; }
#gallery-link a:visited { color: #E10915; text-decoration: none; }
#gallery-link a:focus { color: #E10915; text-decoration: underline;}
#gallery-link a:hover { color: #E10915; text-decoration: underline;}
#gallery-link a:active { color: #E10915; text-decoration: none; }

#additional-textbox_left a:link { color: #E10915; text-decoration: none; }
#additional-textbox_left a:visited { color: #E10915; text-decoration: none; }
#additional-textbox_left a:focus { color: #E10915; text-decoration: underline;}
#additional-textbox_left a:hover { color: #E10915; text-decoration: underline;}
#additional-textbox_left a:active { color: #E10915; text-decoration: none; }

/* Formatierung der Bilder mit Hyperlinks */
a:link img {border: none; color: #000000; text-decoration: none; }
a:visited img {border: none; color: #000000; text-decoration: none; }
a:focus img {border: none; color: #000000; text-decoration: none; }
a:hover img {border: none; color: #000000; text-decoration: none; }
a:active img {border: none; color: #000000; text-decoration: none; }