/* raum|bild|welt */

body {                                                                   /* Body */
         background: #444444;
         font-family: Verdana,Arial,Helvetica,sans-serif;
         font-size: 12pt;
         color: #FFFFFF;
         text-decoration: none;
}

/* ------------------------------------------ CONTAINER für background-image ---------------------- */

div#back {                                                               /* back */
         position: absolute;
         bottom: 0%;
         left: 0%;
         width: 100%;
         height: 20%;
         border-style: none;
         background: #878787;
         background-image: url(pics/1520.jpg);
         background-repeat: repeat-x;
         z-index: 1;
}

/* ------------------------------------------ CONTAINER ------------------------------------------ */

div#main {                                                               /* main */
         position: relative;
         width: 100%;
         height: 400px;
         border-style: none;                                             /* alternativ: bold */
         border-width: 1px;
         border-color: #FFFF33;
         z-index: 2;
}
div#RBW {                                                                /* raum|bild|welt */
         font-weight: bold;
         text-align: center;
         position: absolute;
         bottom: 0%;
         left: 15%;
         width: 240px;
         height: 50px;
         z-index: 10;
}
.mittig   {
         vertical-align: text-middle;
}
div#headline {                                                          /* interactive headline */
         background: #444444;
         font-size: 8pt;
         color: #FFFFFF;
         font-weight: normal;
         text-align: left;
         position: absolute;
         bottom: 12%;
         left: 0%;
         width: 99%;
         padding-left: 5px;
         padding-top: 5px;
         padding-right: 5px;
         padding-bottom: 5px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 2;
}
div#Impressum {                                                          /* Impressum */
         font-size: 8pt;
         font-weight: normal;
         text-align: left;
         position: absolute;
         bottom: -15%;
         right: 7%;
         width: 212px;
         height: 409px;            /* 1 Zeile = 13 px */
         padding-left: 5px;
         padding-top: 5px;
         padding-right: 5px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 3;
}
div#Copyright {                                                          /* Copyright */
         font-size: 8pt;
         font-weight: normal;
         text-align: left;
         position: absolute;
         bottom: -15%;
         right: 7%;
         width: 212px;
         height: 227px;
         padding-left: 5px;
         padding-top: 5px;
         padding-right: 5px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 3;
}
div#content {                                                          /* content */
         position: absolute;
         top: 0%;
         left: 5%;
         width: 45%;
         height: 60%;
         overflow: auto;
         scrollbar-base-color: #666666;              /* Basisfarbe der Scroll-Leiste */
         scrollbar-3dlight-color: #666666;           /* 3D-Effekte */
         scrollbar-arrow-color: #444444;             /* Verschiebepfeile*/
         scrollbar-darkshadow-color: #666666;        /* Schatten */
         scrollbar-face-color: #666666;              /* Oberfläche */
         scrollbar-highlight-color: #444444;         /* Rand oben + links */
         scrollbar-shadow-color: #444444;            /* Rand unten + rechts */
         scrollbar-track-color: #666666;             /* freibleibender Verschiebeweg */
         padding-left: 25px;
         padding-top: 25px;
         padding-right: 25px;
         padding-bottom: 25px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 5;
}
div#raum {                                                             /* raum */
         background: #DDDDDD;
         font-size: 8pt;
         font-weight: normal;
         text-align: left;
         position: absolute;
         top: 0%;
         left: 5%;
         width: 45%;
         height: 60%;
         overflow: auto;
         scrollbar-base-color: #DDDDDD;              /* Basisfarbe der Scroll-Leiste */
         scrollbar-3dlight-color: #DDDDDD;           /* 3D-Effekte */
         scrollbar-arrow-color: #444444;             /* Verschiebepfeile*/
         scrollbar-darkshadow-color: #DDDDDD;        /* Schatten */
         scrollbar-face-color: #DDDDDD;              /* Oberfläche */
         scrollbar-highlight-color: #444444;         /* Rand oben + links */
         scrollbar-shadow-color: #444444;            /* Rand unten + rechts */
         scrollbar-track-color: #DDDDDD;             /* freibleibender Verschiebeweg */
         padding-left: 25px;
         padding-top: 25px;
         padding-right: 25px;
         padding-bottom: 25px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 6;
}
div#bild {                                                             /* bild */
         background: #DDDDDD;
         font-size: 8pt;
         font-weight: normal;
         text-align: left;
         position: absolute;
         top: 0%;
         left: 5%;
         width: 45%;
         height: 60%;
         overflow: auto;
         scrollbar-base-color: #DDDDDD;              /* Basisfarbe der Scroll-Leiste */
         scrollbar-3dlight-color: #DDDDDD;           /* 3D-Effekte */
         scrollbar-arrow-color: #444444;             /* Verschiebepfeile*/
         scrollbar-darkshadow-color: #DDDDDD;        /* Schatten */
         scrollbar-face-color: #DDDDDD;              /* Oberfläche */
         scrollbar-highlight-color: #444444;         /* Rand oben + links */
         scrollbar-shadow-color: #444444;            /* Rand unten + rechts */
         scrollbar-track-color: #DDDDDD;             /* freibleibender Verschiebeweg */
         padding-left: 25px;
         padding-top: 25px;
         padding-right: 25px;
         padding-bottom: 25px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 6;
}
div#welt {                                                             /* welt */
         background: #DDDDDD;
         font-size: 8pt;
         font-weight: normal;
         text-align: left;
         position: absolute;
         top: 0%;
         left: 5%;
         width: 45%;
         height: 60%;
         overflow: auto;
         scrollbar-base-color: #DDDDDD;              /* Basisfarbe der Scroll-Leiste */
         scrollbar-3dlight-color: #DDDDDD;           /* 3D-Effekte */
         scrollbar-arrow-color: #444444;             /* Verschiebepfeile*/
         scrollbar-darkshadow-color: #DDDDDD;        /* Schatten */
         scrollbar-face-color: #DDDDDD;              /* Oberfläche */
         scrollbar-highlight-color: #444444;         /* Rand oben + links */
         scrollbar-shadow-color: #444444;            /* Rand unten + rechts */
         scrollbar-track-color: #DDDDDD;             /* freibleibender Verschiebeweg */
         padding-left: 25px;
         padding-top: 25px;
         padding-right: 25px;
         padding-bottom: 25px;
         border-style: solid;
         border-width: 1px;
         border-color: #666666;
         z-index: 6;
}

/* ------------------------------------------ CLASSES ------------------------------------------ */



/* ---------- raum|bild|welt RBW-styles ---------- */

*.r {                                                                               /* r */
       color: #FFFFFF; font-size: 20pt; text-decoration: none; cursor:crosshair;
}
*.r a {                                                                             /* r */
       color: #FFFFFF; text-decoration: none; cursor:crosshair;
}
*.r:hover {                                                                         /* r */
       color: #FFF543; text-decoration: none; cursor:crosshair;
}
*.b {                                                                               /* b */
       color: #FFFFFF; font-size: 20pt; text-decoration: none; cursor:crosshair;
}
*.b a {                                                                             /* b */
       color: #FFFFFF; text-decoration: none; cursor:crosshair;
}
*.b:hover {                                                                         /* b */
       color: #FFF543; text-decoration: none; cursor:crosshair;
}
*.w {                                                                               /* w */
       color: #FFFFFF; font-size: 20pt; text-decoration: none; cursor:crosshair;
}
*.w a {                                                                             /* w */
       color: #FFFFFF; text-decoration: none; cursor:crosshair;
}
*.w:hover {                                                                         /* w */
       color: #FFF543; text-decoration: none; cursor:crosshair;
}
*.r-small {                                                                            /* r-small */
       color: #444444; text-decoration: none; cursor:crosshair;
}
*.r-small-x {                                                                          /* r-small-x */
       color: #444444; text-decoration: none; cursor:pointer;
}
*.r-r {                                                                              /* r-r */
       color: #FFF543; font-size: 20pt; text-decoration: none; cursor:crosshair;
}
*.b-small {                                                                            /* b-small */
       color: #444444; text-decoration: none; cursor:crosshair;
}
*.b-small-x {                                                                          /* b-small-x */
       color: #444444; text-decoration: none; cursor:pointer;
}
*.b-b {                                                                              /* b-b */
       color: #FFF543; font-size: 20pt; text-decoration: none; cursor:crosshair;
}
*.w-small {                                                                            /* w-small */
       color: #444444; text-decoration: none; cursor:crosshair;
}
*.w-small-x {                                                                          /* w-small-x */
       color: #444444; text-decoration: none; cursor:pointer;
}
*.w-small-d {                                                                          /* w-small-d */
       color: #444444; text-decoration: none; cursor:default;
}
*.w-small a {                                                                          /* w-small */
       color: #DDDDDD; text-decoration: none; cursor:crosshair;
}
*.w-w {                                                                              /* w-w */
       color: #FFF543; font-size: 20pt; text-decoration: none; cursor:crosshair;
}



/* ---------- color-light+fade-styles ---------- */

*.light1 {                                                                             /* light1 */
       color: #787878; text-decoration: none; cursor:default;
}
*.light1 a {                                                                           /* light1 */
       color: #DDDDDD; text-decoration: none; cursor:crosshair;
}
*.light1:hover {                                                                       /* light1 */
       color: #FFFFFF; text-decoration: none; cursor:default;
}
*.light1-x {                                                                           /* light1-x */
       color: #787878; text-decoration: none; cursor:pointer;
}
*.light1-x:hover {                                                                     /* light1-x */
       color: #FFFFFF; text-decoration: none; cursor:pointer;
}
*.light2 {                                                                             /* light2 */
       color: #787878; text-decoration: none; cursor:default;
}
*.light2 a {                                                                           /* light2 */
       color: #787878; text-decoration: none; cursor:crosshair;
}
*.light2:hover {                                                                       /* light2 */
       color: #FFFFFF; text-decoration: none; cursor:crosshair;
}
*.fade {                                                                               /* fade */
       color: #666666; text-decoration: none;
}



/* ---------- back-box-styles ---------- */

*.b-box {                                                                              /* b-box (Text) */
        padding: 2px; border-style: solid; border-width: 1px; border-color: #FFFF88;
}



/* ---------- pic-border-styles ---------- */

*.pic {                                                                              /* pic */
       color: #787878; text-decoration: none;
}
*.pic-i {                                                                            /* pic */
       color: #787878; text-decoration: none; cursor:crosshair;
}
*.pic-x {                                                                            /* pic */
       color: #787878; text-decoration: none; cursor:pointer;



/* ---------- cursor-styles: no action   = default
                             link intern = crosshair
                             link extern = pointer
                             title       = help       ---------- */

*.default {                                                                          /* default */
       text-decoration: none; cursor:default;
}
*.link {                                                                             /* link */
       text-decoration: none; cursor:crosshair;
}
*.link-x {                                                                           /* link-x */
       text-decoration: none; cursor:pointer;
}
*.help {                                                                             /* help */
       text-decoration: none; cursor:help;
}



/* last update:
   2012-01-02
 */