/* 
    Document   : style
    Created on : 18. Oktober 2003, 21:25
    Author     : jann
    Description:
        Purpose of the stylesheet follows.
*/

body{
    margin-top: 0px;
    color: #474347;
}

table{
    font-size: 9pt;
}

/* sitecontent, betrifft seiten: alle */
.sitecontent{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    font-size: 9pt;
    font-family: Arial,Helvetica,sans-serif;
}

.sitecontentDA{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    font-size: 11pt;
    font-family: Arial,Helvetica,sans-serif;
}

.errorbackground{
    background: url(ErrorBackground.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 800px;
    height: 533px;
    color: white;
}

/* Kopfbereich ************************************************************* */
/* header, betrifft seiten: alle */

.header{
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(header-1200-verwaltung.jpg);
    background-repeat: no-repeat;
    height: 164px;
}

/* Die linke Spalte ******************************************************** */
/* left, betrifft seiten: alle */

.left{
    position: absolute;
    top: 156px;
    left: 100px;
    padding-top: 40px;
    width: 160px;
    height: 800px;
    float: left;
    background: url(background160.jpg) repeat-y;
}
/* Inhalt ****************************************************************** */
/* content, betrifft seiten: alle */

.content{
    position: absolute;
    top: 180px;
    left: 280px;
    width: 920px;
    margin-bottom: auto;
    text-align: left;
    font-size: 10pt;
}

.contentDA{
    position: absolute;
    top: 10px;
    left: 30px;
    margin-bottom: auto;
    text-align: left;
    font-size: 11pt;
}

/* Menü oben auf jeder Seite *********************************************** */
/* topMenu, betrifft seiten: topMenu.jsp */

.topMenu {
    position: absolute;
    top: 125px;
    left: 40px;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
}

/* Menü unten auf jeder Seite ********************************************** */
/* bottomMenu li, betrifft seiten: bottomMenu.jsp */

.topMenu li {
    font-size: 7pt;
    display: inline; /* Menüpunkte nebeneinander und nicht untereinander */
    list-style-type: none; /* Bullets vor den Menüpunkten abschalten */
    padding: 0 5px 0 5px;
}

a.topMnuLink:link{ 
    color: #474347;
    text-decoration: none;
} 

a.topMnuLink:visited{ 
    color: #474347;
    text-decoration: none;
} 

a.topMnuLink:hover{ 
    color: #474347; 
    text-decoration: none;
} 

a.topMnuLink:active{ 
    color: #474347;
    text-decoration: none;
} 

a.topMnuLink:focus{ 
    color: #474347;
    text-decoration: none;
}

/* Infotexte auf jeder Seite ********************************************** */
/* bottomMenu li, betrifft seiten: topInfo.jsp */

.topInfo {
    width: 1150px;
    padding-top: 10px;
    padding-right: 10px;
    margin-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
}

.topInfo li {
    font-size: 7pt;
    list-style-type: none; /* Bullets vor den Menüpunkten abschalten */
    padding: 0 5px 0 5px;
}

/* Links im linken Menü **************************************************** */
/* betrifft seiten: mainMenu.jsp */

.menuLinkHighLight{
    background-color: red;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: right;
}

.menuLink{
    color: #474347;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    text-align: right;
}

a.mainMnuLink:link{ 
    color: #474347;
    text-decoration: none;
} 

a.mainMnuLink:visited{ 
    color: #474347;
    text-decoration: none;
} 

a.mainMnuLink:hover{ 
    color: white; 
    text-decoration: none;
} 

a.mainMnuLink:active{ 
    color: white;
    text-decoration: none;
} 

a.mainMnuLink:focus{ 
    color: white;
    text-decoration: none;
}

/* Tabelle -Tahlungen- auf admin.jsp */
table.z{
    border-style: none;
    font-size: 10pt;    
}
#col_z_bezeichner{
    width: 10ch;
}

#col_z_datumbezeichner{
    text-align: right;
    width: 10ch;
}

#col_z_datum{
}

#col_z_betragbezeichner{
    text-align: right;
    width: 10ch;
}

#col_z_betrag{
}



/* Tabelle -weitere Angaben- auf admin.jsp */
table.wa{
    border-style: none;
    font-size: 10pt;
}

#col_wa_bezeichner{
    width: 10ch;
}

#col_wa_eingabefeld{
    width: 10ch;
}

tr.wa{
    
}

td.wa{
    
}

.waInputWV{
    width: 46ch;
    text-align: left;
}

/* Gästeformular Eingabefelder */
.gfInputNrml{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    width: 52ch;
}

.gfTextareaNrml{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    resize: none;
    width: 52ch;
}

.gfTextareaWV{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    /* resize: none; */
    width: 70ch;
}

.gAjaxInputSearchField{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    width: 60ch;
}

.gSelectField{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    width: 70ch;
}

/* Formular Nachrichten */
.gmInputNrml{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    width: 62ch;
}

.gmTextareaNrml{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    resize: none;
    width: 62ch;
}

.gmLangSelect{
    width: 15ch;
    float: right;
    text-align: left;
    padding-left: 5px;
}

/* Belegungszeitentabelle adminBZ.jsp adminBZA.jsp */
.bzt_resbel{
    width: 10ch;
    text-align: center;
}

/* ***************************** */
.formular { 
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    border-style: none;
    background: url(backgroundForm130.jpg) repeat-y;
}

.kslistformular { 
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    background: url(backgroundForm130.jpg) repeat-y;
    font-size: 9pt;
}

.inFormularRegion{
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border-style: none;
    font-size: 9pt;
}

.inkslistFormularRegion{
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border-style: none;
}

input{
    border: 1px solid #8B8D94;
}

select{
    border: 1px solid #8B8D94;
}

textarea{
    border: 1px solid #8B8D94;
}

.siteinfo{
    color: red;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 2px;
}

.siteinfoDA{
    color: red;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 2px;
}

.helpheadline{
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #8BBE83;
    margin-top: 0.1em;
    margin-bottom: 0.6em;
    padding: 2px;
}

.helptext{
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 0.6em;
}

.helplink{
    font-size: 7pt;
    text-align: right;
    margin-top: 2px;
    padding-right: 4px;
    border-top-width: 1px;
    border-top-color: #CDCECD;
    border-top-style: solid;
}

.rightlink{
    font-size: 7pt;
    text-align: right;
    margin-top: 2px;
    padding-right: 20px;
}

.nachobenlink{
    font-size: 7pt;
    text-align: right;
    margin-top: 2px;
    padding-right: 4px;
}

.nachobenlinklinks{
    font-size: 7pt;
    text-align: left;
    margin-top: 2px;
    padding-right: 4px;
}

.helplinktext{
    cursor: pointer;
}

#htmltag{
    font-size: 10pt;
    color: #760692;
    background-color: #F9FFBF;
}

.formTableHeadline{
    background-color: #eeeeee;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

.formTableHeadlineDA{
    background-color: #eeeeee;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
}

.tc{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
}

.tcDA{
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
}

.nichtgezahlt{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #FF361C;
}

.angezahlt{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #F5FF2F;
}

.allesgezahlt{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #6AFF65;
}

.kein_eintrag{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #FFFFFF;
}

.bz_zusatzinfo{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #F6B29C;
}

.markedButton{
    background-color: #F6B29C;
}

.okButton{
    background-color: #90EE90;
}

.greenButton{
    background-color: #bdeed5;
}

.rot{
    background: #FFCCCC;
}

.gruen{
    background: #90EE90;
}

.sum{
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #B4B2B4;
}

.readonly{
    background-color: #FDCD73;
}

.notice{
    font-size: small;
}

.notice_red{
    font-size: small;
    color: #F64420;
}

.noticelow{
    font-size: x-small;
}

.admin{
    background-color: #ffcccc;
}

/* für ColorPicker-Elemente **************************************************** */

.colorPicker{
}

/* Eingabefelder */
input.price{
    width: 11ch;
    text-align: right;
}

input.objbNumber{
    width: 6ch;
    text-align: right; 
}

input.objbPrice{
    width: 7ch;
    text-align: right; 
}

/* Datumseingabefelder */
.dateInputField{
    width: 11ch;
    text-align: center;
}

/* Ausgabefelder für Anzahl der Tage */
.dayOutputField{
    width: 4ch;
    text-align: center;
}

.autoerzeugt{
    color: #4372e1;
}

.noteditable{
    color: #605d5d;
}

.intersection{
    background-color: #44efff;
}