/* main body */
/* Mischung aus helvetianet body und content angaben */
body.h2w {
	/* padding-top und padding-left wird in BodyTag generiert */
	margin:0px;
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	color:#2C2C2D;
}

table, td, li, p {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
}

table {
	border-collapse:collapse;
}

/*      H2W spezifische Formate */

#design_info {
	position:absolute;
	top:30px;
	right:30px;
	width:200px;
	background-color:#fffff0;
	color:#404040;
	border:solid 2px #404040;
	padding:5px;
}

.list_left {
	text-align:left;
}

.list_right {
	text-align:right;
}

.list_center {
	text-align:center;
}

/* HDM Listenfarben */
tr.listen_zeile_gelb {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#F0F060;
	vertical-align: top;
}

tr.listen_zeile_rot {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#FF9080;
	vertical-align: top;
}	

tr.listen_zeile_pink {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#FF90E0;
	vertical-align: top;
}	

tr.listen_zeile_gruen {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#C0F0C0;
	vertical-align: top;
}	

tr.listen_zeile_blau {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#C0C0FF;
	vertical-align: top;
}	

tr.listen_zeile_tuerkis {
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	background-color:#C0F0F0;
	vertical-align: top;
}	

/*********************************************************************************/
/*********************************************************************************/
/******                                                                     ******/
/******    Formate für die Anwendungs-JSP's       - ANFANG                  ******/
/******                                                                     ******/
/*********************************************************************************/
/*********************************************************************************/

/* ----------------------------------------------------------------------------- */
/* Um unter den Bildtitel noch Text zu hängen, ist untertitel zu verwenden,      */
/* mit dem der Standardabstand zu Bildtitel aufgehoben und dafür unterhalb       */
/* des Subtitels ausgegeben wird.                                                */
/* ----------------------------------------------------------------------------- */
.untertitel {
	margin-top:-10px; /* an den Bildtitel heranziehen */
	margin-bottom:25px; /* Abstand nach unten wiederherstellen */
}


/* ----------------------------------------------------------------------------- */
/* Formatierung ganzer Bereiche zur Gliederung durch durchgängigen Hintergrund   */
/* auch für einzelne Tabellenfelder möglich                                      */
/* ----------------------------------------------------------------------------- */
.contentblock {
	background-color:#f0f0f0;
}

.contentblock table {
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
}

.contentblock td {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}	

/* Besonderer verticaler Abstand für Elemente im Contentblock */
.padded_top {
	padding-top:10px;
}

.padded_bottom {
	padding-bottom:10px;
}

/* Noch ne Variante (Farben wie Contenttable) */

.bordertable table {
	border:1px #B2B2B2 solid;
	margin:0px;
	padding:0px;
}
.bordertable th{ 
	/* genau wie contenttable */
	font-size:10pt;
	color:#777471;
	background-color:#F2F3F5;
	border:1px solid #B2B2B2;
	text-align:left;
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.bordertable td {
	padding:5px;
}


/* ----------------------------------------------------------------------------- */
/* Überschrift über einem Teil der JSP  (via DIV)                                */
/* (Die Hauptüberschrift muss durch Bildtitel-Tag erzeugt werden.)               */
/* ----------------------------------------------------------------------------- */
.headline1 {
	/* wie contenttable th */
/*	background-color:#d0d0d0;
	color:#FCFCFC;
	border:1px solid #B2B2B2;

*/
	background-color:#f0f0f0;/* wie contentblock */
	border:1px solid #B2B2B2;
 	color:#2C2C2D;
	
	font-family:arial,helvetica;
	font-size:15px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:10px;
	letter-spacing:1px;
	margin-top:35px;
	margin-bottom:6px;
			
}

/* ------------------ Hervorhebungen -------------------------- */

.hervor {
	font-weight:bold;
}

.rot {
	color:#CC0E1B;	
}

/* ----------------------------------------------------------------------------- */
/* Alte Formate: SIND ZU ERSETZEN UND DAHER HÄSSLICH MARKIERT.                   */
/* ----------------------------------------------------------------------------- */

.std {
	/* Nicht mehr verwenden */
	background-color:#903030;
}

.grau {
	/* Nicht mehr verwenden */
	background-color:#404040;
}


/*********************************************************************************/
/*********************************************************************************/
/******                                                                     ******/
/******    Formate für H2W-Tags                                             ******/
/******                                                                     ******/
/*********************************************************************************/
/*********************************************************************************/

/* Download-Tag */
img.download {
	border: 0px;
	margin-right:3px;
	margin-left:4px;
}

/* Input - Eingabefähige Felder */
input.input_writable {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:1px solid #57585A;
	border-left:1px solid #57585A;
	border-bottom:1px solid #919296;
	border-right:1px solid #B4B5B7;
	text-indent: 3px;
}

input.input_readonly {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-indent: 3px;
}


input.input_checkbox {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:none;
	border-left:none;
	border-bottom:none;
	border-right:none;
	text-indent: 0px;
	margin-left: 0px;
}


select.auswahl {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:1px solid #57585A;
	border-left:1px solid #57585A;
	border-bottom:1px solid #919296;
	border-right:1px solid #B4B5B7;	
	text-indent: 1px;
}	

option {
	text-indent: 1px;
	font: 12px Arial,Helvetica,Verdana,sans-serif;
}

/* Textarea - Eingabefähige Felder */
.textarea_writable {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:1px solid #57585A;
	border-left:1px solid #57585A;
	border-bottom:1px solid #919296;
	border-right:1px solid #B4B5B7;
	text-indent: 3px;
}

.textarea_readonly {
	font: 12px Arial,Helvetica,Verdana,sans-serif;
	border-top:1px solid #57585A;
	border-left:1px solid #57585A;
	border-bottom:1px solid #919296;
	border-right:1px solid #B4B5B7;
	text-indent: 3px;
}


/* Meldungen-Tag wird über DIV-Style attributiert */
.meldungen {
}
.meldungen table {
	width:100%;
	border:1px solid #B2B2B2;;/* #B2B2B2; oder #CC0E1B*/
	border-collapse: collapse;
}
.meldungen th {
	text-align:left;
	color:#777471;
	padding:6px;
	background-color:#f0f0f0;
	border:1px solid #B2B2B2;
}
.meldungen td {
	font-size:10pt;
	color:#424242;
	padding:6px;
	vertical-align:top;
	border:1px solid #B2B2B2;
}
.meldungen li {
	color:#424242;
	list-style-image:url(../image/bullet_red.gif);
}
.meldungen ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* Link für Hilfe zur Meldung enthält nur das IMG-Tag */
#meldung_hilfe img {
	margin-left:10px;
	cursor:pointer;
	text-decoration:none;
	border-style:none;
	vertical-align:middle;
	text-decoration:none;
}	


/* Listeninfo (über der Tabelle) */
.listinfo {
	padding:0px;
	margin-bottom:5px;/* Abstand von Datentabelle */
}
	
.listinfo table {
	border-style:none;
	font-size:10pt;
	color:#2C2C2D;
	border-collapse: collapse;
	border-spacing:0px;
}

.listinfo td {
	padding-right:0px; /* wg. Zeilen/Seite Selektionskästchen */
}

.listinfo em {
	font-weight:bold;
	font-style:normal;
}

/* Kästen zur Anzeige Zeilenzahl/Seite zur Auswahl */
span.listinfo_lines {
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px;
	border-color:#b2b2b2;
	text-align:center;
	vertical-align:middle;
	width:25px;
	height:20px;
	cursor:pointer;
	color:#2C2C2D; /* Anker überschreiben */
}

/* nur unselektierte Anzahl erhalten einen Link */
a.listinfo_lines {
	text-decoration:none;
	border-width:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}	
	
.listinfo_lines_selected {
	padding-left:2px;
	padding-right:2px;
		border-style:solid;
	border-width:1px;
	border-color:#b2b2b2;
	text-align:center;
	vertical-align:middle;
	background-color:#F2F3F5;
	width:25px;
	height:20px;
	font-weight:bold;
}

/* Footerbox für Help-Jsp */
.footerbox {   
   	width:100%;
	background-image: url(../image/footer.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 32px;
}

/* Formate für JavaScript-Tags, mit denen vordefinierte Funktionen
   aufgerufen werden koennen. */

.js_Close {
	vertical-align:bottom;
	padding-left:20px;
	font-size:10pt;
	color:#b2b2b2;
	background:url(../image/icon_close.gif) no-repeat;
	cursor:pointer;
}

.js_Print {
	vertical-align:bottom;
	padding-left:20px;
	font-size:10pt;
	color:#b2b2b2;
	background:url(../image/icon_printview.gif) no-repeat;
	cursor:pointer;
}

/* Aktionen und Listennavigation */

/* Block der die Navigation bestehend aus Aktionen und
   der Listennavigation enthält. */
.listnaviblock {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Tabelle zu Aufnahme der 2 Spalten für Aktionen und Navigation */
.listnaviblock table {
	border-style:none;
	border-width:0px;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
}

/* Das Tabellenfeld selbst erzeugt keine zusätzlichen Abstaende */
.listnaviblock td {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

/* ============================================================================== */
/* Bereich für die Listbildaktionen. Diese werden in einer Tabelle mit */
/* einem einzigen Feld ausgegeben */
/* ============================================================================== */
.listaktion {
	padding-top:0px; 
	margin:0px 0px 0px 0px;
	/* background-color:blue; */
}

.listaktion table {
	width:10px; /* Überschreibt Width von listnaviblock */
	border-width:0px;
	border-style:none;
	border-spacing:0px;
	border-collapse: collapse;
	background-color:#F2F3F5;
}

.listaktion td {
	padding-top:5px;
	padding-left:4px;  
	padding-right:4px; 
	font-size:10pt;
	text-align:right;
	white-space:nowrap;
}

/* ============================================================================== */
/* Bereich, der die Tabelle mit den Elementen für die seitenweise Navigation enthält */
/* ============================================================================== */

td.listnavi {
	border-collapse:collapse;
	padding-top:4px; /* Entfernung zur Liste */
	padding-right:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	/* background-color:blue;*/
	font-size:12px;
}

a.listnavi {
	cursor:pointer;
}

img.listnavi {
	vertical-align: bottom;
	text-decoration: none;
	cursor:pointer;
	border-width: 0px;
}
		
/* Vor/Zurück hat Text und daher kein Background Image */
.listnavi_step_active {
	width:100px;
	background-color:#F2F3F5;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
}

.listnavi_step_inactive {
	width:100px;
	background-color:#F2F3F5;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	color:#424242;
}

/* Formatierung Seiten-Selektor unterhalb der Liste */
.listnavi_seite {
	width:35px; /* ohne width formatiert der IE nicht richtig!!! */
	margin-right:0px;
	margin-left:0px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:3px;
}

.listnavi_select {
	margin-left:0px;
	margin-right:5px;
}


/* ============================================================================== */
/* Verwendete Formatierungen aus helvetia.net                                     */
/* ============================================================================== */

/* link standard look */
a:link { color:#CC0E1B; text-decoration:none}
a:visited { color:#CC0E1B; text-decoration:none}
a:active { color:#CC0E1B; text-decoration:none}
a:hover { color:#CC0E1B; text-decoration:underline }

/* headline */
.content h1 {
	color:#CC0E1B;
	font-size: 1.3em;
	margin: 0px;
}

.content h1 em {
color:#424242;
font-style: normal;
}

/* Formatierung Info-Message (h2w:info-Tag) */
td.infomessage_middle{
	text-align: center;
	background-color: #F2F3F5;
	border-color:#CC0E1B;
	border-width:3px;
	border-style:solid;
	padding:10px;
	width:60%;
}
td.infomessage_left {
	width:20%;
}
td.infomessage_right {
	width:20%;
}

/* table wie für Bildliste */
.contenttable table {
	border:1px solid #B2B2B2;
	border-collapse: collapse;
	margin-left:0px;
	margin-right:0px;
}

.contenttable th {
	font-size:10pt;
	color:#777471;
	background-color:#F2F3F5;
	border:1px solid #B2B2B2;
	text-align:left;
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:0px;
	margin-right:0px;
}

.contenttable td {
	font-size:10pt;
	color:#424242;
	border:1px solid #B2B2B2;
	padding:6px;
	vertical-align:top;
	margin-left:0px;
	margin-right:0px;
}

/* Info-Icon und er dazugehörige Text werden über TD-Elemente formatiert */

/* Icon oben rechts in Spalte für Textnähe */
td.infoicon {
	width:26px;
	background:url(../image/icon_info.gif) no-repeat right top;
}
td.infoicon_links {
	width:14px;
	background:url(../image/icon_info.gif) no-repeat left top;
}
td.infotext {
	padding-left:4px;
	padding-top:0px;
	vertical-align:top;
	background-color:white;
}

/* buttons */

/* buttonbar = helvetianet: greybackground2 */
.buttonbar {
	margin-top:25px; /* eher Mindestabstand... */
}

.buttonbar table {
	border-collapse: collapse;
	width:100%;
}

.buttonbar tr {
	background-color:#E6E4E2; /* Firefox brauchts */
}

.buttonbar td {
	background-color:#E6E4E2;
	_padding-top:7px;
	_padding-bottom:2px;
	padding-top: 9px;
	padding-bottom:3px;
	padding-right: 8px;
	padding-left: 8px;
}

.btnDefault {
	border: 0px;
	padding-top: 0px;
	padding-right: 8px; 
	padding-left: 4px;
	padding-bottom: 6px;
	font-weight: normal;
    background: url(../image/all_bg_btn1.gif) #ffffff no-repeat right bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left:  0px;
	vertical-align: top;
	text-align:center;
	cursor: pointer;
}

td.button_links {
	padding-left:10px;
	text-align:left;
}

td.button_rechts {
	padding-right:7px; /* wg. Schatten nicht so weit wie button_links */
	text-align:right;
}

/* Wenn ein Button-Bar Bereich innerhalb eines Tabellenelementes ausgegeben werden soll, 
   so ist diesem der selbe Hintergrund zuzuweisen.
   Beispiel:
   		<td class="buttonbar_container button_rechts" style="width:220px;">
			<h2w:userkdo width="80"  text="Weitere ..." kommando="TANM"/>
		</td>
*/
td.buttonbar_container {
	background-color:#E6E4E2;
	padding-top: 9px;
	padding-bottom:3px;
}		

/* Helvetia Logo im Kopfbereich */
#logohead table {
background-image:url(../image/top_border_popup_1024x768.gif);
background-repeat:repeat-x;
background-position:bottom;
height:92px;
}

#logohead td {
	text-align: right; /* Logo Grafik rechtsbündig */
}

/* ===================== footer config ======================== */

#filler {
	height:1px;
}

#footer {
	width: 100%;
	display: block;
	padding-top: 15px;
	float: left;
	visibility:hidden; /* wird erst nach Positionierung durch movefooter.js angezeigt */
}

/* footer menu */
#footermenubox {
float:left;
width:408px;
}
#footermenubox a {
color:#424242;
}
#footermenubox a:hover {
color:#CC0E1B;
text-decoration:none;
}

#contentfooterbox {
	width:100%;
	height:31px;
}

.footer_main {
	background-image: url(../image/footer_popup_1024x768.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.footer_inframe {
	background-image: url("../image/footer.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.footer_help {
	background-image: url("../image/footer_popup_560x600.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#contentfooterbox ul {
	margin:0px 0px 16px;
	padding:0px;
}
#contentfooterbox ul li {
	display:inline;
	padding:0px;
	margin:0px 10px 10px 0px;
	list-style-type:none;
}
#contentfooterbox a {
	padding-left:30px;
	margin-top:40px;
	color:#424242;
}

#contentfooterbox a:hover {
	color:#CC0E1B;
	text-decoration:none;
}

#contentfooterbox .pagetop {
	background: url(../image/icon_top.gif) 10px 2px no-repeat;
}

#contentfooterbox .printprev {
	background: url(../image/icon_printview.gif) 10px 2px no-repeat;
}

#contentfooterbox .closewin {
	background: url(../image/icon_close.gif) 10px 2px no-repeat;
}


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