/* ############################### Breite des Ausgabe Div ################################## */
/*  haupt div für die Ausgabe */
#gb_content {
	width:   650px;
	height:  auto;
	margin:  20px auto 0px auto;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #FFFFFF; /*  Textfarbe für Headtext im Loginfeld */
}
/* ################################ Formular neuer Eintrag ################################### */
#formular, #ausgabe_dialoge {
	background-color: #222222;    /*  Hindergrundfarbe für Ausgabefelder (Login, neuer Eintrag usw. */
	border:  1px solid #CCCCCC;   /*  Rahmenfarbe für Ausgabefelder (Login, neuer Eintrag usw. */
	width:   650px;
	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 ####################################### */

/*  weiß  */
.Stil1 {color: #FFFFFF;}			/*  Textfarbe Legende */

/*  darkred  */
.output_container .Stil1 {color: #990000;}	/*  Textfarbe Name, Datum usw. im GB */

/*  darkred  */
.output_kopf .Stil1 {color: #990000;}		/*  Textfarbe Name, Datum usw. im GB-Head */

/*  hellgrau  */
.output_container .Stil2 {color: #990000;}	/*  Textfarbe von: Am: um Eintrag: im GB */


/*  dunkelgrau link  */
.output_container a {text-decoration: none; color: #FFFF00; outline: 0;}	/*  Textfarbe Linktext ??? */
	
/*  orange hover link  */
.output_container a:hover {text-decoration: none; color: #00ffff;}		/*  Textfarbe ??? */
	

/* ############################# Ausgabe der Beiträge ############################## */


/* GB Kopf */
.output_kopf {
	background-image:	url("images/v_d_grey_up.png");
	background-repeat:	repeat-x;
	background-position:	top left;
	background-color:	#2B2B2B;
	text-align:		center;
	width:			640px;
	height:			40px;
	border:			1px solid #222222;
	border-left:		none;
	border-right:		none;
	padding:		0px 5px 0px 5px;
	margin:			-15px 0px 0px 0px;
	font-family: 		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.17em;
	line-height:		1.29em;
	font-weight:		bold;
	color:			#990000;
}

/* GB Container */
.output_container {
	background-color:	#222222;
	text-align:		left;
	width:			650px;
	padding:		0;
	margin:			0;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.00em;
	font-weight:		normal;
	line-height:		1.50em;
}

/*  GB Fuss Navi */
.output_seiten_navi {
	background-image:	url("images/v_d_grey_down.png");
	background-repeat:	repeat-x;
	background-color:	#222222;
	background-position:	bottom left;
	width:			640px;
	height:			20px;
	padding:		5px 5px 10px 5px;
	border:			1px solid #222222;
	border-left:		none;
	border-right:		none;
	border-bottom:		none;
	clear:			both;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.00em;
	line-height:		1.50em;
	font-weight:		normal;
	color:			#990000;
}

.output_status {
	background-image:	url("images/v_d_grey_up.png");
	background-repeat:	repeat-x;
	background-position:	bottom left;
	width:			650px;
	height:			30px;
	border:			1px solid #222222;
	border-left:		none;
	border-right:		none;
	padding:		0;
	margin:			0;
	float:			left;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.17em;
	line-height:		1.29em;
	font-weight:		bold;
	color:			#990000;	/*  Textfarbe Headtext GB */
}



/*  GB Kopf */
.output_head {
	background-image:	url("images/entry_head.png");
	background-repeat:	repeat-x;
	background-color:	#222222;
	background-position:	top left;
	width:			640px;
	height:			20px;
	padding:		15px 5px 0px 5px;
	border:			1px solid #222222;
	border-left:		none;
	border-right:		none;
	float:			left;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.17em;
	line-height:		1.29em;
	font-weight:		normal;
	color:			#990000;
}

.name_length {width:200px;}

/* GB Inhalt */
.output_inhalt {
	width:			638px;
	height:			auto;
	clear:			both;
	background-color:	#2B2B2B;	/*  Backgroundfarbe Textfeld GB */
	padding:		10px 5px 10px 5px;
	border:			1px solid #222222;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.17em;
	line-height:		1.29em;
	font-weight:		normal;
	color:			#FFFFFF;
}

/* GB Fuss */
.output_footer {
	width:			640px;
	height:			17px;
	background-image:	url("images/entry_foot.png");
	background-repeat:	repeat-x;
	background-position:	bottom left;
	padding:		8px 5px 5px 5px;
	border:			1px solid #222222;
	border-left:		none;
	border-right:		none;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.00em;
	line-height:		1.50em;
	font-weight:		normal;
	color:			#FFFFFF;
}


.platzhalter {margin-top: 0px; margin-bottom: 10px;}

.linie {border-top: 1px dotted #544F43;}


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

#admin_login {width:350px; margin: 0px auto 0px auto;}

.login_name, .login_pass {
	width:			100px;
	text-align:		right;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.17em;
	line-height:		1.29em;
	font-weight:		bold;
	color:			#FFFFFF;
}

.input_login_name, .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:		1px 5px;
	background-color:	#2B2B2B;	/*  Backgroundfarbe Buttons */
	background-image:	url("images/button.png");
	background-repeat:	repeat-x;
	height:			auto;
	width:			auto;
	border:			1px solid #333333;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.00em;
	line-height:		1.50em;
	font-weight:		bold;
	color:			#FFFFFF;
}

.button_mover, .output_container .output_seiten_navi a:hover, .output_container .navi_a, .formular_bbc a:hover, .link a:hover,  .formular_bbc a:active, .link a:active, .output_container .output_seiten_navi a:active {
	padding:		1px 5px;
	background-color:	#222222;	/*  hover Backgroundfarbe Buttons */
	background-image:	url("images/button_a.png");
	background-repeat:	repeat-x;
	height:			auto;
	width:			auto;
	border:			1px solid #333333;
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		1.00em;
	line-height:		1.50em;
	font-weight:		bold;
	color:			#000000;
}

.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:		1px 5px;
	text-decoration:	none;
	outline:		none;
}

.formular_bbc a, .formular_bbc a:hover, .link a, .link a:hover {padding: 1px 5px;}


/* ################################### 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: #2B2B2B;	/*  head-Backgroundfarbe Tooltips */
  width:400px;
  border:1px solid #FF0000;
  height:auto;
  font-size:10px;
  font-family: Arial, Verdana, Geneva, 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;				/*  Textfarbe head-Tooltips */
	font-weight:bold;
}
.tooltip_content {
	border-top:1px solid #FF0000;
	padding:5px;
	background-color:#CCCCCC;	/*  Backgroundfarbe Tooltips Hauptfeld*/
	text-align:left;
	color:#FFFFCC;				/*  Textfarbe Tooltip Hauptfeld */
}