html, body {
  width: 100%;
  height: 100%;
}




A {COLOR:#000000; TEXT-DECORATION:none; FONT-FAMILY:Arial; font-weight:bold;}
A:visited {COLOR:#000000; TEXT-DECORATION:none; FONT-FAMILY:Arial; font-weight:bold;}
A:hover {TEXT-DECORATION: underline}

table {font-family:Arial; font-size:13px; color:#000000;}
tr {font-family:Arial; font-size:13px; color:#000000;}
td {font-family:Arial; font-size:13px; color:#000000;}

.supertextwhite {font-family:Arial; font-size:40px; font-weight: bold; color:#FFFFFF;}
.supertextblack {font-family:Arial; font-size:40px; font-weight: bold; color:#000000;}
.header {font-family:Arial; font-size:16px; font-weight: bold; color:#000000;}
.headertimes {font-family:Times New Roman; font-size:16px; font-weight: bold; color:#000000;}
.subhead {font-family:Arial; font-size:14px; font-weight: bold; color:#000000;}
.kathead {font-family:Arial; font-size:14px; font-weight: bold; color:#FFFFFF;}
.navi {font-family:Arial; font-size:15px; font-weight: bold; color:#000000;}
.navismall {font-family:Arial; font-size:12px; color:#000000;}
.text {font-family:Arial; font-size:12px; color:#000000;}
.texttimes {font-family:Times New Roman; font-size:12px; color:#000000;}
.small {font-family:Arial; font-size:11px; color:#000000;}

.google_text {font-size: 2px; color: white; cursor: default;}
.ul {font-size:14px; font-weight:bold; margin:0; padding:0; list-style-type:none}
.ul li {padding:0 0 10px 14px; display: inline;}
.a {color:#000000; text-decoration:none}


body {
  margin: 0px;
  overflow: hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

/* ++++ Positionierung ++++ */
@media screen {
  div#Seiteninhalt {
    /* position: absolute;
    z-index: 200;
    top: 0px;
    right: 0px;
    left: 240px;
    bottom: 0px;
    height: 100%; */
	margin: 0 0 0 240px;
  }
}
#bodyTop {
  height: 140px;
  background-color: #003366;
  background-image:url('/_pics/header.jpg');
  background-repeat: repeat;
  overflow: hidden;
}
div#Suchformular {
  position: relative;
  height: 435px;
  overflow: auto;
}
@media screen {
  div#Ergebnisliste {
    position: static;
    height: 100%;
    overflow: auto;
  }
}
div#bodyBottom {
  position: relative;
  height: 30px;
  width: 1400px;
  background-image:url('/_pics/background_footer.jpg');
  background-repeat: repeat;
  overflow: hidden;
}

/* ++++ Typografie ++++ */
h1.Seitentitel {
    font-size: 0.9em;
    font-weight: bold;
    color: #FFF;
    margin: 0.25em 0.75em;
    padding: 55px 0 0 0;
}
h1.Listentitel {
  font-size: 0.9em;
  margin: 0.5em;
}
#Datumseingabe, #Detailsuche {
  margin: 0.5em;
}
div#Detailsuche {
  border-top: 1px solid #FFF;
}
table.Suchformular {
  width: 95%;
}
td.Schnellsuche {
  width: 34%;
}
td.Detailsuche {
  width: 33%;
  /* height: 220px; */
}
td.Datumsauswahl {
  width: 66%;
}
td {
  vertical-align: top;
}

div.Rubrik {
  clear: all;
  border-top: 1px solid #FFF;
  margin: 1em 0;
  padding: 0.25em 0;
}
div.Veranstaltung {
	margin: 1em;
}
table.Veranstaltung {
	width: 90%;
}
td.Veranstaltungsdetails {
	width: 50%;
	padding: 0 1em 0 0;
	vertical-align: top;
}
/* ++++ Seitennavigation ++++ */
div#Seitennavigation {
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 240px;
  height: 100%;
  bottom: 0px;
  background-image:url('/_pics/navi.jpg');
  background-repeat: repeat-y;
  overflow: hidden;
}
div#Seitennavigation p, h3.navTitel {
  margin: 1em 0.5em 0 0.5em;
}

div#Seitennavigation h3.navTitel {
  margin: 6em 0.5em 0 0.5em;
  font-weight: bold; 
  color: #666;
  padding-bottom: 0.25em; 
  border-bottom: 1px solid #666;
}

div#Seitennavigation p, h3.navTitel {
  font-size: 0.7em;
}
div#logo {
  background-image:url('/_pics/navi.jpg');
}
div#fensterZu {
  position: absolute; 
  left: 0px; 
  bottom: 0px; 
  width: 240px; 
  height: 25px; 
  z-index: 100; 
  border-top: 1px solid #FFF; 
  background-color: #8B8B8B;
}
/* ++++ Jahreszeitspezifische Formatierungen ++++ */
div#Ergebnisliste {
  background-color: #BED46B;
  /* Frühling: #BED46B; Sommer: #000000; Herbst: #E68D39; Winter: #A7A9C0; */
}

/* ++++ Druckversion ++++ */
@media print {
  div#Seiteninhalt {
    overflow: visible;
  }
  div#Ergebnisliste {
    background-color: #FFF;
  }
  div#Seitennavigation, div#bodyBottom, div#fensterZu, p.Tickets, div#Druckfunktion {
    display: none;
  }
  h2.Rubriktitel {
    font-size: 0.9em;
    display: block;
    background-color: #E7E7E7;
    padding: 0.25em 0.5em;
    border-top: 0.5pt solid #000;
  }
  div.Veranstaltung {
    margin: 1em 0 0 0;
    border-top: 0.5pt dotted #000;
  }
}





#menu
{
	position:fixed;
	top:12em;
	left:.5em;
	width:9em;
	border: 0px dotted #dedede;
	padding:.5em;
}

#rahmenaussen {position:absolute; overflow:auto; height:183px; padding-bottom:0px; margin-top:0px; margin:0px 0 0 0; padding:0px 0 0 0;}

#topdiv {position:absolute; overflow:auto; height:183px; padding-bottom:0px; margin-top:0px; margin:0px 0 0 0; padding:0px 0 0 0; background-color:#FFFFFF; background-repeat:repeat;}

#logo {position:absolute; overflow:auto; float:left; width:242px; height:183px; margin:0px 0 0 0; padding:0px 0 0 0; background-color:#FFF1EC; z-index:1;}
#visual {position:absolute; overflow: auto; float:left; top:0px; left:240px; width:100%; height:183px; margin:0px 0 0 0; padding:0px 0 0 0; background-image:url('/_pics/header.jpg'); z-index:99;}

.lst {padding:0; margin:0; list-style-type:none}
.lst li {font-weight:bold; ; padding-left:12px; padding-bottom:3px}
.lst li a {text-decoration:none}

#contentdiv {position:absolute; overflow:hidden; width:100%, height:100%; padding-bottom:0px; margin-top:0px; margin:0px 0 0 0; padding:0px 0 0 0; background-color:#FFFFFF; width:100%; height:100%;background-repeat:repeat;}

#Seitennavigation ul {font-size:14px; font-weight:bold; margin:0; padding:0; list-style-type:none}
#Seitennavigation ul li {padding:0 0 10px 14px; display: inline;}
#Seitennavigation a {color:#000000; text-decoration:none}
#Seitennavigation a.hr, #leftCol a:hover {color:#FFFFFF; background-color:#000000}

#Suchformular h1 {padding-bottom:13px}
#Suchformular img {padding-right:5px}
#Suchformular p {padding-bottom:14px}
#Suchformular ph {float:left; margin:3px 12px 8px 0}
#Suchformular ul {padding:0 0 10px 0; margin:0; list-style-type:none}
#Suchformular ul li {padding:0 0 3px 14px}
#Suchformular a {color:#000000; text-decoration:underline; font-weight:bold;}
#Suchformular a.hr, #content a:hover {color:#FFFFFF; background-color:#000000}
#Suchformular supertextwhite {font-family:Arial; font-size:40px; font-weight: bold; color:#FFFFFF;}
#Suchformular supertextblack {font-family:Arial; font-size:40px; font-weight: bold; color:#000000;}
#Suchformular header {font-family:Arial; font-size:16px; font-weight: bold; color:#000000;}
#Suchformular headertimes {font-family:Times New Roman; font-size:16px; font-weight: bold; color:#000000;}
#Suchformular subhead {font-family:Arial; font-size:14px; font-weight: bold; color:#000000;}
#Suchformular kathead {font-family:Arial; font-size:14px; font-weight: bold; color:#FFFFFF;}
#Suchformular navi {font-family:Arial; font-size:15px; font-weight: bold; color:#000000;}
#Suchformular navismall {font-family:Arial; font-size:12px; color:#000000;}
#Suchformular text {font-family:Arial; font-size:12px; color:#000000;}
#Suchformular texttimes {font-family:Times New Roman; font-size:12px; color:#000000;}
#Suchformular small {font-family:Arial; font-size:11px; color:#000000;}

.h1 {padding-bottom:13px}
.p {padding-bottom:14px}
.ph {float:left; margin:3px 12px 8px 0}
.ul {padding:0 0 14px 0; margin:0; list-style-type:none}
.ul li {padding:0 0 3px 14px}
.a {color:#000000; text-decoration:underline; font-weight:bold;}
.a.hr, #content a:hover {color:#FFFFFF; background-color:#000000}

form {margin:0; padding:0;}
.clr {clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:#FFFFFF !important; visibility:hidden !important}