/* Globale Standardschrift festlegen und Formate festlegen */
BODY {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #7b8b9d
}

P.justify {
	TEXT-JUSTIFY: inter-word;
	TEXT-ALIGN: justify;
}

TD,I,B {
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

TD.small {
	FONT-SIZE: 9px;
}

TD.large {
	font-size: xx-small;
	font-weight: bold;
	vertical-align: center;
	COLOR: #222222
}

TD.justify {
	TEXT-JUSTIFY: inter-word;
	TEXT-ALIGN: justify
}

TH {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #dddddd
}

TH.small {
	FONT-SIZE: 9px
}

TH.selected {
	background-color: #dddddd;
	color: #000000;
	font-weight: bold;
	border: #778899 1px solid;
}

TH.inactive {
	background-color: #eeeeee;
	color: #000000;
}

#programtitle {
	font-size: large;
	font-weight: bold;
	vertical-align: bottom;
	color: #FFFFFF;
}

/* Format-Unterklassen definieren */ /*SAB BEGIN*/
.sabueberschrift1 {
	FONT-SIZE: 15px;
	font-weight: bold;
	COLOR: #4BA3D1;
	ec2kall: yes
}

.sabueberschrift2 {
	FONT-SIZE: 13px;
	font-weight: bold;
	COLOR: #4BA3D1;
	ec2kall: yes
}

.sabblau {
	FONT-SIZE: 13px;
	COLOR: #4BA3D1; sans-serif;
	ec2kall: yes
}

.sabrot {
	FONT-SIZE: 15px;
	COLOR: #FF0000;
	ec2kall: yes
}

.sabtext {
	FONT-SIZE: 13px;
	COLOR: #333333;
	ec2kall: yes
}

.sabtext B {
	FONT-SIZE: 13px;
	font-weight: bold;
	COLOR: #333333;
	ec2kall: yes
}

.sablink {
	FONT-SIZE: 11px; font-style =italic;
	COLOR: #ff0000;
	ec2kall: yes
}

.sablink A {
	FONT-SIZE: 11px; font-style =italic;
	COLOR: #ff0000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.sablink A:hover {
	FONT-SIZE: 11px; font-style =italic;
	COLOR: #ff0000;
	TEXT-DECORATION: underline;
	ec2kall: yes
}

.sabforminfo1 {
	FONT-SIZE: 13px;
	COLOR: #000000;
	ec2kall: yes
}

.sabforminfo2 {
	FONT-SIZE: 13px;
	font-weight: bold;
	COLOR: #000000;
	ec2kall: yes
}

.sablinkrot {
	FONT-SIZE: 15px;
	font-weight: bold;
	COLOR: #FF0000;
	ec2kall: yes
}

.sablinkrot A {
	TEXT-DECORATION: none;
	ec2kall: yes
}

.sablinkrot A:link {
	font-weight: bold;
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.sablinkrot A:hover {
	TEXT-DECORATION: underline;
	ec2kall: yes
}

.sablinkrot A:visited {font-style =italic;
	COLOR: #ff0000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.white_no_underline {
	COLOR: white;
	TEXT-DECORATION: none;
	font-size: 10px
}

.white_no_underline a {
	COLOR: white;
	TEXT-DECORATION: none;
	font-size: 10px
}

/*SAB END*/ /*LAYOUT 2008 BEGIN*/
.textblau {
	FONT-SIZE: 13px;
	COLOR: #2C3D8D;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textblau A {
	FONT-SIZE: 13px;
	COLOR: #2C3D8D;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textblau A:hover {
	FONT-SIZE: 13px;
	COLOR: #2C3D8D;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textschwarz {
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textschwarz A {
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	sans-serif;
}

.textschwarz A:hover {
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruen {
	FONT-SIZE: 13px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruen A {
	FONT-SIZE: 13px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	sans-serif;
}

.textgruen A:hover {
	FONT-SIZE: 13px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruengross {
	FONT-SIZE: 15px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruengross A {
	FONT-SIZE: 15px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruengross A:hover {
	FONT-SIZE: 15px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruenklein {
	FONT-SIZE: 11px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	FONT-FAMILY: ec2kall :   yes
}

.textgruenklein A {
	FONT-SIZE: 11px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.textgruenklein A:hover {
	FONT-SIZE: 11px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.linkschwarz {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	ec2kall: yes
}

.linkschwarz A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.linkschwarz A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.menu {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #84B619;
	ec2kall: yes
}

.menu A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

.menu A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #84B619;
	TEXT-DECORATION: none;
	ec2kall: yes
}

/*LAYOUT 2008 ENDE*/
.textnormal {
	FONT-SIZE: 11px;
	COLOR: #333333
}

.textnormal A {
	FONT-SIZE: 11px;
	COLOR: #003399;
	TEXT-DECORATION: none
}

.textnormal A:hover {
	FONT-SIZE: 11px;
	COLOR: #003399;
	TEXT-DECORATION: underline
}

.textstart {
	FONT-SIZE: 11px;
	COLOR: #ffffff
}

.textstart A {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

.textstart A:hover {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	TEXT-DECORATION: underline
}

.textnormalbl {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333333
}

.textnormalbl A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003399;
	TEXT-DECORATION: none
}

.textnormalbl A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003399;
	TEXT-DECORATION: underline
}

.submenu {
	FONT-SIZE: 10px;
	COLOR: #333333
}

.submenu A {
	FONT-SIZE: 10px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.submenu A:hover {
	FONT-SIZE: 10px;
	COLOR: #FF6600;
	TEXT-DECORATION: none
}

.submenu_ak {
	FONT-SIZE: 10px;
	COLOR: #FF6600;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}

.submenu_ak A {
	FONT-SIZE: 10px;
	COLOR: #FF6600;
	TEXT-DECORATION: none
}

.submenu_ak A:hover {
	FONT-SIZE: 10px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.top {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #333333
}

.top A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.top A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.leer {
	FONT-WEIGHT: bold;
	FONT-SIZE: 5px;
	COLOR: #333333
}

.leer A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 5px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.leer A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 5px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.topgrau {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333333
}

.topgrau A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333333;
	TEXT-DECORATION: none
}

.topgrau A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003399;
	TEXT-DECORATION: underline
}

.programmtop {
	FONT-SIZE: 13px;
	COLOR: #003399
}

.programmtop A {
	FONT-SIZE: 13px;
	COLOR: #003399;
	TEXT-DECORATION: none
}

.programmtop A:hover {
	FONT-SIZE: 13px;
	COLOR: #003399;
	TEXT-DECORATION: underline
}

.tftable {
	FONT-SIZE: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border-spacing: 10px
}

.tfhead {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #03359a
}

.tfhead A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

.tfhead A:hover {
	COLOR: #dddddd;
	TEXT-DECORATION: underline
}

.tfrow {
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #dcdcdc
}

.tfrow A {
	COLOR: #333333;
	TEXT-DECORATION: none
}

.tfrow A:hover {
	TEXT-DECORATION: underline
}

.tfrowhighlight {
	BACKGROUND-COLOR: #ff8000
}

.addnew {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #5a5a5a;
	TEXT-DECORATION: none
}

.addnew A:hover {
	TEXT-DECORATION: underline
}

/* für das Highlighting bei einer Suchanfrage */
.searchword {
	background-color: yellow
}

#formbackground {
	font-size: x-small;
	background: #FFFFFF
}

#paragraphHeading {
	font-size: xx-small;
	font-weight: bold;
	vertical-align: bottom;
	COLOR: #222222;
	padding-top: 15px; /*TEXT-DECORATION:underline*/
}

textarea {
	font-family: verdana, helvetica, sans-serif;
	font-size: 9pt;
	background-color: white;
	color: #000000;
	border: green 1px solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
	z-index: 1;
	cursor: text;
	cursor: text;
}

input,select {
	font-size: 9pt;
	background-color: white;
	color: #000000;
	border: 1px solid green;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*overflow: auto;*/
	width: auto;
	z-index: 1;
	cursor: hand;
	cursor: pointer;
}

input[disabled=disabled] {
	font-size: 9pt;
	background-color: #dddddd;
	color: #000000;
	border: 0px;
	cursor: text;
}

select[disabled=disabled] {
	font-size: 9pt;
	background-color: #dddddd;
	color: #000000;
	border: 0px;
	cursor: text;
}

/* Ein Eingabefeld für eine Zahl. */
input.number {
	font-size: 9pt;
	text-align: right;
	color: #000000;
	cursor: text;
	cursor: text;
}

.inputnumber {
	text-align: right;
	}

/* Ein Nur lesen Feld. */
input.readonly {
	font-size: 9pt;
	text-align: right;
	background-color: transparent;
	color: #000000;
	border: 0px;
}

/* Ein normales Eingabefeld. */
input.normal {
	font-size: 9pt;
	background-color: #dddddd;
	color: #000000;
	cursor: text;
	cursor: text;
	border: 1px solid #84B619;
}

/* Buttons, die eine weiterführende und/oder speichernde Aktion auführen. */
input.check {
	font-weight: normal;
	background-color: #cceecc;
	color: #000000;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}

/* Buttons, die eine abbrechende Aktion ausführen. */
input.back {
	background-color: #eecccc;
	color: #000000;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}

/* für den Calendar */
td.cal {
	font-size: 12px;
	color: #000000;
	background-color: #d3d3d3;
}

select.month {
	font-size: 12px;
	color: #000000;
	width: 85px;
}

input.year {
	font-size: 12px;
	color: #000000;
	width: 30px;
}

td.calDaysColor {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
}

td.calWeekend {
	font-size: 12px;
	color: #ffffff;
	background-color: #c0c0c0;
}

td.calBgColor {
	font-size: 12px;
	color: #ffffff;
	background-color: #d3d3d3;
}

.calBorderColor {
	font-size: 12px;
	color: #ffffff;
	background-color: #a9a9a9;
}

td.calHighlightColor {
	font-size: 12px;
	color: #ffffff;
	background-color: #ffffcc;
}

A.cal {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

A.cal:Hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}

.disabled {
	font-size: 12px;
	color: #808080;
	text-decoration: none;
}

/* rules for vertical list */
pre {
	margin: 36px 0 12px 0;
}

.navlist {
	width: 186px;
}

.navlist ul {
	margin: 1px 1px 1px 1px;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
}

.navlist li {
	margin: 1px 1px 1px 1px;
}

.navlist a {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid #333333;
	width: 160px;
	background-color: #999999
}

.navlist a:link,.navlist a:visited {
	text-decoration: none;
	color: #EEEEEE;
}

.navlist a:hover {
	border: 1px solid #333333;
	background-color: #FF6600;
	color: #333333
}

.uberlink a:link,.uberlink a:visited,.uberlink a:hover {
	border: 1px solid #333333;
	background-color: #FF6600;
	color: #333333
}

/* rules for horizontal list */
.navh li {
	display: inline;
	list-style-type: none;
}

.navh ul {
	margin: 1px;
	white-space: nowrap;
	padding: 0;
}

.navh a {
	padding: 1px 1px 1px 1px;
	border: 1px solid #333333;
	background-color: #999999
}

.navh a:link,.navh a:visited {
	color: #000000;
	color: #EEEEEE;
	text-decoration: none;
}

.navh a:hover {
	border: 1px solid #333333;
	background-color: #FF6600;
	color: #333333
}

.navb a {	
	padding: 1px 1px 1px 1px;
	border: 1px solid #008000;
	background-color: #cceecc;
	text-decoration: none;
}

.navb a:link,.navh a:visited {	
	color: #000000;
	border: 1px solid #008000;	
	text-decoration: none;
}

.navb a:hover {
	border: 1px solid #008000;
	background-color: #cceecc;
	color: #000000;
	text-decoration: none;
}


span.tcode {
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	color: #0000FF;
}

#hintBox {
	
}

#hintBox a {
	text-decoration: none;
}

#hintBox a:hover {
	color: black;
	background: #ddd8b7;
	width: 400px;
}

#hintBox a span {
	display: none;
}

#hintBox a:hover span {
	display: block;
}

/* Links koennen angeklickt werden und die neue Seite erscheint. Druckt man allerdings eine Seite aus, gehen Informationen verloren. So unter anderem die URL, die hinter einem Link steht, denn diese ist normalerweise nicht sichtbar. Ein klein wenig CSS schafft Abhilfe: */
@media print {
	a[href]:after {
		content: \' [ \' attr(href) \' ] \';
	}
}

/* Die Anweisung sorgt dafuer, dass die URL, die hinter einem Link steht, auf der gedruckten Seite erscheint. Bei der normalen Darstellung im Browser ist davon nichts zu merken. */
.field {
	width: 150;
	height: 20;
	border: 1 solid #7CAD9B;
	background-color: #EBF7E0;
	color: #02613E;
	font-size: 8pt;
	font family: arial;
}

select.application_options {
	width: 320px;
}
