/* CSS für Tabellen-loses Formular-Design */
/* 2011-07-13                             */
/* Thomas Eicker                          */

.reihe {
 padding: 3px 5px 3px 5px;
 clear: both;
 width: 99%;
}

.output {
 float: left;
 width: 95%;
}

.outputHeader {
 float: left;
 padding: 5px 0px;
 width: 95%;
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
 color: #ffffff;
 background-color: #0080c0;
 outline-style: outset;
 outline-width: 2px;
 outline-color: #0080c0;
}

.outF {
 font-size: 10pt;
 font-family: Courier New, monospace;
 width: 100%;
 background-color: #fffffc;
}

.label {
 padding: 5px 5px 5px 5px;
 float: left;
 width: 38%;
 margin-left: 20px;
 text-align: right;
}

.labelHeader {
 padding: 2px 0px 2px 0px;
 margin: 4px 15px 0px 20px;
 float: left;
 width: 38%;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 background-color: #0080c0;
 outline-style: outset;
 outline-width: 2px;
 outline-color: #0080c0;
}

.input {
 padding: 2px 2px 2px 2px;
 float: left;
 width: 55%;
}

.inputFields {
 margin-top: 3px;
 margin-bottom: 3px;
 width: 95%;
 min-height: 1.5em;
 outline-style: inset;
 outline-width: 1px;
 outline-color: #f0f0f0;
}

select.inputFields {
 width: 96%
}

.inputHeader {
 padding: 2px 0px 2px 0px;
 margin: 4px 15px 0px 0px;
 float: left;
 width: 50%;
 text-align: center;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 background-color: #0080c0;
 outline-style: outset;
 outline-width: 2px;
 outline-color: #0080c0;
}

.inputWidth {
 width: 55%;
}

.formular {
 width: 100%;
	border-left: 1px solid #0080c0;
	border-right: 1px solid #0080c0;
}

.fm {
 background-color: #ffffea;
 color: #000000;
 display: inline;
 font-weight: 550;
 margin-left: 2%;
 outline-color: #0080c0;
 outline-style: outset;
 outline-width: 2px;
 padding: 4px;
 text-align: center;
 text-decoration: none;
 white-space: normal;
}

.fm:hover {
 font-weight: 550;
 color: #ffffff;
 background-color: #0080c0;
 outline-style: inset;
 outline-width: 2px;
 outline-color: #f1f1f1;
}

.auswahlDiv {
 border-bottom: 2px solid #0080c0;
	margin: 0px;
	padding: 0px;
}

.auswahlOl {
 list-style-type: none;
 list-style-position: outside;
	margin: 0px 0px 4px 4px;
	padding: 0px;
}

.auswahlLi  {
	display: inline;
	padding: 10px;
 font-size: 10pt;
}

.auswahlA, .auswahlA:visited, .auswahlA:active {
 color: #ffffff;
	background-color: #0080c0;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
 outline-style: outset;
 outline-width: 2px;
 outline-color: #0055ff;
}

.auswahlA:hover {
 color: #ffffff;
	background-color: #0090ff;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
 outline-style: inset;
 outline-width: 2px;
 outline-color: #00c0ff;
}

.arrow {
 position: relative;
 float: right;
	border: 1px dotted #eeeeee;
}

a.arrow {
 background-color: transparent;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.highprio {
 border-right: 7px solid #00ee00;
 border-bottom: 1px solid #00ee00;
}

.midprio {
 border-right: 7px solid #008888;
 border-bottom: 1px solid #008000;
}

.docprio {
 border-right: 7px solid #0020ff;
 border-bottom: 1px solid #0020ff;
}

.lowprio {
 border-right: 7px solid #ff8000;
 border-bottom: 1px solid #ff8000;
}

.nogo {
 border-right: 7px solid #ff80ff;
 border-bottom: 1px solid #ff80ff;
}

.propr {
 border-right: 7px solid #808000;
 border-bottom: 1px solid #808000;
}