#08151A/* ############################### Breite des Ausgabe Div ################################## */
/*  haupt div für die Ausgabe */
#gb_content {
        background-color: #C0C0C0;
        width: 620px;
        height:auto;
        margin: 20px auto 0px auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #071507;
}
/* ################################ Formular neuer Eintrag ################################### */
#ks-test ="#FF0000 "
#formular,
#formular_set,
#ausgabe_dialoge {
        background-color: #2EB4EF;
        border:1px solid #000000;
        -moz-border-radius:5px;
        width: 620px;
        height: auto;
        margin: 0px auto 20px auto;
        padding: 15px 0px 5px 0px;
}
#formular_set {
        background-color: #2EB4EF;
        height: auto;
        padding:15px;
        font-size:12px;
        color: #071214;
}
#ausgabe_dialoge {
        background-color: #2EB4EF;
        height:auto;
        padding-top:20px;
        padding-bottom:20px;

}
/* smilie div */
#smilies {
        width: 215px;
        height: 130px;
        float: right;
        margin-top: 8px;
        margin-right:15px;
}
#formular .smilies {

        text-align:center;
        padding:1px 2px 1px 2px;
}
.container {
        background-color: #2EB4EF;
        width:120px;
         font-size:12px;
        color: #1A1609;
}
.formular_bez {
        width:60px;
        height:22px;
        text-align:right;
        margin:2px 5px 0px 10px;
        float:left;
}
.formular_inh,
.formular_inh_area {
        width:610px;
        height:22px;
        margin:5px 5px 0px 10px;

}
.formular_inh_area {
        height:132px;
}
.formular_aktion {
        float:left;
        width:230px;
        height:20px;
        margin:5px 0px 10px 80px;
}
.formular_bbc {
        float:right;
        width:240px;
        height:20px;
        margin:6px 12px 10px 0px;
}
.formular_info {
        clear:both;
        font-size:smaller;
        font-weight:bold;
        margin:28px 10px 8px 10px;
        width: 620px;
        text-align:center;
}

/* #################################### Styles ####################################### */
/*  orange  */
.output_container .Stil1 {
        color: #EAD473
}
/*  hellgrau  */
.output_container .Stil2 {
        color: #F9ECE7
}

/*  dunkelgrau link  */
.output_container a {
        text-decoration: none;
        color: #544F43;
        outline: 0;
}
/*  orange hover link  */
.output_container a:hover {
        color: #FF6600;
        text-decoration: none;
}
/* ############################# Ausgabe der Beiträge ############################## */

.output_container {
        font-size:11px;
        width:620px;
        margin:0px auto 0px auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.output_status {
        background-image: url("images/v_d_grey_up.png");
        background-repeat: repeat-x;
        font-weight:bold;
        width:620px;
        height:20px;
        padding:10px 10px 10px 10px;
        border:1px solid #000000;
        border-bottom:none;
        margin:0px auto 0px auto;
        float:left;
        color:#FFFFFF;
}

.output_seiten_navi {
        background-image: url("images/v_d_grey_down.png");
        background-repeat: repeat-x;
        background-color: #2EB4EF;
        background-position:0px -25px;
        font-weight:bold;
        line-height:12px;
        clear:both;
        width:620px;
        height:auto;
        border:1px solid #000000;
        padding:10px 10px 10px 10px;
}
.output_head {
        background-image: url("images/v_d_grey_up.png");
        background-repeat: repeat-x;
        background-color:#2EB4EF;
        font-weight:bold;
        width:620px;
        height:20px;
        padding:10px 10px 5px 10px;
        border:1px solid #000000;
        float:left;
}
.name_length {
        width:200px;
}
.output_inhalt {
        width:620px;
        height:auto;
        clear:both;
        background-color:#C0C0C0;
        padding:10px 10px 10px 10px;
        border-left:1px solid #000000;
        border-right:1px solid #000000;
}
.output_footer {
        width:620px;
        height:17px;
        background-image: url("images/v_d_grey_up.png");
        background-color:#C0C0C0;
        background-repeat: repeat-x;
        padding:8px 10px 5px 10px;
        border:1px solid #000000;
}
.platzhalter {
        margin-top:20px;
        margin-bottom:10px;
}
.linie {
        border-top:1px dotted #544F43;
}
/* #################################### Login Dialog ####################################### */
#admin_login {
        width:250px;
        margin: 0px auto 0px auto;
}
.login_name {
        width:50px;
        font-weight:bold;
        text-align:right;
}
.input_login_name {
        width:150px;
        font-weight:bold;
        font-size:smaller;
}
.login_pass {
        width:50px;
        font-weight:bold;
        text-align:right;
}
.input_login_pass {
        width:150px;
        font-weight:bold;
        font-size:smaller;
}
/* ############################### Button und Schaltflächen ################################## */
.button_normal,
.output_container .output_seiten_navi a,
.formular_bbc a,
.link a {
        padding-bottom:1px;
        background-color: #544F43;
        color: #F1F1F1;
        background-image: url("images/button.png");
        background-repeat: repeat-x;
        height:20px;
        width:auto;
        border:1px solid #C0C0C0;
        font-weight:bold;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
}

.button_mover,
.output_container .output_seiten_navi a:hover,
.output_container .navi_a,
.formular_bbc a:hover,
.link a:hover {
        padding-bottom:1px;
        background-color: #EFEFEF;
        color: #000000;
        background-image: url("images/button_a.png");
        background-repeat: repeat-x;
        height:20px;
        width:auto;
        border:1px solid #C0C0C0;
        font-weight:bold;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
}
.output_container .output_seiten_navi a:hover,
.output_container .navi_a,
.output_container .output_seiten_navi a,
.formular_bbc a,
.formular_bbc a:hover,
.link a,
.link a:hover {
        padding-left:5px;
        padding-right:5px;
        text-decoration: none;
        outline:none;
}
.formular_bbc a,
.formular_bbc a:hover,
.link a,
.link a:hover {
        padding-top:3px;
        padding-bottom:3px;
}
/* ################################### Formular "Einstellungen" ################################### */

.settings_beschreibung {
        width:120px;
        float:left;
        margin:5px;
}
.settings_wert {
        width:160px;
        float:left;
        margin:2px;
}
.settings_help {
        padding-top:4px;
        font-size:9px;
}
.clear {
        clear:both;
}
/* ######################################## Tooltips ############################################## */
.tooltip_breit {
  position: absolute;
  display: none;
  background-color: #C0C0C0;
  width:400px;
  border:1px solid #000000;
  height:auto;
  font-size:10px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.tooltip_head {
        background-image: url("images/button.png");
        background-repeat: repeat-x;
        height:19px;
        text-align:left;
        padding:6px 5px 0px 5px;
        color:#EAC072;
        font-weight:bold;
}
.tooltip_content {
        border-top:1px solid #000000;
        padding:5px;
        background-color:#C0C0C0;
        text-align:left;
}