/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/00_base/master.css' */
/* ================================================== */

/* ----------------------------------------------------------------- */
/* yui reset */

body {
    margin: 10px;
}

h1 {
    font-size: 138.5%;
}
h2 {
    font-size: 123.1%;
}
h3 {
    font-size: 108%;
}
h1,
h2,
h3 {
    margin: 1em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
dt {
    font-weight: bold;
}

optgroup {
    font-weight: normal;
}

abbr,
acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

blockquote,
ul,
ol,
dl {
    margin: 1em;
}

ol,
ul,
dl {
    margin: 0 0 0 2em;
}

ol li {
    list-style: decimal outside;
}

ul li {
    list-style: disc outside;
}

dl dd {
    margin: 0 0 0 1em;
}

th,
td {
    border: 1px solid #000;
    padding: .5em;
}

th {
    font-weight: bold;
    text-align: center;
}

caption {
    margin: 0 0 .5em 0;
    text-align: center;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

p,
fieldset,
table,
pre {
    margin: 0 0 1em 0;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding: 1px;
}

/* end (yui reset) */
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/00_base/common.css' */
/* ================================================== */

/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/01_system.css' */
/* ================================================== */

/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/box.css' */
/* ================================================== */

.box {
    width: auto;
    display: block;
    overflow: hidden;
    position: relative;
}
    .box .boxtop {
        width: auto;
        height: auto;
        display: block;
        overflow: hidden;
        background: transparent;
    }
        .box .boxtopinner {
            padding: 0;
            margin: 0;
            overflow: hidden;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
        }

    .box .boxmiddle {
        width: auto;
        display: block;
        overflow: hidden;
        background: transparent;
    }
        .box .boxmiddleinner {
            margin: 0;
            padding: 0;
            overflow: auto;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
        }

    .box .boxbottom {
        width: auto;
        height: auto;
        display: block;
        overflow: hidden;
        background: transparent;
    }
        .box .boxbottominner {
            padding: 0;
            margin: 0;
            overflow: hidden;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
        }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/box_dialog.css' */
/* ================================================== */

body .box_dialog {
    width: 770px;
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 3px #003b6d;
    margin-top: 
}
    body .box_dialog .boxtop {
        width: 770px;
        height: 26px;
        display: block;
        overflow: hidden;
        background: #fff ;
    }
        body .box_dialog .boxtopinner {
            padding: 0;
            margin: 6px 0 0 10px;
            overflow: hidden;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
        }
            body .box_dialog .boxtopinner h1 {
                margin: 0;
                padding: 0;
                color: #333;
                font-family: Verdana, Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: bold;
            }

    body .box_dialog .boxmiddle {
        width: 770px;
        display: block;
        overflow: hidden;
        background: #fff ;
    }
        body .box_dialog .boxmiddleinner {
            margin: 0 0 0 20px;
            padding: 0;
            overflow: hidden;
            overflow-y: auto;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
            
            width: 745px;
        }

    body .box_dialog .boxbottom {
        width: 770px;
        height: 20px;
        display: block;
        overflow: hidden;
        background: #fff ;
    }
        body .box_dialog .boxbottominner {
            padding: 0;
            margin: 6px 0 6px 10px;
            overflow: hidden;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
        }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/button.css' */
/* ================================================== */


/* ----------------------------------------------------------------- */

.button {
    font-size: 0;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}
    /* linkes Ende */
    .button > .bl {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
    }
    
    /* optionaler Icon */
    .button > .bi {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
    }
        .button > .bi > img {
            cursor: pointer;
            vertical-align: top;
            display: inline-block;
        }
        
    /* Mittelteil */
    .button > .bm {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
    }
        .button > .bm > input,
        .button > .bm > span,
        .button > .bm > a > span {
            display: inline;
            background: transparent;
            border: none;
            padding: 0;
            margin: 0;
            vertical-align: top;
            color: #333;
            font-family: Verdana, Helvetica, Arial, sans-serif;
            font-size: 12px;
            line-height: 15px;
            text-decoration: none;
            cursor: pointer;
        }
        .button_normal > .bm > span,
        .button_normal > .bm > a > span {
            position: relative;
            top: 4px;
        }        
        
    /* rechtes Ende */
    .button > .br {
        font-size: 0;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        display: inline-block;
    }

/* ------------------------------------ */
body .button_normal {
    height: 25px;
}
    /* linkes Ende */
    body .button_normal > .bl {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/left.png) left top no-repeat;
    }
    body .button_normal:hover > .bl {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/left_light.png);
    }
    
    /* optionaler Icon */
    body .button_normal > .bi {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/middle.png) left top repeat-x;
    }
    body .button_normal:hover > .bi {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/middle_light.png);
    }
        body .button_normal > .bi > img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_normal > .bm {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/middle.png) left top repeat-x;
    }
    body .button_normal:hover > .bm {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/middle_light.png);
    }
        body .button_normal > .bm > input,
        body .button_normal > .bm > span,
        body .button_normal > .bm > a > span {
            padding-top: 3px;
            
        }
        
    /* rechtes Ende */
    body .button_normal > .br {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/right.png) left top no-repeat;
    }
    body .button_normal:hover > .br {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_normal/right_light.png);
    }

/* ------------------------------------ */
body .button_red {
    height: 25px;
}
    /* linkes Ende */
    body .button_red > .bl {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/left.png) left top no-repeat;
    }
    body .button_red:hover > .bl {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/left_light.png);
    }
    
    /* optionaler Icon */
    body .button_red > .bi {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/middle.png) left top repeat-x;
    }
    body .button_red:hover > .bi {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/middle_light.png);
    }
        body .button_red > .bi > img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_red > .bm {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/middle.png) left top repeat-x;
    }
    body .button_red:hover > .bm {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/middle_light.png);
    }
        body .button_red > .bm > input,
        body .button_red > .bm > span,
        body .button_red > .bm > a > span {
            color: #ffe5e5;
            padding-top: 3px;
                    
        }
        body .button_red:hover > .bm > input,
        body .button_red:hover > .bm > span,
        body .button_red:hover > .bm > a > span {
            color: #fff;    
        }
        
    /* rechtes Ende */
    body .button_red > .br {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/right.png) left top no-repeat;
    }
    body .button_red:hover > .br {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_red/right_light.png);
    }

/* ------------------------------------ */
body .button_orange {
    height: 25px;
}
    /* linkes Ende */
    body .button_orange > .bl {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/left.png) left top no-repeat;
    }
    body .button_orange:hover > .bl {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/left_light.png);
    }
    
    /* optionaler Icon */
    body .button_orange > .bi {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/middle.png) left top repeat-x;
    }
    body .button_orange:hover > .bi {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/middle_light.png);
    }
        body .button_orange > .bi > img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_orange > .bm {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/middle.png) left top repeat-x;
    }
    body .button_orange:hover > .bm {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/middle_light.png);
    }
        body .button_orange > .bm > input,
        body .button_orange > .bm > span,
        body .button_orange > .bm > a > span {
            color: #ffeedf;
            padding-top: 3px;
            
        }
        body .button_orange:hover > .bm > input,
        body .button_orange:hover > .bm > span,
        body .button_orange:hover > .bm > a > span {
            color: #fff;
        }
        
    /* rechtes Ende */
    body .button_orange > .br {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/right.png) left top no-repeat;
    }
    body .button_orange:hover > .br {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_orange/right_light.png);
    }

/* ------------------------------------ */
body .button_green {
    height: 25px;
}
    /* linkes Ende */
    body .button_green > .bl {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/left.png) left top no-repeat;
    }
    body .button_green:hover > .bl {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/left_light.png);
    }
    
    /* optionaler Icon */
    body .button_green > .bi {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/middle.png) left top repeat-x;
    }
    body .button_green:hover > .bi {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/middle_light.png);
    }
        body .button_green > .bi > img {
            padding: 5px 2px 0 0;
            
        }
        
    /* Mittelteil */
    body .button_green > .bm {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/middle.png) left top repeat-x;
    }
    body .button_green:hover > .bm {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/middle_light.png);
    }
        body .button_green > .bm > input,
        body .button_green > .bm > span,
        body .button_green > .bm > a > span {
            color: #fff;
            padding-top: 3px;
            
        }
        
    /* rechtes Ende */
    body .button_green > .br {
        width: 10px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/right.png) left top no-repeat;
    }
    body .button_green:hover > .br {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_green/right_light.png);
    }

/* ------------------------------------ */
body .button_small {
    height: 16px;
}
    /* linkes Ende */
    body .button_small > .bl {
        width: 5px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/left.png) left top no-repeat;
    }
    body .button_small:hover > .bl {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/left_light.png);
    }
    
    /* optionaler Icon */
    body .button_small > .bi {
        display: none;
    }
        
    /* Mittelteil */
    body .button_small > .bm {
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/middle.png) left top repeat-x;
    }
    body .button_small:hover > .bm {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/middle_light.png);
    }
        body .button_small > .bm > input,
        body .button_small > .bm > span,
        body .button_small > .bm > a > span {
            font-size: 10px;
            line-height: 13px;
            padding-top: 0px;
            
        }
        body .button_small > .bm > span,
        body .button_small > .bm > a > span {
            position: relative;
            top: 1px;
        }        
        
    /* rechtes Ende */
    body .button_small > .br {
        width: 5px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/right.png) left top no-repeat;
    }
    body .button_small:hover > .br {
        background-image: url(/image/DOSDauter/1.0.3/dosdauter/buttons/button_small/right_light.png);
    }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/editor.css' */
/* ================================================== */

body{font:8pt tahoma,arial,sans-serif;margin:0;background:#E9E8F2;color:#444444}
.dialogFooter{background-color:#E2E2ED;border-top:#CFCFCF 1px solid;}
td{font-size:8pt}
input {font:8pt tahoma,arial,sans-serif}
select {font:8pt tahoma,arial,sans-serif}
textarea {font:8pt tahoma,arial,sans-serif}
.inpSel {font:8pt tahoma,arial,sans-serif}
.inpTxt {font:8pt tahoma,arial,sans-serif;} 
.inpChk {width:13;height:13;margin-right:3;margin-bottom:1}
.inpRdo {width:13;height:13;margin-right:3;margin-bottom:1}
.inpBtn {font:8pt tahoma,arial,sans-serif;}
.inpBtnOver {}
.inpBtnOut {}

/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/form.css' */
/* ================================================== */


/*
    fuer runde Kanten im IE: (Einbau hat Fehler erzeugt)
        behavior: url(/tmpl/kb_backend/styles/border-radius.htc);
*/

/* ####################################################### */
/* Formularelementgruppen */

.f_fieldset,
.f_fieldset_hideable_open,
.f_fieldset_hideable_closed {
    width: 710px;
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
    position: relative;
    overflow: visible;
}
    .f_fieldset > .legend,
    .f_fieldset_hideable_open > .legend,
    .f_fieldset_hideable_closed > .legend {
        width: 710px;
        padding: 0;
        border-width: 0;
        margin: 0;
        position: relative;
    }
        .f_fieldset > .legend > span,
        .f_fieldset_hideable_open > .legend > span,
        .f_fieldset_hideable_closed > .legend > span {
            display: block;
            width: 690px;
            padding: 5px 10px 5px 10px;
            
            font-weight: bold;
            color: #215182;
        }
        .f_fieldset_hideable_open > .legend > span,
        .f_fieldset_hideable_open > .legend > img,
        .f_fieldset_hideable_closed > .legend > span,
        .f_fieldset_hideable_closed > .legend > img {
            cursor: pointer;
        }
        .f_fieldset_hideable_closed > .legend > span {
            /*
            */
            background: url(/image/DOSDauter/1.0.3/dosdauter/layout/semitransparent_5_black.png) left top repeat;
            border-top: solid 2px #dae6f2;
        }
        .f_fieldset_hideable_closed > .legend .icon_open,
        .f_fieldset_hideable_open > .legend .icon_close {
            display: block;
            position: absolute;
            right: 10px;
            top: 10px;
        }
        .f_fieldset > .legend .icon_open,
        .f_fieldset > .legend .icon_close,
        .f_fieldset_hideable_closed > .legend .icon_close,
        .f_fieldset_hideable_open > .legend .icon_open {
            display: none;
        }

        .f_fieldset_hideable_open > .legend .icon_config,
        .f_fieldset_hideable_closed > .legend .icon_config,
        .f_fieldset > .legend .icon_config {
            display: block;
            position: absolute;
            right: 32px;
            top: 3px;
        }
        .f_fieldset > .legend .icon_config {
            right: 10px;
        }
        
    .f_fieldset > .inner,
    .f_fieldset_hideable_open > .inner {
        /*
        */
        width: 710px;
        padding: 20px 0 10px 0;
        background: url(/image/DOSDauter/1.0.3/dosdauter/layout/semitransparent_5_black.png) left top repeat;
        border-top: solid 2px #dae6f2;
    }
    .f_fieldset_hideable_open > .inner {
        display: block;
    }
    .f_fieldset_hideable_closed > .inner {
        display: none;
    }

/* ####################################################### */
/* Unterformularelementgruppen */

.f_subfieldset,
.f_subfieldset_hideable_open,
.f_subfieldset_hideable_closed {
    width: 710px;
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
    position: relative;
    overflow: visible;
}
    .f_subfieldset > .legend,
    .f_subfieldset_hideable_open > .legend,
    .f_subfieldset_hideable_closed > .legend {
        width: 710px;
        padding: 0;
        border-width: 0;
        margin: 0;
        position: relative;
    }
        .f_subfieldset > .legend > span,
        .f_subfieldset_hideable_open > .legend > span,
        .f_subfieldset_hideable_closed > .legend > span {
            display: block;
            width: 690px;
            padding: 5px 10px 5px 10px;
            
            font-weight: bold;
            color: #215182;
            background: url(/image/DOSDauter/1.0.3/dosdauter/layout/semitransparent_5_black.png) left top repeat;
            border-top: 2px solid #a4bac3;
            border-bottom: 2px solid #a4bac3;
        }
        .f_subfieldset_hideable_open > .legend > span,
        .f_subfieldset_hideable_open > .legend > img,
        .f_subfieldset_hideable_closed > .legend > span,
        .f_subfieldset_hideable_closed > .legend > img {
            cursor: pointer;
        }
        .f_subfieldset_hideable_closed > .legend > span {

        }
        .f_subfieldset_hideable_closed > .legend .icon_open,
        .f_subfieldset_hideable_open > .legend .icon_close {
            display: block;
            position: absolute;
            right: 10px;
            top: 12px;
        }
        .f_subfieldset > .legend .icon_open,
        .f_subfieldset > .legend .icon_close,
        .f_subfieldset_hideable_closed > .legend .icon_close,
        .f_subfieldset_hideable_open > .legend .icon_open {
            display: none;
        }
    
        .f_subfieldset_hideable_open > .legend .icon_config,
        .f_subfieldset_hideable_closed > .legend .icon_config,
        .f_subfieldset > .legend .icon_config {
            display: block;
            position: absolute;
            right: 32px;
            top: 3px;
        }
        .f_subfieldset > .legend .icon_config {
            right: 10px;
        }

    .f_subfieldset > .inner,
    .f_subfieldset_hideable_open > .inner {
        width: 710px;
        padding: 20px 0 10px 0;
    }
    .f_subfieldset_hideable_open > .inner {
        display: block;
    }
    .f_subfieldset_hideable_closed > .inner {
        display: none;
    }

/* ####################################################### */
/* normale Textabsaetze innerhalb eines Formulars */

.f_fieldset > p,
.f_fieldset_hideable_open > p,
.f_fieldset_hideable_closed > p {
    margin: 0 0 10px 190px;
    width: 490px;
}
.f_fieldset .fo_nolabel > p,
.f_fieldset_hideable_open .fo_nolabel > p,
.f_fieldset_hideable_closed .fo_nolabel > p {
    margin-left: 20px;
    width: 660px;
}

/* ####################################################### */
/* Textabsaetze innerhalb von Formularelementen */

.f_fieldset dd label > span.p,
.f_fieldset_hideable_open dd label > span.p,
.f_fieldset_hideable_closed dd label > span.p {
    margin: 0 0 0 18px;
    display: block;
    width: 427px;
}

/* ####################################################### */

.f_spacer,
hr.f_spacer {
    display: block;
    font-size: 0px;
    line-height: 0;
    border: solid 0px transparent;
    border-top: solid 1px #fff;
    height: 0;
    width: 659px;
    margin: 10px 0 10px 20px;
}

/* ####################################################### */

.f_buttongroup {
    width: 710px;
    
    text-align: right;
    margin: 5px 0 0 0;
}

/* ####################################################### */

.f_input,
.f_textarea,
.f_inputgroup,
.f_selectgroup,
.f_select,
.f_checkbox,
.f_checkboxgroup,
.f_radiobuttongroup,
.f_twoselect,
.f_twoselectwide,
.f_info,
.f_iframe {
    margin: 0 0 10px 0;
    position: relative;
}

    .f_input dt,
    .f_textarea dt,
    .f_inputgroup dt,
    .f_selectgroup dt,
    .f_select dt,
    .f_checkbox dt,
    .f_checkboxgroup dt,
    .f_radiobuttongroup dt,
    .f_twoselect dt,
    .f_twoselectwide dt,
    .f_info dt,
    .f_iframe dt {
        width: 150px;
        display: block;
        float: left;
        text-align: right;
        margin: 4px 10px 0 20px;
    }
    
    /* the fo_nolabel optional css class turns the label off */
    #root .fo_nolabel dt {
        display: none;
    }
    #root .fo_biglabel dt {
        text-align: left;
        margin-bottom: 5px;
        width: 670px;
    }
        .f_input dt label,
        .f_textarea dt label,
        .f_inputgroup dt label,
        .f_selectgroup dt label,
        .f_select dt label,
        .f_checkbox dt label,
        .f_checkboxgroup dt label,
        .f_radiobuttongroup dt label,
        .f_twoselect dt label,
        .f_twoselectwide dt label,
        .f_info dt label,
        .f_iframe dt label {
            color: #0a2f5c;
        }
        
    .f_input dd,
    .f_textarea dd,
    .f_inputgroup dd,
    .f_selectgroup dd,
    .f_select dd,
    .f_checkbox dd,
    .f_checkboxgroup dd,
    .f_radiobuttongroup dd,
    .f_twoselect dd,
    .f_twoselectwide dd,
    .f_info dd,
    .f_iframe dd {
        display: block;
        float: left;
        width: auto;
    }

    /* the fo_nolabel optional css class makes the fields wider */
    #root .fo_nolabel dd,
    #root .fo_biglabel dd {
        width: 670px;
        margin-left: 20px;
    }

        /* temp. fix for links that contain images and are
           rendered from old backend actions*/
        .f_input dd a,
        .f_textarea dd a,
        .f_inputgroup dd a,
        .f_selectgroup dd a,
        .f_select dd a,
        .f_checkbox dd a,
        .f_checkboxgroup dd a,
        .f_radiobuttongroup dd a,
        .f_twoselect dd a,
        .f_twoselectwide dd a,
        .f_info dd a,
        .f_iframe dd a {
            xtext-decoration: none;
            xborder-bottom: none;
        }

    /* ####################################################### */

    #root .f_iframe.fo_nolabel dd,
    #root .f_iframe.fo_biglabel dd {
        margin: 0 0 0 5px;
        width: 720px;
    }
        .f_iframe dd iframe {
            width: 706px;
            height: 250px;
            overflow: auto;
            /*
            */
            border-width: 2px;
            border-style: solid;
            border-color: #a7b3bf;
        }
    
    /* ####################################################### */

    .f_input dd,
    .f_textarea dd {
        width: 500px;
    }
        .f_textarea dd textarea,
        .f_twoselect dd.item_1 select,
        .f_twoselect dd.item_3 select,
        .f_twoselectwide dd.item_1 select,
        .f_twoselectwide dd.item_3 select,
        .f_selectgroup dd select,
        .f_select dd select,
        .f_inputgroup dd input,
        .f_input dd input {
            color: #333;
            /*
            */
            border-width: 2px;
            border-style: solid;
            border-color: #a7b3bf;
        }
        .f_textarea dd textarea {
            background: #dae6f2 url(/image/img/0/img/icons/page_white_text_corner.png) right bottom no-repeat;
            padding: 4px 4px 3px 6px;
            width: 485px;
        }
        .f_inputgroup dd input,
        .f_input dd input {
            background: #dae6f2 url(/image/img/0/img/icons/silk_icons/page_white_text.png) 3px 3px no-repeat;
            padding: 4px 4px 3px 22px;
            width: 469px;
        }
        .f_twoselect dd.item_1 select,
        .f_twoselect dd.item_3 select,
        .f_twoselectwide dd.item_1 select,
        .f_twoselectwide dd.item_3 select,
        .f_selectgroup dd select,
        .f_select dd select {
            background: #dae6f2;
            padding: 3px 3px 2px 5px;
            width: 240px;
            
        }

        /* the fo_nolabel optional css class makes the fields wider */
        #root .fo_nolabel dd textarea,
        #root .fo_biglabel dd textarea {
            width: 655px;
        }
        #root .fo_nolabel dd input,
        #root .fo_biglabel dd input {
            width: 639px;
        }

        .f_textarea dd textarea:focus,
        .f_twoselect dd.item_1 select:focus,
        .f_twoselect dd.item_3 select:focus,
        .f_twoselectwide dd.item_1 select:focus,
        .f_twoselectwide dd.item_3 select:focus,
        .f_selectgroup dd select:focus,
        .f_select dd select:focus,
        .f_inputgroup dd input:focus,
        .f_input dd input:focus {
            
        }
        .f_textarea dd textarea:hover,
        .f_twoselect dd.item_1 select:hover,
        .f_twoselect dd.item_3 select:hover,
        .f_twoselectwide dd.item_1 select:hover,
        .f_twoselectwide dd.item_3 select:hover,
        .f_selectgroup dd select:hover,
        .f_select dd select:hover,
        .f_inputgroup dd input:hover,
        .f_input dd input:hover {
            
        }
        
        /* textarea form elements can optionally be "copytext"
           which means, when they get the mouse focus, everything
           inside will be selected ("ready for beeing copied") */
        #root .fo_textarea_copytext dd textarea,
        #root .fo_textarea_copytext dd textarea:active,
        #root .fo_textarea_copytext dd textarea:hover {
            border-color: #dae6f2;
            background-color: #dae6f2;
            height: 15px;
        }
        
    /* ####################################################### */

        /* there are different types of inputgroups,
           so the fo_inputgroup_* optional css classes
           determine which one it is */

        /* variable width (the width of the <dd> is set in smarty) */
        .fo_inputgroup_flexible dd.item_1,
        .fo_inputgroup_flexible dd.item_2,
        .fo_inputgroup_flexible dd.item_3,
        .fo_inputgroup_flexible dd.item_4,
        .fo_inputgroup_flexible dd.item_5,
        .fo_inputgroup_flexible dd.item_6,
        .fo_inputgroup_flexible dd.item_7,
        .fo_inputgroup_flexible dd.item_8,
        .fo_inputgroup_flexible dd.item_9,
        .fo_inputgroup_flexible dd.item_1 input,
        .fo_inputgroup_flexible dd.item_2 input,
        .fo_inputgroup_flexible dd.item_3 input,
        .fo_inputgroup_flexible dd.item_4 input,
        .fo_inputgroup_flexible dd.item_5 input,
        .fo_inputgroup_flexible dd.item_6 input,
        .fo_inputgroup_flexible dd.item_7 input,
        .fo_inputgroup_flexible dd.item_8 input,
        .fo_inputgroup_flexible dd.item_9 input {
            width: auto;
        }

        /* size of an image: <text> "x" <text> */
        .fo_inputgroup_size dd.item_1 input {
            width: 208px;
        }
        .fo_inputgroup_size dd.item_2 {
            width: 20px;
            margin-top: 5px;
            text-align: center;            
        }
        .fo_inputgroup_size dd.item_3 input {
            width: 207px;
        }
        
        /* phone number: <text> "-" <text> */
        .fo_inputgroup_phone dd.item_1 input {
            width: 100px;
        }
        .fo_inputgroup_phone dd.item_2 {
            width: 10px;
            margin-top: 5px;
            text-align: center;
        }
        .fo_inputgroup_phone dd.item_3 input {
            width: 100px;
        }

        /* international phone number: "+49 (0)" <text> "-" <text> */
        .fo_inputgroup_intphone dd.item_1 {
            xwidth: 30px;
            margin-top: 5px;
            margin-right: 10px;
            text-align: center;
        }
        .fo_inputgroup_intphone dd.item_2 input {
            width: 100px;
        }
        .fo_inputgroup_intphone dd.item_3 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_inputgroup_intphone dd.item_4 input {
            width: 100px;
        }

        /* login data: <text> <text> */
        .fo_inputgroup_login dd.item_1 input {
            
        }
        .fo_inputgroup_login dd.item_2 input {
        
        }

    /* ####################################################### */

    .f_select dd {
        width: 500px;
    }
        .f_select dd select,
        .f_selectgroup dd select {
            width: 500px;
        }

    /* ####################################################### */

        /* there are different types of selectgroups,
           so the fo_selectgroup_* optional css classes
           determine which one it is */

        /* Datum: <select> "." <select> "." <select> */
        .fo_selectgroup_date dd.item_1 select {
            width: 120px;
        }
        .fo_selectgroup_date dd.item_2 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_date dd.item_3 select {
            width: 120px;
        }
        .fo_selectgroup_date dd.item_4 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_date dd.item_5 select {
            width: 240px;
        }

        /* Uhrzeit: <select> ":" <select> "Uhr" */
        .fo_selectgroup_time dd.item_1 select {
            width: 120px;
        }
        .fo_selectgroup_time dd.item_2 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_time dd.item_3 select {
            width: 120px;
        }
        .fo_selectgroup_time dd.item_4 {
            xwidth: 10px;
            margin-top: 5px;
            margin-left: 10px;
            text-align: center;    
        }

        /* Datum + Uhrzeit: <select> "." <select> "." <select> <select> ":" <select> "Uhr" */
        .fo_selectgroup_datetime dd.item_1 select {
            width: 80px;
        }
        .fo_selectgroup_datetime dd.item_2 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_datetime dd.item_3 select {
            width: 80px;
        }
        .fo_selectgroup_datetime dd.item_4 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_datetime dd.item_5 select {
            width: 100px;
        }
        .fo_selectgroup_datetime dd.item_6 select {
            width: 80px;
            margin-left: 15px;
        }
        .fo_selectgroup_datetime dd.item_7 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_datetime dd.item_8 select {
            width: 80px;
        }
        .fo_selectgroup_datetime dd.item_9 {
            xwidth: 10px;
            margin-top: 5px;
            margin-left: 10px;
            text-align: center;    
        }

        /* Zeitinterval: <select> ":" <select> "Uhr" "-" <select> ":" <select> "Uhr" */
        .fo_selectgroup_timerange dd.item_1 select {
            width: 80px;
        }
        .fo_selectgroup_timerange dd.item_2 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_timerange dd.item_3 select {
            width: 80px;
        }
        .fo_selectgroup_timerange dd.item_4 {
            xwidth: 10px;
            margin-top: 5px;
            margin-left: 10px;
            text-align: center;        
        }
        .fo_selectgroup_timerange dd.item_5 {
            width: 93px;
            margin-top: 5px;
            text-align: center;    
        }
        .fo_selectgroup_timerange dd.item_6 select {
            width: 80px;
        }
        .fo_selectgroup_timerange dd.item_7 {
            width: 10px;
            margin-top: 5px;
            text-align: center;        
        }
        .fo_selectgroup_timerange dd.item_8 select {
            width: 80px;
        }
        .fo_selectgroup_timerange dd.item_9 {
            xwidth: 10px;
            margin-top: 5px;
            margin-left: 10px;
            text-align: center;        
        }

    /* ####################################################### */

    .f_info dd {
        width: 500px;
        margin: 4px 30px 3px 0;
    }

    /* ####################################################### */

    .f_checkbox dd,
    #root .box1_dialog .f_checkbox dd,
    .f_checkboxgroup dd,
    #root .box1_dialog .f_checkboxgroup dd,
    .f_radiobuttongroup dd,
    #root .box1_dialog .f_radiobuttongroup dd {
        float: right;
        width: 500px;
        margin: 0 30px 3px 0;
    }
    #tmpl_content_wide .f_checkbox dd,
    #tmpl_content_wide .f_checkboxgroup dd,
    #tmpl_content_wide .f_radiobuttongroup dd {
        xwidth: 620px;
    }
        .f_checkbox dd input,
        .f_checkboxgroup dd input,
        .f_radiobuttongroup dd input {
            float: left;
            display: block;
            color: #333;
            margin: 4px 10px 0 0;
            
        }
        .f_checkbox dd label,
        .f_checkboxgroup dd label,
        .f_radiobuttongroup dd label {
            float: left;
            display: block;
            color: #333;
            margin: 3px 0 0 0;
            width: 455px;
        }

    /* ####################################################### */

    .f_twoselect dd {
        width: 235px;
    }
    .f_twoselect dd.item_2,
    .f_twoselect dd.item_4 {
        width: 30px;
        text-align: center;
    }
    .f_twoselect dd.item_4 {
        position: absolute;
        right: 0;
        top: 0;
    }
        .f_twoselect dd.item_1 select,
        .f_twoselect dd.item_3 select {
            width: 235px;
        }
        .f_twoselect dd.item_2 a,
        .f_twoselect dd.item_4 a {
            display: block;
            text-decoration: none;
            border-bottom: none;
        }

    /* ####################################################### */

    .f_twoselectwide dd {
        float: none;
        width: 500px;
    }
    .f_twoselectwide dd.item_2,
    .f_twoselectwide dd.item_4 {
        width: 30px;
        margin-bottom: 3px;
        text-align: center;
    }
    .f_twoselectwide dd.item_2,
    .f_twoselectwide dd.item_3 {
        margin-left: 180px;
    }
    .f_twoselectwide dd.item_4 {
        position: absolute;
        right: 0;
        bottom: 4px;
    }
        .f_twoselectwide dd.item_1 select,
        .f_twoselectwide dd.item_3 select {
            width: 500px;
        }
        .f_twoselectwide dd.item_2 a,
        .f_twoselectwide dd.item_4 a {
            text-decoration: none;
            border-bottom: none;
        }
        .f_twoselectwide dd.item_4 a {
            display: block;
        }

/* ####################################################### */

.form_note {
    position: absolute;
    top: 25px;
    left: 730px;
    width: 240px;
    background: url(/image/img/0/img/layout/page/note_yellow.png) left top no-repeat;
    overflow: visible;
}
.f_fieldset_hideable_closed .form_note,
#tmpl_content .form_note,
#root .dialogwrap .form_note {
    display: none;
}
    .form_note h1 {
        font-size: 14px;
        line-height: 16px;
        margin: 5px 0 5px 10px;
        width: 200px;
        font-family: Comic, Verdana, Helvetica, Arial, sans-serif;
    }
    .form_note p {
        margin: 0 5px 5px 10px;
        width: auto;
        font-family: Comic, Verdana, Helvetica, Arial, sans-serif;
    }
    .form_note > .clear {
        height: 5px;
        position: relative;
        top: 5px;
        background: url(/image/img/0/img/layout/page/notebottom.png) left top no-repeat;
    }

/* ####################################################### */
/* fi = inline form elements */

.fi_input,
.fi_textarea,
.fi_checkbox,
.fi_radiobox,
.fi_select {
    display: inline;
    vertical-align: middle;
}

    /* macht zu viele Probleme mit den alten Formularen
    .quirks_mode input.form_input_small,
    .quirks_mode input.normal,
    .quirks_mode textarea,
    .quirks_mode select,
    */
    .fi_input input,
    .fi_textarea textarea,
    .fi_textarea select {
        color: #333;
        
        
        border-width: 2px;
        border-style: solid;
        border-color: #a7b3bf;
        background: #dae6f2 url(/image/img/0/img/icons/page_white_text_corner.png) 3px 3px no-repeat;                
        padding: 4px 4px 4px 22px;
    }
    .fi_textarea textarea {
        background: #dae6f2 url(/image/img/0/img/icons/page_white_text_corner.png) right bottom no-repeat;                
        padding: 4px 4px 4px 6px;
    }
    .fi_input input:hover,
    .fi_textarea textarea:hover,
    .fi_textarea select:hover {
        border-color: #3d628f;
    }
    .fi_input input:focus,
    .fi_textarea textarea:focus,
    .fi_textarea select:focus {
        border-color: #aaa;
        background-color: #fff;
    }

/* ####################################################### */
/* errorstack */

/* Anm:
   Die folgenden Selektoren und das dazu gehorende Markup sind 
   alt und deren Verwendung wird mit lebenslanger Freiheitsstrafe
   geahndet:
       
           .errorStackContainer
            .errorStackSuccess
            .errorStackWarning
            .errorStackError
*/

.errorStackSuccess {
    xcolor: #e3ffd1;
    color: #0a0;
    font-weight: bold;
}
.errorStackWarning {
    xcolor: #fff8b9;
    color: #fc0;
    font-weight: bold;
}
.errorStackError {
    xcolor: #ffe0d1;
    color: #a00;
    font-weight: bold;
}

.f_errorstack,
.errorStackContainer {
    
    
    background: url(/image/img/0/img/semitransparent_5_black.png) left top repeat;
    border-width: 0;
    border-style: solid;
    border-color: #a9b3b4;
    width: 720px;
    display: block;
    margin: 7px 0 3px 0;
}
.errorStackContainer {
    border-spacing: 5px;
}
    .f_errorstack ul {
        margin: 5px 0 0 0;
        padding: 0;
    }
    .errorStackContainer td {
        width: 710px;
    }
        .f_errorstack ul li,
        .errorStackContainer .errorStackSuccess,
        .errorStackContainer .errorStackWarning,
        .errorStackContainer .errorStackError {
            padding: 5px 5px 5px 34px;
            margin: 0 5px 5px 5px;
            background-repeat: no-repeat;
            background-position: 5px 7px;
            font-weight: normal;

            
            
        }
        .f_errorstack ul li.success,
        .errorStackContainer .errorStackSuccess {
            background-color: #e3ffd1;
            background-image: url(/image/img/0/img/icons/silk_icons/flag_green.png);
            color: #7ad503; 
        }
        .f_errorstack ul li.warning,
        .errorStackContainer .errorStackWarning {
            background-color: #fff8b9;
            background-image: url(/image/img/0/img/icons/silk_icons/flag_yellow.png);
            color: #ff9a03;
        }
        .f_errorstack ul li.error,
        .errorStackContainer .errorStackError {
            background-color: #ffe0d1;
            background-image: url(/image/img/0/img/icons/silk_icons/flag_red.png);
            color: #c00;
        }

/* ####################################################### */
/* fo = form optional css classes */

/* Icons fuer die Inputfelder */

#root .fo_icon_text input {
    background-image: url(/images/silk_icons/page_white_text.png);
}        
#root .fo_icon_magnifier input {
    background-image: url(/images/silk_icons/magnifier.png);
}        
#root .fo_icon_lock input {
    background-image: url(/images/silk_icons/lock.png);
}        
#root .fo_icon_user input {
    background-image: url(/images/silk_icons/user.png);
}        
#root .fo_icon_money input {
    background-image: url(/images/silk_icons/money.png);
}
#root .fo_icon_euro input {
    background-image: url(/images/silk_icons/money_euro.png);
}
#root .fo_icon_percent input {
    background-image: url(/image/img/0/img/icons/percent.png);
}
#root .fo_icon_telephone input {
    background-image: url(/images/silk_icons/telephone.png);
}        
#root .fo_icon_clock input {
    background-image: url(/images/silk_icons/clock.png);
}        
#root .fo_icon_picture input {
    background-image: url(/images/silk_icons/picture.png);
}        
#root .fo_icon_link input {
    background-image: url(/images/silk_icons/link.png);
}        

/* Platz fuer mehr... */

/* Damit werden zwingend erforderliche Elemente ausgezeichnet. */
html#root .fo_required label {
    font-weight: bold;
}

/* Damit werden Elemente ausgezeichnet, bei deren Verarbeitung
   ein(e) Fehler bzw. Warnung ausgeloest wurde. */
html#root .fo_error label,
html#root .fo_error dd,
html#root .fo_error input,
html#root .fo_error textarea,
html#root .fo_error select {
    color: #d90000;
}

html#root .fo_warning label,
html#root .fo_warning dd,
html#root .fo_warning input,
html#root .fo_warning textarea,
html#root .fo_warning select {
    color: #ff5503;
}

/* Wenn ein Formularalement eigentlich semantisch zu dem
   davor liegenden Element gehoert, kann man es diesem
   mit dieser optionalen CSS Klasse etwas naeher bringen. */
#root .fo_annotation {
    margin-top: -13px;
}
    #root .fo_annotation dd {
        font-style: italic;
    }

/* ############################################# */
/* WYSIWYG Fix */

/*
.isdd_norm table,
.isdd_norm tr,
.isdd_norm td,
.isdd_norm div,
.isdd_norm img,
.istabctl table,
.istoolbar table,
.istabctl tr,
.istoolbar tr,
.istabctl td,
.istoolbar td,
.istabctl img,
.istoolbar img,
*/

.istabctl div,
.istoolbar div {
    overflow: visible;
}
.istabctl {
    xbackground: #D0D4DD;
    background: #eeedf7;
    width: 100%;
}
    .tabcontent {
        xbackground: #EBEEF4;
    }

.bdrtabtopleft,
.bdrtabtop,
.bdrtabtopright {
    background: #e9e8f2;
}

.bdrgrptopleft,
.bdrgrptop,
.bdrgrptopright {
    height: 5px;
    font-size: 0;
}
.bdrgrpbottomleft,
.bdrgrpbottom,
.bdrgrpbottomright {
    height: 5px;
    font-size: 0;
}

.tabtitle,
.tabtitlesel {
    cursor: pointer;
    font-family: tahoma;
    font-size: 7pt;
    font-weight: bold;
    padding: 8px;
}

.tabtitlesel {
    color: #506070;
}

/*
.tableft {
    width: 5px;
}
.tabright {
    width: 5px;
}
.tableftsel {
    background-image: url(silver/tab_tableft.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 5px;
}

.tabrightsel {
    background-image: url(silver/tab_tabright.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 5px;
}

.tabtitlesel {
    background-image: url(silver/tab_tabcenter.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: tahoma;
    font-size: 7pt;
    font-weight: bold;
    color: #506070;
    padding: 8px;
}
*/

/* ############################################# */
/* Schraffur */

.hatched {
    background: url(/image/DOSDauter/1.0.3/dosdauter/layout/semitransparent_hatch_25_black.png) left top repeat;
}


.f_wysiwyg a,
.f_wysiwyg b,
.f_wysiwyg br,
.f_wysiwyg code,
.f_wysiwyg dl dd,
.f_wysiwyg dl,
.f_wysiwyg dl dt,
.f_wysiwyg em,
.f_wysiwyg fieldset,
.f_wysiwyg form,
.f_wysiwyg h1,
.f_wysiwyg h2,
.f_wysiwyg h3,
.f_wysiwyg h4,
.f_wysiwyg h5,
.f_wysiwyg h6,
.f_wysiwyg hr,
.f_wysiwyg i,
.f_wysiwyg iframe,
.f_wysiwyg img,
.f_wysiwyg label,
.f_wysiwyg legend,
.f_wysiwyg option,
.f_wysiwyg p,
.f_wysiwyg pre,
.f_wysiwyg span,
.f_wysiwyg sub,
.f_wysiwyg sup,
.f_wysiwyg table,
.f_wysiwyg tbody,
.f_wysiwyg td,
.f_wysiwyg tfoot,
.f_wysiwyg th,
.f_wysiwyg thead,
.f_wysiwyg tr {
    overflow:visible;
}
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/grid.css' */
/* ================================================== */

.cell {
    margin: 0 0 10px 0;
}
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/istoolbar.css' */
/* ================================================== */

/*default toolbar style*/
.istoolbar {
    border:#E2E2E2 1px solid;/*cfcfcf*/
    border-left:#DADADA 2px solid;
}

/*context toolbar style*/
.context_istoolbar { 
    border:#ffffff 1px solid;/*CFCFCF*/
    background-color:#EBEEF4;
}

/*main toolbar style: for tabbed/grouped toolbar.*/
.main_istoolbar{}

.isdd_over, .isdd_norm, .isdd_sel, .isdd_disb {
    padding:2px;
    padding-top:1px;
    padding-right:5px;
    font-family:tahoma;
    font-size:11px;
    text-align:left;
}

.isdd_over {
    background-color:#708090;
    color:#ffffff;
}

.isdd_norm {
    color:#000000;
    background-color:#ffffff;
}

.isdd_sel {
    background-color:#708090;
    color:#ffffff;
}

.isdd_disb {
    background-color:#ffffff;
    color:#999999;
}

.isgroup{}

.isgroupcontent{padding-bottom:0px;padding-top:0px;}

.isgrouptitle {
    font-family:tahoma;
    font-size:7pt;
    font-weight:bold;
    padding:3px;padding-bottom:1px;
    height:10px;
    color:#506070;
    /*background-color:#DEE2EE;*/
}

.bdrgrpleft{background-image:url(/image/img/0/img/editor/left.gif);background-repeat:repeat-y;width:2px;height:100%;}
.bdrgrpright{background-image:url(/image/img/0/img/editor/right.gif);background-repeat:repeat-y;width:2px;height:100%;}
.bdrgrptop{background-image:url(/image/img/0/img/editor/top.gif);background-repeat:repeat-x;width:100%;height:3px;background-position:bottom;}
.bdrgrpbottom{background-image:url(/image/img/0/img/editor/bottom.gif);background-repeat:repeat-x;width:100%;height:3px;}
.bdrgrptopleft{line-height:3px;background-image:url(/image/img/0/img/editor/topleft.gif);background-repeat:no-repeat;width:3px;height:3px;background-position:bottom;}
.bdrgrptopright{line-height:3px;background-image:url(/image/img/0/img/editor/topright.gif);background-repeat:no-repeat;width:3px;height:3px;background-position:bottom;}
.bdrgrpbottomleft{line-height:3px;background-image:url(/image/img/0/img/editor/bottomleft.gif);background-repeat:no-repeat;width:3px;height:3px;}
.bdrgrpbottomright{line-height:3px;background-image:url(/image/img/0/img/editor/bottomright.gif);background-repeat:no-repeat;width:3px;height:3px;}


.bdrtableft{background-image:url(/image/img/0/img/editor/tab_left.gif);background-repeat:repeat-y;width:3px;height:100%;}
.bdrtabright{background-image:url(/image/img/0/img/editor/tab_right.gif);background-position:right;background-repeat:repeat-y;width:3px;height:100%;}
.bdrtabtop{background-image:url(/image/img/0/img/editor/tab_top.gif);background-position:bottom;background-repeat:repeat-x;height:3px;}
.bdrtabbottom{background-image:url(/image/img/0/img/editor/tab_bottom.gif);background-position:bottom;background-repeat:repeat-x;width:100%;height:3px;}
.bdrtabtopleft{line-height:3px;background-image:url(/image/img/0/img/editor/tab_topleft.gif);background-position:bottom;background-repeat:no-repeat;width:3px;height:3px;}
.bdrtabtopright{line-height:3px;background-image:url(/image/img/0/img/editor/tab_topright.gif);background-position:bottom;background-repeat:no-repeat;width:3px;height:3px;}
.bdrtabbottomleft{line-height:3px;background-image:url(/image/img/0/img/editor/tab_bottomleft.gif);background-repeat:no-repeat;width:3px;height:3px;}
.bdrtabbottomright{line-height:3px;background-image:url(/image/img/0/img/editor/tab_bottomright.gif);background-repeat:no-repeat;width:3px;height:3px;}

.istabctl{background-color:#D0D4DD;width:100%}
.tabcontent {background-color:#EBEEF4;}

.tableft{width:5px;}
.tabright{width:5px;}
.tabtitle {cursor:pointer;font-family:tahoma;font-size:7pt;font-weight:bold;padding:8px;}

.tableftsel{background-image:url(/image/img/0/img/editor/tab_tableft.gif);background-repeat:no-repeat;background-position:bottom;width:5px}
.tabrightsel{background-image:url(/image/img/0/img/editor/tab_tabright.gif);background-repeat:no-repeat;background-position:bottom;width:5px}
.tabtitlesel{background-image:url(/image/img/0/img/editor/tab_tabcenter.gif);background-repeat:repeat-x;background-position:bottom;font-family:tahoma;font-size:7pt;font-weight:bold;color:#506070;padding:8px;}
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/listing.css' */
/* ================================================== */


table.listing {
    width: 100%;
    border-spacing: 0;
    border-top: solid 3px #3d628f;
    border-bottom: solid 3px #3d628f;
}
    table.listing th,
    table.listing td {
        padding: 3px 5px 3px 5px;
        font-size: 11px;
    }
    
    table.listing th,
    #root table.listing th.static:hover {
        border-top: solid 1px #eee;
        border-left: solid 1px #eee;
        border-right: solid 1px #3d628f;
        border-bottom: solid 1px #3d628f;
        text-align: center;
        background: #dae6f2;
    }
        table.listing th a {
            color: #333;
            text-decoration: none;
            white-space: nowrap;
        }
            table.listing th a img.resort {
                vertical-align: middle;
            }
        
    table.listing thead th.sortable:hover {
        border-top-color: #bbb;
        border-left-color: #ddd;
        border-right-color: #fff;
        border-bottom-color: #fff;
    }
        table.listing thead th.sortable a {
            font-weight: bold;
        }
        
    table.listing td {
        border-right: solid 1px #eee;
        border-bottom: solid 1px #eee;
        border-top: solid 1px #ddd;
        border-left: solid 1px #ddd;
        white-space: nowrap;
    }
    
    table.listing tr.odd td {
        background: #efefef;
    }
    table.listing tr.even td {
        background: #fff;
    }
    table.listing tr.odd:hover td,
    table.listing tr.even:hover td {
        background: #dae6f2;
    }



    table.listing tr td.details {
        border-right: solid 1px #eee;
        border-bottom: solid 1px #eee;
        border-top: solid 1px #ddd;
        border-left: solid 1px #ddd;
        background: url(/image/img/0/img/layout/semitransparent_10_black.png) left top repeat;
    }
        table.listing td.details div {
            width: 500px;
            margin: 10px 0 10px 10px;
        }
            table.listing td.details dl {
                width: 100%;
            }
                table.listing td.details dl dt {
                    width: 30%;
                    margin: 0 2% 5px 0;
                    float: left;
                    clear: both;
                    white-space: normal;
                    font-weight: bold;
                }
                table.listing td.details dl dd {
                    width: 58%;
                    margin: 0 0 5px 0;
                    float: left;
                    white-space: normal;
                }


    table.listing thead th {

    }
    
    table.listing tfoot th {
        text-align: right;
    }
    
    table.listing tbody th {

    }
    table.listing tbody td {

    }

.listingblock {
    width: 698px;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #bbb;
    text-align: center;
    background: url(/image/img/0/img/layout/semitransparent_25.png) left top repeat;
    padding: 6px 10px 6px 10px;
}
#tmpl_content_wide .listingblock {
    width: 948px;
}
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/minheight.css' */
/* ================================================== */

html {
    height: 100%;
    overflow: visible;
    
}

body {
    height: 100%;
    overflow: visible;
    
}

table#minheight {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    overflow: visible;
}
    table#minheight > tbody > tr > td {
        width: auto;
    }
    #minheight_top,
    #minheight_bottom {
        width: auto;
        height: 90%;
        text-align: center;
        vertical-align: top;
        overflow: visible;    
    }
    #minheight_bottom {
        height: 10%;
        background: lime;
    }
    
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/navigation.css' */
/* ================================================== */

ul.navigation {

}
    ul.navigation > li {
    
    }
        ul.navigation > li > a {
        
        }
            ul.navigation > li > a > span {
            
            }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/navigation_bottom.css' */
/* ================================================== */

body ul.navigation_bottom {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    text-align: center;
}
    body ul.navigation_bottom > li {
        display: inline-block;
        margin: 6px 0 0 0;
        padding: 0 16px 0 20px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/layout/navigation_bottom_sep.gif) left 3px no-repeat;
        
    }
    body ul.navigation_bottom > li.first {
        background: transparent;
    }
        body ul.navigation_bottom > li > a {
            margin: 0;
            padding: 0;
            text-decoration: none;
        }
            body ul.navigation_bottom > li > a > span {
                margin: 0;
                padding: 0;
                font-weight: bold;
                color: #707173;
            }
            body ul.navigation_bottom > li > a:hover > span {
                color: #ccc;
                border-bottom: solid 1px #ccc;
            }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/navigation_mainmenu.css' */
/* ================================================== */

/* Die Name der CSS-Klasse "menu" ist an dieser Stelle
   deprecated. Stattdessen sollte es */
menu ul,
ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
    menu ul li,
    ul.menu li {
        list-style: none;
    }
    ul.menu li > a.menu_active > span{
        color: #bbb;
    }
            
#menu1 {
    position:absolute;
    bottom: 8px;    
}

#menu1 li {
    float:left;
    margin: 0 15px 0 0;
}
#menu1 li.last {
    float:left;
    margin-right: 0px;
}
    #menu1 li a {
        color: #000;
    }
    #menu1 li > a > span {
        margin: 0 20px 0 0;
        color: #000;
    }
    #menu1 li.active a {
        color: #bbb;
    }
    #menu1 li.active > a > span {
        color: #bbb;
    }
    
#menu2 {
    margin: 22px 0 0 0;
    min-height: 117px;
}
    #menu2 li {
        text-align:right;
        height: 21px;
        
        margin: 7px 0 0 0;
        border-bottom: 1px solid #81CA9C;
    }

    #menu2 li span {
            color: #000;
            margin: 0 36px 0 0;
        }
    #menu2 li.menu_active span {
        color: #bbb;
    }
        
#menu3 {
    
}
    #menu3 li {
        height: 25px;
        padding: 3px 0 0 0;
        margin: 0;
        border-bottom: 1px solid #81CA9C;
    }
    #menu3 li.first {
        padding: 25px 0 0 0;
    }
    #menu3 li.active {
        background-color: #005AAA;
        border-color: #fff;
        margin: -1px 0 0 -1px;
        width: 287px;
        
        
        border-top: 1px solid #fff;
    }
        #menu3 li a {
            color: #00A650;
            height: 25px;
            font-family: Verdana, sans-serif;
            font-size: 16px;
            margin: 0 0 0 12px;
        }
        #menu3 li.active a {
            color: #fff;
        }
        
#menu4 {
    height: 368px;
}
    #menu4 li {
        height: 25px;
        padding: 3px 0 0 0;
        margin: 0;
    }
    #menu4 li.first {
        padding: 25px 0 0 0;
    }

    #menu4 li a {
        height: 25px;
        color: #fff;
        font-family: Verdana, sans-serif;
        font-size: 16px;
        margin: 0 0 0 60px;
    }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/navigation_top.css' */
/* ================================================== */

body ul.navigation_top {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    text-align: center;
}
    body ul.navigation_top > li {
        display: inline-block;
        margin: 6px 0 0 0;
        padding: 0 16px 0 20px;
        background: url(/image/DOSDauter/1.0.3/dosdauter/layout/navigation_top_sep.gif) left 3px no-repeat;
        
    }
    body ul.navigation_top > li.first {
        background: transparent;
    }
        body ul.navigation_top > li > a {
            margin: 0;
            padding: 0;
            text-decoration: none;
            border-bottom: none;
        }
            body ul.navigation_top > li > a > span {
                margin: 0;
                padding: 0;
                font-weight: bold;
                color: #fff;
            }
            body ul.navigation_top > li > a:hover > span {
                color: #eef;
            }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/overlay.css' */
/* ================================================== */

.overlay {
    background: #fff;
}


/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/03_plugins/pagination.css' */
/* ================================================== */

.pagination {
    
}
    .pagination span {
        
    }
    .pagination a {
    
    }
    .pagination a.active {
        font-weight: bold;
        text-decoration: none;
    }
    .pagination img {
        padding: 0 3px;
    }
    .pagination b {
        font-weight: normal;
    }
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/04_content.css' */
/* ================================================== */


/*body {
    color:                 #333;
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    font-size:             12px;
    background-color:    #fff;
}*/

.normal {
    color:                 #333;
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    font-size:             12px;
}

.small {
    color:                 #333;
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    font-size:             11px;
}

.headline {
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    color:                 #215182;
    font-size:             18px;
    font-weight:         bold;
    font-style:         normal;
    margin:             0 0 10px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0;
    clear:                 both;
    float:                none;
}

.sub_headline {
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    color:                 #215182;
    font-size:             16px;
    font-weight:         bold;
    font-style:         normal;
    margin:             15px 0 10px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding:             0 0 0 0;
    clear:                 both;
    float:                 none;
}

.sub_sub_headline {
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    color:                 #215182;
    font-size:             14px;
    font-weight:         bold;
    font-style:         normal;
    margin:             20px 0 10px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

.paragraph {
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    color:                 #215182;
    font-size:             13px;
    font-weight:         bold;
    font-style:         normal;
    margin:             20px 0 10px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

.sub_paragraph {
    font-family:         Verdana, Helvetica, Arial, sans-serif;
    color:                 #215182;
    font-size:             12px;
    font-weight:         bold;
    font-style:         normal;
    margin:             20px 0 10px 0;
    display:             block;
    letter-spacing:     0.1pt;
    padding: 0 0 0 0;
    clear: both;
    float: none;
}

.marked {
    color:                 #215182;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Verdana, Helvetica, Arial, sans-serif;
    margin:             0 0 0 0;
    background:            url(/image/DOSDauter/1.0.3/dosdauter/layout/marked1.png) left 5px no-repeat;
    padding:            0 0 0 24px;
    text-decoration:    none;
}

.marked2 {
    color:                 #215182;
    font-size:             12px;
    font-weight:        bold;
    font-family:        Verdana, Helvetica, Arial, sans-serif;
    margin:             0 0 0 0;
    background:            url(/image/DOSDauter/1.0.3/dosdauter/layout/marked2.png) left 2px no-repeat;
    padding:            0 0 0 21px;
    text-decoration:    none;
}
/* ================================================== */
/* '/var/www/dosdauter.de/www//application/DOSDauter/1.0.3/templates/dosdauter/styles/screen.css' */
/* ================================================== */

body {
    font-family: Helvetica, sans-serif;
    background-color: white;
    text-align:center;
    
}
#page {
    width: 995px;
    min-height: 100%;
    
    
    margin: 0 auto;
    padding: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #005AAA;
    text-align:left;
    background: url(/image/DOSDauter/1.0.3/dosdauter/layout/column.png) repeat-y 536px 0;
}
.clear {
    clear: both;
}

.green_background {
    background-color: #CCE7D3;
}
.darkgreen_background {
    background-color: #00A650;
}
h1 {
    font-weight: normal;
    margin: 22px 10px 5px 0;
}
h5 {
    font-size: 14px;
    margin: 0;
}
a {
    text-decoration: none;
    xcolor: #08B0EF; /* pdf */
    color: #005AAA; /* blue bar */
}

p {
    line-height: 17px;
    font-size: 13px;
    margin: 0;
}
ul {
    margin: 3px 0 0 15px;
    padding: 0;
}

    ul li {
        margin: 0 0 3px 0;
    }
    ul br {
        display: block;
        height: 0;
        font-size: 0;
        line-height: 0;    
    }

h1,
.bigfont {
    font-family: Verdana, sans-serif;
    /*font-family: Verdana, "Lucida Sans Unicode", sans-serif;*/
    font-size: 16px;
    color: #00A650;
}
/* Breiten Header */
    .header_left {
        width: 536px;
    }
    .header_middle {
        width: 285px;
        
        height:inherit;
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 1px 0 1px;
    }
    .header_right {
        width: 172px;
        height:inherit;
    }
/* Breiten Content */
    .middle_left {
        width: 167px;
    }
    .middle_middle {
        width: 369px;
    }
    .middle_right {
        width: 285px;
        
    }
    .middle_right2 {
        width: 145px;
    }
    
#header1{
}
    #header1 .header_left,
    #header1 .header_right,
    #header1 .header_middle {
        height: 28px;
        float: left;
    }
    

    #header1 .header_left,
    #header1 .header_right {
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 0 1px 0;
    }
    #header1 .header_middle {
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 1px 1px 1px;
        background-color: #fff;
        text-align:center;
        vertical-align: bottom;
    }
    #header1 .header_middle .bigfont {
        margin: 5px 0 0 0;
    }
#language {
    margin: 7px 0 0 7px;
}
#language img {
    border: 0;
}    
#header2{
}

    #header2 .header_left,
    #header2 .header_right,
    #header2 .header_middle {
        height: 122px;
        float:left;
    }
    #header2 .header_middle {
        font-size: 0px;
        line-height: 0px;
        overflow:hidden;
    }
    #header2 .header_left {
        position:relative;
    }

#logo {
    margin: 24px 0 0 168px;
    height: 65px;
}
#logo img {
    float:left;    
}
#logo h1,
#logo span {
    float:left;
    margin: 9px 0 11px 18px;
}
#title_startpage {
    margin: 0 0 0 168px;
}

#menu1 {
    margin: 0 0 0 168px;
}

#bluebar {
    height: 10px;
    
    background-color: #005AAA;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 1px 0;
    font-size: 1px;
    line-height: 1px;
}

#middle {
}
    #middle .middle_middle,
    #middle .middle_right2 {
        height: 137px;
        
        float:left;
        line-height: 0px;
        font-size: 0px;
    }
    
    #middle .middle_right,
    #middle .middle_left {
        float:left;
    }
    #middle .middle_middle {
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 0 1px 0;
    }
    #middle .middle_right {
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 1px 0 1px;
    }
    #middle .bottom_right {
        float:left;
        border-style: solid;
        border-color: #81CA9C;
        border-width: 0 0 0 1px;
    }
#middle_content {
    float:left;
    width: 656px;
    }    
    #content {
        float: left;
        width: 359px;
        margin: 0 10px 0 0;
        padding: 0 0 20px 0;
    }
    #content_left,
    #content_right {
        float:left;
        width: 170px;
    }
    #content_left {
        margin: 0 5px 0 0;
    }
    
#middle_leistungen {
    float:left;
    width: 26px;
    margin: 137px 0 0 0;    
}
    #middle_leistungen img {
        margin: 0 0 17px -1px;
        border-color: #00A650;
    }

#middle_start {
    width: 656px;
    height: 368px;
    background: url(/files/99.jpg);
    background-repeat: no-repeat;
    float:left;
}
    #middle_start .middle_middle {
        border: 0px;
    }
