/* alle Forms stehen innerhalb eines divs #formbox */
	
/* Breite generell fuer formbox festlegen */
#formbox {
	width: 370px;
	}

#formboxUpload
{
	width: 380px;								/* 10.02.11 kastei  Box für NOP erweitert */
}

/* div fuer 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 fuer 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 fuer Formelement rechts */
.erec .input,
#formbox .input,
#formboxUpload .input {
	float: left;
/*	width: 210px;*/
}
/* Formelemente */
.erec input,
#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 fuer checkboxen und radiobuttons */
#formbox input.checkbox {
	width: auto;
}
/* div fuer mehrere checkboxen nebeneinander */
#formbox .checkbox {
	float: left;
	width: 40px; 
	padding: 0 5px 0 0;
}


/* Buttons */
/* "normale" submit oder reset Buttons */
.erec .formbutton ,
#formbox .formbutton ,
#formboxUpload .formbutton{
	clear: both;
	width: 85px; 
	background-color: #E8E3E1;
 	margin: 0 10px 0 0;												/* kastei margin_bottom von 10px auf 0 */
 	padding: 2px 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #46617D;
	text-decoration: none;	
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #A79F97 1px solid;
	border-bottom: #A79F97 1px solid;
}
#formbox .formbuttonbig {
	clear: both;
	width: auto; 
	background-color: #E8E3E1;
 	margin: 0 10px 10px 0;
 	padding: 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #46617D;
	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, 
#formbox .formbuttonbig:hover,
#formboxUpload .formbutton:hover {
	color: #E58316;
	background-color: #F1F0EE;
	text-decoration: none;
}
/* zu Buttons umformatierte Links */
#formbox .form2button {
	color: #46617D;
	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: #46617D;
	font-weight: bold;
}



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

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

#formbox .inputfinder select {
	width: 200px;
}
#formbox .inputfinder input {
	width: 193px;
}

/* 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 noetig 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: #46617D;
	list-style: none;
}

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