/* ############################### Breite des Ausgabe Div ################################## */
/*  haupt div für die Ausgabe */
#gb_content {
        width: 620px;
        height:auto;
        margin: 20px auto 0px auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color: #544F43;
}
/* ################################ Formular neuer Eintrag ################################### */
#formular,
#ausgabe_dialoge {
        background-color: #FFFFFF;
        border:1px solid #544F43;
        -moz-border-radius:5px;
        width: 620px;
        height: auto;
        margin: 0px auto 20px auto;
        padding: 15px 0px 5px 0px;
}
#ausgabe_dialoge {
        height:auto;
        padding-top:20px;
        padding-bottom:20px;
}

#formular .smilies {
        text-align:center;
        padding:1px 2px 1px 2px;
}


/* #################################### Styles ####################################### */
/*  orange  */
.output_container .Stil1 {
        color: #FF6600
}
/*  hellgrau  */
.output_container .Stil2 {
        color: #ECEBE9
}

/*  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:600px;
        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: #4C4336;
        background-position:0px -25px;
        font-weight:bold;
        line-height:12px;

        width:600px;
        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;
        font-weight:bold;
        width:600px;
        height:20px;
        padding:10px 10px 5px 10px;
        border:1px solid #000000;
        float:left;
}
.name_length {
        width:200px;
}
.output_inhalt {
        width:600px;
        height:auto;

        background-color:#FFFFFF;
        padding:10px 10px 10px 10px;
        border-left:1px solid #000000;
        border-right:1px solid #000000;
}
.output_footer {
        width:600px;
        height:17px;
        background-image: url("images/v_d_grey_up.png");
        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 #000000;
        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 #000000;
        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:180px;
        float:left;
        margin:2px;
}
.settings_help {
        padding-top:4px;
        font-size:9px;
}
.clear {
        clear:both;
}
/* ######################################## Tooltips ############################################## */
.tooltip_breit {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  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:#FFFFFF;
        font-weight:bold;
}
.tooltip_content {
        border-top:1px solid #000000;
        padding:5px;
        background-color:#FFFFFF;
        text-align:left;
}