/* *******************************************************************************
   GENERELL
   ******************************************************************************* */
html, body { height:100%; }
body {
	background-color:#fff;
	margin:0;
	padding:0;
	line-height:13px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	color:#000;
}

/* Trenner Navi/Content als Hintergrundgrafik abhängig von der Navibreite */
body.navi279 { background:#fff url(img/bg.gif) 279px 0 repeat-y; }
body.navi297 { background:#fff url(img/bg.gif) 297px 0 repeat-y; }
body.navi245 { background:#fff url(img/bg.gif) 245px 0 repeat-y; }
body.navi229 { background:#fff url(img/bg.gif) 229px 0 repeat-y; }

/* Standardwerte für diverse Tags */
form { margin:0;padding:0; }
label { cursor:pointer; line-height:20px;vertical-align:top; }

a { outline:none; text-decoration:none; }
h2 { font-size:18px; margin:0;padding:0; font-weight:normal; }
table { border:0; width:100% } /* cellpadding/cellspacing wird von css nicht unterstützt */

/* der BasicDatePicker bekommt sonst die 100% von table ab */
.bdpWrapper {width:auto;}


/* Clear zum bereinigen nach Floats */
div.clear_tbl_iefix, div.clear {
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
div.clear { clear: both; }
.clearleft { clear:left; }
.clearright { clear:right; }

/* Button mit 100px Breite für Links und Formulare */
.btn_100, .btn_120, .btn_140, .btn_150, .btn_180, .btn_200, 
.btn_100_dis, .btn_120_dis, .btn_140_dis, .btn_150_dis, .btn_180_dis, .btn_200_dis, 
.btn_int_100, .btn_int_120, .btn_int_140, .btn_int_150, .btn_int_180, .btn_int_200, 
.btn_int_100_dis, .btn_int_120_dis, .btn_int_140_dis, .btn_int_150_dis, .btn_int_180_dis, .btn_int_200_dis {
        /*color:#0057a6;*/
        /*color:#FFFFFF;*/
		color: #bfd5e9;
        font-weight:bold;
        font-size:11px;
        text-align:center;
        /*line-height:26px;*/
        padding-top:5px;
        padding-bottom:9px;
        margin:0;
        float:left;
        /*height:23px;*/
        height:27px;
        border:0;
        text-decoration:none;
        cursor:pointer;
        display:inline;
}

.btn_int_100, .btn_int_120, .btn_int_140, .btn_int_150, .btn_int_180, .btn_int_200 {
        color:#0057a6;
}

.btn_100_dis, .btn_120_dis, .btn_140_dis, .btn_150_dis, .btn_180_dis, .btn_200_dis {
        cursor:default;
}

.btn_int_100_dis, .btn_int_120_dis, .btn_int_140_dis, .btn_int_150_dis, .btn_int_180_dis, .btn_int_200_dis {
        color:#BEBEBE;
        cursor:default;
}

.btn_100 { width:100px; background:url(img/btn_blue_100.gif) 0 0 no-repeat; }
.btn_120 { width:120px; background:url(img/btn_blue_120.gif) 0 0 no-repeat; }
.btn_140 { width:140px; background:url(img/btn_blue_140.gif) 0 0 no-repeat; }
.btn_150 { width:150px; background:url(img/btn_blue_150.gif) 0 0 no-repeat; }
.btn_180 { width:180px; background:url(img/btn_blue_180.gif) 0 0 no-repeat; }
.btn_200 { width:200px; background:url(img/btn_blue_200.gif) 0 0 no-repeat; }

.btn_100_dis { width:100px; background:url(img/btn_blue_100_inactiv.gif) 0 0 no-repeat; }
.btn_120_dis { width:120px; background:url(img/btn_blue_120_inactiv.gif) 0 0 no-repeat; }
.btn_140_dis { width:140px; background:url(img/btn_blue_140_inactiv.gif) 0 0 no-repeat; }
.btn_150_dis { width:150px; background:url(img/btn_blue_150_inactiv.gif) 0 0 no-repeat; }
.btn_180_dis { width:180px; background:url(img/btn_blue_180_inactiv.gif) 0 0 no-repeat; }
.btn_200_dis { width:200px; background:url(img/btn_blue_200_inactiv.gif) 0 0 no-repeat; }

.btn_int_100 { width:100px; background:url(img/btn_white_100.gif) 0 0 no-repeat; }
.btn_int_120 { width:120px; background:url(img/btn_white_120.gif) 0 0 no-repeat; }
.btn_int_140 { width:140px; background:url(img/btn_white_140.gif) 0 0 no-repeat; }
.btn_int_150 { width:150px; background:url(img/btn_white_150.gif) 0 0 no-repeat; }
.btn_int_180 { width:180px; background:url(img/btn_white_180.gif) 0 0 no-repeat; }
.btn_int_200 { width:200px; background:url(img/btn_white_200.gif) 0 0 no-repeat; }

.btn_int_100_dis { width:100px; background:url(img/btn_white_100_inactive.gif) 0 0 no-repeat; }
.btn_int_120_dis { width:120px; background:url(img/btn_white_120_inactive.gif) 0 0 no-repeat; }
.btn_int_140_dis { width:140px; background:url(img/btn_white_140_inactive.gif) 0 0 no-repeat; }
.btn_int_150_dis { width:150px; background:url(img/btn_white_150_inactive.gif) 0 0 no-repeat; }
.btn_int_180_dis { width:180px; background:url(img/btn_white_180_inactive.gif) 0 0 no-repeat; }
.btn_int_200_dis { width:200px; background:url(img/btn_white_200_inactive.gif) 0 0 no-repeat; }

.btn_100:hover, .btn_120:hover, .btn_140:hover, .btn_150:hover, .btn_180:hover, .btn_200:hover, 
.btn_int_100:hover, .btn_int_120:hover, .btn_int_140:hover, .btn_int_150:hover, .btn_int_180:hover, .btn_int_200:hover {
		background-position:0 -28px;
	}

.btn_100:hover, .btn_120:hover, .btn_140:hover, .btn_150:hover, .btn_180:hover, .btn_200:hover {
        color:#FFFFFF;
	}

a.lnkbtn_dyn, a.lnkbtn_dyn_dis, a.lnkbtn_int_dyn, a.lnkbtn_int_dyn_dis {
		background: transparent url('img/btn_blue_dyn_r.gif') no-repeat scroll top right;
		color: #bfd5e9;
		display: block;
		float: left;
		font: normal 11px tahoma, arial, sans-serif;
		font-weight:bold;
		height: 28px;
		margin-right: 6px;
		padding-right: 18px;
		text-decoration: none;
		min-width:82px;
        text-align:center;
	}

a.lnkbtn_dyn span, a.lnkbtn_dyn_dis span, a.lnkbtn_int_dyn span, a.lnkbtn_int_dyn_dis span {
		background: transparent url('img/btn_blue_dyn_l.gif') no-repeat;
		display: block;
		/*padding: 6px 0 9px 18px;*/
		padding: 0px 0px 4px 16px;
		line-height: 24px;
	}

a.lnkbtn_dyn_dis { background: transparent url('img/btn_blue_dyn_r_dis.gif') no-repeat scroll top right; }
a.lnkbtn_int_dyn { background: transparent url('img/btn_white_dyn_r.gif') no-repeat scroll top right; }
a.lnkbtn_int_dyn_dis { background: transparent url('img/btn_white_dyn_r_dis.gif') no-repeat scroll top right; }

a.lnkbtn_dyn_dis span { background: transparent url('img/btn_blue_dyn_l_dis.gif') no-repeat; }
a.lnkbtn_int_dyn span { background: transparent url('img/btn_white_dyn_l.gif') no-repeat; }
a.lnkbtn_int_dyn_dis span { background: transparent url('img/btn_white_dyn_l_dis.gif') no-repeat; }

a.lnkbtn_dyn:hover, a.lnkbtn_int_dyn:hover {
		background-position: bottom right;
		background-repeat:no-repeat;
		outline: none;
	}

a.lnkbtn_dyn:hover {
		color: #fff;
	}

a.lnkbtn_dyn:hover span, a.lnkbtn_int_dyn:hover span {
		background-position: bottom left;
		background-repeat:no-repeat;
		/*padding: 6px 0 9px 18px;*/
		line-height: 24px;
	}

a.lnkbtn_int_dyn { color:#0166a9; }
a.lnkbtn_dyn_dis { cursor:default; }
a.lnkbtn_int_dyn_dis { color:#BEBEBE; cursor:default; }

/* Immer wieder gebraucht, aber als Klasse einfacher zu verwenden */
.right { float:right; }
.left { float:left; }
.isBold { font-weight:bold; }
.centered { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.cursorPointer { cursor:pointer; }

/* *******************************************************************************
   HEADER
   ******************************************************************************* */
#header {
	/*height:53px;*/
	display:block;
	background:#fff;
	border-bottom:1px solid #001426;
	/*padding-top:21px;*/
	padding-left:20px;
	padding-right:30px;
	text-align:left;
}
#headerbalken {
	/*background:url(img/header_balken.gif) top left repeat-x;*/
	background-image: url(img/header_balken_slim.gif);
	/*height:48px;*/
	height:23px;
	padding-left:20px;
	border-bottom:1px solid #fff;
	text-align:left;
	/*line-height:20px;*/
	font-size:11px;
	font-weight:bold;
	color:White;
}

/*
   Hinweis:
   Verwendung von Hintergrundgrafiken erfolgt als
   Workaround für den IE6, der ohne Javascript
   keine Alpha-Kanäle bei PNG darstellen kann. Daher
   sind die Schatteneffekte "vorgerendert" gespeichert.
*/
#headerbalken .navitem, #headerbalken .navitemsel {
	line-height:48px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	height:48px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:52px;
	padding-right:10px;
	float:left;
	color:#bfd5e9;
}

#headerbalken .navitem:hover { background-position:0 -48px; }
#headerbalken .navitemsel {	background-color:#006DBC; background-position:0 -48px; color:#fff; }

/* Hier die einzelnen Hintergrundgrafiken für die Navigationselemente */
.navi_anlagenverwaltung { background-image:url(img/mainnav_anlagenverwaltung.gif); }
.navi_geraete { background-image:url(img/mainnav_geraete.gif); }
.navi_ereignisse { background-image:url(img/mainnav_ereignisse.gif); }
.navi_datenlogger { background-image:url(img/mainnav_datenlogger.gif); }
.navi_einstellungen { background-image:url(img/mainnav_einstellungen.gif); }
.navi_info { background-image:url(img/mainnav_info.gif); }
.navi_monitor { background-image:url(img/mainnav_monitor.gif); }
.navi_oeffnen { background-image:url(img/mainnav_oeffnen.gif); }
.navi_anlagenuebersicht { background-image:url(img/mainnav_anlagenuebersicht.gif); }

/* Und der Style für den Trennstrich */
.navitrenner {
	width:2px;
	height:48px;
	float:left;
	background:url(img/head_navtrenner.gif) 0 0 no-repeat;
	font-size:1px;
}

/* Logoutblock mit zweizeiligem Text */
#headerbalken #logoutarea {
	float:right;
	height:48px;
}
#headerbalken #logoutarea .navitem, #headerbalken #logoutarea .navitemsel {
	width:55px;
	padding:0;
}
#headerbalken #logoutarea .adminlogout {
	text-decoration:none;
	color:#bfd5e9;
	float:left;
	line-height:14px;
	height:38px;
	padding-top:10px;
	padding-right:10px;
	margin-right:20px;
	background:url(img/head_nav_logout.gif) 0 0 no-repeat;
	padding-left:44px;
}
#headerbalken #logoutarea .adminlogout:hover {
	background-position:0 -48px;
}

/* Trenner zwischen Hauptnavigation und Subnavi/Content */
#headertrenner {
	background:#e8e8e8;
	height:11px;
	line-height:11px;
}

/* *******************************************************************************
   NAVIBEREICH (eigentlich Subnavi)
   ******************************************************************************* */
#navi {
	float:left;
	/*clear:both;*/
	display:block;
	border-top:1px solid #989898;
    text-align:left;
}

.navi279 #navi { width:279px; } /* Für die verschiedenen möglichen Breiten des */
.navi297 #navi { width:297px; } /* Navigationsbereiches                        */
.navi245 #navi { width:245px; }
.navi229 #navi { width:229px; }

/* *******************************************************************************
   NAVIELEMENTE - Aufklappmenü
   ******************************************************************************* */
#navi ul {
	margin:0 1px 0 1px;
	padding:0;
	list-style-type:none;
	line-height:22px;
}
#navi ul ul, #navi ul ul ul {
	margin:0;
}

#navi ul li a {
	background:#21497A url(img/nav_cat_main_new.png) top left no-repeat;
	font-weight:bold;
	color:#bfd5e9;
	display:block;
	margin-top:1px;
	line-height:36px;
	padding:0px 5px 4px 19px;
	cursor:pointer;
}

#navi ul li a:hover { color:#fff; }

#navi .configuration{
background: url(img/icon_configuration.png) top left no-repeat;
text-indent:40px;
margin:0;
margin-left:-10px;
}
#navi .visualization{
background: url(img/icon_visualisierung.png) top left no-repeat;
text-indent:40px;
margin-left:-10px;
}
#navi .analysis{
background: url(img/icon_anlagenanalyse.png) top left no-repeat;
text-indent:40px;
margin-left:-10px;
}
#navi .plantselect{
background: url(img/icon_anlagenliste.png) top left no-repeat;
text-indent:40px;
margin-left:-10px;
}
#navi .service{
background: url(img/icon_service.png) top left no-repeat;
text-indent:40px;
margin-left:-10px;
}
#navi .userinfo{
background: url(img/icon_benutzereinstellung.png) top left no-repeat;
text-indent:40px;
margin-left:-10px;
}

.navi229 #navi ul a { width:203px; }

#navi ul ul a {
	background:url(img/nav_cat_sub.gif) top left repeat-y;
	background-color:#fff;
	font-weight:normal;
	color:#0166A9;
	line-height:14px;
	border-bottom:1px solid #e5e5e5;
	padding:5px 5px 5px 19px;
}
.navi229 #navi ul ul a { width:203px; }

#navi ul ul ul a {
	background:#fff;
	font-weight:normal;
	color:#0066AA;
	border:0;
}

#navi ul ul ul a:hover {
	background:#E0EAF4;
	color:#0066AA;
}

#navi ul ul ul { border-bottom:1px solid #BEBEBE; }

#navi .opened a { background-position:-454px 0; }
#navi .closed a { background-position:-227px 0; }
#navi .nosub a { background-position:0 0px; }

#navi .closed ul { display:none; }

#navi ul ul .nosub a:hover {
	background:#E0EAF4;
}

#navi ul ul a:hover {
	color:#0166A9;
}

#navi .selected a { background:#dbd9db; }

/* *******************************************************************************
   NAVIELEMENTE - Auflistung als Liste / Baumstruktur
   ******************************************************************************* */
/* Erst der Kopf mit Buttons für Liste/Verzeichnis */
#navilist_head {
	height:38px;
	border-bottom:1px solid #989898;
	display:block;
	background:#e8e8e8 url(img/navilist_head_bg.gif) top left no-repeat; /* weißer streifen links und oben */
	padding-left:20px;
}
.navibtn_plus, .navibtn_minus {
	float:left;
	margin-top:1px;
	height:37px;
	width:31px;
	background:url(img/navilist_plus.gif) 0 0 no-repeat;
	border:0;
	text-decoration:none;
}
.navibtn_minus {
	background:url(img/navilist_minus.gif) 0 0 no-repeat;
}
#navilist_head_RecStop {
	float:right;
	height:38px;
	padding-left:15px;
	background:url(img/navi_head_btn_verlauf.gif) top left no-repeat;
}
#navilist_head_RecStop .btnRec, #navilist_head_RecStop .btnStop {
	float:left;
	height:38px;
	width:41px;
	background:url(img/navilist_rec.gif) 0 0 no-repeat;
	border:0;
	text-decoration:none;
}

#navilist_head_RecStop .btnStop {
	background:url(img/navilist_stop.gif) 0 0 no-repeat;
	width:42px;
}
#navilist_head_RecStop .btnRec:hover, #navilist_head_RecStop .btnStop:hover, #navilist_head_RecStop .btnSelected {
	background-position:0 -38px;
}

/* Jetzt der Inhalt der Naviliste, die Höhe wird der Browserhöhe angepasst */
#navilist_cnt {
	position: absolute;
	left: 0px;
	width:297px;
	top: 175px;
	bottom: 30px; /* Diese Angabe "versteht" der IE6 nicht, siehe IE6 Stylesheet */
	overflow:auto;
	padding:10px 0 10px 0;
}
#navilist_listcnt {
	margin:0 10px 0 20px;
}
/* Formatierungen für die Baumstruktur */
#navilist_listcnt ul {
	margin:0; padding:0;
	list-style-type:none;
	line-height:20px;
}

#navilist_listcnt ul .root { /* Wurzelelement */
	background:url(img/liste/list_wb.gif) 0 3px no-repeat;
	padding-left:33px;
	font-weight:bold;
	display:block;
	margin-bottom:2px;
	line-height:24px;
}

#navilist_listcnt ul a {
	text-decoration:none;
	color:#000;
	line-height:24px;
}

#navilist_listcnt ul ul { /* Durchgängiger Vertikaler Strich für die erste Ebene */
	background:url(img/liste/list_vertline.gif) 0 0 repeat-y;
	margin-left:6px; /* Erste Ebene ist nur wenig eingerückt */
}

#navilist_listcnt ul ul ul { /* Durchgängiger Vertikaler Strich für die folgenden (in der Tiefe unbeschränkten) Ebenen */
	background:url(img/liste/list_vertline.gif) 0 0 repeat-y;
	margin-left:30px; /* Folgende Ebenen werden weiter eingerückt, da die Knotenpunkte angezeigt werden müssen */
}

/* Hinweis: Bitte für das LETZTE Element der jeweiligen Tiefe die Klasse "last" mit angeben,
            damit das Element korrekt die Vertikale Linie beendet                            */

/* (Letzter) Normaler Knotenpunkt ohne Unterpunkte */
#navilist_listcnt ul ul .node { background:url(img/liste/list_node.gif) 0 0 no-repeat; line-height:26px; }
#navilist_listcnt ul ul .last { background:#fff url(img/liste/list_lastnode.gif) 0 0 no-repeat; }

/* (Letzter) Knotenpunkt mit Unterpunkten, geöffnet (es werden Unterpunkte angezeigt) */
#navilist_listcnt ul ul .opened { background:url(img/liste/list_opened.gif) 0 0 no-repeat; }
#navilist_listcnt ul ul .lastopened { background:#fff url(img/liste/list_lastnodeopened.gif) 0 0 no-repeat; }

/* (Letzter) Knotenpunkt mit Unterpunkten, geschlossen (es werden keine Unterpunkte angezeigt) */
#navilist_listcnt ul ul .closed { background:url(img/liste/list_closed.gif) 0 0 no-repeat; }
#navilist_listcnt ul ul .lastclosed { background:#fff url(img/liste/list_lastnodeclosed.gif) 0 0 no-repeat; }

/* Verstecken der Unterpunkte */
#navilist_listcnt ul ul .lastclosed ul, #navilist_listcnt ul ul .closed ul,

/* Hier nun die Verlinkungen, "linkgrp" für Kategorien, "linkitem" für die einzelnen Geräte */
#navilist_listcnt ul ul .linkgrp, #navilist_listcnt ul ul .linkitem {
	background:url(img/liste/list_sb.gif) 24px 2px no-repeat;
	padding-left:54px;
	display:block;
}
#navilist_listcnt ul ul .linkitem { background:url(img/liste/list_sb_ok.gif) 24px 0 no-repeat; }
#navilist_listcnt ul ul .linkgrp:hover span, #navilist_listcnt ul ul .linkitem:hover span { text-decoration:underline; }
#navilist_listcnt ul ul .selecteditem span { background-color:#316ac5; color:#fff; }

/* *******************************************************************************
   NAVIELEMENTE - Linkliste
   ******************************************************************************* */
#navi .navientry, #navi .navientrysel {
	margin:0;padding:0;
	height:39px;
	border-bottom:1px solid #bfbfbe;
	font-size:11px;
	line-height:39px;
	font-weight:bold;
	color:#0057a6;
	text-decoration:none;
	display:block;
	padding-left:59px;
	background:url(img/nav_el_empty.gif) 0 0 no-repeat;
}
#navi .naviicon {
	width:32px;
	height:32px;
	padding:3px 9px 3px 9px;
	line-height:32px;
	float:left;
}
#navi .iconSystem { background:url(img/nav_el_system.gif) 0 0 no-repeat; }
#navi .iconNetzwerk { background:url(img/nav_el_netzwerk.gif) 0 0 no-repeat; }
#navi .iconPortal { background:url(img/nav_el_portal.gif) 0 0 no-repeat; }
#navi .iconSicherheit { background:url(img/nav_el_sicherheit.gif) 0 0 no-repeat; }
#navi .iconModem { background:url(img/nav_el_modem.gif) 0 0 no-repeat; }
#navi .iconDatenaufzeichnung { background:url(img/nav_el_datenaufzeichnung.gif) 0 0 no-repeat; }
#navi .iconPasswort { background:url(img/nav_el_passwort.gif) 0 0 no-repeat; }
#navi .iconService { background:url(img/nav_el_service.gif) 0 0 no-repeat; }
#navi .iconUpdatesWebBox { background:url(img/nav_el_update.gif) 0 0 no-repeat; }
#navi .iconUpdatesGonzo { background:url(img/nav_el_update.gif) 0 0 no-repeat; }

#navi .navientry:hover, #navi .navientrysel {
	background-position:0 -39px;
}

/* *******************************************************************************
   CONTENT
   ******************************************************************************* */

#content {
	border-top:1px solid #989898;
	padding:24px;
	/*display:block;
	text-align:left;*/
}

.navi279 #content { margin-left:285px; } /* Für die verschiedenen möglichen Breiten des */
.navi297 #content { margin-left:303px; } /* Navigationsbereiches                        */
.navi245 #content { margin-left:251px; }
.navi229 #content { margin-left:235px; }
.no_navi #content { padding:24px 45px 24px 45px; }

#content.contentFull {
	border-top:0;
	padding:0;
}

/* Diese Elemente haben einen Schatten, haha */
#content .tabelle {
	padding:0;margin:0;
	padding-bottom:4px;
	background:url(img/tab_bottom.gif) bottom left repeat-x;
	color:#000;
	display:block;
}
#content .tabelleLightbox {
	padding:0;margin:0;
	color:#000;
	display:block;
}

/* Tabellenrahmen für Anzeige von Reitern auf oberster Contentebene */
#content .tabelleFull {
	padding:0;margin:0;
	color:#000;
	display:block;
}

#content .notabs {
	border-top:1px solid #989898;
}

#content .tabelleFull .tabcontent {
	padding:24px;
}

/* Gepunkteter Trennstrich */
.strich {
	display:block;
	background:url('img/strichpunkt.gif') repeat-x left 50%;
	height:40px;
}
/* Gepunkteter Trennstrich */
.strich10 {
	display:block;
	background:url(img/strichpunkt.gif) center left repeat-x;
	height:10px;
}

/* *******************************************************************************
   REITER FULL (Anzeige ohne Rahmen, Reiter ganz oben bei Content)
   ******************************************************************************* */
#content .tabelleFull {
	border:0;

}
#content .tabelleFull .tabs {
	height:30px;
	background:#e8e8e8 url(img/tabFullback.gif) bottom left repeat-x;
	padding-left:20px;
	display:block;
}
#content .tabelleFull .tabs .tab, #content .tabelleFull .tabs .tabactive {
	float:left;
	height:30px;
	background:url(img/tabFull.gif) top left no-repeat;
	text-decoration:none;
	line-height:29px;
	font-size:11px;
	color:#787878;
	outline:none;
	font-weight:bold;
}
#content .tabelleFull .tabs .tab:hover {
	color:#000;
}
#content .tabelleFull .tabs .tabactive {
	background:url(img/tabFullsel.gif) top left no-repeat;
	color:#000;
}
#content .tabelleFull .tabs .tab span, #content .tabelleFull .tabs .tabactive span {
	background:url(img/tabFull.gif) top right no-repeat;
	height:30px;
	float:left;
	margin-left:18px;
	padding-right:19px;
	cursor:pointer;
}
#content .tabelleFull .tabs .tabactive span {
	background:url(img/tabFullsel.gif) top right no-repeat;
}

/* *******************************************************************************
   REITER
   ******************************************************************************* */
#content .tabelle .tabs {
	height:30px;
	background:url(img/tabback.gif) bottom left repeat-x;
	padding-left:20px;
	display:block;
}
#content .tabelle .tabs .tab, #content .tabelle .tabs .tabactive {
	float:left;
	height:30px;
	background:url(img/tab.gif) top left no-repeat;
	text-decoration:none;
	line-height:29px;
	font-size:11px;
	color:#787878;
	outline:none;
	font-weight:bold;
}
#content .tabelle .tabs .tab:hover {
	color:#000;
}
#content .tabelle .tabs .tabactive {
	background:url(img/tabsel.gif) top left no-repeat;
	color:#000;
}
#content .tabelle .tabs .tab span, #content .tabelle .tabs .tabactive span {
	background:url(img/tab.gif) top right no-repeat;
	height:30px;
	float:left;
	margin-left:18px;
	padding-right:19px;
	cursor:pointer;
}
#content .tabelle .tabs .tabactive span {
	background:url(img/tabsel.gif) top right no-repeat;
}

/* *******************************************************************************
   BAUMSTRUKTUR für Momentanwerte/Parameter
   ******************************************************************************* */
#valuetree ul {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:26px;
}

/* Strich oberhalb jedes Eintrags */
#valuetree ul li {
	background:#eeeeee url(img/white_stripe.gif) 0 0 repeat-x;
}

/* Für mehrere Unterebenen muss der Einzug angepasst werden,
   da bei einem Margin der <ul> Tags sonst die Linien (Border Top) nicht
   komplett durchgezogen werden */
#valuetree ul li .listEntry { margin-left:10px; } /* Unterebene 1 */
#valuetree ul ul li .listEntry { margin-left:20px; } /* Unterebene 2 */
#valuetree ul ul ul li .listEntry { margin-left:30px; } /* Unterebene 3 */
#valuetree ul ul ul ul li .listEntry { margin-left:40px; } /* Unterebene 4 */
#valuetree ul ul ul ul ul li .listEntry { margin-left:50px; } /* Unterebene 5 */
#valuetree ul ul ul ul ul ul li .listEntry { margin-left:60px; } /* Unterebene 6 */
#valuetree ul ul ul ul ul ul ul li .listEntry { margin-left:70px; } /* Unterebene 7 */
#valuetree ul ul ul ul ul ul ul ul li .listEntry { margin-left:80px; } /* Unterebene 8 */
#valuetree ul ul ul ul ul ul ul ul ul li .listEntry { margin-left:90px; } /* Unterebene 9 */

/* Unterebenen (opened/closed beachten, Darstellung mit Pfeil) */
#valuetree ul a {
	margin-left:10px;
	padding-left:10px;
	background:url(img/pfeil.gif) top left no-repeat;
	color:#000;
}

/* Werte (weisser Hintergrund, gepunktete Linie als Trenner (FIRSTVALUE beachten!) */
#valuetree .value, #valuetree .firstvalue {
	border-top:1px dotted #bfbfbf;
	background:#fff;
}

#valuetree .opened, #valuetree .closed, #valuetree .firstvalue {
	border-top:1px solid #bfbfbf;
}

/* Anzeigen von Unterebenen */
#valuetree .opened a { background-position:0 -40px; }
#valuetree .opened ul { display:block; }

/* Verstecken von Unterebenen */
#valuetree .closed a { background-position:0 -20px; }
#valuetree .closed ul { display:none; }

/* *******************************************************************************
   TABELLENELEMENTE
   ******************************************************************************* */
.tableheading { line-height:22px; height:22px; display:block; } /* Überschriften über Tabellen haben 22px Höhe */
table.seamless { margin-top:-8px; } /* für Tabellen unter Tabellen, die direkt anschließen sollen ohne 8px padding */

#content .tabelle .tabcontent {
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	padding:19px;
}

#content .tabelle .tabcontentbordertop {
	border-top:1px solid #bfbfbf;
}

/* Tabellenkopf (Verlaufshintergrund) */
#content .tabelle .tabhead {
	background:url(img/tablehead.gif) top left no-repeat;
}
#content .tabelle .tabhead .tabheadcontent {
	height:29px;
	line-height:29px;
	margin-left:14px;
	background:#DCDCDC url(img/tablehead.gif) top right no-repeat;
	color:#666666;
	font-weight:bold;
}
#content .tabelleLightbox .tabLighthead {
	background:url(img/tableheadLightboxFront.gif) top left no-repeat;
}
#content .tabelleLightbox .tabLighthead .tabLightheadcontent {
	height:29px;
	line-height:29px;
	margin-left:14px;
	background:transparent url(img/tableheadLightboxContent.gif) top right no-repeat;
	color:#666666;
	font-weight:bold;
	text-align:left;
}
/* wird benötigt, damit die Trennungslinie auch komplett unterhalb der Zeile erscheint */
#content .tabelle .tabclear {
	clear:left;
}
#content .tabelle th {
	background:url(img/tablehead.gif) -30px top no-repeat;
    padding-top:5px;
    padding-bottom:5px;
	line-height:15px;
	text-align:left;
}
#content .tabelle th.first { /* für Abrundung links */
    background:url(img/tablehead.gif) top left no-repeat;
	padding:5px 12px 5px 15px;
}
#content .tabelle th.last { /* für Abrundung rechts */
	background:url(img/tablehead.gif) top right no-repeat;
	padding:5px 4px 5px 0;
}

/* Rahmen um den Inhalt, ausser unten, da ist ja schon der Schatten */
#content .tabelle .tabrahmen {
	border:1px solid #bfbfbf;
	border-bottom:0;
	padding:1px;
}
#content .tabelleLightbox .tabLightrahmen {
	border:1px solid #000000;
	border-top:0;
	padding:0;
	background-color:#ffffff;
	text-align:left;
}

/* Abwechselnde Hintergrundfarben für Einträge
   Zeile1 = Weiss
   Zeile2 = Grau
   Durch einen kleinen Fehler kommt auf der Seite aber Zeile2 (Grau) zuerst */
#content .tabelle .tabrahmen .tabzeile1, #content .tabelle .tabrahmen .tabzeile2,
#content .tabelleLightbox .tabLightrahmen .tabzeile1, #content .tabelleLightbox .tabLightrahmen .tabzeile2 {
	border-top:1px solid #bfbfbf;
	background:#fff;
	padding:7px 0 7px 13px;
	vertical-align:middle;
}

#content .tabelle .tabrahmen .tabzeile2,
#content .tabelleLightbox .tabLightrahmen .tabzeile2 {
	background:#eeeeee url(img/white_stripe.gif) 0 0 repeat-x;
}

/* Label-Zellen von Eingabemasken */
#content .tabelle .tabrahmen .tablabel,
#content .tabelleLightbox .tabLightrahmen .tablabel {
	padding:5px 0 5px 10px;
	height:15px;
	line-height:15px;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
}

/* Input-Zellen (auch Label möglich) von Eingabemasken */
#content .tabelle .tabrahmen .tabedit,
#content .tabelleLightbox .tabLightrahmen .tabedit {
	padding:3px 3px 3px 10px;
	height:19px;
	line-height:19px;
	text-align:left;
}
/* falls ein DIV in der Zelle ist, dann normale line-height */
#content .tabelle .tabrahmen .tabedit div,
#content .tabelleLightbox .tabLightrahmen .tabedit div {
	line-height:13px;
}

/* ACHTUNG! Für das ERSTE Tabellenelement muss der obere Strich entfernt werden,
   da er sonst doppelt vorhanden ist (durch den Tabellenkopf)                    */
#content .tabelle .tabrahmen .tabfirst,
#content .tabelleLightbox .tabLightrahmen .tabfirst {
	border-top:0;
	background-image:none;
}

#content .tabelle .tabrahmen .tabzeiletrenner,
#content .tabelleLightbox .tabLightrahmen .tabzeiletrenner {
	border-left:1px solid #bfbfbf;
}

/* *******************************************************************************
   FORMULARFELDER
   ******************************************************************************* */
.inputSelect, .inputSelect_dis, .inputSelectSmall, .inputSelectSmall_dis, .inputText, .inputText_dis, .inputSelect4, .inputSelect4_dis, .inputSelect2, .inputSelect2_dis, .inputTextSmall, .inputTextSmall_dis, .inputTextTiny, .inputTextTiny_dis {
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	width:220px;
	border:1px solid #989898;
	padding:0px;
	margin:0px;
}
.inputSelect, .inputSelect_dis, .inputSelectSmall, .inputSelectSmall_dis { height:19px; }
.inputSelect, .inputSelect_dis { width:224px; }
.inputSelectSmall, .inputSelectSmall_dis { width:96px; }
.inputText, .inputText_dis, .inputTextSmall, .inputTextSmall_dis, .inputTextTiny, .inputTextTiny_dis { padding:2px; }
.inputTextSmall, .inputTextSmall_dis { width:92px; }
.inputTextTiny, .inputTextTiny_dis { width:50px; }
.inputSelect4, .inputSelect4_dis { width:60px; } /* Für vier Zeichen */
.inputSelect2, .inputSelect2_dis { width:50px; } /* Für zwei Zeichen -- wegen Safari recht breit */
.inputWithHelp { margin-top:2px; } /* Wegen der Positionierung des Hilfe-Symbols notwendiger Abstand! */

.inputText_dis, .inputTextSmall_dis, .inputTextTiny_dis, .inputSelect_dis, .inputSelectSmall_dis {
	/*border:1px solid #FFFFFF;
	color:#000000;*/
	background-color:#FFFFFF;
    color:#808080;
}

/* *******************************************************************************
   TABELLENBREITEN
   ******************************************************************************* */
/* Tabelle Login */
.loginCol1 { width:70px; }

/* Tabelle Geräte -> Übersicht */
.geraetCol1 { width:115px; }

/* Tabelle Geräte -> Momentanwerte */
.momentanColWert { width:80px; padding-right:10px; text-align:right; }
.momentanColEinheit { width:50px; padding-right:2px; }

/* Tabelle Geräte -> Parameter */
.parameterCol1 { width:45px; padding-right:10px; line-height:18px;}
.parameterCol3 { width:80px; padding-right:10px; }
.parameterCol4 { width:80px; padding-right:10px; }
.parameterCol5 { width:150px; padding-right:10px; }
.parameterCol6 { width:60px; padding-right:10px; }
th.parameterCol5 { padding-right:11px; padding-left:3px; }
th.parameterCol3 { padding-right:13px; }
.parameterCol5 .inputSelect { width:140px; }
.parameterCol5 .inputText {	width:136px; }
.parameterCol5 input, .parameterCol5 select { margin:-2px 0 -2px 0; } /* Damit die Zeilenhöhe stimmt beim Umschalten zu Parameter/Testkanäle */

/* Tabelle Geräte -> Testkanäle */
.testkanalCol1 { width:45px; padding-right:10px; line-height:18px;}
.testkanalCol3 { width:80px; padding-right:10px; }
.testkanalCol4 { width:60px; padding-right:10px; }

/* Tabelle Ereignisse */
.ereignisCol1 { width:150px; padding-right:10px; }
.ereignisCol2 { width:110px; padding-right:10px; }
.ereignisCol3 { width:100px; padding-right:10px; }
.ereignisCol4 { width:130px; padding-right:10px; }
th.ereignisCol3 { padding-left:3px; }
th.ereignisCol4 { padding-left:3px; padding-right:12px; }

/* Tabelle Einstellungen -> Modem */
.modemCol1 { width:160px; }

/* Tabelle Einstellungen -> Netzwerk */
.netzwerkCol1 { width:210px; }
.netzwerkCol2 { width:160px; }

/* Tabelle Einstellungen -> Datenaufzeichnung */
.datenaufzeichnungCol1 { width:160px; }
.datenaufzeichnungCol2 { width:240px; }

/* Tabelle Einstellungen -> Datenaufzeichnung -> CSV Einstellungen */
.dateiablageconfigCol1 { width:160px; }

/* Tabelle Einstellungen -> SMA Gerätekommunikation */
.geraetekommunikationCol1 { width:160px; }

/* Tabelle Einstellungen -> Sicherheit */
.sicherheitCol1 { width:160px; padding-right:10px; }
.sicherheitCol2 { width:130px; padding-right:10px; }
.sicherheitCol3 { width:110px; padding-right:10px; }

/* Tabelle Einstellungen -> Portal */
.portalCol1 { width:160px; }
.portalCol2 { width:170px; }

/* Tabelle Einstellungen -> System */
.systemCol1 { width:160px; }
.systemCol2 { width:240px; }

/* Tabelle Einstellungen -> Updates */
.updatesCol1 { width:160px; }
.updatesCol2 { width:240px; }

/* Tabelle Einstellungen -> Sprache */
.spracheCol1 { width:160px; }

/* Tabelle Einstellungen -> Datum und Uhrzeit */
.datumuhrzeitCol1 { width:285px; }

/* Tabelle Einstellungen -> Geräteerfassung */
.geraeteerfassungCol1 { width:285px; }
.geraeteerfassungWindow {
	width:99%; /* 100% zerschiesst das Layout! */
	height:200px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	border:0; margin:0;
}

/* Tabelle Einstellungen -> Service */
.serviceCol1 { width:160px; }
.serviceCol2 { width:120px; }

/* Tabelle Info */
.infoCol1 { width:165px; }
.infoCol2 { width:250px; }

/* Header Monitor */
.monitorHead { height:30px; display:block; }
.monitorWindow {
	width:99%; /* 100% zerschiesst das Layout! */
	height:200px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	border:0; margin:0;
}
/* *******************************************************************************
   HILFESYMBOL UND HILFSTEXT
   Anzeige erfolgt in den linken Navi, also nicht geeignet für Baumstruktur
   ******************************************************************************* */
.help, .helpvisible {
	text-decoration:none;
	color:#000;
}
.help span, .helpvisible span {
	position:absolute;
	top:433px;
	left:665px;
	width:191px;
	background:#ff9;
	padding:10px; margin:0;
	border:1px dotted #666;
	z-index:500;
	display:none;
}
.help:hover span, .helpvisible span {
	display:block;
}

/* *******************************************************************************
   SEITENNAVIGATION mit Buttons
   ******************************************************************************* */
.pagelink {
	color:#0057a6;
	margin:0 2px 0 2px;
	text-decoration:none;
}
.pagelink:hover {
	color:#e60005;
}
.currentpage {
	color:#e60005;
	font-size:12px;
}
.pagebtn, .pagebtn_dis {
	height:16px;
	background:url(img/btn_pageopt_bg.gif) 0 0 no-repeat;
	margin-left:5px;
	/*line-height:16px;*/
	/*float:left;*/
	overflow:hidden;
    cursor:pointer;
}
.pagebtn_dis {
	background:url(img/btn_pageopt_bg_dis.gif) 0 0 no-repeat;
    cursor:default;
}
.pagebtn:hover {
	background-position:0 -16px;
}
.pagebtn img, .pagebtn_dis img {
	vertical-align:middle;
	padding-bottom:1px;
}

/* *******************************************************************************
   STARTSEITE - Bild und Tabelle
   ******************************************************************************* */
#starttabelle {
	margin:auto;
	width:272px;
	display:block;
}

/* *******************************************************************************
   GERÄTEANSICHT - Bild und Tabelle (Übersicht)
   ******************************************************************************* */
#geraetbild {
	float:left;
	width:150px;
}

#geraettabelle {
	width:272px;
	display:block;
	margin-left:175px;
}

/* *******************************************************************************
   ANLAGENÜBERSICHT
   ******************************************************************************* */
#anlagenuebersichtTabelle {
	width:750px;
}
.anlagenuebersichtCol1 {
	padding-right:30px;
	vertical-align:top;
}
.anlagenuebersichtCol2 {
	width:275px;
	vertical-align:top;
}
#anlagenuebersichtTabelle .zeile1, #anlagenuebersichtTabelle .zeile2 {
	border-top:1px solid #bfbfbf;
	background:#fff;
	vertical-align: middle;
}

#anlagenuebersichtTabelle .zeile2 {
	background:#eeeeee url(img/white_stripe.gif) 0 0 repeat-x;
}

#anlagenuebersichtTabelle .bluebox {
	border-top:1px solid #fff;
	width:30px;
	padding:0;
	background:#004D83;
}

#anlagenuebersichtLinksObenBild {
	width:160px;
	vertical-align:middle;
	text-align:center;
	float:left;
}
#anlagenuebersichtLinksObenTabelle {
	width:255px;
	float:left;
	line-height:20px;
}

.anlagenuebersichtRechtsObenCol1 { width:115px; padding:7px 0 7px 10px; }
.anlagenuebersichtRechtsObenCol2 { font-weight:bold; text-align:right; padding:7px 10px 7px 0; }

#anlagenuebersichtDateLine {
	width:160px;
	margin:auto;
	padding-top:20px;
	line-height:14px;
}
#anlagenuebersichtDateLine span {
	padding:0 10px 0 10px;
}

.anlagenuebersichtRechtsUnten { /* Abstand nach Oben, da Tabs unten Links vorhanden sind */
 	margin-top:29px;
}
.anlagenuebersichtLinksUnten { /* Höhe festlegen, damit es angenehmer für das Auge ist */
 	height:220px;
}
/* *******************************************************************************
   MODEM VERBINDUNGSTEST
   ******************************************************************************* */
#verbindungstestTabelle {
	width:400px;
	display:block;
}
.verbindungstestCol1 {
	font-weight:bold;
	width:200px;
}
.verbindungstestInfo {
	margin-top:20px;
	text-align:center;
}
#verbindungstestTabelle .error, #verbindungstestTabelle .success {
	border:1px solid #bfbfbf;
	padding:10px;
	background:#a00;
	color:#fff;
}

#verbindungstestTabelle .success {
	background:#0a0;
}

/* *******************************************************************************
   MODEM SIGNALSTÄRKE
   ******************************************************************************* */
#signalstaerkeTabelle {
	width:602px;
	display:block;
}
.signalstaerkeCol1 {
	font-weight:bold;
	width:200px;
}

#signalstaerkeBalken {
	width:600px;
	height:20px;
	background:url(img/signalbalken.jpg) top left repeat-y;
	border:1px solid #bfbfbf;
	margin-top:20px;
}
#signalstaerkeBalken span {
	font-size:1px;line-height:1px;
	background:#fff;
	border-left:2px solid #000;
	float:right;
	height:20px;
}

/* *******************************************************************************
   AUTO-REFRESH - Form unter Tabelle mit Abstand von Links
   ******************************************************************************* */
.bottomRefresh {
	margin-left:125px;
	padding-top:2px;
}

/* STATUSBALKEN */
.statusbarMargin { /* Wichtig, um den Content nicht zu überdecken */
	height:30px;
	line-height:30px;
}
#statusbar {
	display:block;
	width:100%;
	height:31px;
	position:fixed;
	bottom:0;
	left:0;
	line-height:31px;
	background:#E8E8E8 url(img/bg_statusbar.gif) top left no-repeat;
	color:#666;
	text-align:left;
}
.navi279 #statusbar { background-position:-120px 0; } /* Für die verschiedenen möglichen Breiten des */
.navi297 #statusbar { background-position:-102px 0; } /* Navigationsbereiches                        */
.navi245 #statusbar { background-position:-154px 0; }
.navi229 #statusbar { background-position:-170px 0; }
.no_navi #statusbar { background-position:-405px 0; }

#statusbarDesc {
	margin-left:10px;
	margin-right:15px;
}
#statusbarDesc a {
	color:#666;
}
#statusbarDesc a:hover {
	color:#000;
}
#statusbarVersion {
	padding-left:15px;
	border-left:1px solid #666;
}
#statusbarLoading {
	float:right;
	margin-right:30px;
	display:none;
}
#statusbarLoading.visible {
	display:block;
}
/* *******************************************************************************
   ABSTÄNDE
   ******************************************************************************* */
.spaceL25 {	margin-left:25px; }
.spaceL15 {	margin-left:15px; }
.spaceR10 {	margin-right:10px; }
.spaceR15 {	margin-right:15px; }
.spaceR20 {	margin-right:20px; }

/* *******************************************************************************
   DIVERSES
   ******************************************************************************* */
.headSmallDate { line-height:23px; }
.lh14 { line-height:14px; }
.padding10 { padding:10px; }

.textGreen { color:#0F9104; }
.textRed { color:#900; }

.hidden { display:none; }
.visible { display:block; }


/* *******************************************************************************
   START PAGE
   ******************************************************************************* */

img {
	border: 0;
}

body.no_navi
{
	background: url(head_bg.gif) top left repeat-x;
	/*text-align: center; /* Krücke für IE < Version 6, da margin 0 auto falsch interpretiert wird */
}



p {
	margin-bottom: 10px;
}


/*input, option, select{
	font: 11px tahoma,arial,verdana,sans-serif;
	height: 18px;
	padding-top: 4px;
	padding-left: 5px;
	border: 1px solid #bebebe;
}*/


/* --------------------------------  Main -------------------------------- */

.main
{
	/*background: #ffffff;*/
	min-height: 100%;
	width: 960px;
	margin: 0px auto;
	color: #323232;
	text-align: left; /* Krücke für IE, sonst ist alles zentriert ausgerichtet */
	position: relative;
}

* html .main /* Krücke für IE */
{
	height: 100%;
}



/* --------------------------------  Content -------------------------------- */

.content 
{
	float: left;
	width: 960px;
	margin-top: 10px;
	margin-bottom: 40px;
	line-height: 16px;
}


a{
	color: #0166a9;
}


#strich {
	display:block;
	background:url(strichpunkt.gif) center left repeat-x;
	height:10px;
	background-color:#FF0000;
	margin: 0;
	padding: 0;
}

/* --------------------------------  Sunnyportal 2008_05_27 -------------------------------- */



/* Labels fuer redisign*/
.base-error, .base_label, .base_label_50, .base_label_100, .base_label_120, .base-_abel_150, .base_label_200, .base_label_250
{
	/*cursor:pointer;*/
	line-height:20px;
	vertical-align:top; 
}

.base_label_50{ width:50px; display:inline; }
.base_label_100{ width:100px; display:inline; }
.base_label_120{ width:120px;  display:inline; }
.base_label_150 { width:150px; display:inline; }
.base_label_200{ width:200px;  display:inline; }
.base_label_250{ width:250px; display:inline; }

.base-error
{
	color: Red;
	/*color:#900;*/
	display:inline;
}

.base-link
{
	text-decoration: underline;
}


.base-image 
{ 
	border: 0px;
}

img 
{ 
	border: 0px;
}
.base-gray
{
	color: #666666;
	background-color:#fff;
	text-decoration:none;
	overflow: hidden;
}
.base-blue
{

	color: #0166a9;
	background-color:#fff;
	
}

/* SwitchTabelle (opened/closed beachten, Darstellung mit Pfeil) */
#TabSwitch .tabswitchhead a {
	padding-left:10px;
	background:url(img/pfeil.gif) top left no-repeat;
	color:#666;
	display:block;
}
#content .tabelle .tabheadclosed {
	background:url(img/tableheadclosed.gif) top left no-repeat;
}
#content .tabelle .tabheadclosed .tabheadclosedcontent {
	height:30px;
	line-height:29px;
	margin-left:14px;
	background:#DCDCDC url(img/tableheadclosed.gif) top right no-repeat;
	color:#666666;
	font-weight:bold;
}

/* Anzeigen von Content */
#TabSwitch .opened a { background-position:0 -32px; }

/* Verstecken von Content */
#TabSwitch .closed a { background-position:0 -12px; }

.ultrawebtree
{
	font-size:10px;
}

/* ---------------------------  helpTableNormal für offentliche Infoseite --------------------------- */

.helpTableNormal {
	border-collapse:collapse;
}
.helpTableNormal td {
	background:#eeeeee url(img/white_stripe.gif) 0 0 repeat-x;
	border: 1px solid #bfbfbf;
	padding: 5px 10px 5px 10px;
}

/* --------------------------------  Languages -------------------------------- */

.de-de { background:url(img/german_on.gif) 0 0 no-repeat;}
.zh-cn { background:url(img/china_on.gif)0 0 no-repeat; }
.fr-fr { background:url(img/france_on.gif) 0 0 no-repeat; }
.es-es { background:url(img/spain_on.gif) 0 0 no-repeat; }
.ko-kr { background:url(img/korea_on.gif) 0 0 no-repeat; }
.it-it { background:url(img/italy_on.gif) 0 0 no-repeat; }
.en-gb { background:url(img/uk_on.gif) 0 0 no-repeat; }
.en-us { background:url(img/usa_on.gif) 0 0 no-repeat; }
.cs-cz { background:url(img/czech_on.gif) 0 0 no-repeat; }

.overflow-hidden
{
	overflow: hidden;
	text-align: center;
}

#DivOpac50BG, #zoomDiagramBG, .LightboxBGDiv {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	z-Index:9999;
	top:0;
	left:0;
	background-image:url(img/overlay.png);
}

/* Box mit dem unteren Schatten */
#content .box {
	padding:0;margin:0;
	padding-bottom:4px;
	background:url(img/tab_bottom.gif) bottom left repeat-x;
	color:#000;
	display:block;
	width:auto;
}
/* Die Box-Headline bekommt einen Verlauf */
#content .box .boxhead {
    background-color: #DCDCDC;
    background: url(img/box_headline.gif);
    border: 1px solid #bfbfbf;
    border-bottom: 0px;
    display: block;
    margin: 0px;
    padding: 3px 0px 3px 10px;
	color:#666666;
	font-weight:bold;
	line-height:13px;
}
/* Rahmen um den Box-Inhalt, ausser unten, da ist ja schon der Schatten */
#content .box .boxcontent {
	border:1px solid #bfbfbf;
	border-bottom:0;
	padding:5px 10px 5px 10px;
	background-color:#EEEEEE;
}
#content .box .boxclear {
	clear:left;
}

#content .statusBox {
	margin-left:5px;
	margin-top:7px;
}
#content .statusIcon {
	width:64px;
	float:left;
	margin-left:-65px;
	margin-bottom:-15px;
}
#content .statusHeader {
	float:left;
	padding-left:15px;
	padding-top:18px;
	font-size:20px;
	/*line-height:60px;*/
	line-height:24px;
	margin-bottom:-15px;
}
#content .statusText {
	padding-left:65px;
}

.BoxRoundCorner1 {
	background:url(img/round_box_border_al.gif) top left no-repeat;
}

.BoxRoundCorner2 {
	background:url(img/round_box_border_ar.gif) top right no-repeat;
	margin-left:5px;
	padding-top:5px;
}

.BoxRoundCorner3 {
	background:url(img/round_box_border_ul.gif) bottom left no-repeat;
	margin-left:-5px;
}

.BoxRoundCorner4 {
	background:url(img/round_box_border_ur.gif) bottom right no-repeat;
	margin-left:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	padding-right:10px;
}

.BoxRoundCorner1_blue {
	background:url(img/round_box_border_al_blue.gif) top left no-repeat;
}

.BoxRoundCorner2_blue {
	background:url(img/round_box_border_ar_blue.gif) top right no-repeat;
	margin-left:5px;
	padding-top:5px;
}

.BoxRoundCorner3_blue {
	background:url(img/round_box_border_ul_blue.gif) bottom left no-repeat;
	margin-left:-5px;
}

.BoxRoundCorner4_blue {
	background:url(img/round_box_border_ur_blue.gif) bottom right no-repeat;
	margin-left:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	padding-right:10px;
}

.BoxRoundCornerLineHTop {
	background:url(img/round_box_border_line_ht.gif) top left no-repeat;
}

.BoxRoundCornerLineHBottom {
	background:url(img/round_box_border_line_hb.gif) bottom left no-repeat;
}

.BoxRoundCornerLineVLeft {
	background:url(img/round_box_border_line_vl.gif) top left no-repeat;
}

.BoxRoundCornerLineVRight {
	background:url(img/round_box_border_line_vr.gif) top right no-repeat;
}

.WizardStepsTable {
	width:100%;
	height:30px;
	line-height:29px;
	color:#666666;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.WizardStepsTable .WizardStepsTdLeft, .WizardStepsTable .WizardStepsTdLeftPreActive {
	background:transparent url(img/wizard_steps.gif) top left no-repeat;
}
.WizardStepsTable .WizardStepsTdMiddle, .WizardStepsTable .WizardStepsTdMiddlePreActive {
	background:transparent url(img/wizard_steps.gif) -14px 0 no-repeat;
}
.WizardStepsTable .WizardStepsTdRight {
	background:transparent url(img/wizard_steps.gif) top right no-repeat;
}
.WizardStepsTable .WizardStepsTdLeftActive {
	background:transparent url(img/wizard_steps_blue.gif) top left no-repeat;
	color:#FFFFFF;
}
.WizardStepsTable .WizardStepsTdMiddleActive {
	background:transparent url(img/wizard_steps_blue.gif) -14px 0 no-repeat;
	color:#FFFFFF;
}
.WizardStepsTable .WizardStepsTdRightActive {
	background:transparent url(img/wizard_steps_blue.gif) top right no-repeat;
	color:#FFFFFF;
}
.WizardStepsTable .WizardStepsTdLeft div, .WizardStepsTable .WizardStepsTdMiddle div {
	background:transparent url(img/wizard_steps_arrow.gif) top right no-repeat;
	height:30px;
	padding-right:14px;
}
.WizardStepsTable .WizardStepsTdLeftActive div, .WizardStepsTable .WizardStepsTdMiddleActive div {
	background:transparent url(img/wizard_steps_arrow_blue_grey.gif) top right no-repeat;
	height:30px;
	padding-right:14px;
}
.WizardStepsTable .WizardStepsTdLeftPreActive div, .WizardStepsTable .WizardStepsTdMiddlePreActive div {
	background:transparent url(img/wizard_steps_arrow_grey_blue.gif) top right no-repeat;
	height:30px;
	padding-right:14px;
}
.WizardStepsTable .WizardStepsTdRight div, .WizardStepsTable .WizardStepsTdRightActive div {
	padding-right:14px;
}

/* ---------------------------  folgendes (Footer) wird z.Zt. nicht mehr benötigt --------------------------- */

/* --------------------------------  Footer -------------------------------- */

#footer  {
	
	display:block;
	/*background: #eeeeee url(footer_bg.gif) top left repeat-x;*/
	background: #e8e8e8;
	/*border-bottom:1px solid #001426;*/
	height: 40px;
	color: #666666;
	/*padding-top:21px;
	padding-left:20px;
	padding-right:30px;*/
	/*damit der footer auch immer unten ist (analog Startseite)*/
	clear: both;
	margin: -40px auto 0 auto;
}
#footer .border_left {
	border-top:1px solid #989898;
	height: 1px;
	float: left;
}

#footer .border_right {
	border-top:1px solid #989898;
	height: 1px;
}

.navi279 #footer .border_left { width:280px; } /* Für die verschiedenen möglichen Breiten des */
.navi297 #footer .border_left { width:298px; } /* Navigationsbereiches                        */
.navi245 #footer .border_left { width:246px; }
.navi229 #footer .border_left { width:230px; }

.navi279 #footer .border_right { margin-left:285px; } /* Für die verschiedenen möglichen Breiten des */
.navi297 #footer .border_right { margin-left:303px; } /* Navigationsbereiches                        */
.navi245 #footer .border_right { margin-left:251px; }
.navi229 #footer .border_right { margin-left:235px; }
.no_navi #footer .border_right { padding:24px 45px 24px 45px; }

#footer .txt {
	padding: 12px 0px 0px 20px;
	text-align:left;
	clear: left;
	float: left;
}

.footer {
	background: #eeeeee url(footer_bg.gif) top left repeat-x;
	clear: both;
	position:relative;
	height: 40px;
	margin: -40px auto 0 auto;
	color: #666666;
	text-align: center;
}

.footer .txt {
	padding: 14px 0px 0px 0px;
	width: 960px;
	text-align:left;
}


.footer .link_button {
	color:#666666;
	text-decoration:none;
}
.footer .link_button_hover {
	color:#000000;
	text-decoration:none;
}

hr { 
	clear:both; 
	visibility: hidden;
}

* html .footer {
	margin-top: -40px;
}

/* Beschreibung innerhalb einer Seite, über einer Tabelle*/
.infoField
{
	padding-top:15px;
	padding-bottom:20px;
}


/* Infobox */ 
.infoboxTitle
{
	color:#0166A9;
	/* text-transform:uppercase;*/
}

.infoboxContent
{
	color:#787878;
}

/* Assistent */

.AssistantContent
{
	background-color:#E8E8E8; 
	height:900px;

}

.Assistant_LeftBox
{
width:65%;
height:99%; 
background-color:white; 
float:left; 
margin-right:15px;  
border:1px solid #989898;float:left	;
padding-left:15px;
padding-top:15px;

}

.Assistant_LeftBox .Assistant_Step
{
height:300px;
 margin-top:20px;
}

.Assistant_LeftBox .Assistant_Step_Caption
{
margin-top:20px;
margin-bottom:20px;

}




.Assistant_RightBox
{
	width:280px; 
	height:99%; 
	background-color:white; 
	border:1px solid #989898;
	float:left; 
	padding-top:15px;
	
	
}

.Assistant_BoxContent
{
	 margin-left:15px;
}

#content .Assistant_NavigationHeader {
	background:url(img/tableheadclosed.gif) top left no-repeat;
	 margin-right:20px;
	 width:300px;

}

#content .Assistant_NavigationHeader .Assistant_NavigationHeaderClose {
	height:30px;
	line-height:29px;
	margin-left:14px;
	background:#DCDCDC url(img/tableheadclosed.gif) top right no-repeat;
	color:#666666;
	font-weight:bold;
	width:auto;
	
	

}

#content .Assistant_NavigationHeader .Assistant_NavigationHeaderClose .Assistant_NavigationButton {
	border-right:1px solid #989898; 
	margin-left:5px; 
	margin-right:5px;
	padding-left:7px;
	padding-right:7px; 
	width:auto; 
	float:left;
	color:#666666;
	

}

#content .Assistant_NavigationHeader .Assistant_NavigationHeaderClose .Assistant_LastNavigationButton {

	margin-left:5px; 
	margin-right:5px;
	padding-left:7px;
	padding-right:7px; 
	width:auto; 
	float:left;
	color:#666666;

}