/* ############################### Breite des Ausgabe Div ################################## */
/*  haupt div f?r die Ausgabe */
#gb_content { width: 730px; height:auto; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #373737; }
/* ################################ Formular neuer Eintrag ################################### */
#formular,
#ausgabe_dialoge {
	background-color: #ffffff;
	border:solid 1px #0080c0;
	-moz-border-radius:5px;
	width: 730px;
	height: auto;
	margin: 0 auto 20px;
	padding: 15px 0 5px;
}
#ausgabe_dialoge {
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
}

#formular .smilies {
	text-align:center;
	padding:1px 2px 1px 2px;
}


/* #################################### Styles ####################################### */
/*  orange  */
.output_container .Stil1 { color: #0080c0
; }
/*  hellgrau  */
.output_container .Stil2 {
	color: #0080c0
}

/*  dunkelgrau link  */
.output_container a {
	text-decoration: none;
	color: #000;
	outline: none 0;
}
/*  orange hover link  */
.output_container a:hover {
	color: #373737;
	text-decoration: none;
}
/* ############################# Ausgabe der Beitr?ge ############################## */

.output_container { color: #373737; font-size:12px; width:730px; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }
.output_status { background-repeat: repeat-x; font-weight:bold; width:730px; height:20px; margin:0 auto; color:#0080c0; font-size: 12px; float: left; padding-top: 10px; padding-right: 5px; padding-bottom: 14px; }

.output_seiten_navi { color: #0080c0; background-repeat: repeat-x; background-color: #fff; background-position:0 -25px; font-weight:bold; line-height:12px; clear:both; width:730px; height:auto; border:solid 1px; padding:10px; }
.output_head { color: #0080c0; background-repeat: repeat-x; font-weight:bold; background-color: #fff; width:730px; height:20px; padding:10px 10px 5px; border:solid 1px; float:left; }
.name_length {
	width:200px;
}
.output_inhalt {
	width:730px;
	height:auto;
	clear:both;
	background-color:#ffffff;
	padding:10px;
	border-left:1px solid #0080c0;
	border-right:1px solid #0080c0;
}
.output_footer { background-color: #fff; width:730px; height:17px; background-repeat: repeat-x; padding:8px 10px 5px; border-color: #0080c0; border-style: dashed solid solid; border-width: 1px; }
.platzhalter {
	margin-top:20px;
	margin-bottom:10px;
}
.linie {
	border-top:1px dotted #0080c0;
}
/* #################################### Login Dialog ####################################### */
#admin_login {
	width:250px;
	margin: 0px auto 0px auto;
}
.login_name {
	width:50px;
	font-weight:bold;
	text-align:right;
}
.input_login_name {
	width:150px;
	font-weight:bold;
	font-size:smaller;
}
.login_pass {
	width:50px;
	font-weight:bold;
	text-align:right;
}
.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-bottom:1px; background-color: #7c778c; color: #d4d4d4; background-image: url(images/button.png); background-repeat: repeat-x; height:20px; width:auto; border:solid 1px #0080c0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right: 6px; }

.button_mover,
.output_container .output_seiten_navi a:hover,
.output_container .navi_a,
.formular_bbc a:hover,
.link a:hover { padding-bottom:1px; background-color: #efefef; color: #000000; background-image: url(images/button_a.png); background-repeat: repeat-x; height:20px; width:auto; border:solid 1px #0080c0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right: 6px; }
.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-left:5px;
	text-decoration: none;
	outline:none medium;
}
.formular_bbc a,
.formular_bbc a:hover,
.link a,
.link a:hover {
	padding-top:3px;
	padding-bottom:3px;
}
/* ################################### 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: #ffffff;
  width:400px;
  border:solid 1px #0080c0;
  height:auto;
  font-size:10px;
  font-family: Verdana, Tahoma, Arial, 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;
	font-weight:bold;
}
.tooltip_content {
	border-top:1px solid #0080c0;
	padding:5px;
	background-color:#ffffff;
	text-align:left;
}