/*#######################################################################################################################*/
/*# AKDB Internetgeschäftsvorfälle - Cascading Style Sheets                                                             #*/
/*#######################################################################################################################*/

/* File          ok.css                                                                                                  */
/* Copyright     AKDB - Anstalt für kommunale Datenverarbeitung in Bayern                                                */
/* Author        Geschäftsfeld Verkehrswesen, Oliver Frankenberg                                                         */
/* Link          http://www.akdb.de                                                                                      */
/* Version       2.1                                                                                    Stand 19.10.2010 */



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Allgemein                                                                                                           +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Seite */
body  {
        margin:         0;
        padding:        0;
        background:     #fff
        }



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Benutzeranmeldungs-/Wartungsseite (okContainer)                                                                  +*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Der okContainer */
#okContainer {
        display:        block;
        width:          500px;
        margin:         0;
        padding:        20px 20px 20px 80px;
        color:          #6b6b6b;
        font:           14px arial, helvetica, verdana, geneva, sans-serif
        } 

/* Die Benutzeranmeldungsseite */
#okContainer.okAnmeldung {
        background:     #fff url(../images/bg_anmeldung.png) 20px 20px no-repeat
        } 

/* Die Wartungsseite */
#okContainer.okWartung {
        background:     #fff url(../images/bg_wartung.png) 20px 20px no-repeat
        }



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Der Inhalt (okInhalt)                                                                                               +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die 2.Überschriften im Inhalt */
#okInhalt h2 {
        margin:         0 -20px 0 0;
        padding:        5px 0 10px;
        border-bottom:  1px solid #c0c0c0;
        color:          #000;
        font-size:      18px;
        font-weight:    normal
        } 

/* Die versteckten Elemente im Inhalt */
#okInhalt .hidden {
        display:        none
        }



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Seitenhinweise im Formular                                                                                      +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Seitenhinweise */
#okInhalt #okWeb .seitenHinweis {
        margin:         10px 0 0;
        padding:        0
        } 

/* Die Absätze der Seitenhinweise */
#okInhalt #okWeb .seitenHinweis p {
        margin:         0;
        padding:        0
        } 



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Gruppen im Formular                                                                                             +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Formulargruppen */
#okInhalt #okWeb fieldset {
        margin:         10px 0;
        padding:        10px 20px;
        border:         1px solid #c0c0c0;
        background:     url('../images/bg_fieldset.png') 50% bottom repeat-x
        } 



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Fehlerhinweise der Formulargruppen                                                                              +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Gruppenfehler */
#okInhalt #okWeb fieldset .gruppenFehler {
        margin:         0;
        padding:        0;
        color:          #f00
        } 

/* Die Absätze der Gruppenfehler */
#okInhalt #okWeb fieldset .gruppenFehler p {
        margin:         0;
        padding:        0;
        text-align:     center
        }



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Gruppierung der Formulargruppen                                                                                 +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die sortierten Listen der Formulargruppen */
.okContainer #okWeb fieldset .ol {
        overflow:       hidden;
        display:        block;
        margin:         0;
        padding:        0
        } 

/* Die Einträge der sortierten Listen der Formulargruppen */
#okInhalt #okWeb fieldset .ol .li{
        margin:         0;
        padding:        1px 0;
        border-bottom:  1px solid #f1f1ea
        } 



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Formulargruppen mit einzeiligen Textfeldern                                                                     +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Gruppierung der einzeiligen Textfelder in den Formulargruppen */
#okInhalt #okWeb fieldset .text {
        margin:         0;
        padding:        4px 0;
        text-align:     right
        } 

/* Die Beschriftungen der einzeiligen Textfelder in den Formulargruppen */
#okInhalt #okWeb fieldset .text label {
        margin:         0;
        padding:        2px
        }  

/* Die einzeiligen Textfelder in den Formulargruppen */
#okInhalt #okWeb fieldset .text input {
        width:          200px;
        margin:         0 70px 0 10px;
        padding:        1px 3px;
        border:         1px solid #b3b3a6;
        font-size:      100%;
        text-align:     left
        } 

#okInhalt #okWeb fieldset .text input:focus {
        background:     #f6f6f6;
        border:         1px solid #6b6b6b
        }  



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+ Die Schaltflächenleisten                                                                                            +*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Die Schaltflächenleisten im Formular */
#okInhalt #okWeb .schaltflaechen {
        margin:         0;
        padding:        0;
        text-align:     right
        } 

/* Die unsortierten Listen in den Schaltflächenleisten */
#okInhalt #okWeb .schaltflaechen ul {
        margin:         0;
        padding:        0;
        list-style:     none outside
        } 

/* Die Einträge der unsortierten Listen in den Schaltflächenleisten */
#okInhalt #okWeb .schaltflaechen ul li {
        margin:         0;
        padding:        0
        } 

/* Die linken Einträge der unsortierten Listen in den Schaltflächenleisten */
#okInhalt #okWeb .schaltflaechen ul li.links {
        text-align:     left
        } 

/* Die linke Schaltflächen in den Schaltflächenleisten */
#okInhalt #okWeb .schaltflaechen ul li.links input {
        margin:         3px 0 0;
        padding:        0;
        background:     none;
        border:         none;
        color:          #6b6b6b;
        text-decoration:underline;
        cursor:         pointer
        }

#okInhalt #okWeb .schaltflaechen ul li.links input:hover {
        color:          #000
        }

/* Die rechten Einträge der unsortierten Listen in den Schaltflächenleisten */
#okInhalt #okWeb .schaltflaechen ul li.rechts {
        float:          right
        }