/**
 * Grundformatierung von Workflows
 * @package econtent
 * CSS Datei
 * (c) Grün Software AG, Aachen
 * @todo: noch anzupassen 
 */


/* Fortschrittsanzeige */
/******************************************************************************/

.fortschritt {
	margin-top:			10px;
	margin-bottom:		10px;
	

}
div.wf_std_fortschritt {
    height:				18px;
    padding-top:        4px;
}

font.wf_std_fortschritt {
	/* color:				   #d9ecea; */
	font-weight:		bold;
}

font.wf_std_fortschritt_akt {
	color:				#66B5AA;
	font-weight:		bold;
}

/* Definitionen für Maske (Tabellendesign) */
/******************************************************************************/

#wf_standard table.wf_standard, #wf_standard td, #wf_standard input, #wf_standard font, #wf_standard select   {
    padding:               0;
    padding-left:          5px;
    margin:                0;
    border-collapse:       collapse;
    border-spacing:        0;
}

#wf_standard td, #wf_standard tr, #wf_standard input, #wf_standard select  {
    padding:               0;
    margin-top:            3px;
    border-collapse:       collapse;
    border-spacing:        0;
}

#wf_standard input, #wf_standard select, #wf_standard option  {
    border:                solid 1px #100000;
    height:                16px;
}

#wf_standard input  {
    width:                 300px;
}

#wf_standard input.wf_button   {
    width:                 100px;
}

#wf_standard font.wf_spendentext    {
    font-weight:           bold;
}

/* Definitionen fŸr Workflow Wizzard (white label) */
/******************************************************************************/

table#wizzard {
	width: 100%;
	border-collapse: collapse;
}

table#wizzard td {
	background: #E6F3F0;
	padding: 0 5px;
	text-align: center;
	font: bold 12px Arial;
	color: #4A4A4A;
}

table#wizzard td.img {
	padding: 0;
	height: 29px;
	width: 16px;
}

table#wizzard th {
	background: #66B4A9;
	font: bold 12px Arial;
	color: #fff;
	text-align: center;
}


/* Workflow-Fehlermeldungen */

div.wf_std_errorwindow {
	border: 1px solid red;
	padding: 10px;
}

div.wf_std_errorwindow b {
	display: block;
}

/* white label Anpassungen */

td.standardMaskeLabel {
	padding-right: 10px;
	font-size: 11px;
	padding-top: 5px;
}

td.standardMaskeKopf {
	padding-top: 20px;
	padding-right: 10px;
}

td.standardMaskeKopf, td.standardMaskeKopf label {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;
}

td.standardMaskeButtons
{
    padding: 10px 0 10px 0;	
}

table.standardMaske td.standardMaskeLabel,
table.standardMaske td.standardMaske
{
	padding-bottom: 3px;
	vertical-align: top;
}

input.wf_std_eingabe, select.standardMaske, select.standardMaskeFehler {
	border: 1px solid #CBCBCB!important;
	color: #4A4A4A!important;
	font-family: Arial,Verdana,sans-serif!important;
	font-size: 11px!important;
}

input.wf_std_eingabe_error, select.standardMaske_error, select.standardMaske_error {
	border: 1px solid #FF0000!important;
	color: #4A4A4A!important;
	font-family: Arial,Verdana,sans-serif!important;
	font-size: 11px!important;
}

input.standardMaskeReadonly {
	background-color: #E5E5E5;
	border: 1px solid #CBCBCB;
	color: #8A8A8A;
}

table.standardMaske hr {
	margin: 0 -150px 0 50px;
}

/* Warenkorb */
table#standardMaskeTable td.standardMaskeKopf {
	padding-right: 5px;
}

table#standardMaskeTable tr.row1 {
	background: #e4e4e4; 
}

table#standardMaskeTable tr.row2 {
	background: #fff; /*hover: #cbcbcb */
}
table#standardMaskeTable hr {
	margin: 0;
}

#spenden {
	font-size: 11px;
	color: #4A4A4A;
	font-family: Arial,Verdana,sans-serif;
}
#spenden h2 {
	margin-bottom: 10px;
}
#spenden div.error {
	font-weight: bold;
	color: #FF0000;
	margin: 10px 0;
}
#spenden div.info_line {
	margin-left: 60px;
	font-style: italic;
}
#spenden div.form_line {
	line-height: 20px;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 10px;
}
#spenden label {
	float: left;
	width: 140px;
	text-align: right;
	padding: 0 8px;
	cursor: pointer;
}
#spenden input.text {
	width: 240px;
	padding: 2px;
}
#spenden input.error {
	border: 1px solid #FF0000;
}
#spenden textarea.text {
	width: 240px;
	height: 50px;
	padding: 2px;
	font-size: 11px;
	color: #4A4A4A;
	font-family: Arial,Verdana,sans-serif;
}
#spenden select.text {
	width: 245px;
	padding: 2px 0;
	font-size: 11px;
	color: #4A4A4A;
	font-family: Arial,Verdana,sans-serif;
}
#spenden span {
	padding-left: 5px;
}
#spenden div.form_buttons {

}