/*************************************************************************************************************/

/****************************************************
*                                                   *
*         CMS / News Script V2                      *
*         Interne Version: 2.1.1.1 (PHP8)           *
*                                                   *
*         © 2009-2022 HINNENDAHL.COM                *
*                                                   *
*         Holger Hinnendahl                         *
*         Rappoldstr. 11                            *
*         33611 Bielefeld                           *
*         https://www.hinnendahl.com                *
*                                                   *
*         Dieser Text darf aus rechtlichen          *
*         Gründen niemals entfernt werden!          *
*                                                   *
****************************************************/

/*************************************************************************************************************/

/* ################################### Container für die Ausgabe ########################################## */

#cont_all {
  width:                                    805px;
  margin:                                   10px auto 10px auto;
}
.show_news_container p {
  margin:                                   0;
  padding:                                  0;
}
/* ################################### Breite der News #################################################### */

.show_news_container,
#formular_make_news,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options {
  width:                                    100%;
}

/* ################################### Breite der Formular Input Felder ################################### */

.input_feld,
.input_area {
  width:                                    98%;
}

/* ################################### Suchmaske ########################################################## */

#input_search {
  background-color:                         #FFFFFF;
  border:                                   1px solid #A6A39B;
  background-image:                         url("../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:                                12px;
}

#i_login, #i_pass {
  width:                                    200px;
  margin-top:                               5px;
  text-align:                               right;
  border:                                   1px solid #bbb; 
}

#i_button {
  text-align:                               right;
  margin:                                   0px 10px 5px 0px;
}

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

.show_news_container {
  height:                                   auto;
  padding:                                  5px 20px 5px 0px;
  margin:                                   0px auto 20px auto;
  font-family:                              Arial, sans-serif;
  font-weight:                              400;
  font-size:                                16px;
  color:                                    #424141;
  line-height:                              line-height: 1.7;
  clear:                                    both;
}
/* News Headline */
.show_news_headline,
.show_news_headline_hover {
  margin-bottom:                            5px;
  padding:                                  3px 0px 5px 35px;
  border-bottom:                            1px dotted #e1e1e1;
  clear:                                    both;
  background:                               url("../graphic/h_auf.png") no-repeat 0px 0px;
  cursor:                                   pointer;
  width:                                    95%;
}

.show_news_headline_hover {
  background:                               url("../graphic/h_zu.png") no-repeat 0px 0px;
}

.show_news_static_headline {
  margin-bottom:                            5px;
  padding:                                  3px 0px 5px 0px;
  clear:                                    both;
  width:                                    95%;
  border-bottom:                            1px dotted #e1e1e1;
}
/* News Inhalt */
.show_news_inhalt {
  clear:                                    both;
  padding-top:                              1px;
  width:                                    100%;
}
/* News Footer */
.show_news_footer {
  margin-top:                               5px;
  padding-top:                              5px;
  border-top-style:                         dotted;
  border-top-width:                         1px;
  border-top-color:                         #e1e1e1;
  clear:                                    both;
}
/* Trennlinie (Line) */
.linie {
  border-top:                               1px dashed #e1e1e1;
}
.show_news_container hr {
  border:                                   none;
  border-top:                               1px dashed #e1e1e1;
}
.show_news_container ul {
  list-style-type:                          square;
}
#news_admin {
  border:                                   1px solid #AAAAAA;
  background-color:                         #DDDDDD;
  height:                                   auto;
  padding:                                  10px;
  width:                                    98%;
  text-align:                               left;
}
/* ################################### Formular News erstellen ############################################ */

#formular_titel_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,
#formular_input_inhalt,
#formular_input_footer{
  padding:                                  2px;
  font-weight:                              normal;
}

.input_feld,
.input_area {
  font-family:                              Arial, sans-serif;
  font-size:                                10px;
  border:                                   1px solid #bbb;
}

.input_checkbox,
.input_radio {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}


.input_area {
  height:                                   360px;
}
/* Preview, Save, Cancel */
#make_news_button {
  padding-top:                              5px;
}


/* ################################### News Formular Bilder  ############################################## */

#bild_verwaltung {
  max-height:                               180px;
  overflow:                                 auto;
}

#over {
  width:                                    200px;
  height:                                   100px;
}

.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  ############################################# */

.datei {
  padding-top:                              6px;
  float:                                    left;
}

.datei_insert {
  padding-bottom:                           8px;
  float:                                    right;
}


/* ################################### Buttons und Hover effekt für Buttons Seiten Navigation ############# */

.button_normal,
.button_mover {
  margin:                                   1px 1px 0px 0px;
  padding:                                  0px 1px 5px 1px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("../graphic/button.png") repeat-x;
  height:                                   25px;
  width:                                    100px;
  border:                                   1px solid #000000;
  font-size:                                10px;
  font-weight:                              bold;
}

.button_mover {
  background-color:                         #EFEFEF;
  color:                                    #000000;
  background-image:                         url("../graphic/button_a.png");
}

.up,
.down {
  background:                               url("../graphic/up.png") no-repeat;
  padding:                                  2px 8px 3px 3px;
}

.down {
  background:                               url("../graphic/down.png") no-repeat;
}

/* ################################### ab hier Seiten Navigation ########################################## */

.show_news_container .seiten_navi a,
.show_news_container .navi_a,
.show_news_container .seiten_navi a:hover {
  margin:                                   5px 3px 0px 0px;
  padding:                                  2px 5px 2px 5px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("../graphic/button.png") repeat-x;
  height:                                   18px;
  border:                                   1px solid #000000;
  font-size:                                10px;
  font-weight:                              bold;
}

.show_news_container .navi_a,
.show_news_container .seiten_navi a:hover {
  background-color:                         #EFEFEF;
  color:                                    #000000;
  background:                               url("../graphic/button_a.png") repeat-x;
}

/* ################################### Stile und Überschriften ############################################ */

.Stil1 {
  color:                                    #f7b427;
}

.Stil2 {
  color:                                    #484747;
}

.Stil3 {
  color:                                    #5c99d1;
}

h1 {
  font-size:                                14px;
  text-align:                               left;
  margin:                                   0px;
  padding:                                  0px;
}

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

.settings_beschreibung {
  width:                                    120px;
  float:                                    left;
  margin:                                   5px;
}

.settings_wert {
  width:                                    160px;
  float:                                    left;
  margin:                                   2px;
}

.settings_help {
  padding-top:                              6px;
}

.clear {
  clear:                                    both;
}
/* ################################### Tooltips ########################################################### */

.tooltip_help {
  cursor:                                   help;
  background:                               url("../graphic/info.png") bottom left no-repeat;
  padding:                                  2px 7px 2px 7px;
}

.tooltip,
.tooltip_breit {
  display:                                  none;
  height:                                   auto;
  font-size:                                10px;
  font-family:                              Arial, sans-serif;

}

.tooltip_head {
  height:                                   16px;
  background:                               url("../graphic/tt_header.gif") top left no-repeat;
  color:                                    #ff6600;
  font-weight:                              bold;
  padding:                                  40px 5px 0px 15px;
  width:                                    260px;
}

.tooltip_content {
  height:                                   auto;
  background:                               url("../graphic/tt_content.gif") top left repeat-y;
  padding:                                  10px;
  text-align:                               left;
  color:                                    #FFFFFF;
  width:                                    260px;
  font-weight:                              bold;
  font-size:                                10px;

}
.tooltip_footer {
  height:                                   17px;
  width:                                    280px;
  background:                               url("../graphic/tt_footer.gif") top left no-repeat;
}

/* ######################################################################################################## */