/* DEFINITIONS: LOGIN - START */

body.login {
	background:		white url(images/login_body_bg.gif) repeat-x;
	height:			101%;
	width:			auto;
}

.login .loginAreaShadow {
	background:		url(images/login_area_shadow.png) center top no-repeat;
	margin:			29px auto;
	padding:		20px;
	width:			440px;
}

.login .loginAreaTop {
	background:		url(images/login_area_top_bg.png) left top no-repeat;
	border-bottom:		#d9d9d9 solid 1px;
	margin:			0 20px;
	min-height:		50px;
	width:			400px;
}

.login .loginAreaMiddle {
	background:		white url(images/login_area_middle_bg.gif) repeat-x;
	border-bottom:		#e6e6e6 solid 1px;
	margin:			0 20px;
	min-height:		85px;
	padding:		20px 15px;
	width:			370px;
}

.login .loginAreaMiddle form.loginForm {
	display:		block;
	margin:			0;
	padding:		0;
}

.login .loginAreaMiddle label {
	color:			#262626;
	display:		block;
	float:			left;
	font-size:		11px;
	font-family:		tahoma, arial, helvetica;
	margin:			0 0 10px;
	min-width:		95px;
	padding:		2px 0 0;
}

.login .loginAreaMiddle input {
	border:			#cccccc solid 1px;
	display:		block;
	float:			left;
	color:			#262626;
	font-size:		11px;
	font-family:		tahoma, arial, helvetica;
	height:			18px;
	margin:			1px 0 10px;
	width:			175px;
}

.login .loginAreaMiddle input:focus {
	border:			#990099 solid 2px;
	margin:			0 0 9px;
}

.login .loginAreaMiddle input.input {
	height:			16px;
	padding:		2px 3px 0;
	width:			169px;
}

.login .loginAreaMiddle input.submit,
.login .loginAreaMiddle input.submit:focus {
	background:		#d9d9d9 url(images/login_input_submit_bg.gif) repeat-x;
	border:			#cccccc solid 1px;
	float:			none;
	font-weight:		bold;
	height:			22px;
	margin:			0 0 10px 95px;
	width:			110px;
}

.login .loginAreaBottom {
	background:		white;
	margin:			0 20px;
	min-height:		50px;
	padding:		15px 15px;
	width:			370px;
}

.login .loginEvoPageVersion,
.login .loginEwerkLogo {
	float:			left;
	width:			185px;
}

.login .loginEvoPageVersion p {
	color:			#262626;
	font-size:		10px;
	font-family:		tahoma, arial, helvetica;
	line-height:		125%;
	margin:			0;
}

.login .loginEwerkLogo {
	text-align:		right;
}

.login .loginEwerkLogo img {
	border:			0;
}

.clearer {
	clear:			both;
	visibility:		hidden;
}

/* DEFINITIONS: LOGIN - END */

font {font-family: Tahoma, Arial, Helvetica; font-size: 12px;}
font.tiny {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}
font.klein {font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 11px;} 
font.klein_gruen {font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 10px; color: #009005;} 
font.klein_rot {font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 10px; color: #FF0000;} 
font.gross {font-family: Tahoma, Arial, Helvetica; font-size: 14px;}
font.riesig {font-family: Arial, Helvetica; font-size: 18px;}
font.code {font-family: Courier; font-size: 10px;}
H1 {font-family: Tahoma, Arial, Helvetica; font-size: 20px;} 
H2 {font-family: Tahoma, Arial, Helvetica; font-size: 18px;} 
H3 {font-family: Tahoma, Arial, Helvetica; font-size: 14px;}
H3.error {font-family: Tahoma, Arial, Helvetica; font-size: 14px; color: #FF0000}
TEXTAREA {font-family: Tahoma, Arial, Helvetica, ms sans serif; font-size: 12px;}
TEXTAREA.code {font-family: Tahoma, Arial, andale mono, courier, courier new, Arial; font-weight: normal; font-size: 12px; color: #0000CC;}
INPUT {font-family: Tahoma, Arial, Helvetica, ms sans serif; font-size: 11px;}
td {font-family: Tahoma, Arial, Helvetica; font-size: 11px;}
td.klein {font-family: geneva, ms sans serif, Arial, Helvetica; font-size: 10px;} 
td.kleinweiss {font-family: geneva, ms sans serif, Arial, Helvetica; font-size: 10px; color: #FFFFFF} 
td.gross {font-family: Tahoma, Arial, Helvetica; font-size: 14px;}
td.riesig {font-family: Arial, Helvetica; font-size: 18px;}
a.grau {color: #BBBBBB;}
a.nav {font-family: Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; text-decoration: none;}
a.nav_on:link, 
a.nav_on:hover, 
a.nav_on:active, 
a.nav_on:visited { 
    color:               #262626; 
    font-family:          tahoma, arial, helvetica,; 
    font-size:          11px; 
    text-decoration:     none; 
} 

a.nav_on:hover, 
a.nav_on:active { 
    text-decoration:     underline; 
} 

a.nav_off:link, 
a.nav_off:hover, 
a.nav_off:active, 
a.nav_off:visited { 
    color:               white; 
    font-family:          tahoma, arial, helvetica,; 
    font-size:          11px; 
    text-decoration:     none; 
} 

a.nav_off:hover, 
a.nav_off:active { 
    text-decoration:     underline; 
}
a:link, 
a:hover, 
a:active, 
a:visited { 
    color:               #065773; 
    text-decoration:     underline; 
} 

a:hover, 
a:active { 
    color:               #990099; 
    text-decoration:     none; 
}

.helpText { font-family: Tahoma, Arial, Helvetica; cursor: help; border-bottom: 1px dashed darkblue; font-size: 11px; color: #000000; }
.mandatory { font-family: Tahoma, Arial, Helvetica; font-weight: bolder; font-size: 11px; color: #3f4f82; text-align: right;}
#dhtmltooltip { position: absolute; visibility: hidden; border:#757575 1px solid; background-color: #b9b9b9; padding: 8px; z-index: 1000; text-align:center; font-family: Tahoma, Arial, Helvetica; font-size: 11px; color: #2d2d2d; width:200px; -moz-opacity: 0.9; }
#errorMessage { color: #9c2e5d; border-bottom: 1px dashed #9c2e5d; }
.evp_tool_tip {font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 11px; background-color: #FEF49C; border: 1px solid #000000; padding: 5px; margin-bottom: 5px; width: 560px; height: 80px}
div.collapse_box {font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 12px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; background-color: #FFFFBD; border: 2px solid #DEDB6B; float: left; vertical-align: middle;}

/*
 Ab jetzt zu benutzen:
*/
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
form { display: inline; }

span { font-family: Tahoma, Arial, Helvetica; font-size: 12px; }
span.tiny { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; }
span.klein { font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 11px; } 
span.klein_gruen { font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 10px; color: #009005; } 
span.klein_rot { font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 10px; color: #FF0000; } 
span.gross { font-family: Tahoma, Arial, Helvetica; font-size: 14px; }
span.riesig { font-family: Arial, Helvetica; font-size: 18px; }
span.code { font-family: Courier; font-size: 10px; }

div.smallEvoInfo { text-align: right; padding: 8px; line-height: 15px; background-image: url(images/background_cf.gif);} 

div.titleBar { float: left; width: 100%; background-image: url(images/titlebar.gif); }
div.titleBarStart { float: left; background-image: url(images/titlebarstart.gif); width: 20px; height: 29px; }
div.titleBarContent { line-height: 24px; height: 29px; background-image: url(images/titlebarend.gif); background-position: center right; background-repeat: no-repeat; }

div.pageContainer { padding: 10px 8px 10px 15px; font-family: tahoma, geneva, ms sans serif, Arial, Helvetica; font-size: 11px; width: 97%;}
div.formMultiButtons { padding-bottom: 16px; }
* html div.pageContainer { width: 100%;}
div.dataPager { text-align: center; margin-bottom: 10px; }

table.tableListing td { font-size: 11px; }
tr.tableHeader { background-color: #087599; }
tr.tableHeaderLight { background-color: #4698b3; }
tr.tableHeaderGrey { background-color: #6C6D72; }
tr.tableHeader td { background-color: #087599; color: #fff; }
tr.tableHeaderLight td { background-color: #4698b3; color: #fff; }
tr.tableHeaderGrey td { background-color: #6C6D72; color: #fff; }
.tdHeader { background-color: #087599; color: #fff;}
.tdHeaderZa { background-color: #4698b3; color: #fff; }


.formField { float: left; clear: both; padding-bottom: 10px; }
.formField label { display: block; float: left; width: 125px; text-align: right; padding-right: 10px; }
.formInput { float: left; }
label.formLabel { padding-top: 4px; }
label.fieldSetLabel { padding-top: 8px; }
label.disabled { color: #7F7F7F; }

.formFieldSet { background-color: #F4F4F5; border: 1px solid #91959A; border-width: 0 1px; padding: 5px 10px; width: 580px; }
.formFieldSetTop { background-color: #F4F4F5; border: 1px solid #91959A; border-width: 1px 1px 0 1px; width: 600px; height: 5px; line-height: 1px; font-size: 1px; margin-top: 8px; }
* html .formFieldSet { padding: 5px 12px; }

.formFieldSetEnd { padding-left: 130px; position: relative; }
.formFieldSetBottom { background-color: #F4F4F5; border: 1px solid #91959A; border-width: 0 1px 1px 1px; width: 600px; height: 5px; line-height: 1px; font-size: 1px; }

* html .formFieldSetTop { margin-top: 22px; }
*:first-child+html .formFieldSetTop { margin-top: 22px; }

.formTabs { margin-top: 14px; padding-left: 135px; position: relative; }
* html .formTabs { margin-top: 14px; padding-left: 125px; position: relative; }

div.tabOn { float: left; background-color: #F4F4F5; border: 1px solid #91959A; margin: 0 1px 0 0; border-bottom: 0; width: 100px; line-height: 21px; text-align: center; }
div.tabOn a { color: #000; text-decoration: none; }

div.tabOff { float: left; background-color: #91959A; width: 100px; line-height: 18px; margin: 3px 1px 0 0;  text-align: center; }
div.tabOff a { color: #000; text-decoration: none; }


.noPadding { padding: 0; margin: 0; }
.lessPadding { padding-bottom: 5px; margin: 0; }

.inputWidth { width: 598px; }
* html .inputWidth { width: 596px; }
*:first-child+html .inputWidth { width: 596px; }

.shortInputWidth { width: 220px; }
* html .shortInputWidth { width: 218px; }
*:first-child+html .shortInputWidth { width: 218px; }

.fieldSetInputWidth { width: 576px; }
* html .fieldSetInputWidth { width: 574px; }
*:first-child+html .fieldSetInputWidth { width: 574px; }

.hinweis { padding: 12px 6px; border-top: 1px solid #91959A;}