/* ################################### Container für die Ausgabe ################################### */
#cont_all {
    width:640px;
    margin: 10px auto 10px auto;
}
/* ################################### Breite der News ################################### */
.show_news_container,
.show_news_headline,
.show_news_headline_hover,
.show_news_inhalt,
.show_news_footer,
#formular_make_news,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options {
    width:600px;
}
/* ################################### Breite der Formular Input Felder ################################### */
.input_feld , .input_area {
    width: 590px;
}
/* ################################### Suchmaske ################################### */
#input_search {
    background-color:#FFFFFF;
    border:1px solid #A6A39B;
    background-image: url("../data/graphic/lupe.png");
    background-repeat: no-repeat;
    padding-left:20px;
}
/* ################################### Admin Login Dialog ################################### */
#admin_login {
    width:235px;
    margin: 0px auto 0px auto;
    font-weight:bold;
    font-size:15px;
}
#i_login, #i_pass {
    width:200px;
    margin-top:5px;
    text-align:right;
}
#i_button {
    text-align:right;
    margin:0px 15px 5px 0px;
}

/* ################################### News Anzeige ################################### */

.show_news_container {
    height:auto;
    padding:0px 5px 5px 0px;
    margin:0px 0px 20px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #383838;
    line-height: 14Px;
    background-color: #FFFFFF;
    -moz-border-radius:0px;
    clear:both;
     }

.show_news_headline , .show_news_headline_hover {                   /* News Headline */
    margin-bottom:10px;
    padding-bottom:5px;
    padding-top: 10px;
    font-size: 110%;
    font-weight: bold;
    background-color: #EDF2E7;
    border-bottom: 1px solid #D8D8D8;
    clear:both;
    cursor:pointer;
    }


.show_news_headline_hover {                                         /* Hover der Headline */
    border-bottom-color:#544F43;
}
.show_news_inhalt {
    width: 580px;
    padding: 0px 0px 0px 25px;                                                /* News Inhalt */
    clear:both;
    background-color: #FFFFFF
}
.show_news_footer {                                                 /* News Footer */
    margin-top:5px;
    padding-top:5px;
    border-bottom: 1px solid #D8D8D8;
    background-color: #FBFBFE;
    color: #908C85;
    clear:both;
}
.show_news_admin_buttons {padding-top:10px;}                        /* Admin Button Edit und Delete */

.show_news_container a {                                            /* News Link */
    color: #FF6600;
    text-decoration: none;
    outline: 0;
}

.show_news_container a:hover {                                      /* ### News hover link ### */
    color: #544F43;
    text-decoration: none;
    outline: 0;
}

.linie {border-top:1px dotted #B0B0A2;
        margin-top: 15px;
        }                              /* Trennlinie (Line) */

/* ################################### Formular News erstellen ################################### */

#formular_titel_headline,                                           /* Headline */
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer {
    margin-top:10px;
    font-weight:bold;
}

#formular_input_headline,                                           /* Headline Input */
#formular_input_inhalt,
#formular_input_footer{
    padding:2px;
    font-weight:normal;
}
.input_feld,                                                        /* Input Felder und Textarea */
.input_area {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
}
.input_area {
    height: 260px;
    line-height:16px;
    letter-spacing:1px;
}
#text_format {                                                      /* Zeile für Formatierungen etc. */
    padding-top: 5px;
    float:left;
}
#listen_format {                                                    /* Listen */
    padding-top: 5px;
}
#diverse_format {                                                   /* Link, Break, Code.... */
    padding-top: 5px;
}
#make_news_button {                                                 /* Preview, Save, Cancel */
    padding-top: 5px;
}
.show_news_container .bbcode a {                                    /* Link in BBCode Zeile */
    text-decoration: none;
    outline: 0;
}
.show_news_container .bbcode a:hover {                              /* hover in BBCode Zeile */
    text-decoration: none;
    outline: 0;
}
/* ################################### News Formular Bilder  ################################### */
.bilder {}

.bild {
    text-align:center;
    width:120px;
    float:left;
}
.insert {
    text-align:center;
    width:240px;
    float:left;
}
.delete {
    text-align:center;
    width:200px;
    float:left;
}
.options {
    color: #544F43;
    text-align:left;
    padding:2px;
}
/* ################################### News Formular Dateien  ################################### */
.dateien {}

.datei {
    width:auto;
    float:left;
    margin-right:20px;
}
.datei_insert {
    text-align:center;
    width:140px;
    float:left;
}
.datei_delete {
    text-align:right;
    width:100px;
    float:left;
    margin-top:-6px;
}
/* ################################### Buttons und Hover effekt für Buttons Seiten Navigation ################################### */

.button_normal,
.button_mover{
    margin: 5px 5px 0px 0px;
    padding:0px 5px 2px 5px;
    background-color: #544F43;
    color: #F1F1F1;
    background-image: url("../data/graphic/button.png");
    background-repeat: repeat-x;
    height:19px;
    border:1px solid #000000;
    font-size:9px;
    font-weight:bold;
}
.button_mover {
    background-color: #EFEFEF;
    color: #FF6600;
    background-image: url("../data/graphic/button_a.png");
}
/* ################################### ab hier Seiten Navigation ################################### */

.show_news_container .seiten_navi a {
    margin: 5px 3px 0px 0px;
    padding:2px 5px 2px 5px;
    background-color: #544F43;
    color: #F1F1F1;
    background-image: url("../data/graphic/button.png");
    background-repeat: repeat-x;
    height:19px;
    border:1px solid #000000;
    font-size:10px;
    font-weight:bold;
}
.show_news_container .navi_a , .show_news_container .seiten_navi a:hover {
    margin: 5px 3px 0px 0px;
    padding:2px 5px 2px 5px;
    background-color: #EFEFEF;
    color: #FF6600;
    background-image: url("../data/graphic/button_a.png");
    background-repeat: repeat-x;
    height:19px;
    border:1px solid #000000;
    font-size:10px;
    font-weight:bold;
}
/* ################################### Stile und Überschriften ################################### */

.Stil1 {
    color: #FF6600;
}
.Stil2 {
    color: #000000;
}
.Stil3 {
    color: #544F43;
}
h1 {font-size:85%;

    font-style: italic;
    margin-bottom: 11px;

    text-align:right;
    color:#3D2D48;
    padding:20px 30px 35px 0px;
    background-color: #FFFFFF;

    }
/* ################################### Formular "Settings" ################################### */

.settings_beschreibung {
    width:120px;
    float:left;
    margin:5px;
}
.settings_wert {
    width:160px;
    float:left;
    margin:2px;
}
.settings_help {
    padding-top:4px;
    font-size:15px;
}
.clear {
    clear:both;
}
/* ################################### Tooltips ################################### */
.tooltip , .tooltip_breit{
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  width:150px;
  border:1px solid #000000;
  height:auto;
  font-size:15px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.tooltip_head {
    background-image: url("../data/graphic/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;
}
.tooltip_breit {
    width:350px;
}
.code {
    border:1px solid #544F43;
    height:auto;
    width:auto;
    padding:10px;
    overflow:auto;
    background-color:#FFFFFF;
    font-size:12px;
}