/*@charset "utf-8";*/
/* CSS Document citec*/

/* Farben: 
   citec grün: #96bf0d
   hellgrün: #e0f892
   orange: #ffa500
   hellorange: #ffe0a8
   grau:
   hellgrau:
*/

* {
    color: black;
    font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
    font-size: 11px;
    margin: 0px;
}

a:focus { outline: none; }

body {
    background-color: #bebebe;
    background-position: center;
    background-repeat: repeat-y;
    margin: 0px auto;
}

#Box {
    margin: 0px auto 0px auto;
    width: 1002px;
}

#Kopf {
    border-bottom: 1px solid #666666;
    height: 100px;
    margin-left: 0px;
    width: 1002px;
}

#Navigation {
    float: left;
    margin-left: 22px;
    margin-top: 22px; /*border: 1px solid #666666;*/
    width: 250px; /*height:400px;  höhe kann aufgehoben werden, wenn navigation eingefügt wurde */
}

#Inhalt {
    float: left;
    margin: 21px 0px 21px 43px; /*border: 1px solid pink;*/
    width: 662px;
}

#Fuss {
    background-color: #96bf0d;
    bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    position: fixed;
    width: 1002px; /*height:32px;*/
}

/* hebt Floating auf */

.Quer { clear: both; }

/* Titelbalken mit grünem Rahmen und hellgrünem Hintergrund */

.Titel_01 {
    background-color: #e0f892;
    border: 1px solid #96bf0d;
    padding: 4px 0px 4px 0px;
    width: 660px;
}

/* Titelbalken mit grünem Rahmen und weissem Hintergrund */

.Titel_02 {
    background-color: #ffffff;
    border: 1px solid #96bf0d;
    padding: 4px 0px 4px 0px;
    width: 660px;
}

/* Titellinie grau, unter h2 */

.Titellinie_h2 {
    border-bottom: 2px solid #999999;
    padding: 3px 0px 5px 0px;
    width: 640px;
}

/* Abstand mit Höhe 20 nach Titel_01 und Titel_02 */

.Abstand_20 {
    height: 20px;
    margin-left: 10px; /*background-color: yellow;*/
    width: 640px;
}

.Abstand_5 {
    height: 5px;
    margin-left: 10px; /*background-color: pink;*/
    width: 640px;
}

h1 { padding: 2px 20px 3px 10px; }

.h1 {
    font-weight: bold;
    line-height: 15px;
    margin-left: 10px;
}

h2 {
    border-bottom: 2px solid #999999;
    line-height: 15px;
    padding: 2px 20px 3px 0px;
}

.h2 {
    font-weight: bold;
    line-height: 15px;
}

.ErrorTitel {
    color: #ffa500;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

.normal {
    line-height: 15px;
    padding-bottom: 3px;
    padding-top: 2px;
    width: 100% !important;
}

/*Felder für Meldungen, Orange oder Green*/

.MeldungenOrange {
    background-color: #ffe0a8;
    color: #000000;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 650px;
}

.MeldungenGreen {
    background-color: #e0f892;
    color: #000000;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 650px;
}

.orange {
    color: #000000;
    font-weight: normal;
    line-height: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100% !important;
}

.green {
    color: #000000;
    font-weight: normal;
    line-height: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100% !important;
}

.bold {
    display: table-cell;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 3px;
    padding-top: 2px;
    vertical-align: middle;
}

.weiss {
    color: #ffffff;
    line-height: 15px;
    padding: 6px 0px 6px 0px;
    text-align: center;
}

/* umfasst Erfassungsblöcke,direkt unter Titel_01 oder Titel_02 und Abstand_20 */

.Feld_Erfassen {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
    width: 660px;
}

/* einspaltig */

.Element_640 {
    float: left;
    margin: 2px 10px; /*background-color: #cccccc;*/
    width: 640px;
}


/* zweispaltig */

.Element_310 {
    float: left; /*background-color: #cccccc;*/
    margin: 2px 10px;
    width: 310px;
}

.Feld_480 {
    float: left; /*background-color: #cccccc;*/
    margin-right: 6px;
    width: 480px;
}

.Feld_484 {
    float: left; /*background-color: #cccccc;*/
    margin-left: 10px;
    width: 474px;
}

.Feld_links_310 {
    float: left;
    margin-right: 0px;
    width: 150px;
}

.Feld_rechts_310 {
    float: right;
    margin: 0px;
    width: 150px;
}

.Feld_rechts_310_gross {
    float: right;
    margin: 0px;
    width: 480px;
}

.Feld_55 {
    float: left;
    margin: 0px;
    width: 55px;
}

.buttonStyle, .buttonStyle .rbDecorated {
    /*width: 100% !important;*/
    margin-bottom: 5px;
    width: 146px; /* Button hat vermutlich links und rechts jeweils 2px negativer Margin */
}

.calendarWidth { float: left; }

.calendarBisStyle {
    float: left;
    text-align: center;
    width: 30px;
}