bn/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/****************************************************
*                                                   *
*         CMS / News Script V2                      *
*         Interne Version: 2.0.0.1                  *
*                                                   *
*         © 2009-2010 HINNENDAHL.COM                *
*                                                   *
*         Holger Hinnenahl                          *
*         Rappoldstr. 11                            *
*         33644 Bielefeld                           *
*         http://www.hinnendahl.com                 *
*                                                   *
*         Dieser Text darf aus rechtlichen          *
*         Gründen niemals entfernt werden!          *
*                                                   *
****************************************************/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

#cont_all {
  width:                                  100%;
  margin:                                 10px 0px;
}
.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 ########################################################## */

#search{ float: right; height:40px; margin: 0px 0px 10px -3px;}
#search form{ background: url(../graphic/search_bg.png) no-repeat center center; width: 280px; height: 35px; font: bold 12px Verdana,Arial, Helvetica, Tahoma; color:#000; }
#search .date { float: left; height: 10px; width:70px; margin:10px 0 0 20px; }
#search .s { width: 134px; margin: 7px 0 0 10px; border: none; font-size: 12px; font-family: Verdana;  color: #333333; float: left; height:18px; background: none; }
#search button{ cursor: pointer; width: 30px; height: 30px; border: 0; background: url(../graphic/search_btn.png) no-repeat 0 0; margin: 6px 1px 0 0; text-indent: -9999px; float: right; padding:0; }


/* ################################### Admin Login Dialog ################################################# */

#admin_login {
  width:                                    235px;
  margin:                                   0px auto 0px auto;
  font-weight:                              bold;
  font-size:                                10px;
}

#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:                                  5px 20px 5px 0px;
  margin:                                   0px auto 20px auto;
  font-family:                              Verdana, Arial, Helvetica, sans-serif;
  font-size:                                11px;
  color:                                    #FFFFFF;
  line-height:                              120%;
  clear:                                    both;
}

.show_news_headline,                                                                /* News Headline */
.show_news_headline_hover {
  margin-bottom:                            15px;
  padding:                                  3px 0px 5px 35px;
  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:                            15px;
  padding:                                  3px 0px 5px 0px;
  clear:                                    both;
  width:                                    95%;
  padding: 0px 10px;
}

.show_news_inhalt {                                                                 /* News Inhalt */
  clear:                                    both;
  padding-top:                              1px;
  width:                                    98%;
  padding: 0px 10px;
  line-height: 180%;
}

.show_news_footer {                                                                 /* News Footer */
  margin-top:                               5px;
  padding-top:                              0px;
  clear:                                    both;
}

.linie {                                                                            /* Trennlinie (Line) */
  border-top:                               1px dashed #000000;
}
.show_news_container hr {
  border:                                   none;
  border-top:                               1px dotted #2C4068;
}
.show_news_container ul {
  list-style-type:                          square;
}
#news_admin {
  border:                                   1px solid #3B505D;
  background-color:                         #476170;
  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:                              Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:                                12px;
}

.input_area {
  height:                                   360px;
}

#make_news_button {                                                                 /* Preview, Save, Cancel */
  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:                                   5px 5px 0px 0px;
  padding:                                  0px 2px 2px 2px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("../graphic/button.png") repeat-x;
  height:                                   19px;
  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:                                   19px;
  border:                                   1px solid #000000;
  font-size:                                12px;
  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:                                    #EFB400;
}

.Stil2 {
  color:                                    #3B505D;
}

.Stil3 {
  color:                                    #FFFFFF;
}

h1,h2,h3 { font-size: 16px; color: #EFB400; letter-spacing: -0.5px; margin: 0px; margin-bottom: 10px; padding: 0px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
/* ################################### 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:                                12px;
  font-family:                              Verdana, Tahoma, Arial, Helvetica, sans-serif;

}

.tooltip_head {
  height:                                   16px;
  background:                               url("../graphic/tt_header.gif") top left no-repeat;
  color:                                    #F9A60C;
  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;
}

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