/*

        Stylesheets

        Main color: #1B81C3 / ROT: 27 GRÜN: 129 BLAU:195

*/

/* GLOBALE FORMATIERUNGEN*/
BODY {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        padding: 0px;
        margin: 0px;
        background-color: #FFFFFF;
}

.clearer {
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 1px;
}

A {
        color: #1B81C3;
        text-decoration: none;
}


A:hover {
        color: #1B81C3;
        text-decoration: underline;
}


TD {
        font-size: 8pt;
        vertical-align: top;
        }

P {
        margin: 0px;
}

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

UL {
        list-style-type: square;
        line-height: 15px;
        padding-left: 27px;
        margin: 0px;
}

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

.hyperlink A {
        color: #1B81C3;
        text-decoration: none;
}

.hyperlink A:hover {
        text-decoration: underline;
}

.blue {
        font-weight: bold;
}

.trennlinie {
        border-bottom: 1px solid #999999;
}

.trennlinie-druck {
        border-bottom: 2px solid #000000;
}

/* INFO-LAYER */
.infolayer {
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
        width: 170px;
        height: auto;
        border: 1px solid #1B81C3;
        background-color: #FFFFFF;
        font-weight:normal;
}

.infolayer P {
        padding: 10px;
}

/* STANDARD TABELLEN */
.tabelle {
        background-color: #CCCCCC;
}
.tabelle .bg {
        background-color: #EEEEEE;
        font-weight: bold;
}

.tabelle TD {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
}

/* SPALTEN */
.linkespalte {
        background-color: #E9E9E9;
        width: 180px;
        padding-bottom: 40px;
}
.mittlerespalte {
        background-color: #FFFFFF;
        width: 420px;
        height: 520px;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
}
.rechtespalte {
        background-color: #E9E9E9;
        width: 180px;
        padding-bottom: 40px;
}
.spaltenheadline {
        background-color: #999999;
        height: 19px;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
}
.spaltenheadline P {
        color: #FFFFFF;
        font-weight: bold;
        text-indent: 10px;
        line-height: 19px;
}
.spaltensubheadline {
        background-color: #CCCCCC;
        height: 19px;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
}
.spaltensubheadline a {
        color: #000000;
        text-decoration: none;
}
.spaltensubheadline a:hover {
        color: #000000;
        text-decoration: none;
}
.spaltensubheadline P {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #000000;
        font-weight: bold;
}
.popup {
        border-top: none;
}

/* NAVIGATION ALLGEMEIN */
.navigation {
        margin-bottom: 19px;
}
.navigation A {
        color: #666666;
        text-decoration: none;
        display: block;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-top: 3px;
        border-bottom: 1px solid #FFFFFF;
}

.navigation A:hover {
        text-decoration: none;
}

.navigation .selected {
        background-image: url(../_images/arrow-high.gif);
        background-repeat: no-repeat;
        color: #1B81C3;
}
.navigation UL {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        line-height: normal;
}

/* NAVIGATION 1. EBENE */
.navigation1 A {
        color: #FFFFFF;
        background-color: #666666;
}

.navigation1 LI {
        display: inline;
}

.navigation1 A:hover {
        color: #FFFFFF;
        background-color: #999999;
}

.navigation1 .high {
        background-color: #1B81C3;
}

.navigation1 .high:hover {
        background-color: #1B81C3;
}

/* NAVIGATION 2. EBENE */
.navigation2  {
        background-color: #E9E9E9;
}

.navigation2 A {
        padding-left: 20px;
}

.navigation2 LI {
        display: inline;
}

.navigation2 .high {
        color: #1B81C3;
}

/* NAVIGATION 3. EBENE */
.navigation3 A {
        background-color: #FFFFFF;
        color: #666666;
        border-bottom: 1px solid #E9E9E9;
        border-right: 1px solid #E9E9E9;
        padding-left: 30px;
}

.navigation3 LI {
        display: inline;
}

.navigation3 .high {
        color: #1B81C3;
}

/* NAVIGATION 4. EBENE */
.navigation4 A {
        background-color: #FFFFFF;
        color: #666666;
        border-bottom: 1px solid #E9E9E9;
        border-right: 1px solid #E9E9E9;
        padding-left: 40px;
}

.navigation4 LI {
        display: inline;
}

.navigation4 .high {
        color: #1B81C3;
}

/* NAVIGATION SCHWERPUNNKTE */
.navigationS A {
        padding-left: 10px;
        border-right: none;
        background-repeat: no-repeat;
        background-position: right top;
        color: #1B81C3;
}

.navigationS A:hover {
        color: #1B81C3;
}

.navigationS LI {
        display: inline;
}

.navigationS sup {
        line-height: 1px;
}

/* NAVIGATION FUNKTIONAL */
.navigationF {
        height: 80px;
        background-color: #1B81C3;
        padding: 0px 0px 0px 10px;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 11px;
}

.navigationF A {
        background-image: url(../_images/arrow-fnav.gif);
        background-repeat: no-repeat;
        display: block;
        width: 65px;
        height: 18px;
        float: left;
        padding: 0px;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 11px;
        position: relative;
        top: 7px;
        text-indent: 12px;
}

.navigationF A:hover {
        text-decoration: underline;
        color: #FFFFFF;
}

/* LINKAUFLISTUNGEN */
.pfad {
        padding-left: 10px;
        padding-right: 10px;
}

.linkliste {
        padding: 10px;
}
.linkliste P {
        padding-bottom: 5px;
}

.linkliste UL {
        list-style-image: url(../_images/arrow.gif);
        padding-left: 17px;
}

.linkliste LI {
        padding-bottom: 5px;
}

/* PRODUKTGRUPPENVERZEICHNIS */
.plus { list-style-image: url(../_images/plus.gif) }
.minus { list-style-image: url(../_images/minus.gif) }

.indent1 { margin-left: 15px }
.indent2 { margin-left: 30px }
.indent3 { margin-left: 45px }
.indent4 { margin-left: 60px }
.indent5 { margin-left: 75px }
.indent6 { margin-left: 90px }

/* LOGO UND HEADER */
.logo {
        width: 180px;
        height: 80px;
        background-color: #1B81C3;
        background-image: url(../_images/dlrg_adler_logo.jpg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
}
.header-D {
        width: 420px;
        height: 80px;
        background-color: #1B81C3;
        background-image: url(../_images/headerimage_de.gif);
        background-repeat: no-repeat;
        background-position: center;
}

/* LOGIN */
.login {
        padding-bottom: 6px;
        border-bottom: 1px solid #FFFFFF;
}
.login P {
        padding-top: 10px;
}
.login .hyperlink {
        padding-top: 8px;
        position: relative;
        left: 10px;
}
.login .formularfeld {
        width: 126px;
        background-color: #FFFFFF;
}
.login INPUT {
        position: relative;
        left: 10px;
}
.login-links {
        width: 136px;
        float: left;
}

/* CONTENT */
.seitenfunktionen {
        height: 19px;
        width: 100%;
        background-color: #E9E9E9;
        margin-top: 1px;
        margin-bottom: 1px;
}
.seitenfunktionen P {
        padding-right: 10px;
        text-align: right;
        padding-top: 2px;
}
.content {
        padding: 10px;
        margin: 0px;
}
H1 {
        margin: 0px;
        font-size: 13pt;
        color: #1B81C3;
        text-align: center;
        text-indent: -1px;
}

H2 {
        margin: 0px;
        font-size: 8pt;
        margin-bottom: 10px;
}

H3 {
        margin: 0px;
        font-size: 8pt;
        margin-bottom: 10px;
        text-decoration: underline;
}

H4 {
        margin: 0px;
        font-size: 8pt;
        margin-bottom: 10px;
        text-decoration: underline;
}

.text {
        padding: 10px;
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
}

.text P {
        line-height: 15px;
        margin-bottom: 10px;
}

/* MELDUNGEN ODER AUCH TEASER */
.meldungen-rechtespalte {
        padding: 10px;
}
.meldungen-rechtespalte P {
        padding-bottom: 6px;
}

.meldungen-rechtespalte A {
        text-decoration: none;
}

.meldungen-rechtespalte A:hover {
        text-decoration: underline;
}

.meldungen-content {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        width: 100%;
}
.meldung-content {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 10px;
        padding-top: 5px;
}
.meldungen-content P {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
}

.meldungen-content A {
        text-decoration: none;
}

.meldungen-content A:hover {
        text-decoration: underline;
}


.meldungen-rechtespalte p strong a {
        color: #000000;

}

.meldungen-rechtespalte p strong a:hover {
        color: #000000;

}

.meldung-content p strong a {
        color: #000000;
}

.meldung-content p strong a:hover {
        color: #000000;
}

/* BILDER IM CONTENT */
.bild {
        padding-bottom: 20px;
        margin: 10px;
}
.bild SPAN {
        float: left;
        padding-right: 10px;
}

.maintopic {
        margin-bottom: 10px;
}
.thumbnails P {
        margin-top: 10px;
        margin-bottom: 5px;
}
.thumbnails IMG {
        margin-right: 4px;
}
.impressionen {
        text-align: center;
}

/* TEXT-BILD-BOX */
.text-bild-box {
        width: 400px;
        height: 120px;
        margin-bottom: 20px;
}
.text-bild-box .bild-box {
        width: 150px;
        height: 120px;
        text-align: left;
}
.text-bild-box .text-box {
        width: 229px;
        height: 98px;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        padding: 10px;
}
.text-bild-box .text-box P {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        padding-bottom: 6px;
}

/* TEXT-BILD-BOXEN */
.text-bild-boxen {
        width: 400px;
        margin-bottom: 20px;
        margin-top: 10px;
}
.text-bild-boxen .bild-box {
        width: 190px;
        height: 60px;
}
.text-bild-boxen .text-box {
        width: 168px;
        border-left: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        padding: 10px;
}
.text-bild-boxen .text-box P {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        padding-bottom: 6px;
}

/* ANSPRECHPARTNER UND DOWNLOAD */
.asp-download {
        padding: 10px;
        background-color: #FFFFFF;
        margin-left: 1px;
        margin-right: 1px;
}
.asp-download P {
        padding-bottom: 6px;
}
.download-preview {
        width: 380px;
        padding-top: 10px;
}
.download-preview .bild-box {
        padding-right: 10px;
}
.ansprechpartner {
        width: 380px;
}
.ansprechpartner .bild-box {
        padding-left: 10px;
}

/* E-MAIL SERVICE */
.e-mail-image {
        border-bottom: 1px solid #fff;
        }
.e-mail-service {
        padding: 10px 10px 16px 10px;
}
.e-mail-service P {
        padding-bottom: 6px;
}

/* FUSSZEILE */
.veranstalter P {
        padding-left: 10px;
}
.fusszeile {
        height: 19px;
        width: 780px;
        margin-top: 1px;
        background-color: #1B81C3;
        padding: 0px;
        text-align: center;
}
.fusszeile P {
        line-height: 17px;
        margin: 0px;
        padding-left: 10px;
        color: #FFFFFF;
}
.fusszeile A {
        text-decoration: none;
        color: #FFFFFF;
}

.fusszeile A:hover {
        text-decoration: underline;
        color: #FFFFFF;
}


/* FORMULARE */
.formular {
        padding-bottom: 10px;
        margin-bottom: 10px;
}
.formular TD {
        padding-bottom: 7px;
}
.formularfeld {
        background-color: #E9E9E9;
        font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;
        font-size: 8pt;
        border: 1px solid;
        border-color: #666666 #EEEEEE #EEEEEE #666666;
}
.pflicht {
        background-color: #1B81C3;
        color: #FFFFFF;
}

.XXS {
        width: 36px;
}

.XS {
        width: 120px;
}

.S {
        width: 135px;
}
.M {
        width: 160px;
}
.L {
        width: 260px;
}
.XL {
        width: 340px;
}
.N1 {
        width: 20px;
}
.N2 {
        width: 40px;
}
.N4 {
        width: 50px;
}
.radiobutton {
        margin: 0px;
        margin-right: 5px;
        vertical-align: middle;
}
.radiobuttons INPUT {
        margin-right: 5px;
        vertical-align: middle;
}
.checkbox {
        margin-bottom: 0px;
        margin-right: 5px;
}
.checkboxen P {
        line-height: 20px;
}
.checkboxen INPUT {
        margin-right: 5px;
        margin-bottom: 0px;
}

.textmarker {
        background: #FFFB91;
}

.errormessages {
        font-size: 12px;
        font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
        color: #FF0000;
        font-weight: bold;
}


/*      --------------------------------------------------------------------------------------
                        CONTENT FORMS
        -------------------------------------------------------------------------------------- */

.contentform {
        margin: 10px 0px 10px 0px;
        width: 380px;
}

.contentform label span {
        width: 160px;
        display: block;
        float: left;
        padding-top: 1px;
        padding-left: 20px;
}

.contentform-required-msg {
        margin-top: 10px;
        background-image: url(../_images/form_hint_icon_required.gif);
        background-repeat: no-repeat;
        padding: 2px 0px 3px 27px;
}

.contentform-error-msg {
        margin-top: 10px;
        background-image: url(../_images/form_hint_icon_error.gif);
        background-repeat: no-repeat;
        padding: 2px 0px 3px 27px;
}

.contentform .required {
        color: #000000;
        background-color: #dddddd;
        background-image: url(../_images/form_row_required.gif);
        background-repeat: no-repeat;
        background-position: 5px 14px;
}

.contentform .submiterror {
        color: #ffffff;
        background-color: #1B81C3;
        font-weight: bold;
        background-image: url(../_images/form_row_submiterror.gif);
        background-repeat: no-repeat;
        background-position: 9px 12px;
}

.contentform .submiterror input {
        font-weight: normal;
}

.contentform .submiterror select {
        font-weight: normal;
}

.contentform BR {
        clear: both;
        height: 1px;
        line-height: 1px;
        font-size: 1px;
        margin: 0px;
        padding: 0px;
}

.contentform .set {
        background-color: #efefef;
        margin: 10px 0px 10px 0px;
}

.contentform .set-legend {
        font-weight: bold;
        padding: 2px 5px 2px 5px;
        color: #000000;
        background-color: #CCCCCC;
        position: relative;
}

.contentform .row {
        padding: 10px 0px 10px 0px;
        border-top: 1px solid #FFFFFF;
        width: 380px;
        background-color: #

}

.contentform .row .description-below {
        padding: 5px 0px 0px 164px;
}

.contentform .row .description-full {
        padding: 0px 5px 2px 5px;
        line-height: 14px;
}

.contentform .row .description-full br {
        padding: 0px 5px 2px 5px;
        height: 10px;
        line-height: 10px;
}

.contentform .inputfield {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        font-size: 11px;
        border: 1px solid;
        border-color: #000000 #DDDDDD #DDDDDD #000000;
        width: 190px;
        padding-left:4px;
}

.contentform .textfield {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        font-size: 11px;
        border: 1px solid;
        border-color: #000000 #DDDDDD #DDDDDD #000000;
        width: 320px;
        height: 117px;
        padding-left:4px;
        margin-left: 5px;
}

.contentform .dropdownbox {
        font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
        font-size: 11px;
        width: 190px;
}

.contentform .radiobutton {
        margin: 1px -3px 0px 0px;
        padding: 0px;
        height: 15px;
        position: relative;
        left: -3px;
        display: block;
        float: left;
}

.contentform .radiobutton-container {
        float: left;
        width: 190px;
        line-height: 15px;
}

.contentform .checkbox {
        margin: 1px -3px 0px 0px;
        padding: 0px;
        height: 15px;
        position: relative;
        left: -3px;
        display: block;
        float: left;
}

.contentform .checkbox-container {
        float: left;
        width: 190px;
        line-height: 15px;
}

.contentform .checkbox-container DIV {
        width: 180px;
        float: left;
}

.contentform .single-checkbox-container {
        padding-left: 5px;
        line-height: 15px;
}

.contentform .single-checkbox-container DIV {
        width: 190px;
        float: left;
}

.contentform .footnote {
        font-size: 10px;
        padding-left: 5px;
        margin-bottom: 10px;
}

.contentform .footnote p {
        line-height: 14px;
        margin-bottom: 5px;
}

.datum {
        color: #FFFFFF;
        text-align: right;
        padding-right: 10px;
        line-height: 19px;
}
.counter {

}

/*HORIZONTALE NAVIGATIONSLEISTE*/
.navigationsleiste {
        background-color: #666666;
        height: 19px;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        line-height: 19px;
}
.navigationsleiste A {
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}
.navigationsleiste A:hover {
        color: #ffffff;
        text-decoration: none;
}
.navigationsleiste DIV {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
}
.navigationsleiste .selected {
        background-color: #DD0000;
}

/*LISTENFUNKTIONEN -> Z.B. SORTIERUNG*/
.listenfunktionen {
        height: 30px;
}
.listenfunktionen P {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 6px;
}

.rechterframe {
        padding-left: 1px;
}

/*LISTE -> Z.B. AUSSTELLERLISTE*/
.liste {
        background-color: #E9E9E9;
}
.eintrag {
        border-bottom: 1px solid #FFFFFF;
}
.eintrag TD {
        vertical-align: top;
        padding-top: 10px;
        padding-bottom: 10px;
}
.eintrag P {
        padding-top: 5px;
}
.eintragS {
        background-color: #FFFFFF;
        border-right: 1px solid #E9E9E9;
}

/*DETAILANSICHTEN*/
.reiter TD {
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #EEEEEE;
        text-align: center;
        line-height: 19px;
        padding-left: 10px;
        padding-right: 10px;
}
.detailfunktionen {
        text-align: right;
        padding-right: 20px;
        padding-top: 5px;
}

.details {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 15px;
}
.details P {
        padding-top: 5px;
}
.details TD {
        line-height: 15px;
        vertical-align: top;
}
.details LI {
        padding-bottom: 5px;
}

/*TABELLE IN DRUCKANSICHT*/
.text TD {
        line-height: 15px;
}

/*STARTSEITE*/
.linkespalteStartseite {
        width: 200px;
        vertical-align: top;
        border-right: 1px solid #CCCCCC;
}
.mittlerespalteStartseite {
        width: 280px;
        vertical-align: top;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
}
.rechtespalteStartseite {
        vertical-align: top;
        border-left: 1px solid #CCCCCC;
}
.navigationStartseite UL {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        line-height: normal;
}
.navigationStartseite LI {
        border-bottom: 1px solid #CCCCCC;
        padding: 10px;
}

/*KALENDER*/
.navigationKalender {
        margin-bottom: 0px;
}
.navigationKalender A {
        padding: 0px;
        padding-left: 10px;
        line-height: 19px;
}
.legende {
        margin: 10px;
}
.legende LI {
        padding-left: 10px;
        border-bottom: 1px solid #E9E9E9;
        line-height: 19px;
}
.grey {
        color: #666666;
}
.tagesansicht {
        width: 530px;
        border-top: 1px solid #000000;
}
.tagesansicht TD {
        line-height: 19px;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: top;
        border-bottom: 1px solid #CCCCCC;
}
.termin { background-color: #E9E9E9 }
.termin-angefragt { color: #FF6600 }
.termin-bestaetigt { color: 009900 }

/*AKTUELLES*/
.extra {
        font-family: arial,helvetica;
        font-size: 8pt;
        font-weight: none;
        text-decoration: none;
        color: #000000; }

/*Lightbox*/
#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }