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

#cont_all {
	width:485px;
	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:485px;
}
/* ################################### Breite der Formular Input Felder ################################### */
.input_feld, .input_area {
	width: 485px;
}
/* ################################### 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:smaller;
}
#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 20px;
	margin:0px auto 20px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14Px;
	clear:both;
}

.show_news_headline {					/* News Headline */
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#544F43;
	clear:both;
}

.show_news_inhalt {													/* News Inhalt */
	clear:both;
}
.show_news_footer {													/* News Footer */
	margin-top:5px;
	padding-top:5px;
	border-top-style:dotted;
	border-top-width:1px;
	border-top-color:#544F43;
	clear:both;
}
.show_news_admin_buttons {padding-bottom:20px;}						/* Admin Button Edit und Delete */


.linie {border-top:1px solid #FFFFFF;}								/* 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_verwaltung {
	max-height:160px;
	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  ################################### */
.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 {
	background-color: #544F43;
	color: #F1F1F1;
	background-image: url('../graphic/button.png');
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:9px;
	font-weight:bold; margin-left:0px; margin-right:5px; margin-top:5px; margin-bottom:0px; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:2px
}
.button_mover {
	background-color: #EFEFEF;
	color: #000080;
	background-image: url('../graphic/button_a.png');
}
.up {
	background-image: url('../graphic/up.png');
	background-repeat: no-repeat;
	padding-left:3px; padding-right:8px; padding-top:2px; padding-bottom:3px
}
.down {
	background-image: url('../graphic/down.png');
	background-repeat: no-repeat;
	padding-left:3px; padding-right:8px; padding-top:2px; padding-bottom:3px
}
/* ################################### ab hier Seiten Navigation ################################### */

.show_news_container .seiten_navi a {
	background-color: #544F43;
	color: #F1F1F1;
	background-image: url('../graphic/button.png');
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold; margin-left:0px; margin-right:3px; margin-top:5px; margin-bottom:0px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}
.show_news_container .navi_a, .show_news_container .seiten_navi a:hover {
	background-color: #EFEFEF;
	color: #000080;
	background-image: url('../graphic/button_a.png');
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold; margin-left:0px; margin-right:3px; margin-top:5px; margin-bottom:0px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}
.show_news_headline a {
	background-image: url('../graphic/h_auf.png');
	background-repeat: no-repeat; padding-left:12px; padding-right:12px; padding-top:3px; padding-bottom:3px


}
.show_news_headline a:hover {
	background-image: url('../graphic/h_zu.png');
	background-repeat: no-repeat; padding-left:12px; padding-right:12px; padding-top:3px; padding-bottom:3px
}
/* ################################### Stile und Überschriften ################################### */

.Stil1 {
	color: #FF6600;
}
.Stil2 {
	color: #000000;
}
.Stil3 {
	color: #544F43;
}
h1 {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	text-align:center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
/* ################################### 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:9px;
}
.clear {
	clear:both;
}
/* ################################### Tooltips ################################### */
.tooltip, .tooltip_breit{
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  width:150px;
  border:1px solid #000000;
  height:auto;
  font-size:10px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.tooltip_head {
	background-image: url('../graphic/button.png');
	background-repeat: repeat-x;
	height:19px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold; padding-left:5px; padding-right:5px; padding-top:6px; padding-bottom:0px
}
.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;
}