html { height: 100.05%;}
body { margin: 0; padding: 0; background-color: #b56706; font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif; font-size: 12px; color: #fff; background-image: url(../gfx/backtrain.jpg); background-repeat: repeat-x; }
/* ------------------------- allgemeines Layout */
#container { width: 773px; margin: 13px auto 0 auto; background-color: #000000; }
#banner { margin-bottom: 10px;}
#header { display: none; }
#content { padding: 18px 20px 20px 0; margin-left: 200px;}
#sidebar { float: left; width: 170px; \width: 180px; w\idth: 170px; background-image: url(../gfx/navibig.jpg); background-repeat: repeat-y; margin: 0 0 20px 0;}
#tabelle {clear: both; margin-top: 5px; padding: 5px 10px 3px 10px; background-color: #000;}
#publikation{clear: both; margin-top: 5px; padding: 5px 10px 3px; background-color: #000000;}
#footer {clear: both; padding: 19px 10px 10px 19px; font-size: 10px; background-image: url(../gfx/footer.gif); background-repeat: no-repeat; height: 70px; background-color: #B56706;}
img { border: none; }
.company {white-space:nowrap;}
/* ------------------------- Ende allgemeines Layout */
/* ------------------------- Navigation */
/* -- Ebene 1 -- */
#navi { margin: 20px 0 0 8px; padding: 0; list-style: none; width: 160px; height: 100%; font-size: 12px;}
/* #sidebar .navistart { background-image: url(../gfx/navitop.jpg); background-repeat: no-repeat; height: 44px; } */
#sidebar .naviend { background-image: url(../gfx/navibottom.jpg); background-repeat: no-repeat; height: 44px;}
#navi li { position: relative;}
#navi li a { display: block; text-decoration: none; text-align: right; padding: 5px 10px 5px 10px; background-color: transparent; color: #daa233; width: 140px;}
#navi li a:hover,#navi li a.selected:hover {background-color: #000; color: #fff; background-image: url(../gfx/naviactive.gif); background-repeat: repeat-y;}
/* -- Ebene 2 -- */
#navi li ul {margin: 0; padding: 0 0 1px 0; list-style: none; width: 160px; background-image: url(../gfx/naviactive.gif); background-repeat: no-repeat; background-position: bottom;}
#navi li ul li { position: relative;}
#navi li ul li a { display: block; text-decoration: none; padding: 3px 20px 3px 5px; background-color: #000; width: 135px; font-size: 11px;}
#navi li ul li a:hover,#navi li ul li a.selected:hover {background-image:url(../gfx/navizwo.gif); background-repeat: repeat-y; background-color: #000000; color: #000;}
#navi a.selected { background-color: #000; color: #fff;}
#navi li a.selected {background-image: url(../gfx/naviactive.gif); background-repeat: no-repeat; }
#navi li ul li a.selected {background-image: none; }
/* Fix IE. Hide from IE Mac \*/
* html #navi li { float: left; height: 1%; }
* html #navi li a { height: 1%; }
* html #navi li ul li { float: left; height: 1%; }
* html #navi li ul li a { height: 1%; }
/* End */
li:hover #navi, li.over #navi { display: block; } /* The magic */
/* Cookie-Banner */
.cookie-notice { padding: 1em; border: 1px solid #b56706; border-width: 1px 0; background-color: #1c1c1c; color: #dbdbdb; }
.cookie-notice > button { margin-left: 0.5em; }
/* ------------------------- Ende Navigation */
/* ------------------------- content */
#content a, .link {text-decoration: underline; color: #fff;}
#content a:hover, .link:hover {color: #daa233;}
#content h1 {font-size: 22px; font-weight: bold; color: #fff; padding: 0; margin: 0 0 15px 0;}
#content h2 {font-size: 20px; font-weight: bold; color: #fff; padding: 0; margin: 30px 0 15px 0; }
#content h3 {font-size: 20px; font-weight: bold; padding: 0; margin: 30px 0 15px 0; color: #daa233;}
#content p, ul, ol, li { line-height: 150%;}
#content p.liste {clear: right; border-top: 1px solid #daa233; padding: 5px 0;}
#content p.clsright {clear: right; padding-top: 15px;}
#content .rechts {float: right; text-align: right; vertical-align: top;}
#content img.bildrechts {float: right; margin-left: 10px; margin-bottom: 10px; border: 0; }
#content img.bildlinks {float: left; margin-right: 10px; margin-bottom: 10px; border: 0;}
#content hr {background: #000000 url(../gfx/horizontal.jpg) center no-repeat; height: 1px; border:none; color: #daa233;}
#content .klein { font-size: 11px; color: #fff;}
#content .blau {color: #daa233; font-weight: bold; font-size: 120%;}
#content .noprint { }
#content .fragen {padding: 10px 0; width: 550px; margin-top: 50px; text-align: center;}
#content .fragenalt {padding: 10px 0; width: 550px; margin-top: 50px; text-align: center; background: #000 url(../gfx/fragenbg.jpg) no-repeat; border: 1px #DAA233 solid;}
#content .fragen1 { font-size: 18px; font-weight: bold; line-height: 110%; letter-spacing: 0.4em; margin: 10px 100px 20px 0; background-image: url(../gfx/transparent.png); }
#content .fragen2 {font-size: 20px; font-style: italic; font-weight: bold; line-height: 100%; margin: 20px 150px 20px 0; background-image: url(../gfx/transparent.png);}
#content .fragen3 {font-size: 16px; font-weight: bold; line-height: 110%; letter-spacing: 0.2em; margin: 20px 0 20px 200px; background-image: url(../gfx/transparent.png);}
#content .fragen4 {font-size: 18px; font-weight: bold; line-height: 100%; margin: 20px 20px 20px 20px; background-image: url(../gfx/transparent.png);}
#content .fragen5 {font-size: 18px; font-weight: bold; line-height: 110%; letter-spacing: 0.5em; margin: 20px 0 30px 120px; background-image: url(../gfx/transparent.png);}
#content .fragen h2 {background-image: url(../gfx/transparent.png);}
#content .zitat {font-size: 20px; font-style: italic; font-weight: bold; line-height: 120%; margin: 0 0 0 10px; clear: right;}
/* ------------------------- Ende content */
/* ------------------------- footer */
#footer a {text-decoration: none; color: #daa233;}
#footer a:hover, #footer a:active, #footer a:focus {text-decoration: underline; color: #fff;}
/* ------------------------- Eingabefelder */
input, textarea { border-style: solid; border-width: 1px; border-color: #000; background-color: #fff; }
input:focus, textarea:focus { border-style: solid; border-width: 1px; border-color: #fff; background-color: #fff;}
/* ------------------------- Tabelle */
#tabelle { font-size: 12px; color: #fff; border-collapse:collapse;}
#tabelle a { text-decoration: underline; color: #fff;}
#tabelle a:hover { color: #daa233; text-decoration: underline;}
#tabelle h2 { font-size: 20px; font-weight: bold; color: #fff; padding: 0; margin: 0 0 15px 0; }
#tabelle .semtabletop { border-bottom: 1px solid #daa233; font-size: 12px; font-weight: bold; padding: 5px;}
#tabelle .semtable { border-bottom: 1px solid #daa233; font-size: 12px; padding: 5px;}
#tabelle hr {background: #000000 url(../gfx/horizontal.jpg) center no-repeat; height: 1px; border:none; color: #daa233; clear: both;}
/* ------------------------- Ende Tabelle */
/* ------------------------- Publikation */
#publikation {font-size: 12px; color: #fff;}
#publikation a { text-decoration: none; color: #daa233;}
#publikation a:hover { color: #fff; text-decoration: underline;}
#publikation h1 {font-size: 22px; font-weight: bold; color: #fff; padding: 0; margin: 0 0 15px 0;}
#publikation h2 {font-size: 20px; font-weight: bold; color: #fff; padding: 0; margin: 20px 0 15px 0; }
#publikation h3 {font-size: 20px; font-weight: bold; padding: 0; margin: 20px 0 15px 0; color: #daa233;}
#publikation .semtable { border-bottom: 1px solid #daa233; font-size: 12px; line-height: 18px; text-align: center;}
#publikation p { text-align: justify;}
#publikation p, ul, ol, li { line-height: 150%;}
#publikation p.liste {clear: right; border-top: 1px solid #daa233; padding: 5px 0;}
#publikation p.clsright {clear: right; padding-top: 15px;}
#publikation .rechts {float: right; text-align: right; vertical-align: top;}
#publikation img.bildrechts {float: right; margin-left: 10px; margin-bottom: 10px; border: 0; }
img.bildlinks {float: left; margin-right: 10px; margin-bottom: 10px; border: 0;}
#publikation hr {background: #000000 url(../gfx/horizontal.jpg) center no-repeat; height: 1px; border:none; color: #daa233;}
#publikation .klein { font-size: 11px; color: #fff;}
#publikation .blau {color: #daa233; font-weight: bold; font-size: 120%;}
#publikation .textklein {font-size: 9px; color: #fff;}
#publikation .vorspann { font-size: 13px; line-height: 150%; font-weight: bold;}
#publikation .vorhebungen {font-size: 13px; line-height: 150%; font-weight: bold; color: #daa233;}
#publikation .erschienen {font-size: 10px; line-height: normal; text-decoration: none; font-weight: bold; color: #daa233; text-align: right; vertical-align: baseline;}
#publikation .abstract {font-size: 12px; font-weight: bold; color: #fff; background-color: #5C3B0E; padding: 2px; text-align: center; }
#publikation table {font-size: 12px; color: #fff; border-collapse:collapse;}
#publikation td {border-bottom: 1px solid #daa233; padding: 3px; font-size: 12px;}
#publikation th {font-size: 12px; font-weight: bold; border-bottom: 2px solid #daa233;}
#publikation .rot {color: #daa233; font-weight: bold; font-size: 14px; padding: 20px 0 10px 0; text-align: center;}
#publikation .hellblau {font-weight: bold; color: #daa233;}
/* ------------------------- Veranstaltung */
#event {font-size: 12px; color: #fff;padding:10px;}
#event a { text-decoration: none; color: #daa233;}
#event a:hover { color: #fff; text-decoration: underline;}
#event h1 {font-size: 22px; font-weight: bold; color: #fff; padding: 0; margin: 0 0 15px 0;}
#event h2 {font-size: 20px; font-weight: bold; color: #fff; padding: 0; margin: 20px 0 15px 0; }
#event h3 {font-size: 20px; font-weight: bold; padding: 0; margin: 20px 0 15px 0; color: #daa233;}
#event .semtable { border-bottom: 1px solid #daa233; font-size: 12px; line-height: 18px; text-align: center;}
#event p { text-align: justify;}
#event p, ul, ol, li { line-height: 150%;}
#event p.liste {clear: right; border-top: 1px solid #daa233; padding: 5px 0;}
#event p.clsright {clear: right; padding-top: 15px;}
#event .rechts {float: right; text-align: right; vertical-align: top;}
#event img.bildrechts {float: right; margin-left: 10px; margin-bottom: 10px; border: 0; }
img.bildlinks {float: left; margin-right: 10px; margin-bottom: 10px; border: 0;}
#event hr {background: #000000 url(../gfx/horizontal.jpg) center no-repeat; height: 1px; border:none; color: #daa233;}
#event .klein { font-size: 11px; color: #fff;}
#event .blau {color: #daa233; font-weight: bold; font-size: 120%;}
#event .textklein {font-size: 9px; color: #fff;}
#event .vorspann { font-size: 13px; line-height: 150%; font-weight: bold;}
#event .vorhebungen {font-size: 13px; line-height: 150%; font-weight: bold; color: #daa233;}
#event .erschienen {font-size: 10px; line-height: normal; text-decoration: none; font-weight: bold; color: #daa233; text-align: right; vertical-align: baseline;}
#event .abstract {font-size: 12px; font-weight: bold; color: #fff; background-color: #5C3B0E; padding: 2px; text-align: center; }
#event table {font-size: 12px; color: #fff; border-collapse:collapse;}
#event td {border-bottom: 1px solid #daa233; padding: 3px; font-size: 12px;}
#event th {font-size: 12px; font-weight: bold; border-bottom: 2px solid #daa233;}
#event .rot {color: #daa233; font-weight: bold; font-size: 14px; padding: 20px 0 10px 0; text-align: center;}
#event .hellblau {font-weight: bold; color: #daa233;}
/* ------------------------- fahrplan */
#fahrplan {width: 482px; height: 121px; background: #000000 url(../gfx/fahrplan.gif) no-repeat; font-size: 14px; margin: 0 0 0 20px;}
#fahrplan ul { text-decoration: none; margin: 0; padding: 0; list-style: none; }
#fahrplan li { position: relative; float: left; }
#fahrplan li a { display: block; width: 120px; height: 80px; margin: 0; padding: 40px 2px 1px 34px; text-decoration: none; color: #FFFFFF;}
#fahrplan li a:hover { color: #000000; text-decoration: none;}
/* ------------------------- Ende fahrplan */