/* 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:25px;
	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/background_header_mit_logo_home 1010x290.gif');
	background-position:0px 0px;
}
.stdbg {
	width:1010px;                 /* bei Änderung -> auch .Fuss_bg width ändern */
	background-repeat:no-repeat;
	background-image:url('images/background_header_mit_logo_std 1010x160.gif');
	background-position:0px 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;
}
.stdTextBlackIndent {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	vertical-align:top;
	margin-left:25px;
}
.stdTextBlackIndent a:link, .stdTextBlackIndent a:visited {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	line-height:14px;
	vertical-align:top;
	margin-left:0px;
}
.stdTextBlackIndent a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	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:35px;
	vertical-align:bottom;
}
.tdProgHeader1 {		
	padding:0px;
	height:60px;
	vertical-align:bottom;
}
.tdProgHeader2 {		
	padding:0px;
	height:18px;
	vertical-align:bottom;
}
.ProgHeader {
	padding-left:5px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	vertical-align:bottom;
}
.ProgHeader a:link, .ProgHeader a:visited {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	text-decoration:underline;
	vertical-align:bottom;
}
.ProgHeader a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:22px;
	color:#000000;
	text-decoration:underline;
	vertical-align:bottom;
}

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

.ProgDatum {
	padding-left:5px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	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:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	line-height:14px;
	vertical-align:top;
}
.ProgEvent a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	line-height:14px;
	vertical-align:top;
}
.ProgEventWhite {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:14px;
	vertical-align:top;
}
.ProgEventBlack {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	vertical-align:top;
}
.ProgEventAusverkauft {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-style:italic;
	font-style:normal;
	font-weight:bold;
	color:#E00000;       /* rot */
	color:#FFE000;       /* dunkleres gelb */
	color:#FFFF50;       /* gelb */
	line-height:14px;
	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:60px;
	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;
}
.EventTextHeaderWhite a:link, .EventTextHeaderWhite a:visited {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
}
.EventTextHeaderWhite a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}
.EventTextSubHeaderWhite {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.EventTextSubHeaderWhite a:link, .EventTextSubHeaderWhite a:visited {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
}
.EventTextSubHeaderWhite a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}
.EventTextHeaderAusverkauft {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#E00000;       /* rot */
	color:#FFE000;       /* dunkleres gelb */
	color:#FFFF50;       /* gelb */
}
.EventCVHeaderWhite {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	color:#FFFFFF;
}
.EventCVHeaderWhite a:link, .EventCVHeaderWhite a:visited {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	text-decoration:underline;
	color:#FFFFFF;
}
.EventCVHeaderWhite a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	text-decoration:underline;
	color:#000000;
}

/* 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;
}

#fotoalbumSeite {            /* Vertikaler Abstand zwischen Veranstaltungsüberschrift und Fotos */
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
}

/* 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;
}