@import url(menu.css);
@import url(cmenu.css);
@import url(formulare.css);
@import url(overlay.css);
@import url(contentfield.css);
@import url(tabbrowse.css);
@import url(tabrows.css);
@import url(button.css);


/** Standards **/
body, input, div, a, select, textarea, td, p, li, h1, h2, h3, h4 {
    font-family:                        Arial;
    color:                              #333;
    font-size:                          12px;
}
html {
    height: 101%;
}
body {
    margin:                             0px;
    padding:                            0px;
}

img {
    border:                             0px;
}

hr {
    border:                             0px;
    border-top:                         1px solid rgb(190,190,192);
}

.hand {
    cursor:                             pointer;
}
.small {
    font-size:                          9.5px;
    color:                              rgb(153, 153, 153);
}
.small a {
    font-size:                          9.5px;
    color:                              rgb(153, 153, 153);
    text-decoration:                    underline;
}
.small a:hover {
    color:                              blue;
}


#page, #bottom, #copyright {
    width:                              1000px;
    margin:                             auto;
}

#header {
    height:                             110px;
    width:                              1000px;
}
#logo {
    padding-top:                        30px;
    padding-left:                       20px;
    float:                              left;
}


#middle {
    height:                             214px;
    border:                             1px solid #bebec0;
    margin-top:                         -34px;
    margin-bottom:                      0px;
    background-image:                   url(bilder/middle_bg.png);
    width:                              100%;
}

#middle_image {
    background-position:                right bottom;
    background-repeat:                  no-repeat;
    width:                              1000px;
    height:                             214px;
    position:                           absolute;
    z-index:                            1;
}

#middle h1 {
    font-family:                        Trebuchet MS;
    font-size:                          30px;
    margin:                             0px;
    padding:                            0px;
    color:                              #005bf4;
    position:                           absolute;
    margin-top:                         140px;
    margin-left:                        20px;
    z-index:                            3;
}
#middle h2 {
    font-family:                        Trebuchet MS;
    font-size:                          20px;
    margin:                             0px;
    padding:                            0px;
    color:                              #fff;
    font-weight:                        normal;
    position:                           absolute;
    margin-top:                         178px;
    margin-left:                        21px;
    z-index:                            2;
}



#content_main {
    border:                             1px solid #bebec0;
    border-bottom:                      0px;
    border-top:                         0px;
    clear:                              left;
    width:                              100%;
}

#content {
    padding-left:                       5px;
    padding-right:                      5px;
    padding-top:                        10px;
    padding-bottom:                     10px;
}

.rMenuDefault {
    border-left:                        1px solid #bebec0;
    padding-left:                       5px;
    padding-right:                      5px;
    padding-top:                        10px;
    padding-bottom:                     10px;
    width:                              245px;
    vertical-align:                     top;
    text-align:                         center;
    color:                              #666;
    height:                             450px;
}

.rMenuDefault .header {
    font-size:                          16px;
    font-weight:                        bold;
    padding-bottom:                     20px;
}
.rMenuDefault .a {
    font-size:                          16px;
    font-weight:                        bold;
    padding-bottom:                     20px;
}


#bottom div.bottom_left, #bottom div.bottom_right {
    height:                             27px;
    width:                              25px;
    float:                              left;
    background-image:                   url(bilder/bottom_left.png);
}
#bottom div.bottom_right {
    background-image:                   url(bilder/bottom_right.png);
}
#bottom div.bottom_middle {
    height:                             23px;
    padding-top:                        4px;
    width:                              950px;
    float:                              left;
    background-image:                   url(bilder/bottom_middle.png);
    text-align:                         center;
    color:                              #020091;
}
#bottom div.bottom_middle a {
    color:                              #020091;
    text-decoration:                    none;
    font-size:                          11px;
}
#bottom div.bottom_middle a {
    color:                              #020091;
    text-decoration:                    none;
    font-size:                          11px;
}

#copyright {
    text-align:                         center;
    font-size:                          10px;
    width:                              100%;
}











h3 {
    color:                              #120f86;
    font-size:                          14px;
    margin:                             0px;
    padding:                            0px;
    margin-bottom:                      5px;
}

div.iconLine,
div.iconLine_mo {
    vertical-align:         top;
    height:                 20px;
}

div.iconLine div.iconLineImg,
div.iconLine_mo div.iconLineImg {
    vertical-align:         top;
    width:                  20px;
    float:                  left;
}
div.iconLine div.iconLineText,
div.iconLine_mo div.iconLineText {
    vertical-align:         top;
    float:                  left;
    padding-top:            1px;
}
div.iconLine_mo div.iconLineText {
    color:                  darkblue;
}









.error, .erfolg, .info, .alert {
    border:             1px dashed darkred;
    padding:            2px;
    height:             15px;
    padding-left:       25px;
    padding-right:      5px;
    padding-top:        3px;
    background-color:   #fff0f0;
    background-image:   url(bilder/icons/error.png);
    background-repeat:  no-repeat;
    background-position: left top;
    margin-top:         5px;
    margin-bottom:         5px;
    color: darkred;
}
.erfolg {
    border:             1px dashed darkgreen;
    background-color:   #ebffee;
    background-image:   url(bilder/icons/erfolg.png);
    color:              darkgreen;
    font-weight:        bold;
}

.info {
    border:             1px dashed #3174cf;
    background-color:   #e7f1ff;
    background-image:   url(bilder/icons/information.png);
    color:              #3174cf;
    font-weight:        bold;
}

.alert {
    border:             1px dashed #e3dd2d;
    background-color:   #fcfbe5;
    background-image:   url(bilder/icons/alert.png);
    color:              #f69c00;
    font-weight:        bold;
}
.error div, .valueNegativ { color: darkred; font-weight: bold; }
.erfolg div, .valuePositiv { color: darkgreen; font-weight: bold; }

input.error {
    border:             1px dotted darkred;
    padding:            0px;
    height:             20px;
    padding-left:       0px;
    padding-right:      0px;
    padding-top:        0px;
    background-color:   #fff0f0;
    background-image:   url(bilder/icons/error_light.png);
    background-repeat:  no-repeat;
    background-position: right center;
    margin-top:         0px;
    margin-bottom:      0px;
    color:              #333;
}


.erfolg {
    color:              darkgreen;
    font-weight:        bold;
}


fieldset {
    border:                     1px solid #999;
    -moz-border-radius:         8px;
}
fieldset legend {
    font-style:                 italic;
    font-weight: normal;
    color:                      darkblue;
}

#serviceBanner {
    clear:                      left;
    width:                      100%;
    height:                     92px;
    margin-bottom:              20px;
}
#serviceBanner div.img {
    float:                      left;
    width:                      280px;
    height:                     92px;
}
#serviceBanner div.text {
    float:                      left;
    height:                     92px;
}


.imageFlip {
    text-align:                 center;
}

.imageFlip div.images {
    width:                      100%;
    padding-top:                5px;
    padding-bottom:             5px;
    text-align:                 center;
}
.imageFlip div.nav {
    width:                      100%;
    padding-top:                5px;
    padding-bottom:             5px;
    text-align:                 center;
}
.imageFlip div.nav a, .imageFlip div.nav a.akt {
    padding-left:               5px;
    padding-right:              5px;
    text-align:                 center;
    border:                     1px solid rgb(190,190,192);
    background-color:           #fff;
    text-decoration:            none;
    color:                      rgb(190,190,192)
}
.imageFlip div.nav a:hover , .imageFlip div.nav a.akt:hover {
    background-color:           rgb(232,239,252);
    border:                     1px solid rgb(86,130,226);
    color:                      rgb(86,130,226);
}

.imageFlip div.nav a.akt {
    color:                      #fff;
    background-color:           rgb(86,130,226);
    border:                     1px solid rgb(86,130,226);
}
.imageFlip div.nav a.akt:hover {
    color:                      #fff;
    background-color:           rgb(86,130,226);
    border:                     1px solid rgb(86,130,226);
}


/**
 * Loginformular
 ******************************************************************************/
#userName {
    background-image:       url(bilder/loggedinfo1.png);
    position:               absolute;
    top:                    23px;
    width:                  195px;
    height:                 25px;
    margin-left:            15px;
    color:                  darkgreen;
    font-size:              10px;
    text-align:             center;
    padding-top:            2px;
}
#userName:hover {
    background-image:       url(bilder/loggedinfo2.png);
    position:               absolute;
    width:                  165px;
    height:                 22px;
    color:                  darkgreen;
    font-size:              12px;
    text-align:             left;
    padding-top:            5px;
    padding-left:           30px;
    font-weight:            bold;
}





.rMenuDefault #prdSwitch {
    position:               absolute;
    overflow:               hidden;
    width:                  245px;
    height:                 400px;
}
.rMenuDefault #prdSlider {
    width:                  600px;
    height:                 400px;
    clear:                  both;
}

.rMenuDefault #prdSlider #prdPage1, .rMenuDefault #prdSlider #prdPage2 {
    float:                  left;
    width:                  245px;
    text-align:             center;
}
.rMenuDefault #prdSlider #prdPage2 {
    float:                  left;
    width:                  245px;
    text-align:             center;
    position:               absolute;
    margin-top:             0px;
}



.shaddow {
    -moz-box-shadow:        4px 4px 6px #999;
    -webkit-box-shadow:     2px 2px 6px rgba(0,0,0,0.6);
}

.lightgray {
    background-color:       #f0f0f0;
}