* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 11px;
}
body {
	background-image: url(../media/hp_v4/pagebg.png);
	background-repeat: repeat-x;
	background-color: #DFE7E9;
}
img {
	border: 0;
}
input, textarea {
	padding: 1px 2px;
        border: 1px solid #aaa;
}
select {
        border: 1px solid #aaa;
}
.clearDiv {
	clear: both;
}
#v4_overallTable {
	margin: 0 auto;
	position: relative;
	padding: 0;
}#v4_topRowContainer {
	background-image: url(../media/hp_v4/headrowbg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
	padding: 7px;
	padding-top: 5px;
	position: relative;
	line-height: normal;
}
#v4_pageContainer {
	border: 1px solid #000;
	border-top: 0;
	/* display: table; */
}
#siteHeaderTANSSLogo {
	position: absolute;
	right: 3px;
	top: 5px;
}
#v4_topContainer {
	color: #fff;
	background-image: url(../media/hp_v4/topcontainerbg.png);
	background-repeat: repeat-x;
	height: 100px;
	border-bottom: 1px solid #999;
	position: relative;
	line-height: 13px;
}
#v4_bottomContainer {
	color: #fff;
	background-image: url(../media/hp_v4/bottomrowbg.png);
	background-repeat: repeat-x;
	padding: 0px 5px;
	border-top: 1px solid #999;
	line-height: 15px;
  height: 22px;
}
#v4_bottomContainer a {
	color: #fff;
	font-weight: bold;
}
#v4_contentContainer {
	color: #000;
	background-color: #fff;
	padding: 5px;
	min-height: 500px;
}
#v4_bottomContainerLeft {
  float: left;
  padding-top: 5px;
}
#v4_bottomContainerRight {
  float: right;
}
#v4_bottomContainerRight a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#v4_bottomContainerRight a:hover {
	text-decoration: underline;
}
#v4_topRowContainerLeft {
	float: left;
	height: 16px;
	position: relative;
}
#v4_topRowContainerRight, div.v4_topRowRight {
	float: right;
	height: 16px;
	position: relative;
}
#v4_topRowContainer span {
	padding-top: 2px;
	float: left;
}
#v4_topRowContainer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#v4_topRowContainer a:hover {
	text-decoration: underline;
}
#v4_topRowContainer a:hover span {
	text-decoration: underline;
}
#v4_firmenContainer {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 400px;
	white-space: nowrap;
	overflow: hidden;
  line-height: 15px !important;
}
#v4_firmenContainer .firmenName a span {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}
#v4_firmenContainer .firmenAdresse {
	
}
#v4_firmenInfoContainer {
	border-left: 1px solid #999;
	left: 413px;
	height: 75px;
	position: absolute;
	width: 500px;
}
#v4_menuRowContainer {
	border-top: 1px solid #999;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 25px;
}
#v4_firmensucheSelect {
	
}
#v4_menuContainerLeft {
	float: left;
}
#v4_menuContainerRight {
	float: right;
}
#v4_menuRowContainer ul {
	list-style: none;
}
#v4_menuRowContainer ul li {
	float: left;
  background: url(../media/hp_v4/menubg.png) top;
}
#v4_menuRowContainer ul li:hover, #v4_menuRowContainer ul li.active {
  background-position: bottom;
}
#v4_menuRowContainer ul li ul {
  z-index: 10000;
  position: absolute;
  visibility: hidden;
  border: 1px solid #999;
  border-bottom: 0;
}
#v4_menuRowContainer ul li ul li {
	clear: both;
}
#v4_menuRowContainer ul li:hover ul {
	visibility: visible;
}
#v4_menuRowContainer ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #999;
  height: 25px;
  padding: 0 7px 0 7px;
}
#v4_menuRowContainer ul li a img {
  padding: 4px 0 0 0;
}
#v4_menuRowContainer ul li a span {
  padding: 5px 0 0 0;
}
#v4_menuRowContainer ul li a img, #v4_menuRowContainer ul li a span {
  float: left;
}
#v4_menuRowContainer ul li ul li a {
	background: #2A4750;
  width: 215px;
  border-bottom: 1px solid #999;
  border-left: 0;
}
#v4_menuRowContainer ul li ul li a:hover {
	background: #5E8794;
}
#v4_menuRowContainer ul li ul li a img {
  padding: 4px 7px 0 0;
}

#v4_favIconContainer {
	float: left;
}
#v4_favIconContainer a {
	background-image: url(../media/hp_v4/menubg.png);
	background-position: top;
	display: block;
	border-right: 1px solid #999;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	width: 17px;
	height: 21px;
}
#v4_favIconContainer a:hover {
	background-image: url(../media/hp_v4/menubg.png);
	background-position: bottom;
}
#v4_sucheContainer {
	color: #fff;
	border-right: 1px solid #999;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 22px;
}
#v4_sucheContainer .inputfield {
	width: 200px;
	padding: 1px;
}
#v4_firmenContainerKontakt {
	position: absolute;
	bottom: 32px;
	left: 7px;
}
#v4_firmenContainerKontakt a {
	color: #fff;
}
#v4_firmenContainerKontakt .title {
	font-weight: bold;
	padding-right: 3px;
}
#v4_firmenContainerKontaktLeft {
	float: left;
	border-right: 1px solid #999;
	padding-right: 7px;
}
#v4_firmenContainerKontaktRight {
	float: left;
	padding-left: 7px;
}
#v4_firmenInfoContainerFlags {
	padding-left: 7px;
	padding-top: 7px;
}
#v4_firmenInfoContainerText {
	padding-left: 7px;
	padding-top: 7px;
	float: left;
}
#v4_firmenInfoContainerTextLeft {
	float: left;
	padding-right: 7px;
}
#v4_firmenInfoContainerTextRight {
	float: left;
	border-left: 1px solid #999;
	padding-left: 7px;
}
#v4_firmenInfoContainerText .title {
	font-weight: bold;
	padding-right: 3px;
}
#v4_firmenInfoContainerDatum {
	position: absolute;
	bottom: 37px;
	right: 7px;
	padding-left: 5px;
}
#favlist {
	position: absolute;
	list-style: none;
	background-color: #fff;
	border: 1px solid #999;
	border-bottom: 0;
	border-left: 0;
	z-index: 1980;
	width: 300px;
}
#favlist .title {
	padding: 5px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background-color: #2A4750;
	color: #fff;
}

#favlist li a.fav {
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 7px;
	text-decoration: none;
	border-bottom: 1px solid #999;
	color: #000;
}
#favlist li a.fav:hover {
	text-decoration: none;
	background-color: #C3D7DF;
	color: #000;
}
.fav_v4_1 {
	background-color: #E5EFF3;
}
.fav_v4_2 {
	background-color: #fff;
}
.mainmenu {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	z-index: 990;
	border: 1px solid #999;
	border-top: 0;
}
.mainmenu li a {
	display: block;
	padding: 7px;
	padding-top: 2px;
	background-color: #2A4750;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #999;
}
.mainmenu li a:hover {
	background-color: #5E8794;
	text-decoration: none;
}
.mainmenu li a img {
	position: relative;
	top: 4px;
	padding-right: 7px;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.leftDiv {
	float: left;
}
.rightDiv {
	float: right;
}
#favlist li .closebutton {
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
	top: 3px;
	right: 5px;
	text-decoration: none;
}
#favlist li .closebutton {
	text-decoration: none;
}
#ttdiv {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffe1;
	border: 2px solid #222;
	padding: 4px 7px;
  color: #000;
	z-index: 61000;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#ajaxSucheContainerV4 {
	position: absolute;
	background-color: #fff;
	border: 1px solid #999;
	border-bottom: 0;
	z-index: 9990;
}
table.garantie  { width: 100%; background-color: #fff;}
table.slc       { width: 100%; }
table.kompo     { width: 100%; }
table.menu      { width: 500px; background-color: #fff;}
table.log       { width: 800px; border-width:1px;	border-color:#11313D;	border-style:solid; }
table.news_table{	border-width:1px;	border-color:#11313D;	border-style:solid; background-color: #fff;}
tr     
.hover { background-color: #AABBCC; }
.main1 { background-color: #CBD5DE; }
.main2 { background-color: #E2E6EA; }
td              { font-family: Verdana, Arial; font-size: 11px; color: #000; line-height: 18px;
	                vertical-align: top; text-align: left; padding: 0 2px; }
.head           { background-color: #2A4750; font-weight: bold; color: #fff; padding-left: 2px; line-height: 20px;}
td.head2        { background-color: #346799; color: #fff; }
.head3        { border-bottom: 1px solid #999; font-weight: bold; }
td.head_intern  { background-color: #FFB1B1; font-weight: bold; color: #000; }
td.head_comp    { background-color: #5487B9; font-size: 9px; color: #fff; }
td.head_wv      { background-color: #74B7D9; font-size: 9px; color: #fff; font-weight: bold; line-height:14px;}
td.small        { font-size: 9px; text-align: right; height: 10px; line-height: 10px;}
td.centerTd     { text-align: center; vertical-align: middle; }
.last_head {font-size:9px; background-color: #346799; color: #fff; font-weight: bold;line-height: 14px;}
.last_intern {font-size:9px; line-height: 12px; background-color: #FFCCCC; }
.last_main {font-size:9px; line-height: 12px; vertical-align: top}
.naviLeiste   { background-color: #5487B9; color: #fff; font-weight: bold; font-size: 9px; padding: 0 2px; line-height: 15px;}
.naviLeiste2  { background-color: #5487B9; color: #fff; font-weight: bold; }
.naviLeiste3  { background-color: #fff; color: #333; font-weight: bold; font-size: 9px; padding: 0 2px; line-height: 15px;}
.naviLeiste3 a, .naviLeiste3 span { color: #333 !important; font-size: 9px; padding-left: 14px; }
.naviLeisteFa   { background-color: #6a8dff; color: #fff; font-size: 9px; padding: 0 5px; line-height: 13px;}
.grau1 {background-color: #FF4040;}
.grau2 {background-color: #FF1E1E;}
.grau2_2 {background-color: #FF1E1E; color: #fff;}
.gruen1 {background-color: #A3F4C9;}
.gruen2 {background-color: #95E6BB;}
.orange1 {background-color: #FFBA00; }
.orange2 {background-color: #FFBA00; padding-left: 2px;}
.rot1 {background-color: #ff0000; font-size: 9px;}
.rot2 {background-color: #ff0000; color: #fff;}
.gelb1 {background-color: #ffff00; font-size: 9px;}
.gelb2 {background-color: #ffff00;}
.main2_klein {background-color: #E2E6EA; font-size: 9px;}
.main1        { background-color: #DBE2E4; padding-left: 2px;}
.main1_leist  { background-color: #CBD5DE;}
.main2        { background-color: #E5EFF3; padding-left: 2px;}
.main2_2      { background-color: #E5EFF3; vertical-align: top; text-align: left;}
.main2_leist  { background-color: #E2E6EA;}
.main3        { background-color: #DDEAF9; color: #676767; }
.main4        { background-color: #D3D3D3; }
.main5        { background-color: #BAC0C6; }
.main6        { background-color: #D3D3D3; line-height: 13px;}
.main7        { background-color: #BAC0C6; line-height: 13px;}
.main8        { background-color: #C6C6C6; line-height: 13px;}
.main9        { background-color: #fff; border-bottom: 1px solid #ddd;}
.econfig      { background-color: #DCDDFF; padding-left: 2px;}
td.menuHead     { background-color: #2A4750; font-weight: bold; color: #fff; padding-left: 2px; }
td.menuItem     { background-color: #E5EFF3; padding-left: 2px; }
.menu1 { background-color: #346799; color: #000; }
.menu2 { background-color: #C3DAF9; color: #000; }
td.hauptFenster { height: 100%; border:2px solid #BBBBBB; border-bottom:0px; padding: 4px; }
td.hauptFensterLogo { height: 100%; border:2px solid #BBBBBB; border-bottom:0px; padding: 4px; background:url('../media/hp/hintergrund_rhd.jpg') no-repeat fixed center 120px; background-color: #fff; }
td.reply        { background-color: #99FF99; }
td.noreply      { background-color: #FF4040; }
td.loghead      { background-color: #C3DAF9; font-weight: bold; }
td.logmain      { background-color: #DDEAF9; padding: 7px; border-width:1px;	border-color:#11313D;	border-style:solid; }
td.logfoot      { background-color: #EEEEF9; text-align: right; }
.hatRecht     { background-color: #cfc; }
.gelbeTD      { background-color: #f8ff97; }
.bezLst       { background-color: #aaa; }
td.keinRecht    { background-color: #fcc; }
.internRHD    { background-color: #FFB1B1; }
td.browserEdit  { background-color: #ddd; }
td.browserView  { background-color: #F6F6F6; }
td.neuerMA      { background-color: #9c9 }
td.warn1        {background-color: #ccc; } 
td.warn2        {background-color: #ff0; } 
td.warn3        {background-color: #f00; font-weight: bold;} 
td.warn1_klein   {background-color: #ccc; } 
td.warn2_klein   {background-color: #ff0; } 
td.warn3_klein   {background-color: #f00; } 
td.unterliz_klein {background-color: #FFB1B1; font-size: 9px; } 
td.warn1_klein, td.warn2_klein, td.warn3_klein, td.unterliz_klein {font-size: 9px; line-height: 15px; }
td.warn1_klein a, td.warn2_klein a, td.warn3_klein a, td.unterliz_klein a {font-size: 9px;}

td.groupBySummary {background-color: #ddd; text-align: right; }
td.specialSumDur  {text-align: right; width: 70px; font-weight: bold;}
td.specialSumPrc  {text-align: right; width: 70px; color: #555; font-size: 9px; line-height: 14px;}
.bor_bott {border-bottom: 1px solid #000; }
.leistNavi      { font-family: Verdana, Arial; font-size: 9px; color: #000; 	border-width: 1px; padding-left: 3px; padding-right: 3px; 
	                border-style: solid;	border-top-color: #000; border-bottom-color: #fff; border-left-color: #000; border-right-color:  #fff; }
.leistNaviAkt   { font-family: Verdana, Arial; font-size: 9px; color: #fff; font-weight: bold;	border-width: 1px; background-color: #666666;padding-left: 3px; padding-right: 3px;
	                border-style: solid;	border-top-color: #fff; border-bottom-color: #000; border-left-color: #fff; border-right-color:  #000; }
.gesamt         { color: #666; }
.news_footer   { background-color: #ddd;  }
.typ            { font-family: Verdana, Arial; font-size: 11px; color: #FF0000; line-height:20px; }
.ueberschrift   { font-family: Verdana, Arial; font-size: 12px; color: #333333; font-weight: bold; }
.onboard        { font-family: Verdana, Arial; font-size: 11px; color: #444444; line-height:20px; }
.klein          { font-family: Verdana, Arial; font-size: 9px; color: #FF0000; }
.logdatum       { font-family: Verdana, Arial; font-size: 10px; color: #444444; font-weight: normal;}
.borderline {border: 1px solid #5487B9; margin: 0; padding: 0;}
.peripherieRadio{ border-width: 0px; }
a:link, a:visited, a:active { color: #000;	text-decoration: none; }
a:hover { color: #f00;	text-decoration: underline; }
a.wvinfo:link, a.wvinfo:visited, a.wvinfo:active { color: #000;	text-decoration: none; }
a.wvinfo:hover { color: #fff;	text-decoration: underline; }
a.fa:link, a.fa:visited, a.fa:active { color: #000;	text-decoration: none; }
a.fa:hover { color: #f00;	text-decoration: underline; }
a.navi:link, a.navi:visited, a.navi:active { color: #fff;	text-decoration: none; }
a.navi:hover { color: #999;	text-decoration: underline; }
a.navi2:link, a.navi2:visited, a.navi2:active { color: #fff; text-decoration: none; }
a.navi2:hover { color: #fff; text-decoration: none; }
a.navi3:link, a.navi3:visited, a.navi3:active { color: #000;	text-decoration: none; }
a.navi3:hover { color: #fff;	text-decoration: underline; }
a.naviMenu          { display:block; width: 100%; height: 100%; padding: 0px; background: url("../media/hp_neu/menu3.gif") top left repeat-x; }
a.naviMenu span     { position: relative; top: 3px; left: 3px; }
a.naviMenu span.count { position: relative; top: 0px; left: 0px; }
a.naviMenu:link, a.naviMenu:visited, a.naviMenu:active { color: #fff;	text-decoration: none; }
a.naviMenu:hover    { background-color: #9C83A1; color: #fff;	text-decoration: none; background: url("../media/hp_neu/menu3.gif") bottom left repeat-x; }
a.naviMenu2          { display:block; width: 100%; height: 100%; padding: 0px;}
a.naviMenu2 span     { position: relative; top: 3px; left: 3px; }
a.naviMenu2 span.count { position: relative; top: 0px; left: 0px; }
a.naviMenu2:link, a.naviMenu2:visited, a.naviMenu2:active { color: #fff;	text-decoration: none; }
a.naviMenu2:hover    { color: #fff;	text-decoration: none;}
a.navigation:hover  { text-decoration: none; color: #fff; }
a.head:link, a.head:visited, a.head:active { color: #fff;	text-decoration: none; }
a.head:hover    { color: #ffffff;	background-color: #000000; text-decoration: none; }
a.head2:link, a.head2:visited, a.head2:active { color: #fff;	text-decoration: none; }
a.head2:hover { color: #fff;	background-color: #000; text-decoration: none; }
div.tepNavi { float: right; padding: 0px; margin: 2px 0 2px 5px; border: 1px solid #555; background-color: #E2E6EA; height: 24px; }
div.tepNavi a { display: block; padding: 3px 10px; height: 18px; }
div.tepNavi a:hover { text-decoration: underline; background-color: #CBD5DE;}
.links {background-image: url(../media/hp_neu/links.gif);}
.rechts {background-image: url(../media/hp_neu/rechts.gif);}
.main_table {background-color: #fff;}
.top_banner {background-image: url(../media/hp_neu/top_banner.jpg); height: 50px; background-repeat: no-repeat; background-color: #5C6995 }
.top_banner2 {background-image: url(../media/hp_neu/top_banner2.jpg); height: 50px; background-repeat: no-repeat; background-color: #5C6995 }
.px_row {height: 1px; background-color: #000;}
.px2_row {height: 2px; background-color: #5C6995; }
.px_colmn {background-color: #000; width: 1px;}
.menu_bg2 {background: url("../media/hp_neu/menu3.gif") top left repeat-x; height: 20px;}
.menu_bg {background: url("../media/hp_neu/menu3.gif") bottom left repeat-x; height: 20px;}
.menu_bg_wartung {background-image: url(../media/hp_neu/menu_bg_wartung.gif); height: 20px;}
.menu_bg_sperre {background-image: url(../media/hp_neu/menu_bg_sperre.gif); height: 20px;}
.menu_bg2_sub {background-color: #604C65; padding: 0px; height: 25px;}
.navigation   { color: #fff; font-weight: bold; padding: 0px; }
.menu_bg2_sub_over {background-color: #9C83A1; padding: 3px; height: 25px;}
.menu_bg3 {background-image: url(../media/hp_neu/menu2none.gif);}
.ttdiv {padding: 2px; background-color: #FFFFE1; border: 1px solid;}
.nbAnfahrt {color: #888;}
.statRight {text-align: right; }
span.int {color: #f00; font-weight: bold; }
.statAdd {background-color: #ddd; font-weight: bold; text-decoration: underline; border-bottom: 2px solid #000; }
.statTot {color: #fff; background-color: #555; font-weight: bold; text-decoration: underline; border-bottom: 4px solid #000; }
.statOT {background-color: #ccc; font-weight: bold; border-bottom: 2px solid #777; }
.fav1    {	background-color: #EDEDED; }
.fav2    {	background-color: #fff; }
.entwurf { background-color: #C1CED3; }
#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 2px solid #222;
	padding: 4px 7px;
	background-color: #ffffe1;
	visibility: hidden;
	z-index: 60000;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}
div.ttHdr {
  background: #2A4750;
  color: #fff;
  padding: 1px 3px;
  margin: 6px 0 3px 0;
  font-size: 10px;
  font-weight: bold;
}
div.ttHdr-inline {
  background: #2A4750;
	box-sizing: border-box;
  color: #fff;
	display: inline-block;
  padding: 1px 3px;
  margin: 6px 0 3px 0;
  font-size: 10px;
  font-weight: bold;
	width: 100%;
}
.listhover {
	background-color: #d6d6d6;
	text-decoration: none;
}
.aktiv {
	background: #cfc url("../media/hp/input_hg_1.gif") top right no-repeat;
}
.inaktiv {
	background: #ddd url("../media/hp/input_hg_0.gif") top right no-repeat;
}
.inaktivNoPic {
	background-color: #ddd;
}
#firmenauswahlDiv {
	font-family: Verdana, Arial;
	font-size: 10px;
}
#firmenauswahlUL {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 600px;
}
#firmenauswahlUL li a {
	display: block;
	padding: 3px;
}
#firmenauswahlFehler {
	padding: 3px;
}
#firmenauswahlUL li a:hover {
	background-color: #d6d6d6;
	text-decoration: none;
}
.firmenauswahlULTitle {
	background-color: #4F6C88;
}
#firmenauswahlText {
	padding: 3px;
	line-height: 12px;
}
#firmenauswahlTextMitarbeiter {
	padding: 3px;
	line-height: 12px;
}
#faMitarbeiterInfo {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.faSelectFirma {
	font-size: 9px;
}
#faMitarbeiterInfoTable {
	width: 100%;
}
#faMitarbeiterInfoTable td {
	font-size: 9px;
	width: 50%;
	line-height: 12px;
	padding: 3px;
}
#faWindowCloseTable {
	width: 100%;
}
#faWindowCloseTable td {
	width: 50%;
	color: #fff;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	padding: 3px;
}
#favWindowCloseTable {
	width: 100%;
}
#favWindowCloseTable td {
	width: 50%;
	color: #fff;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
}
#firmenInfoBox {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #000000;
	display: none;
	z-index: 50000;
	width: 300px;
}
#firmenInfoBoxTable {
	width: 100%;
}
#firmenInfoBoxTable td {
	padding: 3px;
	line-height: 12px;
	font-size: 10px;
}
.zentraleInfoBaxTable td {
	padding: 3px;
	line-height: 12px;
	font-size: 10px;
}
.infoBoxError {
	border: 2px solid red;
	font-weight: bold;
	color: red;
	text-align: center;
	background-color: #EBEBEB;
}
.infoBoxOK {
	border: 2px solid black;
	font-weight: bold;
	text-align: center;
}
optgroup { background-color: #eee; font-weight: bold; font-style: normal;}
option   { background-color: #fff;}
#ipmac_ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#ipmac_ul li {
	list-style: none;
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
	margin-bottom: 4px;
}
#ipmac_ul img {
	position: relative;
	top: 3px;
}
div.ipLabel, div.ipDiv, div.macLabel, div.macDiv, div.descLabel, div.descDiv { float: left;}
div.ipLabel   { width: 90px;  }
div.ipDiv     { width: 180px; }
div.macLabel  { width: 40px;  }
div.macDiv    { width: 160px; }
div.descLabel { width: 90px;  }
div.descDiv   { width: 300px; }
.ajaxLoad {
	background-image: url('../media/hp/ajaxrequest.gif');
	background-repeat: no-repeat;
	background-position: 95% 5%;
}
.ajaxLoad2 {
	background-image: url('../media/hp/ajaxrequest.gif');
	background-repeat: no-repeat;
}
.nsuche_print_box {
	border: 0;
}
#znDiv {
	position: absolute;
	z-index: 7000;
	border: 1px solid #999;
	background-color: #fff;
  padding: 2px;
}
#znDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#znDiv ul li {
	border-bottom: 1px solid #999;
	padding: 0;
}
#znDiv ul li a {
	display: block;
	padding: 3px;
}
#znDiv ul li a:hover {
	text-decoration: none;
	background-color: #C3D7DF;
	color: #000;
}
.pwHidden {
	color: #fff;
	background: url(../media/hp/versteckt.gif) no-repeat 0 0;
	background-color: #fff;
	padding-left: 20px;
}
.pwVisible {
	color: #555;
	background: url(../media/hp/tickets.gif) no-repeat 0 0;
	background-color: #fff;
	padding-left: 20px;
}
.pwHiddenInput {
  color: #fff;
  background: #fff;
}
.pwVisibleInput {
  color: #555;
  background: #fff;
}
div.tanssInfo {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}
ul.email_navi {
	list-style: none;
}
ul.email_navi li {
	float: right;
	margin: 3px 0px 0 3px;
	padding: 2px 4px;
	background-color: #E2E6EA;
}
ul.email_navi li a {
	display: block;
}
ul.email_navi li a:hover, ul.email_navi li.active {
	background-color: #CBD5DE;
	text-decoration: none;
}
div.att {
	display: block;
	float: left;
	height: 100px;
	margin: 10px;
	padding: 3px;
	text-align: center;
}
div.mail_plain {
	width: 600px;
	font-family: "Courier";
	overflow: scroll;
	font-size: 0.8em;
}
div.mail_html {
	width: 600px;
  overflow: scroll;
}
div.mail_use_html {
	width: 900px;
  overflow: auto;
}
#nsuche_ansicht_auswahl {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nsuche_ansicht_auswahl li {
	float: left;
	width: 100px;
	margin-left: 2px;
}
#nsuche_ansicht_auswahl li a {
	display: block;
	background-color: #DBE2E4;
	padding: 3px;
	text-align: left;
	text-decoration: none;
}
#nsuche_ansicht_auswahl li a:hover {
	background-color: #C3D7DF;
}
.switch_selected {
	font-weight: bold;
}
.switch_no_selected {
}
#nsuche_container {
	text-align: center;
}
#nsuche_inner_container {
	margin: 0 auto;
	width: 700px;
}
#moveDokuContainer {
	z-index: 9100;
  border: 1px solid #000;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -251px;
  width: 500px;
  height: 400px;
  overflow: auto;
}
#moveDokuKatContainer {
	width: 500px;
	height: 500px;
	overflow: auto;
	text-align: left;
	z-index: 9100;
}
#loadBackgroundContainer {
	position: fixed;
	/* background-image: url(../media/hp/transparent_bg.png); */
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #999;
}
.taskSerieMainContainer {
	background-color: #E2E6EA;
}
.taskSerieMainContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.taskSerieMainContainer ul li {
	margin: 0;
	padding: 0;
	float: left; 
}
.taskSerieMainContainer ul li a {
	padding: 2px;
	display: inline;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ccc;
}
.taskSerieMainContainer ul li a:hover {
	background-color: #CBD5DE;
	font-weight: bold;
	text-decoration: none;
}
.taskSerieOptionenContainer {
	border-top: 1px solid #ccc;
	margin-top: 2px;
}
.taskSerieAusfuehrungsContainer {
	border-top: 1px solid #ccc;
	margin-top: 2px;
}
.taskSerieWochentage_normal {
	border: 0;
}
.taskSerieWochentage_red {
	border: 2px solid red;
}
.taskSerieDivContainer {
	padding: 2px;
	clear: both;
}
.switch_selected2 {
	background-color: #CBD5DE;
	padding: 2px;
	font-weight: bold;
	text-decoration: none;	
}
.switch_no_selected2 {
	background-color: #E2E6EA;
	padding: 2px;
	text-decoration: none;
}
.taskSerieErsteAusfuehrungResult {
	display: inline;
	font-weight: bold;
}
.taskSerieNaechsteAusfuehrungResult {
	display: inline;
	font-weight: bold;
}
.taskSerieUeberNaechsteAusfuehrungResult {
	display: inline;
	font-weight: bold;
}
.ft_update_template {
	text-align: center;
}
#update_feiertage {
	text-align: center;
}
.ajaxLoading {
	background-image: url(../media/hp/ajaxrequest.gif);
	height: 16px;
	width: 16px;
	margin: 0 auto;
}
.ajaxLoadingBig {
	background: url(../media/hp/ajax_big.gif) no-repeat center;
	height: 32px;
	width: 32px;
	margin: 0 auto;
}
#auswahlFeldContainer {
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 2000;
}
#auswahlFeldContainer .noResults {
	width: 400px;
	padding: 2px;
}
#auswahlFeldContainer .titlerow {
	padding: 2px;
	border-bottom: 1px solid #ccc;
	background-color: #F4F5FF;
	font-weight: bold;
}
#auswahlFeldContainer li a {
	display: block;
	width: 400px;
	padding: 2px;
}
#auswahlFeldContainer .grey {
	background-color: #F7F7F7;
}
#auswahlFeldContainer li a:hover {
	background-color: #eee;
	text-decoration: none;
}
#auswahlFeldContainer .hover {
	background-color: #eee;
	text-decoration: none;
}
a.changeable {
	border: 1px dashed #000;
	border-width: 0 0 1px 0;
	font-weight: bold;
}
a.changeable:hover {
	border-color: #f00;
	text-decoration: none;
}
#infoDivContainer {
	position: fixed;
	top: 40%;
	left: 50%;
	padding: 15px;
	margin-left: -218px;
	background-color: #fff;
	font-weight: bold;
	z-index: 11000;
	width: 400px;
}
#infoDivContainer.fehler, div.fehler {
	border: 3px solid #f00;
}
td.fehler {
	border: 3px solid #f00;
	font-weight: bold;
	text-align: center;
}
#infoDivContainer.ok, div.ok {
	border: 3px solid #1DFF1D;
}
#infoDivContainer.ajax, .ajaxBig {
	border: 3px solid #555;
	height: 50px;
	background: #fff url('../media/hp/ajax_big.gif') 50% 50% no-repeat;
}
.speichernDiv {
	width: 300px;
	padding: 3px 1em;
	border: 3px solid #f00;
	font-weight: bold;
	text-align: left;	
}
#maFirmaInfoDivContainerSuche {
	z-index: 10000;
	position: absolute;
	border: 1px solid #000;
	background-color: #fff;
}
#maFirmaInfoDivContainerSuche a:hover {
	text-decoration: underline;
}
#maFirmaInfoDivContainerSuche a {
	text-decoration: none;
}
a.auflistung {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
a.auflistung:hover {
	text-decoration: none;
	background-color: #CBD5DE;
}
.li_anzahl {
	font-size: 10px;
	color: #2D18A8;
	padding-left: 4px;
}
.slcComment {
	display: block;
	padding: 3px 0 0 10px;
	font-style: italic;
	font-size: 9px;
	border-top: 1px solid #ccc;
	line-height: 14px;
}
td.slcPfad {
	padding-left: 1em;
	font-size: 9px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #000;
}
a.bigLink:hover {
	text-decoration: none;
	background-color: #999;
}
/*
#loginboxContainer {
	border: 1px solid #ccc;
	width: 235px;
	margin: 0 auto;
	background-color: #eee;
	margin-top: 80px;
}
*/

#loginForm
{
	width: 360px;
	margin: 80px auto;
	background-color: #eee;
	border: 1px solid #ccc;
	padding-bottom: 5px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

#loginForm fieldset
{
	border: 0 none;
	margin-bottom: 1em;
	padding: 5px;
}
#loginForm fieldset legend
{
	background-color: #2A4750;
	color: white;
	width: 100%;
	font-weight: bold;
	padding: 5px;
	margin: -5px;
}

#loginForm ul { list-style-type: none; margin-top: 2em; }
#loginForm ul li { margin-bottom: 5px; }
#loginForm ul li.rememberme { margin-top: 2em; text-align: center; }

#loginForm label, #loginForm input
{
	display: block;
	float: left;
}

#loginForm label { width: 120px; cursor: pointer; }
#loginForm input { width: 220px; }

#loginForm input.checkbox, #loginForm #login { width: auto; }
#loginForm input.checkbox { display: inline; float: none; }
#loginForm li.rememberme label { width: auto; float: none; display: inline; }
#loginForm #login { cursor: pointer; margin: 0 10px 0 124px; }
#loginForm #loginButtons { }

#loginForm select { padding: 2px 5px; }
#loginForm img { vertical-align: middle; height: 16px; width: 16px; cursor: help; }

.v4_sucheResultsUL {
	margin: 0;
	padding: 0;
	list-style: none;
}
.v4_sucheResultsUL li a {
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 7px;
	text-decoration: none;
	border-bottom: 1px solid #999;
	color: #000;
}
.info {
	font-size: 10px;
	color: #666;
}
.messageBox, #ausstDiv {
	position: absolute;
	border: 1px solid #000;
	background-color: #fff;
}
.v4_sucheResultsUL .title .closeButton {
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 0;
	border: 0;
}
.v4_sucheResultsUL li a:hover {
	text-decoration: none;
	background-color: #C3D7DF;
	color: #000;
}
.v4_sucheResultsUL .title {
	padding: 5px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background-color: #2A4750;
	color: #fff;
}
.v4_sucheResultsUL .noresults {
	padding: 3px;
	padding-left: 5px;
	padding-right: 7px;
	color: #000;
	border-bottom: 1px solid #000;
}
#v4_timerButtonDiv {
	position: absolute;
	bottom: 26px;
	right: 0;
	background-image: url(../media/hp/timer_button_bg.png);
}
#v4_timerButtonDiv a.timer {
	display: block;
	float: left;
	color: #fff;
	text-decoation: none;
	padding: 5px;
	padding-left: 10px;
}
#v4_timerButtonDiv a.newTimer {
	display: block;
	float: left;
	padding: 4px;
	padding-top: 3px;
	padding-right: 7px;
}
#v4_timerButtonDiv a.newRR {
  padding-left: 7px;
  padding-right: 10px;
}
#v4_timerButtonDiv a:hover {
	text-decoration: none;
	background-image: url(../media/hp/timer_button_bg_hover.png);
}
#v4_topRowInfoDiv_wv {
	background-color: yellow;
  color: #888;
}
#v4_topRowInfoDiv_wv a {
  color: #000;
}
#v4_topRowInfoDiv_sperre {
	background-color: red;
	color: white;	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.topRowInfoDiv {
	position: absolute;
	left: 30%;
	right: 30%;
	width: 40%;
	top: 0;
	bottom: 2px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding-top: 6px;
}
#v4_timerContainer {
	position: absolute;
	background-color: #fff;
	border: 1px solid #999;
	border-top: 0;
	border-right: 0;
	color: #000;
	z-index: 1001;
  width: 560px;
  padding: 2px;
}
#v4_firmenSucheInfoContainer {
	position: absolute;
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	z-index: 10000;
}
.v4_firmensucheMaResult div a {
	display: inline;
	border: 0;
	padding: 0;
}
.v4_firmensucheMaResult div a:hover {
	text-decoration: underline;
}
div.pwHidd {
	background: url(../media/hp/versteckt.gif) no-repeat 0 0;
	padding-left: 20px;
}
div.pwVis {
	background: url(../media/hp/tickets.gif) no-repeat 0 0;
	padding-left: 20px;
}
div.pwField {
	padding-left: 4px;
	background-color: #FFB1B1;
	border: 1px solid #000;
}
#currentTimerCountMenuDiv {
	display: inline;
	font-weight: bold;
}
#currentTimerCountMenuDiv a:hover {
	color: #fff;
}
#wvMenuContainer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 10000;
	border: 1px solid #000;
}
.grau_klein {
	font-size: 9px;
	color: #666;
}
div.tep_call {
	background-color: #1ABCBC;
	border: 1px solid #555;
}
div.tep_call_own {
	background-color: #B3F1F7;
	border: 1px solid #000;
}
div#rechteDivOtherCustomer {
	position: absolute;
	border: 1px solid #000;
	background-color: #fff;
  width: 500px;
}
div.showZuweisungenDiv {
	position: absolute;
	background-color: #fff;
	border: 1px solid #000;
	width: 150px;
}
.internText {
	display: block;
	background-color: #FFB1B1;
	border: 1px solid #000;
	margin: 0.5em 0 0 1em;
}
div.internText h2 {
	
}
div#periSearchDiv {
	position: absolute;
	border: 1px solid #000;
	background-color: #fff;
	padding: 3px;
}
div#textbausteindiv, div#prcTextVarDiv {
	border: 1px solid #000;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -276px;
	width: 550px;
	background-color: #fff;
  z-index: 5000;
}
div#kompAdminChangeformDiv {
	width: 600px;
	border: 1px solid #000;
	background-color: #fff;
}
a#kompAdminChangeformCloseHref {
	position: absolute;
	right: 5px;
	top: 5px;
}
td.rrInfo {
	height: 5px;
	font-size: 10px;
	line-height: 14px;
	background-color: #FFB1B1;;
}
td.rrInfo {
	padding-left: 2em;
}
span.prcVars {
	font-weight: bold;
	color: #164007;
}
div#flagTicketListDiv, div.tepPortalChangeDiv, div.bugMergeDiv {
	position: absolute;
	background-color: #fff;
	border: 1px solid #000;
	z-index: 9700;
  /*padding: 2px;*/
}
div.tepPortalChangeDiv
{
	/*width: 350px;*/
}
ul.ticketFlagsListUL {
	list-style: none;
}
ul.ticketFlagsListUL li {
	border-top: 1px solid #999;
}
ul.ticketFlagsListUL li a {
	display: block;
	padding: 3px;
	text-decoration: none;
}
ul.ticketFlagsListUL li.list a:hover {
	background-color: #C3D7DF;
	color: #000;
}
ul.ticketFlagsListUL li.title {
	border: 0;
	padding: 3px;
}
ul.ticketFlagsListUL li.main2 {
	padding-left: 0;
}
div#sendFormToCustomerDiv {
	position: fixed;
	top: 35%;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	border: 1px solid black;
	background-color: #fff;
}
span.unindent {
	color: #998;
}
div#rr_editContainer
{
	position: fixed;
	top: 35%;
	left: 50%;
	width: 500px;
	margin-left: -251px;
	border: 1px solid black;
	background-color: #fff;
}
/* Statistiken */
.grupp1 { background-color: #e4e4e4; color: #777;}
.grupp2 { background-color: #eee; color: #777;}             
.grp_bott { border-bottom: 1px solid #888; }
.grp_beschr { padding-left: 1em; border-left: 2px solid #888; }
td.z_abtrenner { height: 5px; border-bottom: 5px solid #000; }

/* Telefonliste */
span.notSure {
	color: #505050;
	font-style: italic;
}

/* Quick-Status */
ul.tepChangeUL
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
	list-style: none;
}
ul.tepChangeUL li a {
	display: block;
	padding: 2px 5px;
}
ul.tepChangeUL li a.row1 {
	background-color: #ddd;
}
ul.tepChangeUL li a:hover {
	text-decoration: none;
	background-color: #ccc;
}

div.s2tDiv, div.s2tSendDiv, div.kopieDiv {
	position: absolute;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #000;
  z-index: 4900;
}

div.s2tDiv {
	width: 700px;
}

div.s2tSendDiv {
	width: 500px;
  position: fixed;
  top: 25%;
  left: 50%;
  margin-left: -250px;
  padding: 0;
}

div.kopieDiv {
	width: 350px;
}

.zentr {
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

div#al_showZuweisungenDiv
{
	position: absolute;
	background-color: #fff;
	border: 1px solid #000;
	width: 250px;
}

div.portalMailContainer {
	width: 450px;
	overflow: auto;
}

td.iss_bott {
	border-bottom: 2px solid #000;
}

.erwRR {
	background-color: yellow;
}

div.ticketUeberschrift {
  font-size: 9px;
  padding: 4px 0 3px 5px;
  line-height: 12px;
  width: 250px;
  word-wrap: break-word;
}

div.zeitMarker {
  background-color: yellow;
  border: 1px dashed #00f;
}
div.tepZP_1 {
	background-image: url(../media/hp/tep_mark.gif);
  border: 1px solid #f00;
}
div.tepZP_2 {
	background-image: url(../media/hp/tep_dl.gif);
  border: 1px solid #f00;
}

input.inaktivInput {
	color: #555;
	background-color: #eee;
}

div.fInfoDiv {
  position: absolute;
  background-color: #fff;
  border: 2px solid red;
  width: 350px;
  max-width: 350px;
  overflow: scroll;
  z-index: 2000;
  padding: 2px;
}
div.fInfoTyp {
  clear: both;
  margin-bottom: 7px;
}
div.fInfoTyp div.fit_name {
  font-weight: bold;
  background-color: #ddd;
  padding: 2px 5px;
  margin: 2px 0;
}
div.fInfoTyp div.fit_wert {
  padding-left: 5px;
}
div.fInfoTyp div.fit_wert td.fIl {
  width: 20%;
}
div.fInfoTyp div.fit_wert td.fIr {
  width: 80%;
}
div#skillListDiv {
	padding: 0;
	margin: 0;
}
div#skillListDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
div#skillListDiv ul.showbg {
	background: url(../media/katbrowser/linie1.png) repeat-y;
}
div#skillListDiv ul li {
	line-height: 16px;
}
div#skillListDiv ul li img {
	vertical-align: middle;
}
div#skillChangeformDiv {
	position: absolute;
	border: 1px solid #000;
	background: #fff;
}
div#skillListContainer {
	position: fixed;
	top: 40%;
	left: 50%;
	width: 600px;
	height: 440px;
	margin-left: -310px;
	margin-top: -200px;
	border: 10px solid #999;
	background: #fff;
}
div#skillListDivAdmin {
	background: #F4F5FF;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	position: relative;
	height: 19px;
}
div#skillListDivSuche {
	background: #F4F5FF;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	position: relative;
	height: 19px;
}
div#skillListDivContent {
	padding: 2px 5px;
	background: #fff;
	overflow: auto;
	height: 376px;
	float: left;
	width: 289px;
	border-right: 1px solid #ccc;
}
div#skillListDivContentRight {
	background: #fff;
	overflow: auto;
	height: 380px;
	float: left;
	width: 300px;
	background: #F4F5FF;
}
div#skillListDivChangeform {
	position: relative;
	border-bottom: 1px solid #ccc;
}
#updOGdiv {
  position: absolute;
  background-color: #fff;
  border: 1px solid #000;
  width: 400px;
}
div#getPLZOrtInfoDiv {
	position: absolute;
	border: 1px solid #000;
	background: #fff;
	z-index: 10000;
}
div#getPLZOrtInfoDivInner {
	width: 300px;
	height: 150px;
	overflow: auto;
}
div#getPLZOrtInfoDivInner table tr td a.link {
	display: block;
	text-decoration: none;
}
div#proposeEmployeeDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	background: #fff;
	border: 1px solid #000;
}
a.black {
  color: black;
}
.betragDiv {
	color: #777;
}
table.admin td {
  padding: 2px;
}
td.betrag {
  text-align: right;
  width: 120px;
}
td.betrag input {
  text-align: right;
}
td.notify {
  width: 20px;
  text-align: center;
  border: 1px solid #555;
}
td.notify a {
  display: block;
  height: 20px;
}
td.notify a img {
  padding-top: 4px;
}
td.notify a:hover {
  background-color: #0c0;
}
td.notifyDelay a img {
  padding-top: 2px;
}
td.notifyDelay a:hover {
  background-color: #ff0;
}
ul.notifyDetails {
  padding-left: 1.5em;
  border-bottom: 1px solid #000;
  font-size: 10px;
}
#notificationDiv {
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: -210px;
  background-color: #fff;
  border: 5px solid #f00;
  padding: 5px;
  width: 400px;
  z-index: 5000;
}
#notificationDiv > .content {
    max-height: 600px;
    overflow: auto;    
}
a.menuHref {
  color: #fff;
}
div#menuInfoDiv {
  position: fixed;
	top: 15%;
	bottom: 15%;
	left: 50%;
  width: 999px;
	margin-left: -500px;
  background: #fff;
  border: 1px solid #000;
  z-index: 7001;
	overflow: hidden;
}
div#menuInfoDiv .inner {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
}
div#menuInfoDiv .inner .header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 25px;
}
div#menuInfoDiv .inner .header .title {
	float: left;
	padding: 3px 0 0 4px;
}
div#menuInfoDiv .inner .header .icons {
	float: right;
	padding: 3px 4px 0 0;
}
div#menuInfoDiv .inner .search {
	position: absolute;
	top: 26px;
	right: 0;
	left: 0;
	height: 35px;
	background: #E2E6EA;
	border-bottom: 1px solid #fff;
}
div#menuInfoDiv .inner .search .searchInput {
	float: left;
	padding: 4px;
	width: 300px;
	margin: 4px 0 0 4px;
}
div#menuInfoDiv .inner .content {
	position: absolute;
	top: 63px;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	margin: -1px;
}
.vserver {
  background-color: #fff;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
span.privatkunde {
  color: #DE2222;
  font-size: 10px;
  font-style: italic;
}
.mailIFrame {
  width: 100%;
  height: 300px;
  border: 0;
  background-color: #fff;
}
div#rrLogDiv {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  background: #fff;
  border: 1px solid #000;
}
.garExpire {
  font-weight: bold;
  color: #f00;
}
.garOK {
  font-weight: bold;
  color: #0c0;
}
div#taskInterneInfoDiv {
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  width: 400px;
}
div#wvKundigenDiv {
  position: fixed;
  width: 500px;
  top: 30%;
  left: 50%;
  margin-left: -251px;
  border: 1px solid #000;
  background: #fff;
}
div#prc_mailSendDiv {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 390px;
  margin-left: -195px;
  background: #fff;
  border: 5px solid #999;
}

div.ttDivGen, #supportSig {
	position: absolute;
	background-color: #fff;
  z-index: 2000;
	padding: 2px;
	border: 1px solid #000;
  width: 400px;
}
div.ttDivGen {padding: 0;}
.mailShowAttBox {
  border: 1px solid #999;
  margin: 5px 0 0 0;
}
.mailShowULSelection {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.mailShowULSelection li {
  float: left;
}
.mailShowULSelection li a {
  display: block;
  border: 1px solid #999;
  background: #EEF4F6;
  padding: 0 2px;
  margin: 1px;
  height: 14px;
}
.mailShowULSelection li a:hover {
  text-decoration: none;
  background: #E0EBF0;
}
.mailShowULSelection li a.active {
  font-weight: bold;
}
#taskSerieIntervallInfo {
  position: absolute;
  width: 300px;
  background: #fff;
  border: 1px solid #000;
}
#be2_emailAttachmentAdmin_content {
	border: 1px solid #000;
	background: #fff;
	position: relative;
	max-height: 600px;
	overflow: auto;
	width: 500px;
}
#firmen_mail_attachmentAdmin_content, #ue_attachmentAdmin_content {
  position: relative;
  border: 1px solid #000;
  background: #fff;
  max-height: 600px;
  overflow: auto;
  width: 500px;
}
#bug_emailAttachmentsList {
  border: 1px solid #ddd;
  background: #fff;
}
/*#lstShowMatsDiv {
  position: fixed;
  top: 25%;
  left: 50%;
  width: 800px;
  margin-left: -401px;
  border: 1px solid #000;
  background: #fff;
}*/
#lstShowMatsDiv .content {
  width: 800px;
  border: 1px solid #000;
  background: #fff;
}
/* Neue TEP */
div.tep_gen {
  background-repeat: no-repeat;
}
div.tep_ort1 {
}
div.tep_ort2 {
}
div.tep_ort3 {
}
div.tep_ort1_ol {
}
div.tep_ort2_ol {
}
div.tep_ort3_ol {
}

div.tep_tep1 {
  background-color: #00f;
}
div.tep_tep2 {
  background-color: #e89b00;
}
div.tep_tep2OL {
  background-color: #F6DA84;
}
div.tep_tep3 {
  background-color: #0f0;
}
div.tep_tep3OL {
  background-color: #C0FFC0;
}
div.tep_tep4 {
  background-color: #f00;
}
div.tep_tep4Antrag {
	background-color: #ff9600;
}
div.tep_tep5 {
  background-color: #a00;
}
div.tep_tep6 {
  background-color: #882071;
}
div.tep_tep7 {
  background-color: #dfe629;
}
div.tep_tep8 {
  background-color: #000;
}
div.tep_tep9 {
  background-color: #066;
}
div.tep_tep9Antrag {
	background-color: #008282;
}
div.tep_tepAZ {
  background-color: #ddd;
}

/* Zuweisungs-Auswahl */
.idAnz { font-size: 0.9em; color: #063; }
.sn  { font-size: 0.9em; color: #777; }
.devTyp { color: #00f; }

#bug_emailSendAgainContainer {
  position: fixed;
  top: 0;
	right: 0;
	bottom: 0;
  left: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.1);
}
#bug_emailSendAgainContainer > .inner {
	display: table;
	margin: 0 auto;
	height: 100%;
}
#bug_emailSendAgainContainer > .inner > .cell {
	display: table-cell;
	vertical-align: middle;
}
#sendAgainForm {
	position: relative;
	background: #fff;
	border: 1px solid #000;
}
#lstShowKostDiv, #lstShowNBDiv {
	position: absolute;
	background-color: #fff;
  z-index: 2001;
	padding: 2px;
	border: 1px solid #000;
  width: 300px;
}
td.genWarn {
  background-color: red;
  color: white;
}
td.genWarn a {
  color: white;
}

.naviLeisteLink a { color: #fff; font-size: 9px; }
#leihstellungErinnerungContainer {
  position: absolute;
  background: #fff;
  z-index: 2000;
  border: 1px solid #000;
  width: 130px;
}
#ui-datepicker-div {
  z-index: 99999 !important;
  width: 200px;
}

#emailsel_selection_container {position: fixed; top: 20%; bottom: 20%; left: 50%; width: 800px; margin-left: -401px; background: #fff; border: 1px solid #000; z-index: 10001;}
#emailsel_selection_container ul {margin: 0; padding: 0; list-style: none;}
#emailsel_selection_container ul li a {display: block; padding: 5px; border-bottom: 1px solid #ddd; text-decoration: none; color: #000;}
#emailsel_selection_container ul li.emailsel_titelLI {padding: 5px; border-bottom: 1px solid #ddd; text-decoration: none; font-size: inherit; line-height: normal;}
#emailsel_selection_container ul li.emailsel_titelLI .emailsel_titelicon {float: left; margin-top: -1px;}
#emailsel_selection_container ul li.emailsel_titelLI .emailsel_titelname {margin-left: 20px;}
#emailsel_selection_container ul li .infogrey {color: #666;}
#emailsel_selection_container ul li.resultLI {padding: 5px; border-bottom: 1px solid #ddd;}
#emailsel_selection_container ul li.resultLI a {display: inline; padding: 0; border: none; float: right;}

#al_sendPDFMailContainer, #le2_pdfMailFormContainer, #belege_pdfMailFormContainer, #contentMailFormContainer
{position: fixed; top: 30%; left: 50%; width: 600px; border: 1px solid #000; background: #fff; margin-left: -301px; z-index: 500;}

#al_sendPDFMailContainer, #emailsel_selection_container, #be2_uploadFrame_content,
#erinnerungFaelligkeitPopupContainer, #sendAgainForm, #kompAdminChangeformDiv,
#moveDokuContainer, #le2_pdfMailFormContainer, #belege_pdfMailFormContainer, #sendFormToCustomerDiv,
#lstShowMatsDiv .content, #textbausteindiv, #be2_emailAttachmentAdmin_content, #TBSelectionContainer, #gc_convertDetailsCon,
#tb_newInnerContainer, #contentMailFormContainer, div.s2tSendDiv, #prcI_div, #notificationDiv, #ticketflaglist,
#zuwselv2Container, #zuwUsDiv, #inhKtDiv, #wvKundigenDiv, #rr_editContainer, #massmail_attachmentAdmin, #fInfoTyp_zuwDiv,
#lstTextQEDiv .content, #belegeFileList, #belegeFirmenPDFEmpfaenger, #be2_doksInfoEditContainer, #belegeRechnPDFList, #belege_rechnPDFMailFormContainer,
#mentionLogInhaltContainer, #newsletterKatBrowserContainer, #mentionRechnList, #adminWVCalcDetailsContainer, #zuwselNewEntryContainer,
#firmen_mail_attachmentAdmin_content, #ue_attachmentAdmin_content, #bugSchnellanlage_resultSelectDetailsWrapper, #belegeCheckAllWrapper, #sucheEO_wrapper, #adminWVExportMentionErrorList,
#wv2KalkFSInfos, #menuInfoDiv, #wvFirmaHinweis, #material-form, #material-selection-box, #dialog-form, #bankverbindung-form, #admin-sprache-form, #multi-box, #wvStatistik_mehrbetragStats .content, #wvStatistik_mehrbetragStats_belege .content,
#wvStatistikFS_mehrbetragStats .content, #wvStatistikFS_mehrbetragStats_belege .content, #resetMaintBillingStatusInProgressForm .content,
#material-add-form
{box-shadow: 0 0 200px #000;}

.shadow {box-shadow: 0 0 200px #000;}

.buglistmargin {margin: 0 2px 2px 2px;}

#TBSelectionContainer {position: fixed; top: 20%; bottom: 20%; left: 50%; width: 900px; margin-left: -451px; background: #fff; border: 1px solid #000; z-index: 5000;}
#TBSelectionContainer ul {margin: 0; padding: 0; list-style: none;}
#TBSelectionContainer .selectionUL {position: absolute; top: 0; bottom: 0; left: 0; width: 299px; border-right: 1px solid #ddd; overflow: auto; background: #f5f5f5;}
#TBSelectionContainer .selectionUL a {display: block; padding: 5px; text-decoration: none; border-bottom: 1px solid #ddd; font-weight: bold;}
#TBSelectionContainer .selectionUL a:hover {color: #000;}
#TBSelectionContainer .selectionUL li.selectionLIAct {background: #C3D7DF;}
#TBSelectionContainer .contentUL {position: absolute; top: 0; bottom: 0; left: 300px; right: 0; background: #fff; overflow: auto;}
#TBSelectionContainer .contentUL li {display: none;}
#TBSelectionContainer .contentUL li.contentLIAct {display: block;}
#TBSelectionContainer .contentUL li div.LIRow {padding: 5px;}
#TBSelectionContainer .contentUL li div.infoBox {border-bottom: 1px solid #ddd;}
#TBSelectionContainer .contentUL li a.TBdeleteRow {display: block; padding: 5px; border-bottom: 1px solid #ddd;}

#tb_newOuterContainer {position: fixed; top: 20%; left: 0; right: 0; z-index: 5000;}
#tb_newInnerContainer {position: relative; border: 1px solid #000; background: #fff; margin: 0 auto; width: 800px;}

#le2_ipDiv1 {position: relative;}

#ttv2 {position: absolute; top: -1000px; left: -1000px; z-index: 20000;}
#ttv2ImgRow.up {height: 8px; background: url(../media/hp/ttarrow.png) top center no-repeat; z-index: 20002; margin-bottom: -1px; position: relative;}
#ttv2ImgRow.down {height: 8px; background: url(../media/hp/ttarrowdown.png) top center no-repeat; z-index: 20002; margin-top: -1px; position: relative;}
#ttv2Inner {background: #FFFFE1; padding: 6px; border: 1px solid #666; position: relative; z-index: 20001;}

#ticketflaglist {position: fixed; width: 1000px; left: 50%; margin-left: -501px; border: 1px solid #000; background: #fff; top: 15%; bottom: 15%; z-index: 9991;}
#ticketflaglist_inner {position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px;}
#ticketflaglist_header {position: absolute; top: 0px; left: 0; right: 0; height: 25px;}
#ticketflaglist_header span {float: left; padding: 3px 0 0 2px;}
#ticketflaglist_header .hideButton {float: right; padding: 3px 5px 0 0;}
#ticketflaglist_options {position: absolute; top: 25px; left: 0; right: 0; height: 34px; border-bottom: 1px solid #ddd; background: #E2E6EA;}
#ticketflaglist_options #ticketflaglist_search {float: left; padding: 4px; margin: 4px 0 0 5px; width: 300px;}
#ticketflaglist_results {position: absolute; top: 60px; left: 0; right: 0; bottom: 0; overflow: auto;}
#ticketflaglist_results ul {margin: 0; padding: 0; list-style: none;}
#ticketflaglist_results li {border-bottom: 1px solid #ddd; position: relative;}
#ticketflaglist_results li.act {background: #C3D7DF;}
#ticketflaglist_results a {display: block; padding: 10px; text-decoration: none; color: #000;}
#ticketflaglist_results .warnunginfo {position: absolute; top: 0; bottom: 0; left: 0; width: 52px;}
#ticketflaglist_results .infogrey {color: #666;}
#ticketflaglist_results .statusimg {float: left; margin: 10px 0 0 7px;}
#ticketflaglist_results .datuminfo {float: right; width: 220px;}
#ticketflaglist_results .tickettext {width: 850px; margin: 10px 0 0 52px; overflow: auto;}
#ticketflaglist_results .deadlineimg span {float: left; color: #E34848;}
#ticketflaglist_loading {position: absolute; top: 60px; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.5;}

#zuwselv2Container {position: fixed; top: 20%; bottom: 20%; left: 50%; width: 900px; margin-left: -451px; background: #fff; border: 1px solid #000; z-index: 5000;}
#zuwselv2Container ul {margin: 0; padding: 0; list-style: none;}
#zuwselv2Container .innerContainer {position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px;}
#zuwselv2Container .head {position: absolute; top: 0; left: 0; right: 0; height: 25px;}
#zuwselv2Container .head span {float: left; margin: 3px 0 0 5px;}
#zuwselv2Container .selectionUL {position: absolute; top: 0; bottom: 0; left: 0; width: 229px; background: #f5f5f5; border-right: 1px solid #ddd; overflow: auto;}
#zuwselv2Container .selectionUL a {display: block; padding: 5px; border-bottom: 1px solid #ddd; text-decoration: none; color: #000;}
#zuwselv2Container .selectionUL .linkTypImg {float: left; margin: -2px 5px 0 0;}
#zuwselv2Container a.act {background: #C3D7DF;}
#zuwselv2Container a:hover {background: #D0E1E8;}
#zuwselv2Container .contentUL {position: absolute; top: 0; bottom: 0; left: 230px; right: 0; overflow: auto;}
#zuwselv2Container .neuanlegenUL {margin: 10px;}
#zuwselv2Container .contentUL a {display: block; padding: 5px; border-bottom: 1px solid #ddd; text-decoration: none; color: #000;}
#zuwselv2Container .contentUL .inlineLink {display: inline; padding: 0; border-bottom: 0;}
#zuwselv2Container .closebutton {position: absolute; top: 7px; right: 7px; z-index: 5005;}
#zuwselv2Container .closebutton:hover {background: none;}
#zuwselv2Container .contentUL .content {font-weight: bold;}
#zuwselv2Container .contentUL .infogrey {color: #666;}
#zuwselv2Container .contentUL .firmenSymbol {float: left; margin: 1px 3px 0 0;}
#zuwselv2Container .contentUL .firmenName {font-style: italic;}
#zuwselv2Container .options {position: absolute; top: 25px; left: 0; right: 0; height: 24px; padding: 5px; background: #E2E6EA; border-bottom: 1px solid #ddd;}
#zuwselv2Container .search,#zuwselv2Container .option {float: left;}
#zuwselv2Container .search {background: #fff; position: relative;}
#zuwselv2Container .search input {padding: 4px; width: 206px; background: none; border: 1px solid #999;}
#zuwselv2Container .option {padding: 6px 5px 5px 15px;}
#zuwselv2Container .option input {float: left; margin-right: 5px;}
#zuwselv2Container .contentContainer {position: absolute; top: 60px; bottom: 0; left: 0; right: 0; overflow: hidden;}
#zuwselv2Container #zuwsel_loading {position: absolute; top: 60px; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
#zuwselv2Container #zuwsel_newSelection {position: absolute; top: 0; left: 0; border: 1px solid #ddd; background: #fff; z-index: 5100; width: 150px;}
#zuwselv2Container #zuwsel_newSelection a {display: block; padding: 5px; text-decoration: none;}
#zuwselv2Container #zuwsel_newSelection a img {float: left;}
#zuwselv2Container #zuwsel_newSelection a span {float: left; margin: 2px 0 0 5px;}
#zuwselv2Container ul li.selected { background-color: #cfc; }
#zuwselv2Container ul li.multiSelAkt { background: url(../media/hp/wv_ok.gif) no-repeat 1% 50% #cfc; }
#zuwselv2Container ul li.multiSelAkt a:hover { background: url(../media/hp/wv_ok.gif) no-repeat 1% 50% #8f8; }



.whitegrey {background: #f9f9f9;}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

#lizenzauswahl_zuw_le {margin: 0; padding: 0; list-style: none; border: 1px solid #ddd; padding: 2px; background: #fff;}
#lizenzauswahl_zuw_le li a {display: block; text-decoration: none; padding: 2px; border-bottom: 1px solid #ddd;}
#lizenzauswahl_zuw_le li a.last {border: 0;}
#lizenzauswahl_zuw_le li a:hover {background: #D0E1E8;}

div.popUp, div.wvInfoPopUp {
	position: absolute;
  top: 0px;
  left: 0px;
	background-color: #fff;
	border: 1px solid #000;
	width: 300px;
  padding: 2px;
}

div.popUp {
	z-index: 8000;
}

div.shdw {
  box-shadow: 0 0 100px #000;
  padding: 0px !important;
}

div.shdw2 {
  box-shadow: 0 0 100px #000;
}

a.prfA {
  display: block;
}
a.prfA:hover {
  background-color: #cfc;
}

#massmail_attachmentAdmin {
  position: fixed;
  top: 40%;
  left: 50%;
  width: 500px;
  margin-left: -251px;
  border: 1px solid #000;
  background: #fff;
}
.massmail_attachmentFileInput {
  width: 480px;
}
#gc_vmInfosList {position: absolute; background: #fff; border: 1px solid #000;}
#belegeFileList {position: fixed; width: 700px; top: 20%; margin-left: -351px; left: 50%; background: #fff; border: 1px solid #000; z-index: 150;}
#belegeFirmenPDFEmpfaenger {position: fixed; top: 25%; left: 50%; width: 700px; margin-left: -351px; border: 1px solid #000; background: #fff;}
#belegePDFList {margin: 0; padding: 0; list-style: none;}
#belegePDFList li:hover {background: #DBE2E4;}
#belegePDFList a {padding: 5px;}
#belegePDFList a:hover {text-decoration: none;}
#belegeRechnPDFList {position: fixed; width: 600px; top: 30%; margin-left: -301px; left: 50%; background: #fff; border: 1px solid #000;}
#belegeRechnPDFList ul {list-style: none; margin: 0; padding: 0;}
#belegeRechnPDFList ul li {border-bottom: 1px solid #ddd;}
#belegeRechnPDFList ul li:hover {background: #DBE2E4;}
#belegeRechnPDFList ul li a {text-decoration: none;}
#belege_rechnPDFMailFormContainer {position: fixed; width: 600px; top: 30%; margin-left: -301px; left: 50%; background: #fff; border: 1px solid #000; z-index: 10000;}
#belegeRechnPDFList ul li a {text-decoration: none;}

a.block {
  display: block;
}
a.block:hover {
  background-color: #ddd;
}

#mentionLogInhaltContainer {
  position: fixed;
  top: 20%;
  left: 50%;
  background: #fff;
  border: 1px solid #000;
  width: 900px;
  margin-left: -451px;
}
#mentionLogInhaltContainer pre {font-family: Consolas, 'Curier new', monospace; white-space: pre-wrap;}
#newsletterKatBrowserContainer {position: fixed; top: 20%; left: 50%; background: #fff; border: 1px solid #000; width: 700px; margin-left: -351px;}
#newsletterKatBrowserContainer ul {margin: 0; padding: 0; list-style: none;}
#newsletterKatBrowserContainer ul a {display: block; padding: 3px; border-bottom: 1px solid #ddd;}
#newsletterKatBrowserContainer ul a:hover {text-decoration: none; background: #DBE2E4;}

#mentionRechnList {position: fixed; top: 20%; bottom: 20%; left: 20%; right: 20%; background: #fff; border: 1px solid #000;}
#mentionRechnList .inner {position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px;}
#mentionRechnList .head {height: 25px;}
#mentionRechnList .head .title {float: left; padding: 3px 0 0 2px;}
#mentionRechnList .head .closebutton {float: right; padding: 3px 5px 0 0;}
#mentionRechnList .options {height: 30px; border-bottom: 2px solid #2A4750;}
#mentionRechnList .search {float: left; padding: 3px 0 0 1px;}
#mentionRechnList .search input {width: 300px; height: 19px; padding: 0 3px; margin: 0;}
#mentionRechnList .offenePosten {font-weight: bold; float: left; padding: 8px 0 0 8px;}
#mentionRechnList .content {position: absolute; top: 57px; bottom: 0; left: 0; right: 0; overflow: auto;}
#mentionRechnList .loading {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background: #fff;}

#adminWVCalcDetailsContainer {
  position: fixed;
  top: 20%;
  left: 50%;
  background: #fff;
  border: 1px solid #000;
  width: 1000px;
  margin-left: -501px;
}

#zuwselNewEntryContainer {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  border: 1px solid #000;
  width: 800px;
  margin-left: -401px;
  margin-top: -338px;
  z-index: 6000;
}

span.tepS {
  font-weight: bold;
  position: relative;
  top: 8px;
}

#konfliktDiv {
  width: 450px;
  padding: 2px !important;
}

/* Security module */

ul.sec_folder { list-style-type: none; }
ul.sec_folder li
{
	/*white-space: nowrap;*/
	margin-bottom: 1em;
}
ul.sec_folder li span { font-style: italic; color: red; }

a.backlink { float:right; }

h2.sec { padding-left: 0.5em; }

h2.sec, .sectest h3
{
	background-color: #2A4750;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 1em;
}

h2.sec { margin-bottom: 0.25em; }

table#security-results, table.dav-table { width:100%; margin-top:1em; border-spacing: 1px; }
table#security-results th, table.dav-table th
{
	background-color: #2A4750;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 20px;
	white-space: nowrap;
	padding: 0 1em;
}
table#security-results td { width: 33%; white-space: nowrap; }
table#security-results td.bad-result:hover { background-color: #FFFFE1; }
table#security-results img { vertical-align:middle; margin-right:0.5em; }

.sectest
{
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid gray;
	background-color: #E5EFF3;
}

.sectest h3
{
	background-image: url(../media/hp/head_down.gif);
	background-position:99% 50%;
	background-repeat:no-repeat;
	cursor: pointer;
}
.sectest h3:hover { text-decoration: underline; }
.sectest h3 img { vertical-align:middle; margin-right:0.5em; }

.sectest p { padding: 0 5px; }
.sectest ul { list-style-type: none; margin-left: 20px; }
.sectest ul li, .sectest p { margin-bottom: 1em; }
.sectest ul li span { font-weight: bold; margin-right: 0.5em; }

.sectest ul.folderlist li
{
	margin-bottom: 0.25em;
}

ul#stats { list-style-type: none; margin: 1em 0; }
ul#stats li { margin-left: 1em; }
ul#stats li.error { color:red; }
ul#stats li span { font-weight: bold; width: 170px; display: inline-block; }

h3.results { color: #4F6C88; margin-top: 1em; }

#legend { float: right; margin-bottom: 1em; text-align: right; }
#legend ul { list-style-type: none; }
#legend ul li { float:right; padding: 0 1em; }
#legend ul li img { vertical-align:middle; }
#legendLeft { float: left; }

.calcSLARow {color: #666; font-style: italic; }


/* YubiKey - Uebersicht */

ol.keylist
{
	list-style-position: inside;
	margin-left: 1em;
}

/* Yubikey- / Google Secretzuweisung */
#yubicontainer, #googlecontainer
{
	position: absolute;
	background-color: #fff;
	border: 1px solid #999;
	color: #000;
	z-index: 1001;
	padding: 5px;
	bottom :0px;
	right: 100px;
	width: 450px;
	text-align: left;
}

#yubicontainer h4, #googlecontainer h4
{
	margin-bottom: 1em;
}

#yubicontainer a, #googlecontainer a.close
{ 
	position: absolute;
	top: 5px;
	right: 5px;
	border: 0 none;
}

#yubicontainer ol, #googlecontainer ol
{
	margin-left: 2em;
}

#yubicontainer ol li, #googlecontainer ol li
{
	margin-bottom: 1em;
}

#yubicontainer input#keyfield
{
	width: 300px;
}

#googlecontainer, #googlecontainer #qrpic
{
	float: right;
}

#googlecontainer a
{
	border: 1px solid gray;
	padding: 2px 5px;
	cursor: pointer;
}

#googlecontainer a#auth-accept
{
	color: green;
}

#googlecontainer a#auth-deny
{
	color: red;
}

#googlecontainer p.hint
{
	margin-bottom: 1em;
}

#bugSchnellanlage_resultSelectDetailsWrapper {position: fixed; top: 10%; left: 50%; width: 998px; border: 1px solid #000; margin-left: -500px; background: #f5f5f5; z-index: 1000;}
#bugSchnellanlage_resultSelectDetailsWrapper ul {list-style: none;}
#bugSchnellanlage_resultSelectDetailsWrapper .inner {padding: 2px;}
#bugSchnellanlage_resultSelectDetailsWrapper .newIDInputField {padding: 1px;}
#bugSchnellanlage_resultSelectDetailsWrapper .closeButton {position: absolute; top: 3px; right: 5px;}
#bugSchnellanlage_resultSelectDetailsWrapper .serviceSymbole {float: right; padding: 0 30px 0 0;}
#bugSchnellanlage_resultSelectDetailsWrapper .geraeteInfos {float: left;}
#bugSchnellanlage_resultSelectDetailsWrapper .geraeteInfos li {padding: 3px;}
#bugSchnellanlage_resultSelectDetailsWrapper .geraeteInfos li .padRight5 {padding-right: 5px;}
#bugSchnellanlage_resultSelectDetailsWrapper .newSelectionList {float: right; border-top: 2px solid #fff; border-bottom: 1px solid #fff;}
#bugSchnellanlage_resultSelectDetailsWrapper .newSelectionList li {float: left; border-left: 2px solid #fff;}
#bugSchnellanlage_resultSelectDetailsWrapper .newSelectionList li img {float: left; margin-top: -2px; margin-right: 5px;}
#bugSchnellanlage_resultSelectDetailsWrapper .newSelectionList li a {display: block; padding: 20px; background: #E5EFF3;}
#bugSchnellanlage_resultSelectDetailsWrapper .list table {width: 100%;}
#bugSchnellanlage_resultSelectDetailsWrapper .ticketDetails .list {overflow: auto;}
#bugSchnellanlage_resultSelectDetailsWrapper .leistungDetails .list {overflow: auto;}
#bugSchnellanlage_resultSelectDetailsWrapper .ticketDetails .list table .erstelltDatumColumn {width: 80px;}
#bugSchnellanlage_resultSelectDetailsWrapper .ticketDetails .list table .statusIconColumn {width: 50px;}
#bugSchnellanlage_resultSelectDetailsWrapper .ticketDetails .list table .iconColumn {width: 20px;}
#bugSchnellanlage_resultSelectDetailsWrapper .leistungDetails .list table .tepColumn {width: 50px;}
#bugSchnellanlage_resultSelectDetailsWrapper .leistungDetails .list table .datumColumn {width: 120px;}
#bugSchnellanlage_resultSelectDetailsWrapper .leistungDetails .list table .dauerColumn {width: 80px;}
#bugSchnellanlage_resultSelectDetailsWrapper .leistungDetails .list table .iconColumn {width: 20px;}

#belegeCheckAllWrapper {position: fixed; top: 40%; left: 50%; width: 498px; border: 1px solid #000; background: #fff; margin-left: -250px;}
#belegeCheckAllWrapper table {width: 100%;}
#belegeCheckAllWrapper table .padRight5 {padding-right: 5px;}
#belegeCheckAllWrapper table .padLeft5 {padding-left: 5px;}
#belegeCheckAllWrapper table .buttonRow {text-align: right;}
#belegeCheckAllWrapper table .closeButton {position: absolute; top: 3px; right: 5px;}

/* CalDAV */

dl.dav
{
	margin: 0;
	padding: 0;	
}

dl.dav dt
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
	
dl.dav dd
{
	margin: 0 0 1em 0;
	padding: 0;
}

#v4_sucheResultsUL > li {position: relative;}
#v4_sucheResultsUL > li > .extraOptionsBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 230px;
	background: #fff;
	border: 1px solid #000;
	margin-right: -225px;
	display: none;
    z-index: 2;
}
#v4_sucheResultsUL > li:hover > .extraOptionsBox {display: block;}
#v4_sucheResultsUL > li > .extraOptionsBox > table {width: 100%;}
#v4_sucheResultsUL > li > .extraOptionsBox a:hover {background: none;}

#sucheEO_wrapper {
	position: fixed;
	top: 10%;
	left: 50%;
	width: 1000px;
	margin-left: -501px;
	background: #f5f5f5;
	border: 1px solid #000;
	z-index: 10000;
}
#sucheEO_wrapper > .closebutton {position: absolute; top: 5px; right: 5px;}
#sucheEO_wrapper > .inner {padding: 2px;}
#sucheEO_wrapper > .inner > .auftraggeberList > table {width: 100%;}
#sucheEO_wrapper > .inner .selectionList {float: right; border-top: 2px solid #fff; border-bottom: 1px solid #fff; list-style: none;}
#sucheEO_wrapper > .inner .selectionList li {float: left; border-left: 2px solid #fff;}
#sucheEO_wrapper > .inner .selectionList li img {float: left; margin-top: -2px; margin-right: 5px;}
#sucheEO_wrapper > .inner .selectionList li a {display: block; padding: 20px; background: #E5EFF3;}
#sucheEO_wrapper > .inner .infoList {float: left; list-style: none;}
#sucheEO_wrapper > .inner .infoList li {padding: 3px;}
#sucheEO_wrapper > .inner .flagsList {float: right; padding-right: 30px; height: 20px;}

input#newMatMenge, input#newMatPreis
{
	min-width: 3em;
	width: 5em;
}



/* Domain-Verwaltung */

a.newentry img { margin-right: 5px; margin-left: 5px; }

p.domain, p.error { padding: 2px; }

p.domain.list { margin-top:1em; }

table.domainlist { width: 100%; margin-top:2em; }

table.domainlist th
{
	background-color: #2A4750;
	font-weight: bold;
	color: #fff;
	padding-left: 2px;
	line-height: 20px;
	text-align: left;
}

table.domainlist th.domain-task { width: 16px; }

table.domainlist th.domain-task img { display: block; }

table.domainlist td.nowrap { white-space:nowrap; }

a.domainbacklink { float:right; margin-right: 5px; }

form#domainform table, form#delete-domain { width: 700px; margin: 0 auto; margin-top:1em; }

form#domainform td.main1 { width: 150px; }

form#domainform p.error { color: red; }

/*
form#domainform h3
{
	background-color: #2A4750;
	color: white;
	padding-left: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

form#domainform ul, form#delete-domain ul
{
	list-style-type: none;
}

form#domainform ul li
{
	margin: 2px;
}

form#domainform ul li.error input
{
	background-color: pink;
}

form#domainform label, form#domainform input
{
	float:left;
}

form#domainform label
{
	border-right: 2px solid white;
	display: block;
	height: 100%;
	padding-left: 2px;
	width: 210px;
	cursor: pointer;
	position: relative;
}

form#domainform label span
{
	position: absolute;
	right: 20px;
	color: red;
}

form#domainform p span
{
	color: red;	
}

form#domainform input, form#domainform textarea
{
	width: 370px;
}

form#domainform input.datepicker
{
	float: none;
	width: 150px;
}

form#domainform input.datepicker.long
{
	width: 155px;
}


form#domainform .emailcontainer
{
	float: left;
}

form#domainform input.submit
{
	width: auto;
	margin-right: 0.5em;
}

form#domainform a
{
	text-decoration: underline;
}
*/

form#domainform input,
form#domainform select,
form#domainform textarea { width: 90%; }

form#domainform input.submit,
form#domainform input.datepicker { width: auto; }

form#delete-domain
{
	width: 450px;
	padding: 5px;
	border:1px solid darkgray;
}

form#delete-domain ul
{
	display: block;
	width: 200px;
	margin: 0 auto;
	list-style-type: none;
}
form#delete-domain ul li { float:left; margin-right: 1em; background-color: #E5EFF3; }
form#delete-domain ul li label { background-color: #DBE2E4; }
form#delete-domain p { color: red; margin-bottom:1em; }




td.adminTd {
	padding: 0;
}

td.adminTd a {
	display: block;
	padding: 1px;
}

td.adminTd a:hover {
	background-color: #CBD5DE;
	text-decoration: none;
}

a.dns-lookup
{
	background: url(../media/hp/view.gif) no-repeat 0 0;
	padding-right: 20px;
	height: 16px;
	display: inline-block;
	width: 16px;
	text-decoration: none !important;
	margin-left: 25px;
}

/* Rechtschreibung*/

/*
a.spellcheck
{
	text-decoration: underline;
	float: none;
	margin: 0;
}
*/

/*
ul.spellcheck
{
	list-style-type: none;
	margin-top: 1em;
}

ul.spellcheck li em
{
	font-style: normal;
	width: 200px;
	display: block;
	float:left;
}
*/

tr.error td { color: red; }
tr.current-dict { background-color: #CCFFCC; }

hr.spellcheck { visibility: hidden; margin-bottom: 2em; }

div.spellcheck { float: left; margin: 1em; }
div.spellcheck h4 { margin-bottom: 1em; font-weight:normal; }
div.spellcheck form label,
div.spellcheck form input { float: left; }
div.spellcheck form label { width: 50px; cursor: pointer; }
div.spellcheck ul { list-style-type: none; }
div.spellcheck form ul li { margin-bottom: 1em; }
div.spellcheck ul li a { color: red; text-decoration: underline !important; }
div.spellcheck ul li span { color: red; }
div.spellcheck ul li ul { margin-left: 1em; color: green; }
div.spellcheck ul li.correct { color: green; }

/* Wortlisten */
table.wordlist
{
	width:100%;
	margin-top:1em;
	border-spacing: 1px;
}

table.wordlist th
{
	background-color: #2A4750;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 20px;
	padding-left: 2px;
	white-space: nowrap;
}

table.wordlist th.task
{
	width: 16px;
}

table.wordlist th.task img
{
	display: block;
}

table.wordlist td.nowrap { white-space: nowrap; }

form.delete-wordlist
{
	border:1px solid darkgray;
	margin: 0 auto;
	margin-top:1em;
	padding: 5px;
	width: 450px;
}
form.delete-wordlist ul
{
	display: block;
	list-style-type: none;
	margin: 0 auto;
	width: 210px;
}
form.delete-wordlist ul li { float:left; margin-right: 1em; }
form.delete-wordlist p     { color: red; margin-bottom:1em; }

a.add-wordlist
{
	background: url(../media/hp/new.gif) no-repeat 0 50%;
	display: block;
	padding: 2px 20px;
	text-decoration:underline;
}

form.createwordlist
{
	width: 520px;
	margin: 1em auto;
	padding: 10px;
	border: 1px solid lightgray;
}
form.createwordlist label, form.createwordlist input       { float: left; }
form.createwordlist label                                  { cursor: pointer; width: 100px; position: relative; }
form.createwordlist label span                             { color: orange; position: absolute; right: 0.5em; }
form.createwordlist input                                  { width: 412px; }
form.createwordlist ul                                     { list-style-type: none; }
form.createwordlist ul li                                  { margin-bottom: 5px; }
form.createwordlist input.submit                           { padding: 2px 5px; width: auto; }
form.createwordlist p.error, form.createwordlist p.message { margin-bottom: 1em; }
form.createwordlist p span                                 { color: orange; }
form.createwordlist p.error                                { color: red; }
form.createwordlist li.error input                         { background-color: pink; }

form.editwordlist
{
	width: 500px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid lightgray;
}

form.editwordlist label, form.editwordlist input, form.editwordlist textarea { float: left; }
form.editwordlist label                          { cursor: pointer; width: 80px; position: relative; }
form.editwordlist label span                     { color: orange; position: absolute; right: 0.5em; }
form.editwordlist input,
form.editwordlist textarea                       { width: 400px; }
form.editwordlist ul                             { list-style-type: none; }
form.editwordlist ul li                          { margin-bottom: 5px; }
form.editwordlist input.submit                   { margin-right: 1em; padding: 2px 5px; width: auto; }
form.editwordlist p.error, form.editwordlist p.message { margin-bottom: 1em; }
form.editwordlist p span                         { color: orange; }
form.editwordlist p.error                        { color: red; }
form.editwordlist li.error input                 { background-color: pink; }

form#default-dict
{
	margin-top: 1em;
}

form#default-dict input, form#default-dict select
{
	padding: 0.25em 0.5em;
}

#spellcheck-results
{
	position: absolute;
	top: 0;
	/*right: 0px;*/

	background-color: #DBE2E4;
	border: 1px solid gray;
	min-width: 400px;
	height: 300px;
	z-index: 1200;
	margin: 0;
}

#spellcheck-results h2.sec
{
	padding-right: 2px;
	cursor: move;
	float: none;

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2em;
	margin-bottom: 0;
}

#spellcheck-results a.close
{
	/*display: block;*/
	float: right;
	padding-right: 16px;
	margin-right: 5px;
	background: url(../media/hp/schliessen.gif) no-repeat 100% 50%;
	color: white;
}

#spellcheck-results a.close:hover
{
	text-decoration: underline;
}

#spellcheck-results > ul
{
	position: absolute;
	left: 10px;
	top: 2em;
	right: 0;
	bottom: 0;
	overflow: auto;
}

#spellcheck-results ul li ul li a
{
	color: green;
	text-decoration: underline;
}

#spellcheck-results ul li span.no-alternatives
{
	margin-left: 1em;
	color: gray;
}

a.spellcheck-anchor
{
	background: url(../media/hp/icon-spell-checker.png) no-repeat 0 50%;
	position: absolute;
	right: 2px;
	top: 2px;
	display: block;
	height: 16px;
	width: 16px;
}

a.spellcheck-anchor span
{
	display: none;
}

#adminWVExportMentionErrorList {
	position: fixed;
	top: 15%;
	left: 50%;
	width: 1099px;
	border: 1px solid #000;
	background: #fff;
	margin-left: -550px;
}
#adminWVExportMentionErrorList .head {
	margin: 2px;
	margin-bottom: 0;
}
.wvlMarker {
	background-image: url(../media/hp/wvl_hg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
div.warnung, div.hinweis, div.warnungOK {
	font-weight: bold;
	padding: 4px;
	margin: 2px;
	text-align: center;
}
div.warnung {
	border: 2px solid red;
}
div.hinweis {
	border: 2px solid orange;
}
div.warnungOK {
	border: 2px solid #0c0;
}
#wv2KalkFSInfos {
	position: fixed;
	top: 20%;
	right: 20%;
	bottom: 20%;
	left: 20%;
	background: #fff;
	border: 1px solid #000;
	padding: 2px;
}
#wv2KalkFSInfos .innerwrapper {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
}
#wv2KalkFSInfos .head {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 25px;
}
#wv2KalkFSInfos .head .title {
	float: left;
	padding: 3px 0 0 2px;
}
#wv2KalkFSInfos .head .hidebutton {
	float: right;
	padding: 4px 5px 0 0;
}
#wv2KalkFSInfos .content {
	position: absolute;
	top: 25px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}
#al_infoBoxWrapper {
	position: fixed;
	top: -1000px;
	left: -1000px;
	border: 1px solid #000;
	background: #fff;
}
#al_infoBoxWrapper .inner {
	margin: 2px;
}
#al_infoBoxWrapper .inner .list {
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0;
}
#al_infoBoxWrapper .inner .head, #al_infoBoxWrapper .inner .list li {
	padding: 3px 5px;
}
#al_infoBoxWrapper .inner .list li:nth-child(2n) {
	background: #f5f5f5;
}
#al_infoBoxWrapper .inner .head .hideButton {
	position: absolute;
	top: 5px;
	right: 5px;
}
#wvFirmaHinweis {
	position: fixed;
	top: 30%;
	left: 50%;
	width: 698px;
	border: 1px solid #000;
	margin-left: -350px;
	background: #fff;
	z-index: 10000;
}
#wvFirmaHinweis table {
	width: 100%;
}
#wvFirmaHinweis .head {
	background: red;
}
#wvFirmaHinweis .wvAdminLink {
	float: right;
}
div.pause {
	font-size: 10px;
	color: #555;
	font-style: italic;
	margin-top: 4px;
	line-height: 12px;
}
div#maUnerwDiv {
	clear: both;
	margin-top: 10px;
	border: 2px solid red;
	text-align: center;
	padding: 3px;
	font-weight: bold;
}

td.kb_posting a {
	color: blue;
}

div.yubierror
{
	background-color: red;
	color: white;
	padding: 15px;
	width: 500px;
	margin: 2em auto 0;
}

div.yubierror span { font-weight: bold; }
div.yubierror a { font-weight: bold; }
div.yubierror a:hover { color: white; }
.fett {
	font-weight: bold;
}
span.noAT {
	font-weight: bold;
	color: red;
}
#ticketStatiDiv {
	z-index: 9100;
	background-color: white;
  border: 1px solid #000;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -251px;
  width: 500px;
  height: 550px;
  overflow: auto;
}
a.statSmall {
	font-size: 9px;	
	color: #000;
}
a.statSmallAS {
	font-size: 9px;	
	color: #fff;
}
tr.prcOld td {
	background-color: #ccc;
}
img.middle {
	position: relative;
	top: 2px;
}

/* Dokumenten-Auflistung */
table.contentlist { width: 100%; }
table.contentlist th { background-color: #5487B9; color: white; text-align: left; }
table.contentlist th.id { width: 50px; }
table.contentlist th.date { width: 80px; }
table.contentlist th.icon { width: 16px; }

h3.contentlist { border: 1px solid gray; background-color: lightgray; padding: 0.5em 1em;}
#contentList_doku a.create-doc
{
	display: block;
	height: 21px;
	line-height: 21px;
	background: #E5EFF3 url(../media/hp/new.gif) no-repeat 0 50%;
	padding-left: 20px;
}

#contentList_newLinkForm { background-color: #E5EFF3; }
#contentList_newLinkForm fieldset label { background-color: #5487B9; color: white; width: 100%; display: block; }
#contentList_newLinkForm ul { list-style-type: none; width: 100%; }

#contentList_newLinkForm ul li { float: left; color: black; padding: 2px; border-top: 1px solid white;}

#contentList_newDateiForm fieldset { background-color: #E5EFF3; }
#contentList_newDateiForm fieldset label { background-color: #5487B9; color: white; width: 100%; display: block; }

#stammdaten-ip-branch { margin-top: 2em; }
#stammdaten-ip-branch fieldset { background-color: #E5EFF3; }
#stammdaten-ip-branch fieldset legend { display: none; }
#stammdaten-ip-branch fieldset label,
#stammdaten-ip-branch fieldset select { float: left; }
#stammdaten-ip-branch fieldset label { background-color: #DBE2E4; margin-right: 10px; }
#stammdaten-ip-branch fieldset ul { list-style-type: none; }
#stammdaten-ip-branch fieldset ul li { float:left; }
#stammdaten-ip-branch fieldset ul li:last-child { margin-left: 10px; }

#contentList_newLinkForm ul li { float: left; color: black; padding: 2px; border-top: 1px solid white;}

img.middle {
	vertical-align: middle;
}
.betreff {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.tview {
	background: url(../media/hp/tvHG.png);
	border: 1px solid blue;
}
.tviewOn {
	background: url(../media/hp/tvHG.png);
	border: 1px solid red;
}
.fview {
	background: url(../media/hp/fv_hg.png) #f6f6f6 no-repeat;
	border: 1px solid #888;
}
.g2a {
	background: url(../media/hp/g2a_hg.png);
	border: 1px solid blue;
}
.pcvisit {
	background: url(../media/hp/pcvisit2.png) white no-repeat;
	border: 1px solid #555;
}
.r4t {
    background: #066;
	border: 1px solid #888;
}
.anydesk {
	background: url(../media/hp/anydesk_hg.png) white no-repeat;
	border: 1px solid #000;
}
.extFw {
    background: #555;
	border: 1px solid #000;
}
.isl {
	background: url(../media/hp/isl_hg.png) white no-repeat;
	border: 1px solid hsla(69,60%,45%,1);
}
.falseDate {border: 2px solid red;}


.chart
{
	border: 1px solid black;
	padding: 10px 20px 20px 20px;
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.chart h3 { text-align: center; margin-bottom: 10px; }
.chart table { border-spacing: 0px; }
.chart table th { padding: 0; }
.chart table th.small { width: 20px; }

.chart table tr td { border-bottom: 1px solid black; padding: 0; vertical-align: middle; }
.chart table tr td:last-child { text-align: right; }
.chart table tr.last td { border: 0 none; }
.chart table tr:hover td { background-color: lightblue; }
.chart table tr td span.color { display: block; height: 16px; width: 16px; }

a.hasdoc img {
	position: relative;
	top: 2px;
}

#material-form, #material-selection-box, #dialog-form {
    width: 1000px;
    border: 1px solid #000;
    background: #fff;
	z-index: 100000;
}
#material-add-form {
	width: 1000px;
	border: 1px solid #000;
	background: #fff;
	z-index: 100000;
	position: relative;
	padding: 2px;
}
#material-selection-table {
	width: 100%;
	border-collapse: collapse;
}
#material-selection-table tr {
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
#material-selection-table tr.act {
	background: #C3D7DF;
}
#material-selection-table tr td {
	padding: 3px 5px;
	border-right: 1px solid #ddd;
}
#material-selection-table tr td:last-child {
	border-right: 0;
}
#material-selection-box {
	position: relative;
	padding: 2px;
}
#material-selection-box .header {
	height: 25px;
}
#material-selection-box .header .title {
	float: left;
	padding: 3px 0 0 5px;
}
#material-selection-box .header .close {
	float: right;
	padding: 3px 5px 0 0;
}
#material-selection-box .options {
	height: 35px;
	background: #E2E6EA;
}
#material-selection-box .options .search {
	float: left;
	padding: 4px;
	margin: 5px 0 0 5px;
	width: 300px;
}
#material-selection-box .options .search-type {
	float: left;
	padding: 2px;
	margin: 6px 0 0 6px;
}
#material-selection-box .content {
	max-height: 500px;
	overflow: auto;
	position: relative;
}

span.id {
	color: #555;
	font-size: 9px;
	font-style: italic;
	margin-right: 3px;
}
.vererbt {
	font-style: italic;
	color: #555;
}
td.phaseTd {
	background: url('../media/hp/projekt-weiss.png') 4px 50% no-repeat #ccc;
	color: #000;
	font-size: 9px;
	padding-left: 25px;
}
div.ae {
	font-size: 9px;
	color: #777;
}
.seAjaxLoad {
	height: 70px;
	background-position: 50% 100%;
	text-align: center;
}
div.zoneDauer, div.zoneBetrag {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
div.zoneDauer {
	color: #888;
}
div.zoneBetrag {
	color: #000;
}

.hover-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.1);
	z-index: 100;
}
.hover-container > .inner {
	display: table;
	margin: 0 auto;
	height: 100%;
}
.hover-container > .inner > .cell {
	display: table-cell;
	vertical-align: middle;
}
td.kompZuw {
	background-image: url(../media/hp/pfeil_rechts_oben_gruen.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}
input.ticketSubject {
	margin-left: 2em;
	width: 20em;
}
td.lokalAdmin {
	color: #000;
	font-weight: bold;
}
td.lokalAdmin1 {
	background-color: yellow;
	border: 1px solid red;
}
td.lokalAdmin2 {
	background-color: #0c0;
	border: 1px solid #000;
}

.lt-mat-box {
	background: #fff;
	border: 1px solid #000;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
	top: 0;
	right: 0;
	display: none;
}

a.arrowDown {
	background-image: url(../media/hp/head_down2.gif);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}

.arrowDown {
	background-image: url(../media/hp/head_down2.gif);
	background-repeat: no-repeat;
	background-position: -2px -2px;
        padding-left: 16px;
}

#zugewMaZusatzInfos {
	display: inline;
}
.verticalImg {
	position: relative;
	top: 3px;
}
span.nichtVererbt {
	cursor: help;
	color: #888;
}
.vererbungAufgehoben {
	text-decoration: line-through;
}
.vererbungUeberschrieben {
	font-weight: bold;
}
img.vertFix {
	position: relative;
	top: 3px;
}
h4.clHead {
	padding-left: 10px;
	margin-top: 2em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
ul.changelog li {
	margin-left: 2em;
	line-height: 20px;
}
#wvlText_input_content, #iCalUserPassDiv {
	border: 1px solid #000;
	background: #fff;
	position: relative;
	max-height: 600px;
	overflow: auto;
	width: 500px;
}
#wvlText_input_content div.wvlPadd {
	margin-top: 3px;
	padding: 3px;
}
#wvlTextArea {
	width: 98%;
}

/***********************drop zone*/
.mergerContainer{
	width: 760px;
	margin: 0 auto;
	clear: both;
	margin-bottom: 20px;
}
.mergerContainer .be2_newEntryTable{
	float: left;
	width: 656px;
}
.dropZone{
	background-color: #E5EFF3;
	border: 1px dashed #2A4750;
	margin: 2px;
	height: 98px;
	width: 98px;
	text-align: center;
	float: left;
}
.dropZone .inner{
	/*padding: 20px 10px;
	color: #35302D; 
	font-weight: bold;
	line-height: 19px;
	*/
	
	background: url("../media/mail-3.png") no-repeat scroll 25px 7px rgba(0, 0, 0, 0);
    color: #7A7A7A;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    padding: 45px 10px 20px;
    text-align: center;
}

.dropZone .inner2{
	background: url("../media/mail-3.png") no-repeat scroll 45px 10px rgba(0, 0, 0, 0);
    color: #7a7a7a;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    padding: 42px 10px 20px 16px;
    text-align: left;
}

/*drop zone end*/

.uebFahrt {
    font-size: 8px; 
    line-height: 10px; 
    color: #555;
    padding-top: 3px;
}

#newt-preparation-container {
    position: fixed;
    top: 100px;
    right: 200px;
    bottom: 100px;
    left: 200px;
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: 0 0 200px #000;
}
#newt-preparation-container > .head {
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    height: 28px;
}
#newt-preparation-container > .head > .title {
    float: left;
    padding: 4px 0 0 4px;
}
#newt-preparation-container > .content {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}
#newt-license-categorie-list-container {
    background-color: #fff;
}
#newt-existing-sn-container {
    position: fixed;
    top: 100px;
    right: 200px;
    bottom: 100px;
    left: 200px;
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: 0 0 200px #000;
}
#newt-existing-sn-container > .head {
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    height: 28px;
}
#newt-existing-sn-container > .head > .title {
    float: left;
    padding: 4px 0 0 4px;
}
#newt-existing-sn-container > .head > .closing-button {
    float: right;
    padding: 5px 5px 0 0;
}
#newt-existing-sn-container > .content {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}
.mailIn {
    background-color: #eee;
}
.mailOut {
    background-color: #d0d0d0;
}
.mailInInt {
    background-color: #FFDADA;
}
.mailOutInt {
    background-color: #FFB1B1;
}
.sigWarnDiv {
    border: 2px solid red;
    width: 630px;
    margin: 20px auto;
    font-weight: bold;
    padding: 10px;
    background-color: #FFD1D1;
}
div.backlink {
    float: right;
}
div.printOnly {
    display: none;
}
#maTerminDiv {
  top: 50%;
  left: 50%;
  margin-left: -251px;
  width: 500px;
}
span.noMerge {
    text-decoration: line-through;
}
div.noMergeInfo {
    font-size: 9px;
    line-height: 11px;
    color: red;
}
#manufacturerNotification {
    position: fixed;
    right: -350px;
    bottom: 50px;
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
    width: 300px;
    padding: 2px;
}
#manufacturerNotification .header {
    padding: 10px;
    background-color: #2A4750;
    color: #fff;
    font-weight: bold;
}
#manufacturerNotification .content {
    padding: 10px;
}
#manufacturerNotification .choose > a {
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #eee;
    margin: 1px;
}
#manufacturerNotification .choose > a:hover {
    background-color: #ddd;
    text-decoration: none;
}
table.striped tr td {
    background-color: #CBD5DE;
}
table.striped tr:nth-child(even) td {
    background-color: #E2E6EA;
}
table.striped tr td.wartungOk {
    background-color: #cfc;
}
table.striped tr td.wartungNotOk {
    background-color: #FFB1B1;
}

.wawiNotExistsInWawiNoticeBox {
    border: 3px solid red;
    padding: 5px 10px;
    font-weight: bold;
    background-color: #fff;
}
img.headerIcon {
    margin-left: 5px;
}
#dokuDateiDropzone {
}
#dokuDateiDropzone > div {
    padding-top: 70px;
    background-color: #ddd;
    height: 30px;
    background-image: url(../media/mail-3.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    color: #7A7A7A;
    border: 1px dashed #2A4750;
}
#dokuDateiList {
}
#dokuDateiList > div {
    border: 1px solid #ddd;
}
.break-word {
    word-wrap: break-word;
}

.ui-widget-header { background: linear-gradient(to bottom, #293a3f 10%, #3C616D 100%); }

#admin-sprache-form {
    width: 600px;
    border: 1px solid #000;
    background: #fff;
	z-index: 100000;
}

#prcUpdateTaskDiv {position: fixed; top: 20%; left: 50%; width: 800px; max-height: 400px; overflow: auto; margin-left: -401px; background: #fff; border: 1px solid #000; z-index: 5000;}

/*#globalVarsList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
    height:100px;
}

.globalVarsListSection{
    font-weight: bold;
    flex-grow: 1;
}

.globalVarsListSection:not(:first-child){
    margin-top: 10px;
}

.globalVarsListItem{
    flex-grow: 1;
}*/

#globalVarsList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
    height:100px;
}

.globalVarsListSection{
    font-weight: bold;
 }
 
 .globalVarsListSection:not(:first-child){
     padding-top: 10px;
 }


.globalVarsListItem{
 }

/*Andere Variante mit FlexBox*/
/*#globalVarsList {
    height: 80px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

.globalVarsListSection{
    margin:0px;
    padding: 0px;
    height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    align-self: flex-start;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}


.globalVarsListItem{
    align-self: stretch;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 1;
    list-style: none;
}

.globalVarsListItem:first-child {
    font-weight: bold;
}*/

#multi-box {
    position: relative;
    width: 500px;
    border: 1px solid #000;
    background: #fff;
    padding: 2px;
    padding-bottom: 0;
}
#multi-box .main1, #multi-box .main2 {
    padding: 3px;
    margin: 2px 0;
}
#multi-box-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

/* KB Editor styles in READ mode*/
.tanss_editor h1, .tanss_editor h1 *{
	font-size: 22px !important;
	margin: 14px auto;
	line-height: 28px;	
}
.tanss_editor h2, .tanss_editor h2 *{
	font-size: 16.5px !important;
	margin: 13px auto;
	line-height: 21px;
}
.tanss_editor h3, .tanss_editor h3 *{
	font-size: 13px !important;
	margin: 12px auto;
	line-height: 16px;
}
.tanss_editor h4, .tanss_editor h4 *{
	font-size: 11px !important;
	margin: 14px auto;
	line-height: 15px;
}
.tanss_editor h5, .tanss_editor h5 *{
	font-size: 9px !important;
	margin: 15px auto;
	line-height: 12px;
}
.tanss_editor h6, .tanss_editor h6 *{
	font-size: 7px !important;
	margin: 17px auto;
	line-height: 10px;
}
.tanss_editor blockquote{
	margin: 11px 40px;
}
.tanss_editor p{
    font-size: 11px;
    line-height: 15px;
    margin: 5px 0 10px 0;
}
.tanss_editor table td{
	border: 1px solid transparent;
}
.tanss_editor img{
	max-width: 100%;
}
.tanss_editor ul{
	margin-left: 12px;
}
.tanss_editor ul li{
	padding: 0;
}
.tanss_editor ol{
	margin-left: 15px;
}
form#dialog-form input[type="text"] {
    width: 50em;
}
form#dialog-form textarea {
    width: 25em;
    height: 7em;
}

form#dialog-form select {
    width: 25em;
}
form#dialog-form span.hint {
    font-style: italic;
}
@keyframes flickerAnimation {
    0%   { opacity:0; }
    40%  { opacity:0; }
    50%  { opacity:1; }
    90%  { opacity:1; }
    100% { opacity:0; }
}
div.attention {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
}
div.attention:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../media/hp/bug_status/attention.gif); 
    width: 100%;
    height: 100%;
    animation: flickerAnimation 4s infinite;
}
div.att2:after {
    background: url(../media/hp/bug_status/attention2.gif); 
}
div.att3:after {
    background: url(../media/hp/bug_status/attention3.gif); 
}
div.floatIcon {
    float: left; 
    margin: 2px 4px 0 0;
}
.ticketNeu {
	font-size: 10px;
	background-color: #CCFFCC;
}

.dont-break-out {
  /* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.projektStatus {
    text-align: center;
    margin: 1px;
    width: 100px;
    height: 16px;
    border: 1px solid #000;
}
#live-suche {
    margin: 0 5px 0 0;
    height: 16px;
    vertical-align: top;
}
th.icon {
    width: 16px;
}
#wvStatistik_mehrbetragStats .content {
    border: 1px solid #000;
    background-color: #fff;
}
#wvStatistikFS_mehrbetragStats .content {
    border: 1px solid #000;
    background-color: #fff;
}
.opaque {
    opacity: 0.5;
}
#wvStatistik_mehrbetragStats .content table {
    min-width: 600px;
}
#wvStatistikFS_mehrbetragStats .content table {
    min-width: 600px;
}
#wvStatistik_mehrbetragStats .content {
    max-height: 700px;
    overflow: auto;
}
#wvStatistikFS_mehrbetragStats .content {
    max-height: 700px;
    overflow: auto;
}
#ticketflaglist_symbols{
    margin : 5px;
    float : right; 
}
#ticketflaglist_symbols > *{
   display : inline-block;
   padding: 3px;
}

#ticketflaglist_symbols > *:hover{
    background-color: rgba(0,0,0,0.3);
}
.isVHost{
    padding-left: 20px !important;
    background-image: url("../media/hp/pfeil_rechts_oben_gruen.gif"); 
    background-position: -2px 5px; 
    background-repeat: no-repeat;
}
.hasForeignHost{
    padding-left: 20px !important;
    background-image: url("../media/hp/vserver_info.gif"); 
    background-position: 0px 2px; 
    background-repeat: no-repeat;
}
#wvStatistik_mehrbetragStats_belege .content {
    border: 1px solid #000;
    background-color: #fff;
    max-width: 1000px;
}
#wvStatistikFS_mehrbetragStats_belege .content {
    border: 1px solid #000;
    background-color: #fff;
    max-width: 1000px;
}
input.suchFilter {
    width: 99%;
}

.bold {
    font-weight: bold;
}

div.ticketFlagErstelltDiff {
    text-align: right;
    color: #000;
    font-weight: bold;
}
#resetMaintBillingStatusInProgressForm .content {
    background-color: #fff;
    border: 1px solid #000;
    white-space: nowrap;
    width: 500px;
}
#resetMaintBillingStatusInProgressForm .content table {
    width: 100%;
}
#lstTextQEDiv .content {
    background: #fff;
    border: 1px solid #000;
    width: 500px;
}
span.telGruppe {
    font-size: 9px;
    font-style: italic;
    color: blue;
}
img.imgMargin {
    margin: 1px;
}
ul.list {
    margin-left: 1.5em;
}
#seReqDiv {
    width: 400px;
}
.uaDatum {
    float: left;
}
.uaWt {
    float: right;
    font-size: 8px;
}
.uaKw, .uaKwHead {
    float: right;
    font-size: 8px;
    margin-left: 0.5em;
}
.uaKw {
    color: #2D18A8;
}
.nowrap {
    white-space: nowrap;
}
.saPPKrit1 {
    background-color: #FFBA00;
}
.saPPKrit2 {
    background-color: #FFB1B1;
}
a.saPPLink {
    display: block;
}
div.uebGenInfoText {
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
    color: #aaa;
    float: right;
    margin-right: 3px;
}
td#fahrtBeschreibungTd {
	text-align: center;
	background: url(../media/hp/fahrtparams.gif) no-repeat 5px 50% #5487B9;
	padding-left: 18px;
}
td#fahrtBeschreibungTd a {
	display: block;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}
a span.infogrey {
	color: #666;
	font-weight: normal;
}
div.projPreisInfo {
	font-size: 9px;
	font-style: italic;
	line-height: 11px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.auftraegeLogStatus0 {
    background-color: inherit;
    color: inherit;
}
.auftraegeLogStatus1 {
    background-color: #ff0;
    color: inherit;
}
.auftraegeLogStatus2 {
    background-color: #f00;
    color: #fff;
}
div.tepNameDiv {
	font-size: 8px;
	margin-top: -3px;
}
a.inakt {
	color: #aaa;
}

div.tepSkalaUhr {
	z-index: 99;
	position: absolute;
	display:inline;
	padding-left: 5px;
}
img.tepVertikaleTrenner {
	position: absolute;
	display:inline;
	width: 1px;
}
div.tepAnfahrt {
	background-color: #ccc;
	margin: 1px;
}
div.tepAnfahrtNB {
	background-color: #eee;
	margin: 1px;
}
div.tepPause {
	background-color: #fff;
	opacity: 0.7;
	margin: 1px;
}
div.tepNaviLinks, div.tepNaviRechts {
	position: absolute;
	z-index: 4;
}
div.tepNaviLinks {
	margin: -1px 0 0 -8px;
}
div.tepNaviRechts {
	margin: -1px 0 0 2px;
}
div.tepWochenCont {
	position: absolute;
	padding: 0 5px;
}
div.tepWochenCont a {
	display: block;
	padding: 0 5px;
}
div.tepWochenCont img {
	width: 100%;
}
div.tepProzente {
	text-align: right;
	position: absolute;
}
div.tepProzente span {
	font-size: 9px;
	padding-right: 5px;
}
div.tepWochenProjPhase {
	position: absolute;
	display: inline;
	font-size: 8px;
	line-height: 9px;
	padding-left: 25px;
}
div.tepWochenProjPhaseLink {
	position: absolute;
	display: inline;
	padding-left: 5px;
}
.naviLeisteZ   {
	background-color: #54a2d4;
	color: #fff;
	font-size: 9px;
	line-height: 11px;
}
.naviLeisteZ a {
	margin-left: 6px;
}
#al_mention_log_einstellungen td.break-me {
	word-break: break-word;
}
.wvNbInfo {
	background: url('../media/hp/info.gif') no-repeat 3px 50% #fffc85;
	color: black;
	border: 1px solid red;
	padding-left: 2px;
	text-align: center;
}
.deleted {
	background-color: red;
	color: white;
}

.tns-form {
	display: flex;
	flex-direction: column;
}
.tns-form label {
	padding-right: 5px;
}
.tns-form > div {
	padding: 5px;
}
.tns-form .tns-form-header {
	display: flex;
	justify-content: space-between;
}
.tns-form .tns-form-header > div {
	display: flex;
	align-items: center;
}
.tns-form .tns-form-filter {
	border-bottom: 1px solid #ddd;
}
.tns-form .tns-form-filter > div {
	display: flex;
	align-items: center;
}
.tns-form .tns-form-data {
	max-height: 300px;
	min-height: 300px;
	overflow: auto;
	padding: 0;
}
.tns-form .tns-form-data th {
	text-align: left;
}
.tns-form .tns-form-controls {
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
}
.tns-form .tns-form-controls > div {
	display: flex;
	align-items: center;
}

a.systemErrorLink {
	background-color: red;
	color: #fff;
	cursor: help;
}
.warnHinweis {
	color: black;
	border: 1px solid red;
	padding-left: 2px;
	text-align: center;
	background-color: yellow;
}
span.hashInvalid {
	color: darkgreen;
	font-size: 0.9em;
}
span.hashValid {
	color: red;
	font-size: 0.9em;
}
div.sysStatusLastErrorDiv, div.hintExtra {
	margin-top: 1em;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 3px;
}
div.sysStatusLastErrorDiv div.lastErrorMsg {
	margin-top: 0.5em;
	border-top: 1px solid #aaa;
	font-size: 9px;
}
.fwListeStatLabel {
	background-color: #ccc;
	text-align: right;
}
.fwListeStatWert {
	background-color: #ddd;
	font-weight: bold;
}
.avHinweisWarnung {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.3em;
	margin: 0.4em;
	border: 1px solid #000;
}
.kundenumfrage_star {
	display: inline-block;
	height: 20px;
	width: 20px;
}
.kundenumfrage_star_filled {
	background: url(../media/hp_v4/kundenumfrage_star.png) no-repeat center;
}
.kundenumfrage_star_blank {
	background: url(../media/hp_v4/kundenumfrage_star_blank.png) no-repeat center;
}
.leistungen-vorschlag-container {
	align-items: center;
	display: flex;
	padding: 0 2px;
	background-color: rgba(27, 106, 204, 0.12) !important;
}
.leistungen-vorschlag-container > * {
	margin: 0 8px;
	/*flex: 0;*/
	white-space: nowrap;
}
.leistungen-vorschlag-container > .leistungen-vorschlag-firma {
	flex: 1;
	width: 300px;
	overflow: hidden;
}
.leistungen-vorschlag-container > .leistungen-vorschlag-zuweisung {
	flex: 1;
	width: 200px;
	overflow: hidden;
}
.leistungen-vorschlag-container > .leistungen-vorschlag-text {
	flex: 1;
}
.leistungen-vorschlag-container > .leistungen-vorschlag-text input {
	box-sizing: border-box;
	width: 100%;
}
.leistungen-vorschlag-container .leistungen-vorschlag-zuweisung > div > div {
	display: flex;
	align-items: center;
}
.leistungen-vorschlag-container .leistungen-vorschlag-zuweisung > div > div > div {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.leistungen-vorschlag-container .leistungen-vorschlag-zuweisung > div > div > div > img {
	float: none !important;
}
.leistungen-vorschlag-container .leistungen-vorschlag-anhaengen {
	display: flex;
}
.leistungen-vorschlag-container .leistungen-vorschlag-anhaengen > div {
	width: 20px;
}
#eigene-tagesleistungen-create-support-confirmation .cell > form {
	width: 700px;
	background: #fff;
	border: 1px solid #000;
}
#eigene-tagesleistungen-add-support-confirmation .cell > form {
	width: 700px;
	background: #fff;
	border: 1px solid #000;
}
.eigeneTagesleistungenHinweisContainer {
	background-color: #e24545;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.eigeneTagesleistungenHinweisContainer a {
	color: #fff;
	margin: 0 10px;
}
.not-same-day {
	background-color: #fbfca6;
}
#todoListContainer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
	border-top: 1px solid #000;
}
#eigene-tagesleistung-timers-list .content {
	background-color: #fff;
	border: 1px solid #000;
	width: 600px;
	padding: 2px;
}
#eigene-tagesleistung-timers-list .content .head {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
#eigene-tagesleistung-timers-list .content .main {
	max-height: 350px;
	overflow: auto;
}

#belege-company-address-changeform-container form {
	background-color: #fff;
	border: 1px solid #000;
}