/*
preferred css, selected by default
*/

body {
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    font-size:62.5%; /* mit 62.5% ist 1em 10px */
    text-align:left;
}

/* Ruler */
hr {
    width:100%;
    margin:20px 0 16px 0;
    border:none;
    border-bottom:1px solid #666666;
}

/* kleine Bilder im Text */
img.bild-klein {
    margin:6px 12px 2px 0;
    background:white;
    float:left;
}

/* große Bilder mit Bildunterschrift */
img.bild-mittel, img.bild-gross {
    margin:12px 0 2px 0;
    padding:16px;
    background:white;
    border:1px solid #666666;
    display:block;
}

/* Links mit Bild nicht als Block 
a img.bild-mittel, a img.bild-gross {
    display:inline !important;
}
*/

/* keine Bildunterschrift, unten mehr Abstand */
img.keine-bus {
    margin: 12px 0 12px 0 !important;
}

/* Vereinslogos im Text */
img.vereinslogo {
    margin:6px 12px 24px 0;
    padding:6px;
    background:white;
    border:1px solid #666666;
    float:left;
}

/* Wallpaper */
img.wallpaper {
    margin:5px 12px 24px 0;
    background:white;
    border:1px solid #666666;
    float:left;
}

/* Zeile mit Listenelement, normale Darstellung, 1. Ebene */
ul li div.navizeile a, ul li div.navizeile a:link, ul li div.navizeile a:visited {
    margin:-1px 0 -1px 0; /* Ränder von Nachbarn fallen oben und unten zusammen */
    padding:1px 0 1px 14px; /* beim Hover kommt dann 2x 1px dazu */
    font-size:1.8em;
    text-decoration:none;
    color:white;
    display:block;
    width:142px; /* IE inkl. Vers. 7 machen sonst kein Blockelement, 156px-14px padding left  */
}

/* Zeile mit Listenelement, MouseOver, 1. Ebene */
ul li div.navizeile a:hover, ul li div.navizeile a:active {
    margin:-1px 0 -1px 0; /* Ränder von Nachbarn fallen oben und unten zusammen */
    padding:0 0 0 14px;
    font-size:1.8em;
    text-decoration:none;
    border-top:1px solid white;
    border-bottom:1px solid white;
    color:white;
    background:#d56a00; /* #cc9900; */
    display:block;
    width:142px; /* IE inkl. Vers. 7 machen sonst kein Blockelement, 156px-14px padding left  */
}

/* Zeile mit Listenelement, normale Darstellung, 2. Ebene */
ul li ul li div.navizeile a, ul li ul li div.navizeile a:link, ul li ul li div.navizeile a:visited {
    margin:-1px 0 -1px 0; /* Ränder von Nachbarn fallen oben und unten zusammen */
    padding:1px 0 1px 20px; /* beim Hover kommt dann 2x 1px dazu */
    font-size:1.3em;
    color:white;
    display:block;
    width:136px; /* IE inkl. Vers. 7 machen sonst kein Blockelement, 156px-20px padding left  */
}

/* Zeile mit Listenelement, MouseOver, 2. Ebene */
ul li ul li div.navizeile a:hover, ul li ul li div.navizeile a:active {
    margin:-1px 0 -1px 0; /* Ränder von Nachbarn fallen oben und unten zusammen */
    padding:0 0 0 20px;
    font-size:1.3em;
    border-top:1px solid white;
    border-bottom:1px solid white;
    color:white;
    background:#d56a00;
    display:block;
    width:136px; /* IE inkl. Vers. 7 machen sonst kein Blockelement, 156px-20px padding left  */
}

/* vor Links der 2. Ebene */
/*
ul li ul li .navizeile a:before {
    content:"+ ";
}
*/

/* die aktuelle Rubrik */
ul li div#aktiv {
    margin:-1px 0 -1px 0; /* Ränder von Nachbarn fallen oben und unten zusammen */
    padding:0;
    border-top:1px solid white;
    border-bottom:1px solid white;
    background:#ffbb00 !important;
    display:block;
}

/* letztes aufgeklapptes Element, mehr Abstand nach unten! */
div#navigation div.letztes {
    margin-bottom:8px !important;
}

div#content h1 {
    margin:0 0 12px 0;
    padding:0;
    font-size:2.8em;
    font-weight:bold;
    /* font-style:italic; */
    color:#ffbb00;
    border-bottom:1px solid #ffbb00;
}

div#content h2 {
    margin:0 0 12px 0;
    padding:0;
    font-size:1.8em;
    font-weight:bold;
    /* font-style:italic; */
    color:#305495;
}

div#content h3 {
    margin:0; /* war 6px unten?? */
    padding:0;
    font-size:1.3em;
    font-weight:bold;
    /* font-style:italic; */
    color:#305495;
}

/* Fließtext */
div#content p {
    margin:0 0 12px 0;
    padding:0;
    font-size:1.3em;
    /* font-style:italic; */
    color:#333333;
    line-height:1.5em;
    /* text-indent:1.6em; */
}

/* Absatz nicht einrücken */
div#content p.no-indent {
    text-indent:0 !important;
}

/* UL Liste im Fießtext */
div#content ul {
    margin:0 0 12px 0;
    padding:0 0 0 27px;
    list-style-type:square;
    list-style-position:outside;
}

div#content ul li {
    font-size:1.3em;
    /* font-style:italic; */
    color:#333333;
    line-height:1.5em;    
}

/* mehr Abstand nach Unten in Listen */
div#content ul li.letztes {
    margin-bottom:16px !important;
}

/* OL Liste im Fießtext */
div#content ol {
    margin:0 0 12px 0;
    padding:0 0 0 27px;
    list-style-type:decimal;
    list-style-position:outside;
}

div#content ol li {
    font-size:1.3em;
    /* font-style:italic; */
    color:#333333;
    line-height:1.5em;    
}

/* Links im Fließtext */
div#content a, div#content a:link, div#content a:visited, div#content a:hover, div#content a:active {
    text-decoration:underline;
    font-weight:bold;
    color:#4477cc;
}

/* Bildunterschrift */
div#content p.bildtext-mittel, div#content p.bildtext-gross {
    width:400px; /* nicht breiter als das Bild selbst */
    margin:0 0 12px 0;
    padding:0;
    font-size:1.3em;
    font-style:italic;
    color:#333333;
    line-height:1.5em;
    text-indent:0 !important; /* überschreiben der Werte für <p> */
}

/* Bildunterschrift */
div#content p.bildtext-gross {
    width:480px; /* nicht breiter als das Bild selbst */
}

/* Fehlermeldung beim Kontaktformular */
.fehlermeldung {
    font-weight:bold;
    color:red !important;
}

/* Tabelle */
div#content table {
    /* width:100%; */
    margin:6px 0 36px 0;
    padding:0;
    border:none;
    font-size:100%;
    border-collapse:collapse;
}

/* Tabelle 
div#content table caption {
    margin:0;
    padding:0;
    font-size:1.8em;
    font-weight:bold;
    color:#305495;
    caption-side:top;
    text-align:left;
}
*/

/* Spalten */
div#content table col {
    min-width:200px;
}

/* linke Spalte mit Beschreibungen */
div#content table col.spalte {
    background:none;
}

/* Header-Cells links */
div#content table th {
    padding:2px 10px 2px 0;
    /* border:1px dotted #333333; */
    font-size:1.3em;
    font-weight:bold;
    color:#305495;
    vertical-align:top;
}

div#content table td {
    padding:2px 0 2px 0;
    padding-left:0 !important;
    /* border:1px dotted #333333; */
    font-size:1.3em;
    color:#333333;
    line-height:1.5em;
    vertical-align:top;
}

div#content table td.eigenschaft2 {
    font-weight:bold;
    padding-right:20px !important;
}

/* Unter-Angaben einrücken! */
div#content table td.eigenschaft3 {
    padding-left:16px !important;
}

/* Wert rechts ausgerichtet für "Rechnung" */
div#content table .wert-rechts {
    text-align:right;
}

/* Linie für "Rechnung" */
div#content table .ergebnislinie {
    border-top:1px solid #333333 !important;
}

/* Liste in Tabelle */
div#content table ul {
    margin:0;
    padding:0 0 0 27px;
    list-style-type:square;
    list-style-position:outside;
}

div#content table ul li {
    font-size:1em;
    color:#333333;
}

/* Kontaktformular */
div#content form#kontaktformular {
    margin:0 0 10px 0;
    padding:0;
    font-size:1.3em;
    border:none;
}

/* Fieldset */
div#content form#kontaktformular fieldset {
    margin:0 0 10px 0;
    padding:0;
    border:none;
}

/* Legend */
div#content form#kontaktformular fieldset legend {
    font-weight:bold;
}

/* Label für FORM-Elemente */
div#content form#kontaktformular #adresse label {
    float:left;
    width:120px;
}

/* Label für NACHRICHT */
div#content form#kontaktformular label#label_text {
    font-weight:bold;
}

/* Eingabefelder normal */
div#content form#kontaktformular #adresse input, div#content form#kontaktformular textarea {
    background:white;
    border-left:1px solid #333333;
    border-top:1px solid #333333;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    font-family: "Courier New", Courier, monospace;
    font-size:0.9em;
    padding:2px;
    margin-bottom:4px;
}

div#content form#kontaktformular textarea {
    padding:0 0 0 2px; /* Scrollbalken ohne Padding!! */
}

/* Eingabefelder Adresse active */
div#content form#kontaktformular #adresse input:focus, div#content form#kontaktformular textarea:focus {
    background:#bbffbb;
}

/* Eingabefelder Adresse normal, VN und NN, ORT, MAIL */
div#content form#kontaktformular #adresse input#vorname, div#content form#kontaktformular #adresse input#nachname, div#content form#kontaktformular #adresse input#ort, div#content form#kontaktformular #adresse input#email {
    width:220px;
}

/* Eingabefelder Adresse normal, STR */
div#content form#kontaktformular #adresse input#strasse {
    width:340px;
}

/* Eingabefelder Adresse normal, PLZ */
div#content form#kontaktformular #adresse input#plz {
    width:60px;
}

/* Checkboxes, Radiobuttons */
div#content form#kontaktformular .checkbox, div#content form#kontaktformular .radiobutton {
    margin:0 6px 0 0;
}

/* eingerückte Gruppe von Elementen */
div#content form#kontaktformular div.formulargruppe {
    padding:0 0 16px 16px;
}


/* Textarea Nachricht */
div#content form#kontaktformular textarea#text {
    width:460px;
    height:100px;
}

/* SELECT */
div#content form#kontaktformular input.knopf {
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    font-size:1em;
    padding:2px;
    margin:0 4px 0 0;
}

/* [NEU!] hinter neuen Links */
.newcontent {
    color:red;
    font-weight:bold;
}

div#fusszeile p {
    margin:0;
    padding:0;
    font-size:1.1em;
    /* font-style:italic; */
    color:white;
}

/* "nach oben"-Link */
div#fusszeile p.zum-seitenanfang {
    float:left;
}

/* Links in der Fußzeile, normal */
div#fusszeile a, div#fusszeile a:link, div#fusszeile a:visited {
    text-decoration:underline;
    color:white;
}

/* Links in der Fußzeile, Mouse-Over */
div#fusszeile a:hover, div#fusszeile a:active {
    text-decoration:underline;
    color:#ffbb00;
}

/* Extras rechts: Breadcrumbs, Style-Switcher etc. */
div#extras {
    color:white;
    font-size:1.2em;
    line-height:1.4em;
}

/* Extras rechts: Breadcrumbs, Style-Switcher etc. */
div#extras p {
    margin:0;
    padding:0;
}

/* Breadcrumbs */
div#extras ul {
    margin:0 0 12px 0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
}

div#extras ul li {
    margin:0;
    padding:0;
}

/* Breadcrumbs */
div#extras ul li ul li {
    padding:0 0 0 10px; /* pro Liste ab der 2. Ebene gibts 10px drauf */
}

/* Links in den Extras rechts, normal */
div#extras a, div#extras a:link, div#extras a:visited {
    text-decoration:underline;
    color:white;
}

/* Links in den Extras rechts, Mouse-Over */
div#extras a:hover, div#extras a:active {
    color:#ffbb00;
}