/* alle Forms stehen innerhalb eines divs #formbox */

/* div für Formularzeilen, um Beschriftung links und Formelement rechts zu umgreifen (sonst Verschiebungen, wenn label mehrzeilig ist) */
#formbox .formbox_entry {
	width: 380px;
	float: left;
	margin: 10px 0 0 0;
}
/* div für Beschriftung links */
#formbox .label {
	float: left;
/*	width: 150px;*/
	margin: 0 10px 0 0;
}

#formbox .label_150 {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
}

/* div für Formelement rechts */
#formbox .input {
	float: left;
/*	width: 210px;*/
}
/* Formelemente */
#formbox input {
/*	width: 210px;*/
	padding: 1px 1px 1px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #47467D;
}
#formbox textarea {
	width: 210px; 
	height: 105px; 
	padding: 1px 1px 1px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #47467D;
}
#formbox select {
	width: 217px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #677588;
}
/* Klasse für checkboxen und radiobuttons */
#formbox input.checkbox {
	width: auto;
}
/* div für mehrere checkboxen nebeneinander */
#formbox .checkbox {
	float: left;
	width: 40px; 
	padding: 0 5px 0 0;
}


/* Buttons */
/* "normale" submit oder reset Buttons */
#formbox .formbutton {
	clear: both;
	width: 85px; 
	background-color: #E8E3E1;
 	margin: 0 10px 10px 0;
 	padding: 2px 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFF;
	text-decoration: none;	
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #A79F97 1px solid;
	border-bottom: #A79F97 1px solid;
}
#formbox .formbutton:hover, #formbox .form2button:hover {
	color: #c96928;
	background-color: #faf8f8;
	text-decoration: none;
}
/* zu Buttons umformatierte Links */
#formbox .form2button {
	color: #FFFFF;
	background-color: #E8E3E1;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 3px 0 0 0;
	font-weight: normal;
	text-decoration: none;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #A79F97 1px solid;
	border-bottom: #A79F97 1px solid;
}

/* Rahmen und dessen Beschriftung (in Findern angewandt) */
#formbox fieldset {
	padding: 0 0 10px 4px;
	margin: 0;
	width: 380px;
}
#formbox legend {
	padding: 0;
	margin: 0;
	color: #FFFFF;
	font-weight: bold;
}



/* Finder */
/* analog zu Form: divs für Formularzeilen, Beschriftung links und Formelement rechts - hier mehr Platz für die Formelemente */
#formbox .formbox_entryfinder {
	width: 380px;
	float: left;
	margin: 0;
}
#formbox .labelfinder {
	float: left;
	width: 90px;
	margin: 10px 5px 0 7px;
	font-weight: bold;
	
}
#formbox .inputfinder {
	float: left;
	width: 258px;
	padding: 0;

}
/* Formelement in Findern */
#formbox .inputfinder select {
	width: 258px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #677588;
	margin: 10px 0 0 0;
}

/* timeframe: Datums-Auswahl */
#formbox .calendar {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
#formbox input.timeframe {
	float: left;
	width: 80px;
	margin: 10px 0 0 0;
	padding: 1px 1px 1px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #47467D;
	background-color: #FFF;	
}
#formbox label.timeframe {
	float: left;
	width: 50px;
	margin: 10px 0 0 0;
	clear: left;
}
/* Links auf Kalender-Icons */
#formbox form a.nostyle, #formbox form a.nostyle:hover {
	float: left;
	font-size: 11px;
	background: none;
}

/* checklists: bei multiple choice - Auswahl-Checklisten als Listen ohne Listenpunkte mit checkboxen, divs nötig zur Ansprache per Javascript zum Ein- und Ausklappen */
#divMultipleChecklist { 
	margin: 0; 
	padding: 0;
}
#divMultipleChecklist ul { 
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#divMultipleChecklist li { 
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#divMultipleChecklist input {
	width: auto;
}

/* Listenklasse (ul) */
.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 80px;
	width: 255px;
	overflow: auto;
	margin: 0; 
	padding: 0;
}	
.checklist label { 
	display: block; 
	height: 1%; 
	padding: 0 0.2em 0 21px; 
	text-indent: -21px;
	list-style: none;
}
.checklist label:hover, .checklist label.hover { 
	background: #E8E3E1; 
	color: #FFFFF;
	list-style: none;
}

/* clear-div nötig unter Button innerhalb des fieldsets */
#formbox div.clear {
	clear: left;
	display: block;
	color: #677588;
	margin: 3px;
	padding: 0;
}