/* CSS Document */

/* Unversalattribute */
/*-------------------*/

ul {
	margin-top: 5px;
	margin-bottom: 0px;
}

/* Startseite */
/*------------*/

.homeBigTextWhite {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
}
.homeBigTextBlack {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 30px;
	color: #000000;
}

/* Startseiten */
/*-------------*/

.StartTable {		
	width: 700px;
	height: 375px;       /* Abstand Überschrift Fusszeile */
}
.StartPictColWidth {
	width: 292px;
}
.tdStartHeader {		
	padding: 0px;
	height: 25;
	vertical-align: bottom;
}
.StartTextHeaderBlack {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	color: #000000;
}
.StartTextHeaderWhite {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
}
.StartTextHeaderWhite a:link, .StartTextHeaderWhite a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	text-decoration: underline;
	color: #FFFFFF;
}
.StartTextHeaderWhite a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	color: #000000;
	text-decoration: none;
}
.StartTextAusverkauft {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	color: #FFFF50;       /* gelb */
}
.StartTextAusverkauft a:link, .StartTextAusverkauft a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	text-decoration: underline;
	color: #FFFF50;
}
.StartTextAusverkauft a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	color: #000000;
	text-decoration: none;
}

/* Hintergrund Home- und Standardseite */
/*-------------------------------------*/

body {
	margin-left: 20px;
	margin: 0px;
	background-color: #00FFFF;     /* zum Testen */
	background-color: #00AEF0;     /* Hintergrundfarbe */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	vertical-align: top;
}
.homebg {
	width: 1010px;
	background-repeat:no-repeat;
	background-image:url('images/logo_background_home 380x780.gif');
	background-position: 630px 0px;
}
.stdbg {
	width: 1010px;                 /* bei Änderung -> auch .Fuss_bg width ändern */
	background-repeat:no-repeat;
	background-image:url('images/logo_background_full 310x565.gif');
	background-position: 700px 0px;
}

/* Standardtext */
/*--------------*/

.tdStdText {		
	padding: 0px;
	vertical-align: top;
}
.stdTextGray {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 14px;
	vertical-align: top;
}
.stdTextBlack {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	vertical-align: top;
}
.stdTextBlack a:link, .stdTextBlack a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	line-height: 14px;
	vertical-align: top;
}
.stdTextBlack a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
	vertical-align: top;
}
.stdTextBlackIndent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	vertical-align: top;
	margin-left: 25px;
}
.stdTextWhite {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	vertical-align: top;
}
.stdTextWhite a:link, .stdTextWhite a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 14px;
	vertical-align: top;
}
.stdTextWhite a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	vertical-align: top;
}
.stdTextWhiteIndent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	vertical-align: top;
	margin-left: 25px;
}
.stdTextWhiteIndent a:link, .stdTextWhiteIndent a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 14px;
	vertical-align: top;
	margin-left: 0px;
}
.stdTextWhiteIndent a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	vertical-align: top;
	margin-left: 0px;
}

/* Position des weißen wellenklaenge-Logos im Header */
/*---------------------------------------------------*/

.logoTopMargin {
	height: 8px;           /* Abstand vom Seitenrand oben */
}

.logoLeftMargin {
	width: 12px;           /* Abstand vom Seitenrand links */    /* bei Änderung -> auch .menuLeftMargin width ändern */
}

.logoTopMarginHome {
	height: 66px;           /* Abstand vom Seitenrand oben */
}

.logoLeftMarginHome {
	width: 24px;           /* Abstand vom Seitenrand links */    /* bei Änderung -> auch .menuLeftMarginHome width ändern */
}

/* Hauptmenü */
/*-----------*/

.vspaceLogoTrennstrich {
	height: 22px;        /* Abstand zwischen Logo und Trennstrich */
}

.td {		
	padding: 0px;
	vertical-align: top;
	white-space : nowrap;
}
.menuLeftMargin {		
	width: 97px;         /* Wert = logoLeftMargin + 85px  */
}
.menuLeftMarginHome {		
	width: 109px;         /* Wert = logoLeftMarginHome + 85px  */
}
.tdMenuPadding-right {
        width: 10px;         /* Wert = .menu a:* padding-right */
}
.vspaceTrennstrichHeader {
        height: 16px;        /* Abstand zwischen Trennstrich und Seitenüberschrift */
}
.menu a:link, .menu a:visited {
	padding-right: 10px;         /* bei Änderung -> auch .tdMenuPadding-right width ändern */
	padding-left: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
}
.menu a:hover {
	padding-right: 10px;         /* bei Änderung -> auch .tdMenuPadding-right width ändern */
	padding-left: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
}
.men_ a:link, .men_ a:visited {
	padding-right: 10px;         /* bei Änderung -> auch .tdMenuPadding-right width ändern */
	padding-left: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
}
.men_ a:hover {
	padding-right: 10px;         /* bei Änderung -> auch .tdMenuPadding-right width ändern */
	padding-left: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
}

/* Seitenüberschrift */
/*-------------------*/

.tdHeader {		
	padding: 0px;
	vertical-align: top;
}
.header, .header a:link, .header a:visited  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	vertical-align: bottom;
}
.header a:hover  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	vertical-align: bottom;
}
.vspaceHeaderText {
	height: 20px;        /* Abstand zwischen der Überschrift und dem Text */
}

/* Programmübersicht heller Hintergrund */
/*--------------------------------------*/

.Progbg {
	background-color: #43C5F7;
}

/* Programmübersicht Akt */
/*-----------------------*/

.tdProgHeader {		
	padding: 0px;
	height: 35;
	vertical-align: bottom;
}
.tdProgHeader1 {		
	padding: 0px;
	height: 60;
	vertical-align: bottom;
}
.ProgHeader, .ProgHeader a:link, .ProgHeader a:visited {
	padding-left: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
}
.ProgHeader a:hover {
	padding-left: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;
}

/* Programmübersicht Datum/Zeit */
/*------------------------------*/

.ProgDatum {
	padding-left: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
}

/* Programmübersicht Veranstaltung */
/*---------------------------------*/

.ProgEvent a:link, .ProgEvent a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	line-height: 13px;
	vertical-align: top;
}
.ProgEvent a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 13px;
	vertical-align: top;
}
.ProgEventAusverkauft {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-style: normal;
	font-weight: bold;
	color: #E00000;       /* rot */
	color: #FFE000;       /* dunkleres gelb */
	color: #FFFF50;       /* gelb */
	line-height: 13px;
	vertical-align: top;
}
.vspaceEvent {		
	width: 1px;
	height: 10px;        /* Abstand zwischen 2 Veranstaltungen am selben Tag */
	border: 0px;
}

/* Veranstaltung */
/*---------------*/

.EventTable {		
	width: 700px;
	height: 420px;       /* Abstand Überschrift Fusszeile */
}
.EventPictColWidth {
	width: 222px;        /* -> auch FussLeftMargin auf diesen Wert setzen */
}
.tdEventTextHeader {		
	padding-top: 15px;
	width: 450px;
	vertical-align: top;
}

.tdEventHeader {		
	padding: 0px;
	height: 60;
	vertical-align: bottom;
}
.EventHeader {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
}

.EventTextHeaderBlack {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
.EventTextHeaderBlack a:link, .EventTextHeaderBlack a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.EventTextHeaderBlack a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.EventTextHeaderWhite {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.EventTextHeaderAusverkauft {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #E00000;       /* rot */
	color: #FFE000;       /* dunkleres gelb */
	color: #FFFF50;       /* gelb */
}

/* Hyperlinks weiss, nicht unterstrichen */
/*---------------------------------------*/

.weiss a:link, .weiss a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
}
.weiss a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;
}

/* Sponsorenseite */
/*----------------*/

.tdheightSponsorenHeader {		
	height: 40px;
}
.tdheightSponsorenLogo {		
	height: 60px;
}
.imgSponsorenLogo {		
	width: 131px;
	height: 39px;
	border: 0px;
	vertical-align: middle;
}

/* Vorgeschichte */
/*---------------*/

.imgVorgeschichte {		
	width: 195px;
	height: 132px;
	border: 0px;
	vertical-align: top;
}
.tdheightVorgeschichte {
	height: 137px;
}

/* Fotoalbum */
/*-----------*/

.spaceFoto {                 /* Abstand der Fotos untereinander */		
	border: 0px;
	margin: 2px 2px 2px 0px;
}

#vspaceHeaderFoto {          /* Vertikaler Abstand zwischen Veranstaltungsüberschrift und Fotos */
	margin-top:5px;
	margin-bottom: 3px;
}

/* Presseseite */
/*-------------*/

.presseFoto1 {		
	text-align: right;
	vertical-align: top;
	padding-top:5px;
	padding-right:8px;
	padding-bottom:5px;
}
.presseText1 {		
	vertical-align: top;
	padding-top:2px;
	padding-bottom:5px;
}

/* Fusszeile */
/*-----------*/

.vspaceFusszeile {
	height: 20px;        /* Abstand der Fußzeile vom Content darüber */
}
.FussLeftMargin {		
	width: 222px;        /* Abstand vom Seitenrand links */
}
.FussLeftMarginGeschichte {		
	width: 205px;        /* Abstand vom Seitenrand links (Seite "Vorgeschichte" und "Programm") */
}
.Fuss_bg {
	width: 1010px;                 /* Wert = Standardseite .bg width */
}
.contentFuss, .contentFuss a:link, .contentFuss a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;                /* schwarz */
	color: #FFFFFF;                /* weiß */
	text-decoration: none;
}
.contentFuss a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;                /* weiß */
	color: #000000;                /* schwarz */
	text-decoration: none;
}
.FussSpecial, .FussSpecial a:link, .FussSpecial a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #00AEF0;                /* Hintergrund */
	color: #FFFF50;                /* gelb */
	text-decoration: none;
}
.FussSpecial a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;                /* schwarz */
	text-decoration: none;
}

/* Sitemail */
/*----------*/

.headerSmallDark {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.form {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #43C5F7;
	border: 1px solid #FFFFFF;
}
.tdForm {
	padding-top: 4px;
	padding-bottom:4px;
}
.email a:link, .email a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.email a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.info:link, a.info:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;          /*this is the key*/
	z-index: 24;     
}
a.info:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	z-index: 25; 
	text-decoration: none;
}
a.info span {
	display: none;
}
a.info:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 5px;
}