/*
* Stylesheet für die Website der Sächsischen Landesstiftung Natur und Umwelt
* 
* Design: metronom Leipzig (http://www.metronom-leipzig.de/)
* Programmierung: Stefan Wülfrath
*
* (c) Sächsische Landesstiftung Natur und Umwelt, 2009
*
* Allgemeine Konventionen
* -----------------------
*
* Farbdefinitionen:
* - Schwarz:    #000000
* - Weiß:       #FFFFFF
* - Grau:       #DCDDDE
* - Dunkelgrün: #00543A
* - Grün:       #5EA30A
* - Orange:     #EF970C
* - Gelb:       #FDD34C
*
*/

/* 
* 1. Seitenlayout
* ---------------
*/

/* Alle Abstände und Ränder auf 0 setzen */
html, body, div, ul, ol, li, dl, dt, dd, a, hr,
p, h1, h2, h3, h4, h5, h6, img, address, blockquote,
form, fieldset, label, input, select, option, optgroup
caption {
    margin: 0;
    padding: 0;
    border: 0;
}
html {
    height: 100%;
}
/* Hintergrundfarbe und Basisschriftgröße */
body {
    background-color: #DCDDDE;
    font-size: 0.625em;
    height: 100%;
}
/* Alle DIV's relativ positionieren */
div {
    position: relative;
}
/* Ersteinmal ausblenden TODO */
#hintergrund * {
    display: none;
}
#seite * {
    text-align: left;
}
/* eigentliche Seitenspalte */
#seite {
    width: 90em;
    min-height: 100%;
    margin: auto auto;
    background-color: #FFFFFF;
}
/* Navigation für den schnellen Tastaturzugriff auf Seiteninhalte */
#sprungnavigation {
    position: absolute;
    top: -2000em;
    left: -3000em;
}
#sprungnavigation li {
    list-style-type: none;
    font-size: 1.2em;
}
/* Seitenkopf */
#kopf {
    display: block;
    height: 26em;
    top: 0em;
    left: 0em;
    width: 90em;
    overflow: hidden;
}
/* Technische Navigation (oben rechts) */
#technische_navigation {
    position: absolute;
    top: 1em;
    right: 2em;
}
/* Listenelemente in einer Zeile anzeigen */
#technische_navigation li {
    display: inline;
    list-style: none;
}
/* Zeile mit den Links */
#linkzeile_oben {
    position: absolute;
    bottom: 18em;
    left: 0em;
    width: 100%;
}
#linkzeile_oben div {
    position: absolute;
    text-align: center;
}
#lanu_logo {
    left: 2em;
    width: 17.5em;
    bottom: 1em;
}
#link_akademie {
    left: 19.5em;
    width: 23.5em;
    bottom: 1em;
}
#link_nationalparkzentrum {
    left: 43em;
    width: 23.5em;
    bottom: 1em;
}
#link_naturschutzfonds {
    left: 66.5em;
    width: 23.5em;
    bottom: 1em;
}
/* Farbfeld zur Bestimmung des aktuellen Bereichs */
#navigationsflaeche {
    position: absolute;
    bottom: 0em;
    left: 0em;
    height: 19em;
    width: 17.5em;
    background-color: #5EA30A;
    border-left: solid 2em #00543A;
}
/* Bilder und Logos der Bereiche */
#bild_akademie {
    position: absolute;
    bottom: 0em;
    left: 19.5em;
    width: 23.5em;
    height: 19em;
    background-color: #EF970C;
}
#bild_nationalparkzentrum {
    position: absolute;
    bottom: 0em;
    left: 43em;
    width: 23.5em;
    height: 19em;
    background-color: #FDD34C;
}
#bild_naturschutzfonds {
    position: absolute;
    bottom: 0em;
    left: 66.5em;
    width: 23.5em;
    height: 19em;
    background-color: #5EA30A;
}
.bild_kopf {
    position: absolute;
    top: 1em;
    left: 0em;
}
.bild_kopf img {
    width: 23.5em;
    height: 18em;
}
.logo_kopf {
    position: absolute;
    top: 10em;
    right: 0em;
}
/* Spaltenaussehen */
#spalten {
    text-align: left;
    position: absolute;
    bottom: 0em;
    top: 26.2em;
    left: 0em;
    width: 90em;
}
#spalte_links {
    position: absolute;
    top: 0em;
    left: 0em;
    height: 100%;
    bottom: 0em;
    width: 17.5em;
    background-color: #DCDDDE;
    border-left: solid 2em #00543A;
}
#balken_rechts {
    position: absolute;
    top: 0em;
    left: 66.5em;
    height: 100%;
    bottom: 0em;
    width: 1.5em;
    background-color: #DCDDDE;
}
/* Seitenrumpf */
#body {
    height: auto;
    width: 100%;
    top: 0em;
    text-align: left;
}
/* Navigationsleiste */
#navigationsleiste {
    float: left;
    top: 0em;
    left: 0em;
    width: 17.5em;
    padding-top: 0.2em;
    border-left: solid 2em #00543A;
}
/* Sprachenwahl */
#sondernavigation {
    position: absolute;
    top: -2em;
    left: 1em;
    width: 16em;
}
/* Listenelemente in einer Zeile anzeigen */
#sondernavigation li {
    display: inline;
    list-style: none;
}
/* Länderflaggen mit vergrößern */
#sondernavigation img {
    height: 1.3em;
    width: 2em;
}
/* Eigentliche Seiten Navigation */
#navigation {
    display: block;
    width: 100%;
    overflow: hidden;
    top: 0em;
    left: 0em;
    background-color: #DCDDDE;
}
/* Navigationspunkt */
#navigation li {
    display: block;
    list-style: none;
    width: 100%;
    line-height: 2.4em;
    font-weight: normal;
    background-color: #DCDDDE;
}
#navigation a {
    display: block;
    /* width: 16.5em; */
    height: 100%;
    font-size: 1.2em;
    padding-left: 10px;
    border-bottom: solid 2px #FFFFFF;
}
/* Wenn eine Ebene tiefer einrücken */
#navigation ul.ebene_1 a {
    padding-left: 20px;
}
/* Überfahren mit der Maus/Tastatur */
#navigation a:hover, #navigation a:active, #navigation a:focus {
    background-color: #FDD34C;
}
/* Aktueller Navigationspunkt */
#navigation .navigation_aktiv {
    font-weight: bold;
    background-color: #FDD34C;
}
/* Alle tieferen Ebenen ausblenden */
.ebene_2, .ebene_3, .ebene_4, .ebene_5, .ebene_6 {
    display: none;
}
/* Nach jedem Navigationsbereich eine Lücke einfügen */
#navigation div.nav_kategorie {
    padding-bottom: 2.4em;
    border-bottom: solid 2px #FFFFFF;
}

/* Eigentlicher Seiteninhalt (Mittelspalte) */
#mittelspalte {
    float: left;
    width: 45em;
    overflow: hidden;
    padding-left: 1em;
    padding-right: 1em;
}

/* Nochmalige Kapselung zur Formatierung */
#haupttext {
    padding-top: 1em;
    width: 100%;
}

/* Nachrichtenzeile */
#haupttext .nachrichtenzeile {
    top: 0em;
    left: 0em;
    min-height: 6em;
    margin-bottom: 0.5em;
}
#haupttext .nachrichtenueberschrift {
    float: right;
    text-align: left;
    width: 37em;
}
#haupttext .nachrichtenueberschrift h2 {
    font-size: 1.2em;
    font-weight: bold;
}
#haupttext div.bildbox {
    position: relative;
    top: 0em;
    left: 0em;
    float: left;
    height: 6em;
    width: 6.7em;
}
#haupttext .nachrichtenbox {
    clear: right;
    margin-left: 8em;
    top: 0em;
    line-height: 1.4em;
    padding-bottom: 0.2em;
}
#haupttext .nachrichtenbox p {
    font-size: 1.2em;
}
#haupttext .nachrichtenzeile hr {
    clear: left;
    background-color: #DCDDDE;
    color: #DCDDDE;
    height: 0.1em;
}
/* Umschalter zwischen Text- und Bildversion ausblenden */
#umschalter_text_bild {
    display: none;
}
/* Aktionsspalte */
#aktionen {
    float: right;
    width: 22em;
    overflow: hidden;
    margin-top: 0.2em;
    border-left: solid 1.5em #DCDDDE;
}
/* Aktionszeile */
#aktionen .aktionszeile {
    height: 5.2em;
    border-bottom: solid 0.2em #DCDDDE;
}
/* Logo der Aktion */
#aktionen .logobox {
    float: left;
    height: 5.2em;
    width: 6em;
    text-align: center;
}
/* Box für den Aktionstext */
#aktionen .aktionsbox {
    margin-left: 6em;
}
#aktionen .aktionsbox p {
    font-size: 1.2em;
}
/* Float beenden */
#aktionen .aktionszeile hr {
    clear: left;
}
/* Beenden des Floats */
#footer {
    clear: both;
}
/* 
* 2. Allgemeine Formatierungen
* ----------------------------
*/

/* Schriftart */
#seite {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-variant: normal;
}
/* Linkdarstellung */
a {
    color: #000000;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    text-decoration: underline;
}
a * {
    border: none;
}
/* Schriftgröße der technischen Navigation */
#technische_navigation li {
    font-size: 1.2em;
}
/* Breadcrumb-Navigation */
#breadcrumb {
    margin-top: 0.2em;
    font-size: 1.1em;
    line-height: 1.2em;
}
/* Hauptseitenüberschrift */
#seitenueberschrift h1 {
    font-size: 2em;
    font-weight: bold;
}
/*
* 2.1 Formatierungen in der Textbox
* ---------------------------------
* 2.1.1 Block-Level-Elemente
* --------------------------
*/
/* Allgemeine Schriftgröße */
#textbox p, #textbox address, #textbox blockquote, #textbox dl, #textbox ul, #textbox ol {
    font-size: 1.1em;
}
/* Kaskadieren der Schriftgröße verhindern */
#textbox * p, #textbox * address, #textbox * blockquote, #textbox * dl, #textbox * ul, #textbox * ol {
    font-size: 1em;
}
#textbox div p, #textbox div address, #textbox div blockquote, #textbox div dl, #textbox div ul, #textbox div ol {
    font-size: 1.1em;
}
/* Überschriften */
#textbox h1, #textbox h2, #textbox h3, #textbox h4, #textbox h5, #textbox h6 {
    font-weight: bold;
    margin-bottom: 0.3em;
}
#textbox h1 {
    font-size: 1.6em;
}
#textbox h2 {
    font-size: 1.5em;
}
#textbox h3 {
    font-size: 1.4em;
}
#textbox h4 {
    font-size: 1.3em;
}
#textbox h5 {
    font-size: 1.1em;
}
#textbox h6 {
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: underline;
}
/* Absatzformatierung */
#textbox p {
    line-height: 1.5em;
    margin-bottom: 1.2em;
}
/* Listenformatierung */
#textbox ul, #textbox ol {
    text-indent: 0em;
    padding-left: 1.8em;
    margin-bottom: 1em;
}
#textbox ul ul, #textbox ol ol {
    margin-bottom: 0.5em;
    font-size: 1em;
}
#textbox li {
    line-height: 1.6em;
}
#textbox li p {
    font-size: 1em;
}
#textbox ul li {
    list-style-type: disc;
}
#textbox ul li li {
    list-style-type: circle;
}
#textbox ul li li li {
    list-style-type: square;
}
#textbox ol li {
    list-style-type: decimal;
}
/* Definitionsliste */
#textbox dl {
    margin-bottom: 1em;
}
#textbox dl p {
    font-size: 1em;
}
#textbox dl dt {
    font-weight: bold;
}
#textbox dl dd {
    margin-left: 3em;
    margin-bottom: 0.5em;
}
/* Adressen */
#textbox address {
    font-style: normal;
    margin-bottom: 1em;
}
/* Blockzitate */
#textbox blockquote {
    margin-left: 3em;
    font-style: italic;
}
/* Horizontaler Strich */
#textbox hr {
    background-color: #DCDDDE;
    color: #DCDDDE;
    height: 0.1em;
    margin: 0.7em 0em 0.3em;
}
/*
* 2.1.2 Inline-Elemente
* ---------------------
*/
/* Linkformatierung */
#textbox a {
    text-decoration: none;
    border-bottom: dashed 1px #000000;
}
#textbox a:hover, #textbox a:active, #textbox a:focus {
    border-bottom: solid 1px #000000;
}
#textbox a img {
    border: none;
}
/* Abkürzungen */
#textbox abbr, #textbox acronym {
    cursor: help;
    border-bottom: dotted 1px #000000;
}
/* Inline-Zitat */
#textbox cite {
    font-style: italic;
}
/* Inline-Elemente als Blockelemente darstellen */
#textbox code, #textbox dfn, #textbox samp {
    display: block;
    margin: 1em;
    font-size: 1.1em;
}
#textbox code p, #textbox dfn p, #textbox samp p {
    font-size: 1em;
}
#textbox p code, #textbox p dfn, #textbox p samp {
    display: inline;
    margin: 0em;
    font-size: 1em;
    background: none;
    border: none;
}
/* Code-Listing */
#textbox code {
    font-family: "Courier New" , Monospace;
    background-color: #DCDDDE;
    border: dashed 1px #000000;
}
/* Definition */
#textbox dfn {
    background-color: #DCDDDE;
    border: solid 1px #000000;
    font-weight: bold;
}
/* Beispiel */
#textbox samp {
    background-color: #FDD34C;
    border: dashed 1px #000000;
    font-style: italic;
}
/* leichte Betonung */
#textbox em {
    font-style: italic;
}
/* starke Betonung */
#textbox strong {
    font-weight: bold;
}
/* Tiefstellen */
#textbox sub {
    font-size: 0.95em;
    vertical-align: sub;
    line-height: 1em;
}
/* Hochstellen */
#textbox sup {
    font-size: 0.95em;
    vertical-align: super;
}
/*
* 2.1.3 Tabellen
* --------------
*/
#textbox table {
    font-size: 1.1em;
    border-collapse: collapse;
    border-spacing: 0em;
    empty-cells: show;
    caption-side: top;
    border: solid 1px #000000;
    margin: auto auto;
    margin-bottom: 1em;
    text-align: center;
}
#textbox table * {
    text-align: left;
}
#textbox tr, #textbox td, #textbox th {
    border: solid 1px #000000;
    padding: 0.3em;
}
#textbox th {
    text-align: center;
}
#textbox caption {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.5em;
    text-align: center;
}
/*
* 2.1.4 Formulare
* ---------------
*/
/* Formular */
#textbox form {
    margin: 0.5em 0em 1.2em;
}
/* Formulargruppierung */
#textbox fieldset {
    border: solid 1px #000000;
    margin: 0.3em 0em;
    padding: 0.7em;
    width: 43em;
}
#textbox form fieldset p {
    font-size: 1.1em;
}
/* Gruppenname */
#textbox legend {
    font-size: 1.2em;
    font-weight: 700;
    color: #0000FF;
}
/* Beschriftung für Formularelement */
#textbox label {
    font-size: 1.1em;
    width: 12em;
    display: block;
    float: left;
    margin: 0.2em 0em;
    cursor: pointer;
}
/* Formularelemente */
#textbox input {
    padding: 0.2em;
    font-size: 1.1em;
}
/* Texteingabefeld */
#textbox input.input_text, #textbox input.input_password {
    border: solid 1px #000;
    margin: 0.2em 0em;
    padding-left: 0em;
    width: 25em;
    color: #000000;
    background-color: #FFFFFF;
}
/* Auswahlboxen */
#textbox input.input_checkbox, #textbox input.input_radio {
    margin: 0.2em 0em;
    padding-left: 0em;
}
/* Dateiauswahlfeld */
#textbox input.input_file {
    padding: 0.2em;
    color: #000000;
    background-color: #FFFFFF;
}
/* Button */
#textbox button, #textbox input.input_button {
    font-size: 1.1em;
    color: #000000;
    background-color: #FFFFFF;
    padding: 0.1em 0.2em;
    border: solid 1px #000;
    text-align: center;
}
/* Selektionsfeld */
#textbox select {
    background-color: #FFFFFF;
    color: #000;
    font-size: 1.1em;
    /*margin: 0.3em 0em;*/
	margin: 0 0 20px 0;
    border: solid 1px #000;
}
/* Auswahlgruppe im Selektionsfeld */
#textbox select optgroup {
    background-color: #FFF;
    color: #000;
    font-size: 1em;
}
/* Selektionsmöglichkeit */
#textbox option {
    background-color: #FFF;
    color: #000;
    padding: 0.1em 0em;
    font-size: 1em;
}
#textbox optgroup option {
    background-color: #FFF;
    color: #000;
    padding-left: 1.5em;
    font-size: 1em;
}
/* mehrzeiliges Eingabefeld */
#textbox textarea {
    background-color: #FFF;
    color: #000;
    font-family: "Courier New" , Monospace;
    font-size: 1.1em;
    border: solid 1px #000;
    margin: 0.2em 0em;
    padding: 0em 0.2em 0.2em 0em;
    width: 25em;
}
/* Hintergrundfarbe ändern, wenn angewählt */
#textbox textarea:active, #textbox textarea:focus,
#textbox select:active, #textbox select:focus,
#textbox input.input_text:active, #textbox input.input_text:focus,
#textbox input.input_password:active, #textbox input.input_password:focus {
    background-color: #DCDDDE;
}

.button { margin-top: 10px; }

/*
* 2.1.5 Sitemap
*/
#textbox #sitemap ul {
    margin: 0em;
    padding: 0em;
    margin-left: 0em;
    font-size: 1em;
}
#textbox #sitemap ul li {
    list-style-type: none;
}
#textbox #sitemap ul li ul li {
    margin: 0.7em 0em 0.7em 2em;
    padding-left: 0.4em;
    list-style-type: disc;
    list-style-image: url( "../images/haken.png" );
}
#textbox #sitemap li a {
    font-size: 1.1em;
}

/*
* 3. Klassen
* ----------
*/
/* Unsichtbare Elemente */
.unsichtbar {
    display: block;
    position: absolute;
    left: -2000em;
    top: -3000em;
}
#sprungnavigation a.unsichtbar:focus, #sprungnavigation a.unsichtbar:active
{
    display: block;
    position: absolute;
    top: 0em;
    left: 0em;
    background-color: #EF970C;
    color: #000;
    text-decoration: underline;
    z-index: 4;
}
br.clearfloat {
    width: 0em;
    height: 0em;
    clear: both;
}
/*
* 4. IE-Hacks
* -----------
*/
/* Spalten für den IE6 */
* html #seite {
    height: 100%;
    background-image: url("../images/hintergrund-900.png");
    background-repeat: repeat-y;
    background-position: left top;
}
* html #body {
    background-image: url("../images/hintergrund-900.png");
    background-repeat: repeat-y;
    background-position: left top;
}
/* Hintergrundfarben explizit */
* html #kopf, * html #body, * html #navigationsleiste {
    background-color: #FFFFFF;
}
/* Mindest-Höhe einer Nachrichtenzeile */
* html #haupttext .nachrichtenzeile {
    height: 6em;
}
/* oberer Rand der Aktionsleiste sowie Pixelfehler im IE */
* html #aktionen {
    width: 21.9em;
    margin-top: 0em;
    padding-top: 0.2em;
    background-color: #FFFFFF;
}
/* Hack für IE7, weil auch der einen 1px-Fehler hat */
html* #aktionen {
    width: 21.9em;
}