body,p,form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body,p {
	background-color: #3A6EA5;
	color:#DAE4FF;
}
body{
	font-size:80%;
}
div {
	color:#DAE4FF;
}
td, th {
/*	font-size:80%;*/
}
*.txt {
	color: #DAE4FF;
}
*.err {
	color:red;
	background:white;
	border:solid red 2px;
	text-align:center;
}

*.hinweis {
	border:1px solid red;
	background:white;
	color:red;
}

img { border:0; }
img.icon { vertical-align:bottom; }

a:link { color: #C8D2EA; }
a:visited { color: #C8D2EA; }
a:active { color: #C8D2EA; }

table.result td a:link { color:darkblue;}
table.result td a:visited { color:darkblue; }
table.result td a:active { color:darkblue; }

th a:link { color:white; }
th a:visited { color:white; }
th a:active { color:white; }

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align: center;
	color: #DAE4FF;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: #DAE4FF;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #DAE4FF;
	}
h4 {
	font-size: 100%;
	margin-bottom:.20ex;
	color: #DAE4FF;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 100%;
	line-height: 12pt;*/
	text-align: center;
	color: #FFFFFF;
/*	background-color: #E71018;*/
	background-color: #10295A;
	padding-left: .5ex;
	padding-right: .5ex;
	}
td {
	color: #DAE4FF;
}
caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size:80%;*/
	font-weight: bold;
	text-align: center;
	caption-side: top;
	color: #DAE4FF;
	background-color: #3A6EA5;
	}
caption b {
	color: #FFFFFF;
}

ul {
	margin:0;
	padding-left:1.8em;
}


/* === Die Ergebnistabelle === */
table.result {
	white-space:nowrap;
	text-align:left;
}
table.result thead tr, table.result tfoot tr {
	color:white;
	background:transparent;
}

/* Ergebnis zeilen */
table.result tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #DAE4FF;
	padding-left: .5ex;
	padding-right: .5ex;
}
table.result tr.even td, table.result td.even {
	background-color: #C8D2EA;
}
/* Ergebnis zellen Kopf (th) */
table.result th {
	text-align: center;
	color: #FFFFFF;
	background-color: #10295A;
	padding-left: .5ex;
	padding-right: .5ex;
}
table.result th a {
	color:#FFFFFF;
}
table.result tr.sub th {
	font-weight:normal;
	background:#105080;
	/* padding in tds ist kleiner, ich weiß nicht genau, wieso... deswegen hier nachgebessert */
	padding-left: .2ex;
	padding-right: .2ex;
}
/* Ergebnis zellen Körper (td) */
table.result td {
	color:#000000;
	white-space:nowrap;
}

table.result tr td.kritisch,
table.result tr.kritisch td {
	background-color:#FF8040;
}

table.result tr td.inaktiv,
table.result tr.inaktiv td {
	font-style:italic;
	background-color:silver;
}

table.result tr td.veraendert,
table.result tr.veraendert td {
/*	background-color:#d0a040;*/
	background-color:#ffd020;
}



table.result thead a:link,
table.result thead a:visited,
table.result thead a:active,
table.result tfoot a:link,
table.result tfoot a:visited,
table.result tfoot a:active
{ color:#C8D2EA; }

tr.dev td,
td.dev
{
	background-color:#FFFF80;
}

tr.dev th,
th.dev,
tr th.dev,
table.result tr th.dev {
	background-color:#FF8000;
}
span.dev, div.dev {
	background-color:#FFFF80;
	color:black;
}
span.dev a, div.dev a {
	color:darkblue;
}

/*
table.result thead * , table.result tfoot * {
	color:white;
}
table.result thead td {
	padding-bottom:1ex;
}*/

input.number {
	font-family:monospace;
	text-align:right;
}

/* == Tabelle allgemein */
td.number, th.number, table.result th.number {
	text-align:right;
}
td.kz, th.kz, table.result th.kz, table.result td.kz {
	text-align:center;
}
	
td.expkn {
	text-align:center;
	padding-left:.4ex;
	padding-right:.4ex;
}

/* == Suchmaske == */
div.suchmaske {
	border:solid 1px;
}
table.suchmaske {
}
table.suchmaske td {
}
table.suchmaske input {
}

#ajax_div div {
	background:lightgreen;
	color:black;
}
#ajax_div div pre {
/*	border:black solid 2px;*/
	margin-top:0px;
	color:black;
}
#ajax_div a {
	color:blue;
}

#error_div pre {
	color:red;
	background:white;
	border:red solid 3px;
	font-size:120%;
	padding:.5ex;
	overflow:auto;
}
#error_div pre a {
	color:black;
}


/* === Dialog Div === */
#dialog_div  {
	position: absolute;
	top:100px;
	left:300px;
	background-color:#DAE4FF;
	border: 2px solid black;
	color:black;
	padding: 0px;
}
#dialog_div p {
	background-color:#DAE4FF;
	color:black;
}
#dialog_div div {
	color:black;
}

#dialog_div a:link,
#dialog_div a:visited,
#dialog_div a:active {
	color:darkblue;
}

#dialog_div h1 {
	margin:0px;
	padding-left:1ex;
/*	padding-right:1ex;*/
	font-size:1em;
	color:white;
	background-color:#10295A;
	font-family: helvetica, arial, sans-serif;
	text-align:center;
}
#dialog_div h1 a {
 position: absolute;
 top: 0px;
 right: 0px;
 margin: 0pt;
 padding: 0pt;
 width: 16px;
 height: 16px;
 background-image: url(../img/X2.png);
/*
	padding-left:1ex;
	padding-right:1ex;*/
}
#dialog_div form, #dialog_div table {
	margin:0px;
	padding:0px;
}
#dialog_div table, table.detail {
	white-space:normal;
}
table.detail th {
	background:#105080;
}
table.detail td {
	color:#000;
	background:#C8D2EA;
}
table.detail td a {
	color:#E71018;
}
table.detail caption {
	text-align:center;
}
/* ==== */


#topmenu {
	width:100%;
	margin:0px;
	padding:0px;
	border-spacing:0px;
}
#tm_status, #tm_akt {
	text-align:right;
}
#tm_ajax {
	background:#ffff99;
	color:#5555ff;
}


hr {
	border:solid 1px darkgray;
}

input.mono, select.mono, *.mono, .mono {
	font-family:monospace;
/*	font-size:110%;*/
}

/* ans ende, um mauszeiger beschäftigt zu machen: */
body.busybody * {
	cursor:progress;
}

th.blank, td.blank {
	background:transparent;
	empty-cells:hide;
	visibility:hidden;
}
tr.trans, th.trans, td.trans, table.detail tr.trans td.trans,
table.trans tr td {
	background:transparent;
}



table.dialog th {
	background:#105080;
}
table.dialog td {
	color:#000;
	background:#DAE4FF;
}
table.dialog tbody tr td a, table.dialog td a {
	color:#E71018;
}

#ajax_div {
	color:black;
}


/* =================================== */
/* bereiche sind die Tabs oben auf der Seite, in der die A@G Bereiche gewählt werden können */
#bereiche {
	border-bottom:2px solid #aaa;
	margin-bottom:1ex;
	white-space:nowrap;
	overflow:visible;
	margin-top:90px;
}
#bereiche ul {
	list-style:none;
	margin-bottom:0;
	margin-left:85px;
	padding:0;
	z-index:0;
	display:inline;
}
#bereiche li {
	border: 2px solid #888;
	border-bottom: none;
	padding: 0 0 0em 0;
	display: inline;
	margin: 0 .3em 0;
	background-color: #346394; /*pink;*/
	z-index:0;
	position:relative;
}
#bereiche li.selected {
	border:solid 2px #aaa;
	border-bottom:none;
	margin:0 .3em 0;
	font-weight: bold;
}
#bereiche li a {
	background-color: #346394;
	border: none;
	padding: 0 .8em 0 .8em;
	position: relative;
	z-index: 0;
	margin: 0 0 0 0;
	text-decoration: none;
}
#bereiche li.selected a {
	padding: 0 1em 0 1em;
	margin: 0;
	border-top:#aaa;
	border-bottom:2px solid #3A6EA5;
	background-color: #3A6EA5;
}

#bereiche li.handbuch {
/*	margin-left:5ex;*/
	text-align:right;
	right:2ex;
	position:absolute;
	border:none;
}
#bereiche li.handbuch a {
/*	border-bottom:solid 2px;*/
	border:solid 2px #888;
	border-bottom:none;
	font-style:italic;
}

#bereiche li ul.drop_in {
	display:none;
}

#bereiche li ul.drop_out {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	z-index:40;
	/* border von parent-node mit eigenem border ueberlagern - deswegen -2px */	
	margin-left:-2px;
	margin-top:-2px;
	border-bottom:2px solid #888;
	font-weight:normal;
}
#bereiche li a.head {
	z-index:50;
	background-image: url(../img/dropdown_b.png);
	background-repeat: no-repeat;
	background-position: .2em center;
}
#bereiche li a.head2 {
	z-index:50;
	background-image: url(../img/dropdown_h.png);
	background-repeat: no-repeat;
	background-position: .2em center;
}
#bereiche li ul.drop_out li {
	position:static;
	display:block;
	z-index:40;
	margin:0;
	padding:0;
}
#bereiche li ul.drop_out li a {
	position:static;
	border:0px;
	display:block;
}
#bereiche li ul.drop_out li a.mouseover {
	background:#DAE4FF;
	color:#346394;
}

/* ====================== */

table.statistik th {
	font-weight:bold;
	background:#10295A;
}
/*table.statistik tr.head th, table.statistik th.head {
	font-weight:normal;
	background:#105080;
}*/

table.statistik td {
	text-align:right;
	color:black;
}
table.statistik td.hodd {
	background-color: #DAE4FF;
}
table.statistik td.heven {
	background-color: #C8D2EA;
}
table.statistik td.sum {
	color:white;
	background:#105080;
}
table.statistik td.sumsum, table.statistik th.sub {
	color:white;
	background:#105080;
	font-weight:bold;
}

.infocontainer{
	text-align:center;
}
	
.infobox {
	border:solid 5px #10295A;
	padding:.5ex;
	background:#DAE4FF;
	color:black;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1ex;
	margin-bottom:1ex;
	text-align:left;
}

.ie_center {
	text-align:center;
}


div.callcenterwrapper table.result,
div.callcenterwrapper div
{
	margin:auto;
}

div.callcenterwrapper div.subwrapper {
	width:700px;
}

div.callcenterwrapper div.anweisung {
	width:700px;
	margin-bottom:1em;
/*	border:1px solid #DAE4FF;*/
}
/**
 * Die obere auffällige Box beim Callcenterrückruf.
 */
div.callcenterbox {
	width:700px;
	border:solid 3px #10295A;
	margin-top:2em;
	margin-bottom:2em;
}
div.callcenterbox div {
	border:solid 3px #DAE4FF;
	background:#C8D2EA;
	color:black;
}
div.callcenterbox h4 {
	color:black;
	margin-top:.1ex;
	text-align:center;
}

/* einfaerben von tabellenzellen, die vorgelesen werden müssen */
div.callcenterwrapper table.awbs tr.uag td.awb,
div.callcenterwrapper table.awbs tr.uag td.status,
div.callcenterwrapper table.awbs tr.uag td.meldung,
div.callcenterwrapper table.awbs tr.bes td.awb,
div.callcenterwrapper table.awbs tr.bes td.status,
div.callcenterwrapper table.awbs tr.bes td.meldung,
div.callcenterwrapper table.awbs tr.err td.awb,
div.callcenterwrapper table.awbs tr.err td.status,
div.callcenterwrapper table.awbs tr.err td.meldung
{
	background:orange;
	text-align:left;
}
div.callcenterwrapper table.awbs tr td.meldung {
	white-space:normal;
}


div.callcenterwrapper table.mrns tr.EA td.status
{
	background:#80d040;
}
div.callcenterwrapper table.mrns tr.ERRA td.status,
div.callcenterwrapper table.mrns tr.BS td.status,
div.callcenterwrapper table.mrns tr.UA td.status
{
	background:orange;
}


div.flash_message {
	max-width:500px;
	margin:auto;
	border:solid black 2px;
	background:white;
	color:black;
	margin-top:1.5ex;
	margin-bottom:1.5ex;
	padding:.3ex;
}