/**
 * 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;
	width: 16px;
}

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


/* Workflow-Fehlermeldungen */

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

div.wf_std_errorwindow b {
	display: block;
}

/* white label Anpassungen */

td.standardMaskeLabel {
	text-align: right;
	padding-right: 10px;
	width: 150px;
	font-size: 11px;
}

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

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

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.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;
}

.zaen_button, input.button, button
{
    background: transparent url(../bilder/bt_zaen.png) no-repeat scroll center;
    color: #fff;
    display:block;
    font-weight: normal;
    float: right;
    position: relative;
    right: -5px; top: 15px;
    border: 0px solid;
    cursor: pointer;
    font-size: 10px;
    margin-right:5px;
    padding:0 5px;
    vertical-align: baseline;
    width: 110px; height: 28px;
}

.zaen_button_large
{
    background: transparent url(../bilder/bt_zaen_large.png) no-repeat scroll center;
    color: #fff;
    display:block;
    font-weight: normal;
    float: right;
    position: relative;
    right: -5px; top: 15px;
    border: 0px solid;
    cursor: pointer;
    font-size: 10px;
    margin-right:5px;
    padding:0 5px;
    vertical-align: baseline;
    width: 200px; height: 28px;
}

* html .zaen_button, * html input.button, * html button {
    
}

.zaen_button:hover, input.button:hover, button:hover, .zaen_button_large:hover
{
    /*background-color:#679197;
    color: #FFF;*/
    text-decoration: underline;
}