* { margin: 0px; padding: 0px; }

/* Positionierung */

body { min-width: 1000px; max-width: 1220px; background: white; color: black; }
#wrapper0 { width: 100%; overflow: hidden; position: relative; background: url(images/bg_left.png) left repeat-y; z-index: 0; }
#wrapper1 { min-width: 1000px; max-width: 1200px; background: url(images/bg_right.png) right repeat-y; padding-right: 14px; position: relative; }
#styler1 { position: absolute; background: url(images/bg_top.png) top repeat-x; width: 100%; height: 133px; z-index: -5; }

#logo { position: absolute; z-index: 5; }

#efa-form { position: absolute; top: 18px; left: 250px; padding-left: 50px; width: 400px; height: 110px; overflow: auto; z-index: 10; }

#teaser0 { position: absolute; height: 172px; min-width: 1000px; width: 100%; background: transparent; overflow: hidden; z-index: 1; }
#teaser1 { min-width: 1000px; max-width: 1200px; padding-right: 20px; height: 160px; position: relative; }
#teaser2 { position: absolute; height: 172px; width: 362px; right: -15px; z-index: 1; }

#main { padding-top: 125px; overflow: hidden; /*width: 800px;*/ z-index: 2; position: relative; }
#menu { float: left; margin-top: 20px; width: 180px; overflow: visible; z-index: 2; }
#content { overflow: hidden; z-index: 2; min-height: 500px; }
#content iframe { width: 100%; border: none; padding: 0px; margin: 0px; }


/* Allgemeine Stile */

.image-replacement { background-repeat: no-repeat; text-indent: -9999px; }

body { font-family: "Bitstream Vera Sans", Arial, sans-serif; font-size: 10.5pt;  }

a { text-decoration: none; color: #50650a; }
a:hover { text-decoration: underline; }
a img { border: none; }
#content td .bodytext { line-height: 10pt; margin: 0px; padding: 2px; }
abbr, acronym { cursor: help; border-bottom: 1px dotted; }



/* Stile für gemeinsame Inhaltselemente */

/* #teaser2 { cursor: pointer; } */

#efa-form { font-size: 14px; color: #98c012; }
#efa-form h1 { font-size: 18px; color: #344300; margin-left: 74px; font-weight: bold; margin-bottom: 2px; }
#efa-form p { margin: 0px; padding: 0px; }
#efa-form fieldset { display: block; border: none; width: 255px; float: left; }
#efa-form label { text-transform: uppercase; display: block; line-height: 20px; vertical-align: middle; width: 65px; float: left; text-align: right; padding-right: 5px; font-weight: bold; }
#efa-form input.text { display: block; padding: 0px 4px; border: 1px #98c012 solid; height: 18px; margin: 1px 0px; color: #344300; width: 172px; background: white; }
#efa-form button { display: block; border: none; background: transparent; }
#efa-form .vcard { clear: left; }
#efa-form .vcard .fn, #efa-form .vcard .url, #efa-form .vcard .org { display: none; }
#efa-form .hotline { position: relative; left: -50px; color: #b71616; white-space: nowrap; }
#efa-form .hotline img { vertical-align: middle; }
#efa-form .hotline .times { margin-left: 1em; color: black; }

#menu { min-height: 580px; }
#menu ul { margin: 0px; padding: 0px; }
#menu ul li.root { height: 67px; display: block; /*position: relative; nicht möglich -> würde neuen z-index-Stack in IE6 machen */ }
#menu ul li a { border: none; text-decoration: none; }
/* Submenü */
#menu ul li ul { display: none; }
#menu ul li:hover ul { display: block; border: 1px white solid; position: absolute; /*top: 165px;*/ left: 80px; background: #98c012 url(images/bg_menu.jpg) no-repeat; padding: 10px; z-index: 1; }
/* Achtung nicht CSS2-konforme Erweiterung: */ #menu ul li:hover ul { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
/* Fahrplan */ #menu_8:hover ul { top: 165px; }
/* Tickets  */ #menu_7:hover ul { top: 232px; }
/* ...  */     #menu_6:hover ul { top: 299px; }
/* ...  */     #menu_5:hover ul { top: 366px; }
/* ...  */     #menu_4:hover ul { top: 433px; }
/* ...  */     #menu_3:hover ul { top: 500px; }
/* ...  */     #menu_2:hover ul { top: 567px; }
/* Achtung nicht CSS/2-konform: */ /*  #menu ul li:hover ul { opacity: .9; filter:alpha(opacity=90); } */
#menu ul li:hover ul li { list-style-type: none; display: block; color: black; line-height: 1.4; }
#menu ul li:hover ul li a { color: black/*white*/; }
#menu ul li:hover ul li a:hover { text-decoration: underline; }		/* wird von IE6 ignoriert */

#content { padding: 0px 15px 10px 10px; }
#content #breadcrumbs { margin-left: 75px; margin-top: 40px; margin-bottom: 30px; color: #868686; font-weight: bold; font-size: .9em; }
#content #breadcrumbs p { display: inline; }
#content #breadcrumbs ol { display: inline; }
#content #breadcrumbs li { display: inline; margin-left: 1ex; }
#content #breadcrumbs li a { color: black; }

#site-info { background: #97bf11; font-weight: bold; color: white; padding: 4px 10px; font-size: 14px; line-height: 1.5em; text-transform: uppercase; overflow: hidden; }
#site-info a { color: white; }
#site-menu { z-index: 0; margin-left: 10px; }
#site-menu li { display: inline; margin-right: 2.2em; }
#site-search { z-index: 1; height: 1em; float: right; text-transform: uppercase; }
#site-search * { vertical-align: text-top; }
#site-search input { padding: 0px 4px; border: none; height: 18px; }
#site-search input.submit { height: 28px; border: none; background: transparent; padding: 0; }


/* spezielle Stile */

#content h1 { color: #98c012; font-size: 140%; margin-bottom: .5em; border-bottom: 1px #bebebe solid; margin-left: 75px; }
#content h2 { color: #98c012; font-size: 130%; margin-bottom: .2em; margin-top: .8em; }
#content .bodytext { margin: 0px 0 18px 0; }

#content ul { margin-left: 30px; margin-bottom: 10px; }
#content ul li { list-style-image: url(images/li_item.png); margin-bottom:2px;}

#content table { margin-bottom: 18px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#content .csc-frame-indent img { margin-left: 20px; margin-top: 5px; }

#content .news-list-container { margin-top: 1em; }
#content .news-list-item { margin: 0 20px; border-bottom: 1px solid #999; overflow: hidden; }
#content .news-list-item h2 { font-size: 100%; font-weight: bold; margin: .5em 0; }
#content .news-list-item a:hover {  color: black; }
#content .news-list-container .more, #content .news-list-container .less { margin-top: .5em; float: right; }
#content .news-list-item img { border: 1px solid #999; float: left; margin: 10px 10px 0 0; }
#content .news-list-item .full { overflow: hidden; margin-bottom: .5em; }

#content .news-list-item.preview .full, #content .news-list-item.preview .less { display: none; }
#content .news-list-item.full .preview, #content .news-list-item.full .more { display: none; }

/* NEWS NEU BEGINN */

#content .banner1 { margin: 15px 20px 10px 20px; }

#content .news-item { margin: 0 20px; border-bottom: 1px solid #999; overflow: hidden; padding: 0; }
#content .news-item h2, .news-item .more, .news-item .less { margin: .5em 0; color: #50650a; cursor: pointer; padding: 0; }
#content .news-item h2 { font-size: 100%; font-weight: bold; }
.news-item .more, .news-item .less { float: right; color: #50650a; margin-bottom: 0; margin-left: 1em; }
#content .news-item h2:hover, .news-item .more:hover, .news-item .less:hover { color: black; text-decoration: underline; }
#content .news-item img { border: 1px solid #999; }
#content .news-item table { position: relative; }	/* hasLayout! */

/* im geschlossenen Zustand: */
.news-item.teaser * { display: none; }
.news-item.teaser .csc-header, .news-item.teaser .csc-header *, .news-item.teaser .more { display: block; }
/* im offenen Zustand: */
.news-item.complete .more { display: none; }

/* NEWS NEU ENDE */


#content .tx-indexedsearch .tx-indexedsearch-redMarkup { color: #98c012;  }
#content .tx-indexedsearch h3 { border-bottom: 1px solid #bebebe; }
#content .tx-indexedsearch .tx-indexedsearch-info { font-size: 80%; background: white; }
#content .tx-indexedsearch .tx-indexedsearch-rules p { font-size: 80%; }
#content .tx-indexedsearch .tx-indexedsearch-searchbox fieldset { padding: 10px; }
#content .tx-indexedsearch .tx-indexedsearch-res .res { padding: 7px; border: 1px dotted black; overflow: hidden; margin-bottom: 3px;}
#content .tx-indexedsearch .tx-indexedsearch-percent { margin-left: 20px; }
#content .tx-indexedsearch .tx-indexedsearch-browsebox ul { background: #e3e3e3; margin: 0px; padding: 3px; }
#content .tx-indexedsearch .tx-indexedsearch-browsebox li { display: inline; padding: 0 5px; }
#content .tx-indexedsearch dt { float: left; clear: left; font-weight: bold; }