/*******************************************************************************
Title:  style.css (tramoldtimer-basel.ch)
Author: entwicklung@metanet.ch
Update: 28.08.2014
*******************************************************************************/
body {
    margin: 0;
    padding: 0;
    font: small/1.5 verdana, sans-serif;
    color: #333;
    background: #333;
}

#sidebar h2 {
    position: absolute;
    top: 0;
    left: -9999px;
}

a:link, a:visited {
    color: #ae4f0c;
    text-decoration: underline;
}

a:hover, a:active {
    text-decoration: none;
}

p, h2, h3, h4, h5, h6 {
    margin: 0 0 1em;
    padding: 0;
}

h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", times, serif;
    font-weight: bold;
    color: #22483F;
    line-height: normal;
}

h2 {
    font-size: 165%;
}

h3 {
    margin-bottom: .5em;
    font-size: 135%;
}

h4 {
    margin-bottom: .3em;
    font-size: 125%;
}

dl, dt, dd {
    margin: 0;
    padding: 0;
}

ul {
    margin-top: 0;
}

a img {
    border: none;
}

/*  =Wrapper(s)
****************************************************************/
#wrapper {
    margin: 0 auto;
    padding: 0;
    /*min-width: 760px;*/
    min-width: 1030px;
    max-width: 1200px;
    background: #eee url(/images/dreispalten-rechts.gif) 80% 0 repeat-y;
}

#wrapper.col-2 {
    background: #eee;
}

#inner-wrapper {
    background: url(/images/dreispalten-links.gif) 20% 0 repeat-y;
}

/*  =Header
****************************************************************/
#header {
    margin: 0;
    padding: 0;
    position: relative;
    height: 147px;
    background: #829893 url(/images/linkes_tram_01.jpg) left top no-repeat;
    border-bottom: 1px solid #333;
}

#bild-r {
    position: absolute;
    top: 0;
    right: 0;
    width: 211px;
    height: 147px;
    background: transparent url(/images/rechtes_tram_01.jpg) left top no-repeat;
    z-index: 1;
}

#header h1 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 466px;
    height: 147px;
    background: url(/images/logo_2.gif) left top no-repeat;
    text-indent: -9999px;
    z-index: 10;
}

#header h1 a {
    display: block;
    width: 466px;
    height: 147px;
    background: url(/images/logo_2.gif) left top no-repeat;
    z-index: 10;
    text-decoration: none;
}

/*  =Content
****************************************************************/
#content-wrap {
    margin: 0;
    padding: 0;
    float: left;
    width: 79.9%;
    width: 80%;
}

#wrapper.col-2 #content-wrap {
    width: 100%;
}

#content {
    margin: 0;
    padding: 0;
    float: right;
    width: 74.9%;
    width: 75%;
}

#wrapper.col-2 #content {
    width: 79.9%;
}

/* #content {overflow: hidden;} zu Versuchszwecken 03.08.2007 */

#content .pad {
    padding: 20px 20px 60px;
}

/* Zusatznavi */
#zusatznavi {
    margin: 10px 10px 0;
    padding: 0;
    background: #829893;
    border: 1px solid #666;
}

#zusatznavi form {
    float: left;
    margin: 0;
    padding: 8px 0 8px 10px;
}

#zusatznavi fieldset {
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}

#zusatznavi input {
    vertical-align: middle;
}

#zusatznavi input#key {
    background: #C8D5D0;
    border: 1px solid #333;
    padding: 2px;
}

#zusatznavi ul, #zusatznavi li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#zusatznavi ul {
    float: right;
    padding: 8px 0 8px 0;
}

#zusatznavi li {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 85%;
    font-weight: bold;
}

#zusatznavi a {
    padding: 0 10px 0 0;
    color: #fff;
    text-decoration: none;
}

#zusatznavi a:hover {
    text-decoration: underline;
}

/*  =Sidebar
****************************************************************/
#sidebar {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%;
}

#wrapper.col-2 #sidebar {
    width: 20%;
}

/* Datum und Counter */
#date, #counter {
    margin: 0 0 .5em;
    font-size: 85%;
    font-weight: bold;
    padding: 0 0;
}

#counter {
    padding: 14px 14px 1em;
    text-align: center;
}

#counter p {
    margin: 0 0 .3em;
    padding: 0 0 .8em;
    background: url(/images/trenner.gif) 50% 100% no-repeat;
    text-align: center;
}

#counter p {
    font-size: 145%;
    font-family: georgia, serif;
}

#date {
    background: url(/images/corner-o-l.gif) 4% 7px no-repeat;
}

#date p {
    background: url(/images/corner-o-r.gif) 96% 7px no-repeat;
    padding: 14px 14px 0;
}

/* Haupt-Navigation */
#navi {
    margin: 0 10px 1em;
    padding: 0;
    border-bottom: 1px dashed #333;
    font-size: 95%;
    list-style: none;
}

#navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navi li {
    margin: 0;
    padding: 0;
}

#navi a {
    margin: 0;
    padding: 4px;
    display: block;
    border-top: 1px dashed #333;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

#navi a:hover,
li.active a {
    color: #000;
    background: #C8D5D0;
}

/* 2. Ebene */
#navi ul a {
    padding: 2px 2px 2px 18px;
    font-size: 90%;
    font-weight: normal;
    background: url(/images/navi-sub-bg.gif) 5px 50% no-repeat;
}

#navi ul a:hover {
    background: transparent url(/images/navi-sub-bg.gif) 5px 50% no-repeat;
}

#navi li .active a {
    font-weight: bold;
    color: #000;
}

/* 3. Ebene */
#navi li li.active li a {
    background: transparent;
    padding-left: 18px;
    font-weight: normal;
    border: none;
}

#navi li li li.active a {
    color: #000;
    background: url(/images/navi-subsub-bg.gif) 7px 50% no-repeat;
}

#navi li li li a:hover {
    background: url(/images/navi-subsub-bg.gif) 7px 50% no-repeat;
}

/*  =AddCoontent-sidebar
****************************************************************/
#addcontent {
    margin: 0;
    padding: 0;
    float: right;
    width: 20%;
}

#aktuellbox h2,
#fahrangebotbox h2 {
    margin: 0 5px;
    padding: 5px;
    background: #829893;
    color: #fff;
    font-size: 125%;
}

#aktuellbox,
#fahrangebotbox {
    margin: 10px 10px 1em;
    padding: 5px 0 10px;
    background: #fff;
}

#aktuellbox ul,
#fahrangebotbox ul {
    margin: 0 5px 0;
    padding: 0;
    list-style: none;
    font-size: 85%;
    line-height: 1.3;
}

#aktuellbox li,
#fahrangebotbox li {
    padding: 1em 5px;
    border-top: 0px solid #829893;
}

#aktuellbox li strong,
#fahrangebotbox li strong {
    display: block;
}

#aktuellbox a,
#fahrangebotbox a {
    padding: 2px 0;
}

/* Themen */
#themen h2 {
    margin: 0 0 0.2em;
    padding: 14px 14px 0;
    font-size: 115%;
    color: #22483F;

    text-align: center;
}

#themen h2 span {
    background: url(/images/themen-h2.gif) center bottom no-repeat;
    padding-bottom: 16px;
    display: block;
}

#themenh2 {
    background: url(/images/corner-o-r.gif) 96% 7px no-repeat;
}

#themenh2 h2 {
    background: url(/images/corner-o-l.gif) 4% 7px no-repeat;
}

#themen dl {
    text-align: center;
    margin: 0 10px 0;
    padding: 8px 0 16px;
    font-size: 85%;
    background: url(/images/themen-bottom-bg.gif) center bottom no-repeat;
}

#themen dt a {
    font-weight: bold;
    text-decoration: none;
    color: #22483F;
}

#themen dt a:hover {
    color: #697975;
    text-decoration: underline;
}

/*  =Footer
****************************************************************/
#footer {
    margin: 0;
    padding: 1em 0 0;
    width: 59.9%;
    width: 100%;
    clear: both;
    font-size: 85%;
}

#footer ul, #footer li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#help {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(/images/corner-u-r.gif) 99% 80% no-repeat;
    position: relative;
}

#help ul {
    width: 100%;
    background: url(/images/corner-u-l.gif) 1% 80% no-repeat;
    text-align: center;
}

#cornerr,
#cornerl {
    margin: 0;
    padding: 0;
    height: 7px;
    width: 7px;
    position: absolute;
    top: 60%;
    right: 18%;
    background: url(/images/corner-u-l.gif) 0 0 no-repeat;
}

#cornerl {
    left: 18%;
    background: url(/images/corner-u-r.gif) 0 0 no-repeat;
}

#wrapper.col-2 #help {
    background: None;
}

#wrapper.col-2 #cornerr {
    background: None;
}

#footer li {
    display: inline;
    margin-right: 10px;
}

#footer li a {
    background: url(/images/pfeil_oben.gif) 0 50% no-repeat;
    padding-left: 17px;
    color: #333;
}

#footer li#tostart a {
    background-image: url(/images/home.gif);
}

#footer li a:hover {
    text-decoration: none;
}

#footer p,
#footer ul {
    margin: 0;
    padding: 1em 0;
    color: #333;
    line-height: 1.2;
    text-align: center;
}

#footer p a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    padding: 15px 20%;
    margin: 0;
    line-height: normal;
    clear: both;
    color: #fff;
    background: #222;
    background: #829893;
    border-top: 1px solid #333;
}

/*  =Tabellen
*******************************************************************************/
/* normale Tabellen */
.normaletabelle {
    margin: 0 0 1em;
    padding: 0;
    width: 99.8%;
    border: 1px solid #888;
    border-width: 1px 1px 0 0;
}

.normaletabelle th, .normaletabelle td {
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #888;
    border-width: 0 0 1px 1px;
    text-align: left;
    vertical-align: top;
    font-size: 95%;
}

.normaletabelle td em {
    font-weight: bold;
}

.normaletabelle th {
    padding: 5px 10px;
    background: #ddd;
    color: #333;
    border-bottom: 2px solid #888;
    border-top: 1px solid #888;
}

.normaletabelle td img {
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    padding: 4px;
}

.normaletabelle td ul {
    margin-bottom: 0;
}

.normaletabelle th.tram {
    width: 40%;
}

.normaletabelle th.wagennr {
    width: 132px;
}

.normaletabelle tr.grad {
    background: #fff;
}

.normaletabelle tr:hover {
    background: #f7f8df;
    color: #000;
}

/* DFI-Anezige */
#dfi {
    margin: 0 0 1.5em;
    padding: 0;
    background: #000;
    width: 270px;
    border: 4px solid #aaa;
    border-width: 4px;
}

#dfi thead th {
    padding: 4px 10px 0;
    font-size: 125%;
    font-family: arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: right;
}

#dfi thead th span {
    float: left;
}

#dfi thead th em {
    font-size: 85%;
    font-style: normal;
}

#dfi th, #dfi td {
    padding: 1px 10px;
    color: #fff;
    font-weight: bold;
    vertical-align: top;
}

#dfi td.abfahrt,
#dfi th.abfahrt {
    text-align: right;
}

#dfi td.linie {
    text-align: right;
    padding-right: 22px;
}

#dfi th {
    padding-bottom: 4px;
    font-family: arial, sans-serif;
    font-size: 85%;
    text-align: left;
    font-weight: bold;
}

#dfi marquee {
    margin: 0;
    padding: 0 0 10px;
    display: block;
}

#dfi td {
    font-size: 105%;
    color: #FF9933;
    white-space: nowrap;
}

/* Artikeltabelle im Shop */
#artikel table {
    margin: 0 0 1em;
    padding: 0;
    font-size: 95%;
    width: 100%;
    border-top: 1px solid #ccc;
}

#artikel th, #artikel td {
    margin: 0;
    padding: 5px 5px 5px 10px;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    text-align: left;
}

#artikel th {
    font-weight: bold;
}

#artikel td input {
    width: 2em;
    padding: 2px;
    vertical-align: middle;
    margin-right: 3px;
}

/* =Formulare (versch.)
*****************************************************************************/
/* Wettbewerbformular */
#wettbewerb {
    margin: 0 0 1em;
    padding: 0;
}

#wettbewerb h3 {
    padding: 0 10px;
}

#wettbewerb fieldset {
    margin: 0 0 1em;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #ddd;
}

#wettbewerb dl,
#wettbewerb ul,
#wettbewerb p {
    margin: 0 10px;
}

#wettbewerb ul, #wettbewerb li {
    padding: 0;
    list-style: none;
}

#wettbewerb li {
    margin: .5em 0 0;
    padding: .3em 0 .5em;
}

#wettbewerb li strong {
    display: block;
    font-family: georgia, serif;
    font-size: 125%;
    font-weight: bold;
}

#wettbewerb select {
    display: block;
    margin: .3em 0 0;
    width: 40%;
}

/*
Persoenliche Angaben in Bestellformular,
Kontaktformular,
Gaestebucheintragformular
*/
#persangaben,
#kontaktform fieldset,
#gbform fieldset {
    margin: 0 0 1em;
    padding: 1em 0 10px;
    background: #fff;
    border: 1px solid #ccc;
}

fieldset#artikel {
    margin: 0 0 1em;
    padding: 0;
    border: 0;
}

#persangaben dl,
#kontaktform dl,
#gbform dl {
    margin: 0 10px;
    padding: .5em 0;
    padding: .3em 0 .1em;
}

#persangaben dt,
#kontaktform dt,
#gbform dt {
    font-weight: bold;
}

#persangaben dd input, #persangaben dd textarea,
#kontaktform dd input, #kontaktform dd textarea,
#gbform dd input, #gbform dd textarea {
    margin: 0;
    padding: 3px 2px;
    width: 68%;
    border: 1px solid #7F9DB9;
}

#gbform dd img {
    display: block;
}

#persangaben dd textarea,
#kontaktform dd textarea,
#gbform dd textarea {
    height: 12em;
    overflow: auto;
    width: 99%;
}

#gbform dd textarea {
    height: 16em;
}

#persangaben dd input#herr, #persangaben dd input#frau,
#kontaktform dd input#herr, #kontaktform dd input#frau {
    width: auto;
    padding: 0;
    border: none;
}

#persangaben dd input#plz,
#kontaktform dd input#plz {
    width: 15%;
}

#persangaben dd input#ort,
#kontaktform dd input#ort {
    width: 51%;
}

#persangaben p,
#kontaktform p,
#gbform p {
    border: 1px solid #ddd;
    text-align: center;
    margin: .5em 10px 0;
    padding: 1em 10px;
    background: #eee;
}

/* =verschiedene Boxen
*******************************************************************************/
/* Aktuell-Box (start.html) */
#aktuell {
    margin: 0 0 10px 20px;
    padding: 0 0 10px;
    float: right;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    width: 45%;
}

#aktuell p, #aktuell h3 {
    padding: 0 10px;
}

#aktuell li strong {
    display: block;
    font-size: 85%;
}

#aktuell h3 {
    margin: 5px;
    padding: .4em 10px .2em;
    color: #22483F;
    background: #C8D5D0;
    font-size: 135%;
}

#aktuell ul, #aktuell li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#aktuell ul {
    line-height: 1.3;
}

#aktuell li {
    padding: .4em 10px .4em 15px;
}

/* Menu Karte (hpt22.html) */
#menu {
    margin: 0 0 1em;
    padding: 10px 0 20px;
    background: white url(/images/menu-bg.gif) 0 1px repeat-x;
    border: 5px solid #bbb;
    font-family: georgia, serif;
    font-size: 105%;
}

#menu p {
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
    padding: 0 10px 20px;
    background: url(/images/themen-bottom-bg.gif) center bottom no-repeat;
}

#menu p span {
    color: #666;
    font-size: 165%;
    line-height: normal;
    font-weight: bold;
}

/* Preisbeispiel (?.html) */
.preisbeispiel {
    margin: 0 0 1em;
    padding: 10px 0 0;
    background: #fff;
    border: 1px solid #ccc;
}

.preisbeispiel dl {
    padding: 0 10px;
    margin-bottom: 1em;
}

.preisbeispiel dt {
    font-weight: bold;
}

.preisbeispiel img {
    float: right;
    margin: 0 10px 10px 10px;
    border: 1px solid #ccc;
    padding: 4px;
}

/* FAQ */
#faq {
    margin: 0 0 1em;
    padding: 0;
}

#faq dl {
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
}

#faq dt {
    font-weight: bold;
}

/* Shop */
.shopbox {
    margin: 0 0 1em;
    padding: 10px 0;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
}

.shopbox h3,
.shopbox p {
    margin: 0 10px 0 190px;
    padding: 0;
}

.shopbox h3 {
    margin-left: 190px;
    font-size: 115%;
    padding: 0;
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
}

.shopbox p.bild {
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
}

.shopbox img {
    margin: 0 0 0 10px;
    padding: 1px;
    background: #fff;
    border: 4px solid #ddd;
}

.shopbox p.preis {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 10px;
    padding-top: .5em;
    font-weight: bold;
    font-size: 135%;
    text-align: right;
    font-family: georgia, serif;
    color: #829893;
}

/* Gaestebuch */
#gb {
    margin: 0 0 1em;
}

#gb dl {
    margin: 0 0 1.5em;
    background: #fff;
    border: 1px solid #ccc;
}

#gb dt {
    margin: 5px;
    padding: 10px;
    background: #C8D5D0;
    text-align: right;
    font-size: 85%;
}

#gb dt span {
    float: left;
    margin-right: 5px;
    font-size: 115%;
}

#gb dt span {
    font-weight: bold;
    color: #333;
}

#gb dd.eintrag {
    padding: 10px;
    margin-bottom: 1em;
}

#gb dd.url {
    color: #aaa;
    padding: 0 10px 10px;
    font-size: 90%;
}

#gb dd.url ul, #gb dd.url li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p.blaettern {
    text-align: center;
}

#gb ul, #gb li {
    margin: 0 0 0;
    padding: 0;
    list-style: none;
}

#gb ul {
    padding: 0 10px 10px;
    color: #888;
}

#gb li {
    clear: both;
}

#gb ul span {
    float: left;
    width: 5em;
}

/*
Witze (unt76.html),
Werbung (hpt166.html)
*********************/
#witze div,
#werbung div {
    margin: 0 0 1em;
    padding: 10px 0 0;
    border: 1px solid #ddd;
    background: #fff;
}

#witze div p,
#werbung div p {
    padding: 0 10px;
}

#witze div img,
#werbung div img {
    float: right;
    margin: 0 10px 10px;
}

/* Billetliste (?.html) */
.billetbox {
    margin-bottom: 0;
    clear: both;
}

.billetbox p {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 260px;
}

.billetbox p img {
    margin: 0 0 .5em;
    display: block;
}

/* Schwarze Box (unt65.html)  */
.verbrannt {
    margin-bottom: 2em;
}

.verbrannt ul, .verbrannt li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.verbrannt li {
    margin: 0 1px 1px 0;
    padding: 10px 0;
    float: left;
    width: 240px;
    background: #333;
    color: red;
    text-align: center;
}

.verbrannt img {
    padding: 0;
    margin: 0 auto 5px;
    text-align: center;
    display: block;
}

/* Neuigkeiten (dl-Liste) */
#news {
    margin: 0 0 1em;
    padding: 0;
}

#news dl {
    margin: 0 0 1em;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
}

#news dt {
    font-weight: bold;
}

/* Literatur  (dl-Liste) */
#literatur {
    margin: 0 0 1em;
    padding: 0;
}

#literatur dl {
    margin-bottom: 1em;
    padding: 10px 0;
    border: 1px solid #ddd;
    background: #fff;
    width: 100%;
}

#literatur dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#literatur dl {
    display: inline-block;
}

/*verstecken vor MacIE5\*/
#literatru dl {
    display: block;
}

/*Ende verstecken*/

#literatur dt img {
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    margin: 0 10px;
}

#literatur dt {
    font-weight: bold;
}

#literatur dd {
    margin: 0 10px 10px;
}

/* Linkliste (dl-Liste) */
#links {
    margin: 0 0 1em;
    padding: 0;
}

#links dl {
    margin-bottom: .3em;
    padding: .5em 10px;
    border: 1px solid #ddd;
    background: #fff;
}

#links dt {
    margin-right: 10px;
    font-weight: bold;
}

/* tcb agenda (?.html)
#tcb-agenda, #tcb-agenda li {
margin: 0;
padding: 0;
list-style: none;
}

#tcb-agenda li {margin: 0 10px .4em;}
*/

/* Legende (dl-Liste) */
#legende {
    margin: 0 0 1em;
}

#legende dt {
    font-weight: bold;
    float: left;
    width: 4em;
}

/* Seitennavigation */
.seitennavi {
    background: #fff;
    border: 1px solid #ccc;
    border-width: 1px;
    padding: 5px;
    text-align: center;
}

/* Suchergebnis */
#suchergebnis {
    margin: 0;
    padding: 0;
    list-style: none;
}

#suchergebnis li {
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}

/* Klassen (versch.)
*************************************************************************/
.keinumbruch {
    white-space: nowrap;
}

/* Bildergestaltungen */
.rahmen {
    border: 1px solid #ddd;
    padding: 5px;
    background: white;
}

.rahmenschwarz {
    background: #333;
    padding: 5px;
}

.bildL-rahmen,
.bildR-rahmen {
    float: left;
    margin: 0 20px 10px 0;
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
}

.bildR-rahmen {
    float: right;
    margin: 0 0 10px 20px;
}

.bildRechts,
.bildLinks {
    float: right;
    margin: 0 0 10px 20px;
    padding: 0;
}

.bildLinks {
    float: left;
    margin: 0 10px 10px 0;
}

.lupe {
    background: #fff url(/images/icon-linse.gif) 99% 99% no-repeat;
    padding-bottom: 25px;
}

.rot {
    color: red;
}

.hinweis {
    font-size: 85%;
}

p.bild-m-legende {
    margin: 0 0 1em;
    text-align: center;
    line-height: 1.3em;
}

p.zentriert {
    margin: 0 auto 1em;
    text-align: center;
}

p.bild-m-legende img {
    margin: 0 auto 5px;
    display: block;
}

/* Agendabox (hpt25.html +) */
.agendabox {
    margin: 0 0 1em;
    padding: 1em 20px 0;
    background: #fff;
    border: 1px solid #ccc;
}

.agendabox img {
    float: right;
    margin: 0 0 10px 10px;
}

/*.agendabox h4, .agendabox p {padding: 0 10px;}*/

.box,
.box-rot,
.box-gelb,
.box-gruen {
    margin: 0 0 1em;
    padding: 1em 20px 0;
    background: #fff;
    border: 1px solid #ccc;
}

.box ul,
.agendabox ul,
.box-rot ul,
.box-gelb ul,
.box-gruen ul {
    margin-left: 20px;
    padding: 0;
}

.box-rot {
    background: #ffe0e0;
    border-color: #e65555;
}

.box-gelb {
    background: #ffffe0;
    border-color: #b8aa2a;
}

.box-gruen {
    background: #e0ffe0;
    border-color: #1fcc55;
}

a.extern {
    padding-right: 14px;
    padding: 0 14px 0 0;
    background: url(/images/extlink-icon.gif) right top no-repeat;
    position: relative;

}

/* =zweispalter */
.zweispalter {
    margin-bottom: 1em;
    width: auto;
    border-collapse: collapse;
}

.zweispalter th,
.zweispalter td {
    padding: 0 20px 0 0;
    vertical-align: top;
    text-align: left;
}

/* Clear-Methoden */
.clear, .clr {
    clear: both;
}

.clrItem:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.errorlist {
    border: 1px solid #FF3300;
    background-color: #FECCBF;
    color: #B22400;
    margin: 0 15px;
    padding: 10px 30px;
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    height: 38px;
    width: 38px;
    background: url(/images/top.png) no-repeat;
    text-indent: -9999px;
    outline: none;
}

/* klappbar */
.klappbar {
    margin-bottom: 1em;
}

.klappbar h3 {
    margin: 10px 0 0;
    line-height: 1.5;
}

.klappbar h3 a {
    padding: 10px 50px 10px 20px;
    font-weight: bold;
    font-size: 13px;
    font-family: verdana, sans-serif;
    background: #fff url("/images/collapse-close.png") 98% 11px no-repeat;
    display: block;
    border: 1px solid #ddd;
    text-decoration: none;
}

.klappbar h3.open a {
    background: #fff url("/images/collapse-open.png") 98% 11px no-repeat;
    border-color: #ddd #ddd #ccc;
}

.klappbar-antwort {
    margin-bottom: 0;
    background: #e3e3e3;
    padding: 20px 20px 10px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .6);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .6);
}