.portallogo { background-image:url(../images/bff.gif);  width:200px; height:70px; }
.infologo{ background-image:url(../images/info_pc1.gif);  width:300px; height:125px; }

.image_site_first { background-image:url(../images/arw01up.gif);  width:16px; height:16px; cursor: pointer; border: 0px; vertical-align:top; padding: 0px; background-color: transparent; display: block }
.image_site_back { background-image:url(../images/arw01lt.gif);  width:16px; height:16px; cursor: pointer; border: 0px; vertical-align:top; padding: 0px; background-color: transparent; display: block }
.image_site_forward { background-image:url(../images/arw01rt.gif);  width:16px; height:16px; cursor: pointer; border: 0px; vertical-align:top; padding: 0px; background-color: transparent; display: block; }
.image_site_last { background-image:url(../images/arw01dn.gif);  width:16px; height:16px; cursor: pointer; border: 0px; vertical-align:top; padding: 0px; background-color: transparent; display: block; }

.image_expand { background-image:url(../images/expand.gif);  width:16px; height:16px; cursor: pointer; border: 0px; vertical-align:top; padding: 0px; background-color: transparent; display: block; }

A:link {
	COLOR: #000000; TEXT-DECORATION: underline
}
A:hover:unknown {
	COLOR: #008000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:active {
	COLOR: #008000; TEXT-DECORATION: none
}
P {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
H1 {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
H2 {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
H3 {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
H4 {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
UL {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
OL {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
LI {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
DIV {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
TD {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
TH {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
ADDRESS {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
BLOCKQUOTE {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
B {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
I {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
A {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
P.klein {
	FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
A.klein {
	FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif
}
A.klein_none {
	FONT-SIZE: 8pt; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; TEXT-DECORATION: none
}
A.deconone {
  text-decoration: none;
}

BODY {
	COLOR: #000000; BACKGROUND-COLOR: #ffffff
}

#certificateRevocationListId thead > tr {
  font-weight: bold;
  background-color: #999;
}

#certificateRevocationListId th, #certificateRevocationListId td {
  text-align: left;
  padding: 5px;
}

.css_LoginTextField {
	text-decoration: none;
        text-align: Left;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        color: black;
        background: white;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
      }

.css_LoginHeaderField {
	text-decoration: none;
        text-align: Left;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        color: black;
        background: white;
        font-style: bold;
        font-weight: bold;
        font-size: 12px;
      }

.css_PasswordChangeHeaderField {
	text-decoration: none;
        text-align: Left;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        color: black;
        background: white;
        font-style: bold;
        font-weight: bold;
        font-size: 12px;
      }

.css_PasswordChangeTextField {
	text-decoration: none;
        text-align: Left;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        color: black;
        background: white;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
      }

.css_PinPrintTextField {
	text-decoration: none;
        text-align: center;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        color: black;
        background: grey;
        font-style: bold;
        font-weight: bold;
        font-size: 12px;
      }
.formHeadline {
  font-weight: bold;
  background-color: #C0C0C0;
  height: 16px;
}
.formSumline {
  font-weight: bold;
  background-color: #C0C0C0;
  height: 16px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}
.formElement {
  background-color: #EEE;
}
.textBold {
  font-weight: bold;
}

.width85 {
  width: 85px;
}
.width120 {
  width: 120px;
}
.width140 {
  width: 140px;
}
.width180 {
  width: 180px;
}
.width200 {
  width: 200px;
}
.width220 {
  width: 220px;
}
.w20percent {
  width: 20%;
}
.w30percent {
  width: 30%;
}
.w40percent {
  width: 40%;
}
.w100percent {
  width: 100%;
}
.fontbold {
  font-weight: bold;
}
.fontred {
  color: red;
  font-size: medium;
  font-weight: bolder;
}
.border0 {
  border: 0;
}
.table80collapse {
  width: 80%;
  border-collapse: collapse;
}
.table100percent {
  width: 100%;
}
.table100collapse {
  width: 100%;
  border-collapse: collapse;
}
.table100border0collapse {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
.table100separate {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
.table100noborder {
  width: 100%;
  border: 0;
}
.table90noborder {
  width: 90%;
  border: 0;
}
.table110noborder {
  width: 110%;
  border: 0;
  border-collapse: collapse;
}
.fgcolorred {
  color: red;
}
.bgcolorblack {
  background-color: black;
  font-size: 1pt;
  padding: 0
}
.bgcolorwhite {
  background-color: white;
}
.bgcolorlightgrey {
  background-color: #EDEDED;
}
.bgcolorsoftgrey {
  background-color: #EEEEEE;
}
.bgcolorgrey {
  background-color: #C0C0C0;
}
.bggreyfbold {
  background-color: #C0C0C0;
  font-weight: bold;
}
.bgblackheight1 {
  background-color: black;
  height: 1px;
}
.border1black {
  border: 1px solid #000;
}
.border1height1black {
  border: 1px solid #000;
  height: 1px;
  color: #000;
}
.borderdot {
  border-style: dotted;
  color: lightgrey;
}
.widht275border2 {
  width: 275px;
  border: 2px solid black;
}
.borderbottom2 {
  border-bottom: 2px solid dimgray;
  font-weight: bold;
}
.pad0 {
  padding: 0;
}
.hrheight1bgblackbordernonemargintop1 {
  height: 1px;
  background-color: black;
  border-style: none;
  margin-top: 1em;
}
.hrheight1bgblackbordernonemarginbottom1 {
  height: 1px;
  background-color: black;
  border-style: none;
  margin-bottom: 1em;
}
.hrmargin {
  margin-top: -5px;
  margin-bottom: 1em;
}
.margin00030 {
  margin: 0 0 0 30px;
}
.margin302101 {
  margin: 30px 2px 10px 1px;
}
.margin402101 {
  margin: 40px 2px 10px 1px;
}
.margintop1 {
  margin-top: 1px;
}
.margintop5 {
  margin-top: 5px;
}
.margintop10 {
  margin-top: 10px;
}
.margintop15 {
  margin-top: 15px;
}
.margintop20 {
  margin-top: 20px;
}
.margintop22 {
  margin-top: 22px;
}
.marginleft5em {
  margin-left: 5em;
}
.marginleft10 {
  margin-left: 10px;
}
.marginleft20 {
  margin-left: 20px;
}
.marginleftm5 {
  margin-left: -5px;
}
.marginbottom03em {
  margin-bottom: 0.3em;
}
.width100height60margin12pad10 {
  width: 100%;
  height: 60px;
  margin: 12px 0px;
  padding: 10px 0px;
}
.floatleftwidth12 {
  float: left;
  width: 12%;
}
.floatleftwidth18 {
  float: left;
  width: 18%;
}
.floatleftwidth20 {
  float: left;
  width: 20%;
}
.floatleftwidth25 {
  float: left;
  width: 25%;
}
.floatleftwidth30 {
  float: left;
  width: 30%;
}
.floatleftwidth33 {
  float: left;
  width: 33%;
}
.floatleftwidth40 {
  float: left;
  width: 40%;
}
.floatrightwidth10 {
  float: right;
  width: 10%;
}
.floatrightmargintop20 {
  float: right;
  margin-top: 20px;
}
.floatrightmargin0005 {
  margin: 0 0 0 5px;
  float: right;
}
.displayblockheight20width100 {
  display: block;
  height: 20px;
  width: 100px;
}
.padbottom1em {
  padding-bottom: 1em;
}
.paddingbottomtop05 {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.alignleft {
  text-align: left;
}
.aligncenter {
  text-align: center;
}
.alignright {
  text-align: right;
}
.alignend {
  text-align: end;
}
.textcentermargintop1 {
  text-align: center;
  margin-top: 1em;
}
.height2 {
  height: 2em;
}
.height3 {
  height: 3em;
}
.height4 {
  height: 4em;
}
.height5 {
  height: 5em;
}
.height30 {
  height: 30px;
}
.height40 {
  height: 40px;
}
.height2margintop2 {
  height: 2em;
  margin-top: 2em;
}
.height2alignbottom {
  height: 2em;
  vertical-align: bottom;
}
.height3alignbottom {
  height: 3em;
  vertical-align: bottom;
}
.height4alignbottom {
  height: 4em;
  vertical-align: bottom;
}
.height30alignbottom {
  height: 30px;
  vertical-align: bottom;
}
.height40alignbottom {
  height: 40px;
  vertical-align: bottom;
}
.height2bggrey {
  height: 2em;
  background-color: #EEEEEE;
}
.displflex {
  display: flex;
  flex-direction: column;
}
.displflexw225margintop1 {
  display: flex;
  flex-direction: column;
  width: 22.5em;
  margin-top: 1em;
}
.valigntop {
  vertical-align: top;
}
.displayinlineblock {
  display: inline-block;
}
.dispinlineblockmarginleft30 {
  display: inline-block;
  margin-left: 30px;
}
.margintop15padright10 {
  text-align: right;
  margin-top: 15px;
  padding-right: 10px;
}




/* neu ab hier */

#reportingSearchTable label {
	display:inline-block; 
	width:150px;
}

#reportingSearchTable .label100 {
	display:inline-block;
	width:100px;
}

#reportingSearchTable th {
	background-color:#ccc;
	font-weight:bold;
	padding:0 5px;
}

#reportingSearchTable tr {
	background-color:#eee;
}

#reportingSearchTable td {
	padding:0 5px;
}

#reportingSearchTable .columnSpacer {
	min-width:1px;
	max-width:1px;
	padding:0;
}

#reportingSearchTable .columnNowrap {
	white-space:nowrap;
	text-align:left;
}

#buttonArea {
	margin:30px 0;
}

#reportingResultTable th {
	background-color:#999;
	font-weight:bold;
	padding:0 5px;
}

#reportingResultTable td {
	padding:0 5px;
	vertical-align:top;
}

.lineData {
	background-color:#eee;
}

.lineDetails {
	background-color:#f9f9f9;
}

.lineAmount {
	background-color:#ccc;
	font-weight:bold;
}
	
.lineTotalAmount {
	background-color:#999;
	font-weight:bold;
}

.lineAmount td, .lineTotalAmount td {
	white-space:nowrap;
}

.blacklistTable {
	width: 600px;
	column-count: 3;
	column-width: 200px;
}

.blacklistTable td {
	width: 33%;
	padding: 3px 10px;
}

.blacklistTable input[type=submit] {
	width: 150px;
}

.autoCompleteError {
	color:red;
	font-size:0.8em;
}

.reportingInfo {
	font-size:0.8em;
}

/*----------------------*/
#autoCompleteSelect {
	width:220px;
}
#autoCompleteSelect1 {
	width:220px;
}
#autoCompleteSelect2 {
	width:220px;
}
#autoCompleteSelect3 {
	width:220px;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 300px;
}
/*----------------------*/