@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-light.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-regular.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-semibold.css);
@import url(https://static.tugraz.at/static/core/1.0/fonts/ssp-bold.css);

/*   CSS-Definitionen
-------------------------------------------------------------------------------------
          Groesse: alle
       Plattform: alle
               Typ: System
         Anmerkung: Groessenangaben ohne Masseinheit
-------------------------------------------------------------------------------------*/

/* Basisklassen */

BODY{background-color:#FFFFFF;color:#000000;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:normal;padding:4px;} /*m*/
OPTGROUP {  font-weight:bold;  font-style: normal;  }
TABLE{margin:0px;padding: 0px;border:0px;}
A{color:#23238E;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;} /*m*/
A:link{color:#23238E;}
A:visited{color:#23238E;}
A:hover{color:#D20000;}
A:active{color:#D20000;}
INPUT{color:#000000;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;} /*m*/
SELECT{background:#FFFFFF;color:#000000;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;} /*m*/
TEXTAREA{color:#000000;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;}/*m*/
TD{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;margin: 0px; border: 0px; padding: 0px; }/*m*/
TH{color:#000000;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;text-align:left;}/*m*/
HR{color:#BBBBBB;height:1px;width:100%;}
IMG{border:0px;}
LEGEND   { padding:4px; }
FIELDSET { padding:4px; }
LI { list-style-position:inside ; }
OL { list-style-type: decimal; list-style-position: outside; }
FORM{ margin: 0px 0px 0px 0px; } /* IE 7 macht zu grosse abstaende */


/*--------------------------------------------------*/
/* WA CSS Definitionen */
/* Fred 23.08.2007 */

/*.label { background-color:#C8C8DD; color:#000000; text-align:right; margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; vertical-align:middle;}*/
#pageContent .label { background-color:#C8C8DD; color:#000000; margin: 0em; border: 0em; padding-left:0.1em; padding-right: 0.1em;}

#pageContent .labelR { text-align:right; }
#pageContent .labelC { text-align:center; }
#pageContent .labelL { text-align:left; }

#pageContent .labelB { vertical-align:bottom; }
#pageContent .labelM { vertical-align:middle; }
#pageContent .labelT { vertical-align:top; }

.ULnostyle { list-style-type: none; padding-left: 1em;}

.LIpositionOutSide { list-style-position: outside; }

.menue_frame_list {
   padding: 0;
   margin: 0;
   list-style: none;
}

.menue_frame_listitem {
   float: left;
   position: relative;
/* width: 35px;*/
}

.menue_frame_icons_width{
   width: 35px;   
}

.menue_frame_search_width{
   width: 10em;   
}

/* Fred 06.07.2011 */

.noMargin { margin: 0em; }
.normalWeight { font-weight:normal; }

/*--------------------------------------------------*/
         
ul.menue_frame { /* all lists */
   padding: 0;
   margin: 0;
   list-style: none;
}

li.menue_frame { /* all list items */
   float: left;
   position: relative;
   width: 10em;

}

/* second-level lists */
li.menue_frame ul { 
   display: none;
/* position: absolute;*/
   top: 1em;
   left: 0;
}

/*ul li ul{
   left: 0;
   clear: left;
   }*/

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li.menue_frame>ul { 
   top: auto;
   left: auto;
}


/* lists nested under hovered list items */

li.menue_frame:hover ul, li.over ul { 
   display: block;
}

.menuEntryColor
{
  text-decoration: none;
  color:#000000 !important;
  background-color:#F1F1F1;
}

td.WartungsAnkuendigung
{
   padding-left: 0.4em;
}

td.BrowserSupport
{
   padding-left: 0.4em;
}

td.WartungUBrowserSupport
{
   width: 84%;
}


td.LogoLeftStandAlone  img
{
   /* Logo in left upper corner */
   margin: 0.21em 0.29em 0.21em 0.29em;
}

td.LogoLeft img
{
   /* Logo in left upper corner */
   margin: 0.21em 0.29em 0.21em 0.29em;
   height: 1.3em;
}

td.LogoRight
{
   /* Logo in right upper corner */
}

#IDblinkingarrow
{
   height: 1.36em;
   width: 0.79em;
   margin-left: 0.86em;
   margin-right: 0.86em;
}

.TextToolTip {
    border-bottom: 1px dashed;
    cursor: help;
    text-decoration: none;
}

/*--------------------------------------------------*/

/* nicht anpassbare CSS */
#MMenuBC { font-size:0.85em;position:relative; top:1px; left:5px;height:16px; overflow:hidden; visibility:visible;vertical-align:middle;z-index:1;} /*abs*/
A.menu{color:#23238E;font-weight:600;font-size:1em;} /*abs*/
SELECT.menuSuche{font-family:Arial,Helvetica,sans-serif;color:#000000;font-size:0.85em;background-color:#E1E1E1;width:10em;}/*abs*/
/* AP 30032018 add margin-top: 2px;*/
.menuBreadCrumbs{font-size:0.85em; margin-top:2px;}/*abs*/
.menuHspaceR {margin:0px 40px 0px 0px; }/*abs*/
.menuHspaceL {margin:0px 0px 0px 40px; }/*abs*/
.menuTxt{color:#000000;} /*abs*/
.headerHeading{font-weight:bold;font-size:1.1em;}
.headerObject{padding-left:1em;}
A.navTree{text-decoration:none;font-size:1em;}/*abs*/
A.errors{color:#D20000;font-size:0.85em;text-decoration:none;} /*s*/
.errors{color:#D20000;font-size:0.85em;text-decoration:none;} /*s*/
A.nav{font-size:1em; margin:0px 5px 0px 5px; } /*s*/
TABLE.content{padding-bottom:1em;padding-left:1em;padding-top:1em;}/*m*/
TD.content{padding-left:1em; }/*m*/
TD.nav{font-size:0.85em;text-align:left;} /*s*/
TD.tblHdr{font-size:0.85em;}/*s*/
TH.nav{font-size:0.85em;text-align:right;}/*s*/
TH.tblHdr{ background-color:#C8C8DD; color:#000000; font-size:0.85em; text-align:left; padding: 1px 2px 1px 2px;}/*s*/
TH.tblHdrL{ background-color:#C8C8DD; color:#000000; font-size:0.85em; text-align:left; padding: 1px 2px 1px 2px;}/*s*/
TH.tblHdrC{ background-color:#C8C8DD; color:#000000; font-size:0.85em; text-align:center; padding: 1px 2px 1px 2px;}/*s*/
TH.tblHdrR{ background-color:#C8C8DD; color:#000000; font-size:0.85em; text-align:right; padding: 1px 2px 1px 2px;}/*s*/

.header{color:#000000;font-size:1.3em; background-color:#F1F1F1; padding-right:16px;padding-left:16px;}/*l*/
.l{font-size:1.3em;}
.m{font-size:1em;}
.navSelected{color:#333333; font-weight:bold; font-size:1em; text-align:left;  margin:0px 5px 0px 5px;}/*s+1*/
.s{font-size:0.85em;}
.xl{font-size:1.7em;}
.xs{font-size:0.7em;}
.footer{font-size: 12px; white-space:normal;} /* AP font-size:0.8em; s*/
/* Hilfe CSS */
H1.hlp {font-size:2em;}
H2.hlp {font-size:1.7em;}
H3.hlp {font-size:1.3em;font-weight:bold;}
/* CSS mit absoluten Groessenangaben */
BUTTON.w1{width:1em;}
BUTTON.w2{width:2em;}
BUTTON.w10{width:10em;}
BUTTON.w15{width:15em;}
BUTTON.w20{width:20em;}
BUTTON.w25{width:25em;}
BUTTON.w30{width:30em;}
BUTTON.w4{width:4em;}
BUTTON.w40{width:40em;}
BUTTON.w5{width:5em;}
BUTTON.w50{width:50em;}
BUTTON.w6{width:6em;}
BUTTON.w8{width:8em;}
BUTTON.w60{width:60em;}
INPUT.w1{width:1em;}
INPUT.w2{width:2em;}
INPUT.w10{width:10em;}
INPUT.w15{width:15em;}
INPUT.w20{width:20em;}
INPUT.w25{width:25em;}
INPUT.w30{width:30em;}
INPUT.w4{width:4em;}
INPUT.w40{width:40em;}
INPUT.w5{width:5em;}
INPUT.w50{width:50em;}
INPUT.w6{width:6em;}
INPUT.w8{width:8em;}
INPUT.w60{width:60em;}
SELECT.w1{width:1em;}
SELECT.w2{width:2em;}
SELECT.w10{width:10em;}
SELECT.w15{width:15em;}
SELECT.w20{width:20em;}
SELECT.w25{width:25em;}
SELECT.w30{width:30em;}
SELECT.w4{width:4em;}
SELECT.w40{width:40em;}
SELECT.w5{width:5em;}
SELECT.w50{width:50em;}
SELECT.w6{width:6em;}
SELECT.w8{width:8em;}
SELECT.w60{width:60em;}
TEXTAREA.w10{width:10em;}
TEXTAREA.w15{width:15em;}
TEXTAREA.w20{width:20em;}
TEXTAREA.w25{width:25em;}
TEXTAREA.w30{width:30em;}
TEXTAREA.w40{width:40em;}
TEXTAREA.w50{width:50em;}
TEXTAREA.w60{width:60em;}

/* CSS fuer Layout */

TABLE.detail {background-color:#F1F1F1; border-right: 1px solid #000066;border-left : 1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom: 1px solid #777777; margin:0px ; }
TABLE.nav{background-color:#F1F1F1;  border-right: 1px solid #777777; border-left : 1px solid #e5e5e5;   border-top:1px solid #e5e5e5; border-bottom:1px solid #777777;margin:0px  0px 0px 0px;padding:1px 1px 1px 1px;}
TABLE.pageObject{ border-right:1px  #880000; border-left:1px  #880000; border-top:1px  #880000; border-bottom:1px  #008800; margin:0px  0px 0px 0px; padding:1px 1px 5px 10px; }
TABLE.umrahmung {background-color:#F1F1F1; border-right: 1px solid #000066; border-left : 1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom: 1px solid #777777; margin:1px  1px 1px 1px; padding:10px 10px 10px 10px; }
TABLE.mask {background-color:#F1F1F1; border-right: 1px solid #000066;border-left : 1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom: 1px solid #777777; margin:5px ;  }

.fwk-pu #pageContent table.list,
.fwk-pu #pageContent table.list th { border-width: 0; } /* overwrite styles-integration */
.fwk-pu #pageContent table.list th.tblSumGroupL,
.fwk-pu #pageContent table.list th.tblSumGroupC,
.fwk-pu #pageContent table.list th.tblSumGroupR { background-color: white;  border-right: 1px solid #CCCCFF; border-bottom: 1px solid #000066; color: black; }

#idEePageWrapper #pageContent table th.tblHdr,
#idEePageWrapper #pageContent table th.tblHdrC,
#idEePageWrapper #pageContent table th.tblHdrR,
#idEePageWrapper #pageContent table th.tblHdrL { border-width: 1px; }

#idEePageWrapper table.list th, #idEePageWrapper table th.detailStd, #idEePageWrapper.cotable th, #idEePageWrapper table.cotable>thead>tr>th { font-size: .85em; }

HTML#id-page-802100 body table.detail, HTML#id-page-802100 body table th.detailStd, HTML#id-page-802100 body table.z1,
HTML#id-page-802100 #idEePageWrapper table th.detailStd { background-color: var(--primary-color, #487692); color: white; }

TD.indent{padding-left:30px;}
TD.programmleiste{padding:5px 10px 5px 10px;text-align:center;width:120px;height:96px;}


TD.maskC{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:center;}
TD.maskCB{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:center;vertical-align:bottom;}
TD.maskCM{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:center;vertical-align:middle;}
TD.maskCT{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:center;vertical-align:top;}
TD.maskL{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:left;}
TD.maskLB{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:left;vertical-align:bottom;}
TD.maskLM{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:left;vertical-align:middle;}
TD.maskLT{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:left;vertical-align:top;}
TD.maskR{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:right;}
TD.maskRB{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:right;vertical-align:bottom;}
TD.maskRM{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:right;vertical-align:middle;}
TD.maskRT{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;text-align:right;vertical-align:top;}
TD.maskB{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;vertical-align:bottom;}
TD.maskM{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;vertical-align:middle;}
TD.maskT{padding-left:2px;padding-right:2px;border-bottom:0px;margin:0px;vertical-align:top;}

body #idEePageWrapper #pageContent .tab_internal_content .MaskRenderer.MaskLabel label { padding-left: 2px; } /* overwrite styles-integration */

TH.detail{background-color:#C8C8DD; color:#000000;text-align:right;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; }
TH.detailStd{background-color:#C8C8DD; color:#000000;text-align:left;  margin: 4px; border: 0px; padding-left:4px; padding-right: 4px; }
TH.mask{background-color:#C8C8DD; color:#000000;text-align:right;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; }
TH.maskB{background-color:#C8C8DD; color:#000000;text-align:right;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; vertical-align:bottom;}
TH.maskM{background-color:#C8C8DD; color:#000000;text-align:right;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; vertical-align:middle;}
TH.maskT{background-color:#C8C8DD; color:#000000;text-align:right;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px; vertical-align:top;}
TH.maskC{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:center; }
TH.maskCB{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:center; vertical-align:bottom;}
TH.maskCM{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:center; vertical-align:middle;}
TH.maskCT{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:center; vertical-align:top;}
TH.maskL{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:left; }
TH.maskLB{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:left;vertical-align:bottom; }
TH.maskLM{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:left; vertical-align:middle;}
TH.maskLT{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:left; vertical-align:top;}
TH.maskR{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:right; }
TH.maskRB{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:right; vertical-align:bottom;}
TH.maskRM{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:right; vertical-align:middle;}
TH.maskRT{background-color:#C8C8DD; color:#000000;margin: 0px; border: 0px; padding-left:4px; padding-right: 4px;text-align:right; vertical-align:top;}

TH.tblSumGroup{text-align:right; background-color: var(--main-background-color);  border-right : 1px solid #CCCCFF;border-bottom : 1px solid  #000066;  }
TH.tblSumGroupR{text-align:right; background-color: var(--main-background-color);  border-right : 1px solid #CCCCFF;border-bottom : 1px solid  #000066;  }
TH.tblSumGroupC{text-align:center;  background-color: var(--main-background-color); border-right : 1px solid #CCCCFF;border-bottom : 1px solid  #000066;  }
TH.tblSumGroupL{text-align:left;  background-color: var(--main-background-color); border-right : 1px solid #CCCCFF;border-bottom : 1px solid  #000066;  }
TR.tblSeperator{ height:5px; background-color:#FFFFFF; }

.tabInactive { background-color: #DDDDDD; border-left: 1px solid #F1F1F1; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #e5e5e5; padding: 5px 5px 0px 5px; }
.tabActive { background-color: #F1F1F1; border-right: 1px solid #000066; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #F1F1F1; padding: 5px 5px 1px 5px; font-weight: bold; }
.tabPane { background-color: #F1F1F1; border-right: 1px solid #000066; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #777777; }


/* CSS ohne absolute Groessenangaben bzw. Groessen=0 */
A.menu:link{color:#23238E;}
A.menu:visited{color:#23238E;}
A.menu:hover{color:#23238E;}
A.menu:active{color:#23238E;}
A.errors:link{color:#D20000;}
A.errors:visited{color:#D20000;}
A.errors:hover{color:#ff6600;}
A.errors:active{color:#D20000;}
BODY.menu{margin:0px 0px 0px 0px;padding:0px;}
IMG.icon{width: auto; height: auto;} /* icons should be uploaded in correct size! no css scaling! */
TABLE.nomargins{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

TD.C{text-align:center;}
TD.R{text-align:right;}
TD.L{text-align:left;}
TH.C{color:#000000;text-align:center;}
TH.indent{text-align:left;}
TH.R{color:#000000;text-align:right;}
TH.tblGroup{text-align:left; font-style:oblique;background-color:#DDDDDD;}
TH.tblGroupL{text-align:left; font-style:oblique; background-color:#DDDDDD;}
TH.tblGroupC{text-align:center; font-style:oblique; background-color:#DDDDDD;}
TH.tblGroupR{text-align:right; font-style:oblique;  background-color:#DDDDDD;}
TH.tblSumGroupG{text-align:right; font-style:oblique;  color: #000066; background-color: #FFCCCC;}
TR {font-weight:normal;vertical-align:top;margin: 0px; border: 0px; padding: 0px;}
TR.mask{vertical-align:top;padding-left:2px; padding-right:6px; max-height: 999999px;}
TR.maskTop {vertical-align:top;padding-left:6px; padding-right:6px;}
TR.maskMiddle {vertical-align:middle;padding-left:6px; padding-right:6px;}
TR.maskBottom {vertical-align:bottom;padding-left:6px; padding-right:6px;}
TR.bottom {vertical-align:bottom;}
TR.middle { vertical-align:middle; }
TR.top {vertical-align:top;}
TR.listHdr { background-color:#6f6fa6;color:#FFFFFF;}
TR.tblHdr { background-color:#6f6fa6;color:#FFFFFF;vertical-align:bottom;}
TR.tblHdrBottom { background-color:#6f6fa6;color:#FFFFFF;vertical-align:bottom;}
TR.tblHdrMiddle { background-color:#6f6fa6;color:#FFFFFF;vertical-align:middle;}
TR.tblHdrTop { background-color:#6f6fa6;color:#FFFFFF;vertical-align:top;}
.black{color:#000000;}
.blue{color:#23238E;}
.bold{font-weight:bold;}
.boldNormal{font-weight:bold;font-style:normal;}
.italic{font-style:italic;}
.cdf0 /* Rot*/{color:#FF0066;}
.cdf1 /* Dunkelorange*/{color:#FF9933;}
.cdf2 /* Gelborange*/{color:#FFCC33;}
.cdf3 /* Gruen */{color:#99CC33;}
.cdf4 /* Hellgruen*/{color:#CCFF33;}
.cdf5 /* Gelb*/{color:#FFFF33;}
.dgray{color:#666666;}
.gray{color:#AAAAAA;}
.green{color:#006600;}
.lgray{color:#DDDDDD;}
.orange{color:#FF6600;}
.white{color:#FFFFFF;}
.red{color:#D20000;}
.wr100{width:100%;}
.wr50{width:50%;}
.wr90{width:90%;}
.yellow{color:#EEEE00;}
.z0{background-color:#FFFFFF;}
.z1{background-color:#F1F1F1;}
.z2{background-color:#DDDDDD;}
.z3{background-color:#CCCCCC;}
.z4{background-color:#B5B5B5;}
.zcdf0 /* Rot*/{background-color:#FF0066;}
.zcdf1 /* Dunkelorange*/{background-color:#FF9933;}
.zcdf2 /* Gelborange*/{background-color:#FFCC33;}
.zcdf3 /* Gruen */{background-color:#99CC33;}
.zcdf4 /* Hellgruen*/{background-color:#CCFF33;}
.zcdf5 /* Gelb*/{background-color:#FFFF33;}
.zred{background-color:#FFCCCC;}
.liHigh0{background-color:#DDDDDD;}
.liHigh1{background-color:#DDDDDD;}
.liJal0{background-color:#FFFFFF;}
.liJal1{background-color:#F1F1F1;}

.hi{ /* nur pseudo-class :hover benoetigt */ }
.hi:hover{background-color:#DDDDDD;}

/* Textumbruch: Zeilenumbruch wie im Quellcode angegeben */
.whiteSpaceBreak  { white-space:pre-wrap; }

UL.out { padding:0px; margin:18px; list-style-type: disc;list-style-position: outside;  }
UL.outNoType { padding:0px; margin:18px; list-style-type: none;list-style-position: outside; display:list-item; }
UL.HelpIn { padding:0px; margin:18px; list-style-type: none;list-style-position: outside; display:list-item; }
UL.disc { list-style-type: disc;list-style-position: outside;   }
UL.circle{ list-style-type: circle; list-style-position: outside; }
UL.square{ list-style-type: square; list-style-position: outside;  }
OL.out { padding:0px; margin:26px; }
TABLE.gl { border-color:gray; border-style:solid; border-width:1px; border-collapse:collapse; }
TD.gl { border-color:gray; border-style:solid; border-width:1px; padding:3px; }
LI.out {margin:10px; list-style-position:outside; list-style-type:disc;}

TD.pageOwner { font-size:1em; color:#000000;  background-color:#F1F1F1; padding-right:16px;padding-left:16px; border : 1px solid; border-bottom:0px;  border-color : #e5e5e5 #777777 #777777 #e5e5e5; } /* l */
TD.footerCell { text-align:left;   white-space:normal;}
TABLE.bodyTable { width:100%;margin:0px;padding:0px;border-bottom:1px solid #e5e5e5; }
TABLE.pageObjectNoTopBorder { border:1px solid #e5e5e5;border-top:0px; margin:0px  0px 0px 0px; padding:1px 1px 5px 10px; }
TABLE.statbar {   border:1px solid #000000;padding:0px;margin:0px;}
TR.statbar { border:0px;padding:0px;margin:0px; }

TD.statbar_left { padding:0px;overflow:hidden;text-align:right;padding-right:2px;color:#ffffff;background-color:#23238e;border:1px solid #23238e;margin:0px;}
TD.statbar_right {overflow:hidden;text-align:left;color:#23238e;border:0px;margin:0px;padding:1px;padding-left:2px;}
TD.statbar_lefts { padding:0px;overflow:hidden;text-align:right;padding-right:2px;color:#ffffff;background-color:#23238e;border:1px solid #23238e;border-right:0px;margin:0px;}
TD.statbar_rights {overflow:hidden;text-align:left;color:#23238e;border:0px;border-left:1px solid #23238e;margin:0px;padding:1px;padding-left:2px;}

.kalstyle {border:1px solid #cccccc;}
.kalborstyle {border:1px solid #555555;}
.bookmark1 {border-left:4px solid #DDDDDD;border-right:4px solid #DDDDDD;}
.bookmark2 {border-left:4px solid #ffffff;}
.notextdec {text-decoration:none;}
.mainframeborder {border-right: 1px solid #999999;}
.vkpadding {padding-left:10px;}
.vkpadding2 {padding-top:2px;padding-right:10px;}
.pleistborder {border:1px solid #C8C8DD;}
.pleistpadding {padding-right:4px;}
.vkimg {border-right:1px solid #777777;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom:1px solid #777777;vertical-align:middle;}

TR.marked { background-color:#DDFFDD !important; }      
/* ersetzt durch prototip 22.10.2007 */
/* DIV.coTooltip { font-size:0.8em;color:#000000;background:#ffffff;position:absolute;visibility:hidden;overflow:visible;border:1px solid #000000;margin:0px;padding:1px;z-index: 200; }*/


/* styles for businesscard as orgsites */
.fwk-pu.app-vcard table.ee_vcard_table > tbody > tr > td > table > tbody > tr > td.wr100 > table.wr100 td.pleistborder {
  display: inline-grid;
}
.fwk-pu.app-vcard table.ee_vcard_table > tbody > tr > td > table > tbody > tr > td.wr100 > table.wr100 td.pleistborder:not(:last-child) {
  margin-right: 1em;
}
#pageContent table.wr100 TH.tblHdr, 
#pageContent table.wr100 TH.tblHdrC, 
#pageContent table.wr100 TH.tblHdrL, 
#pageContent table.wr100 TH.tblHdrR { background-color: #eee; background-image: url(/prod/img/comask_container_header.jpg); background-repeat: repeat-x; line-height: 22px; color:#000; }/* updated with new design */
#pageContent table.ee_vcard_table .pleistborder .wr100 th.tblHdrC {
  color: #fff;
  background-color: var(--primary-color, #487692);
  border-color: var(--primary-color, #487692);
  font-size: .95em;
  font-weight: bold;
  padding-left: .5em;
}
#pageContent table.ee_vcard_table .pleistborder .wr100 th.tblHdrC {
  padding: 0.167em 0.5em !important; /* same as org site in custom_standard.css */
}
#pageContent table.wr100 td.pleistborder td.pleistpadding {
  font-size: .95em;
  white-space: normal;
  hyphens: auto;
  line-height: 2em;
  padding: 1px 0;
}
#pageContent tabletable td.pleistborder td.pleistpadding, table td.pleistborder td.pleistpadding a {
  line-height: 1.25em;
}
#pageContent table.ee_vcard_table td.pleistborder {
   background: inherit;
}

/* styles for vard label alignment */
#pageContent table.ee_vcard_table table.mask TR.middle > TH.mask,
#pageContent table.ee_vcard_table table.mask TR.maskTop > TH.maskRT,
#pageContent table.ee_vcard_table table.mask TR.middle > TH.maskT {
  text-align: right;
  font-weight: normal;
}
#pageContent table.ee_vcard_table table.mask TR.middle > TH.maskT {
  padding-right: 1em;
}

/* Icons on orgsites */
table td.pleistborder td.pleistpadding {
   border-bottom:1px solid #eee;
}
table td.pleistborder td.pleistpadding:hover {
   /*background: #f0f0f0;*/
}
table td.pleistborder td.pleistpadding,
table td.pleistborder td.pleistpadding a { 
  display: table-cell;
  vertical-align: middle;
  height:auto;
}
table td.pleistborder td.pleistpadding a IMG,
table td.pleistborder td.pleistpadding a IMG.icon {
  height: auto; /* should be uploaded in 32px*/
  width: auto; /* should be uploaded in 32px*/
  display: block; margin: auto 0;
  margin-right: 0.3em; 
}
table tbody td.pleistborder td.pleistpadding > a > img.icon { 
   position:absolute; 
   margin-left:-36px;  /* for consistent rendering with smaller icons */
}
body table td.pleistborder td.pleistpadding > a > IMG.icon { 
   position: static;
   max-height:32px; max-width:32px;  /* for better consistency with diferently sized icons  - can also set to auto */
} 
table tbody td.pleistborder td.pleistpadding > a {
   display: block; 
   padding-left:40px /* for consistent rendering with smaller icons */
} 

body .mask button[disabled], body .mask input[disabled] {background-color:#eee !important;color:#a7a6aa !important;}

/* BEGIN DatePicker */
.datePickercpBorder { border:solid thin #808080; }
.datePickercpYearNavigation,.datePickercpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:middle; text-decoration:none; color:#000000; font-weight:bold; }
.datePickercpDayColumnHeader, .datePickercpYearNavigation,.datePickercpMonthNavigation,.datePickercpCurrentMonthDate,.datePickercpCurrentMonthDateDisabled,.datePickercpOtherMonthDate,.datePickercpOtherMonthDateDisabled,.datePickercpCurrentDate,.datePickercpCurrentDateDisabled,.datePickercpTodayText,.datePickercpTodayTextDisabled,.datePickercpText { font-family:arial; font-size:8pt; }
.datePickercpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }
.datePickercpCurrentMonthDate, .datePickercpOtherMonthDate, .datePickercpCurrentDate  { text-align:right; text-decoration:none; }
.datePickercpCurrentMonthDateDisabled, .datePickercpOtherMonthDateDisabled, .datePickercpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.datePickercpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.datePickercpOtherMonthDate { color:#808080; }
TD.datePickercpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.datePickercpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.datePickercpTodayText, TD.datePickercpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.datePickercpTodayText, SPAN.datePickercpTodayTextDisabled { height:20px; }
A.datePickercpTodayText { color:black; }
.datePickercpTodayTextDisabled { color:#D0D0D0; }
/* extensions to be consolidated with co's .calendar */
.datePickercpBorder tbody > tr:first-child > td, table.datePickercpBorder tbody > tr:first-child > td { padding: 0.2em 0.45em; }
.datePickercpBorder, table.datePickercpBorder { padding: 0.2em; }
.datePickercpBorder td, table.datePickercpBorder  td { border-spacing: 0px; border-collapse:separate; padding:0px; }
.datePickercpBorder .datePickercpMonthNavigation, .datePickercpBorder .datePickercpYearNavigation { background:inherit; border:none; background-color:#f1f1f1; font-size:12px; }
.datePickercpBorder .datePickercpOtherMonthDate { font-size:0.9em; color:#c4c4c4; }
.datePickercpBorder center table tr td.datePickercpDayColumnHeader, .datePickercpBorder center table tr td.datePickercpTodayText  { border-top:0px solid #c0c0c0; border-bottom:0px solid #c0c0c0; }
.datePickercpBorder .datePickercpYearNavigation { width:auto; margin:0;padding:0; margin-right:-0.5em;margin-left:-0.5em; }
.datePickercpBorder tbody td.datePickercpDayColumnHeader > span { font-size:12px; text-decoration:none; border:0px; }
.datePickercpBorder .datePickercpOtherMonthDate, .datePickercpBorder .datePickercpCurrentMonthDate { background:#fff; font-size:0.9em; padding:0.2em; display:table-cell; }
.datePickercpBorder .datePickercpTodayText{ font-size:12px; text-decoration:none; }
.datePickercpBorder .datePickercpOtherMonthDate a:hover, .datePickercpBorder .datePickercpCurrentMonthDate a:hover { color:#23238E; background-color:#F1F1F1; /*color: #12117D;*/ font-weight:bold; }
.datePickercpBorder, table.datePickercpBorder { background:#F1F1F1; border-collapse:separate; border:1px solid #777; border-radius:0.2em; box-shadow: none; padding:0.5em; border-spacing:0px; font-family:arial,sans-serif; font-size:12px; } /*body table.mask*/
.datePickercpBorder .datePickercpMonthNavigation { color:#23238E; font-size:12px; cursor:pointer; }
.datePickercpBorder .datePickercpCurrentDate { color:#fff; background:#34346c; font-weight:bold; border:none; }
.datePickercpBorder .datePickercpCurrentDate { padding:0; line-height:1.2em; height:16px; vertical-align:middle; }
.datePickercpBorder .datePickercpOtherMonthDate a, .datePickercpBorder .datePickercpCurrentMonthDate a { padding:2px 6px 2px 4px; display:inline-block; box-sizing:content-box; display:table-cell; line-height:16px; height:16px; width:16px; }  
/* For cuCalendar compare .calendar styles below */
/* END DatePicker */

/*  BEGIN input/command */

.commandButton{
    display: block;
    float:left;
   overflow:visible;
    margin:0 7px 0 0; 
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    line-height:16px; /*120%;*/
    text-decoration:none;
    font-weight:normal;
    color:#000000;
    cursor:pointer;
    padding:3px 13px 3px 10px; 
    white-space:nowrap; 
}
.commandButton:hover{
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    line-height:16px; /*120%;*/
    text-decoration:none;
    font-weight:normal;
    display:block;
    float:left;
    overflow:visible;
    margin:0 7px 0 0; 
    cursor:pointer;
    padding:3px 13px 3px 10px;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;    
    color:#000000;
    background-color:#fdfdfd; 

}
.commandButton:visited {
    color:#000000;   
}
.commandButton:link {
    font-family:Arial,Helvetica,sans-serif; 
    font-size:1em;
    line-height:16px; /*120%;*/
    text-decoration:none;
    font-weight:normal;
    display:block;
    float:left;
    overflow:visible;
    margin:0 7px 0 0; 
    cursor:pointer;
    padding:2px 13px 2px 10px; /* same as button */
    color:#000000;   
}

.commandButton:active {
  padding: 4px 12px 2px 11px; 
  border:2px solid #dedede;
  border-top-color:#A0A0A0;
  border-left-color:#A0A0A0; 
}

a.commandButton[disabled], 
a.commandButton[disabled]:link, 
a.commandButton[disabled]:active, 
a.commandButton[disabled]:hover {
   background-color: #f5f5f5;
   color: #a7a6aa;
   cursor: text;
}

.barButton {
   float:left;
}

button{
    display: inline;
    /*float:left;*/     /* gibt probleme! */
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;    
    font-family:Arial,Helvetica,sans-serif; 
    font-size:1em;
    line-height:115%;
    text-decoration:none;
    font-weight:normal;
       color:#000000;
    cursor:pointer;
    padding:1px 13px 2px 10px; 
}


button[type]{
    padding:1px 13px 2px 10px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:0px 13px 0px 10px; /* IE7 */ /*  wenn buttons im div */

} 

button:hover{
    /*float:left;*/
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;
    color:#000000;   
    background-color:#fdfdfd; 
}
button[disabled] {  /*Firefox */
    /*float:left;*/
    color:#a7a6aa;
    padding:1px 13px 2px 10px !important;
    border:2px solid #dedede !important;
    border-bottom-color:#A0A0A0 !important;
    border-right-color:#A0A0A0 !important;
}

button:active {
  /*float:left;*/
  padding: 2px 12px 1px 11px;
  border:2px solid #dedede;
  border-top-color:#A0A0A0;
  border-left-color:#A0A0A0; 
}


.commandBarSpace
{
  margin-right: 21px;
}


/* input type=button */
/*input[type="button"]{
    display: inline;   
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;    
    font-family:Arial,Helvetica,sans-serif; 
    font-size:1em;
    line-height:115%;
    text-decoration:none;
    font-weight:normal;
    color:#000000;   
    cursor:pointer;
    padding:1px 13px 2px 10px; 
}

input[type="button"]:hover{
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;
    color:#000000;   
    background-color:#fdfdfd; 
}

input[type="button"]:active {
  display: inline;   
  font-family:Arial,Helvetica,sans-serif; 
  text-decoration:none;  
  font-weight:normal;  
  font-size:1em;
  padding: 2px 12px 1px 11px;
  margin:0 7px 0 0;  
  line-height:115%;  
  border:2px solid #dedede;
  border-top-color:#A0A0A0;
  border-left-color:#A0A0A0; 
}

input[disabled] {  //Firefox
    color:#a7a6aa;
}*/


/* input type=submit */
input[type="submit"]{
    display: inline;   
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;    
    font-family:Arial,Helvetica,sans-serif; 
    font-size:1em;
    line-height:115%;
    text-decoration:none;
    font-weight:normal;
    color:#000000;   
    cursor:pointer;
    padding:1px 13px 2px 10px; 
}

input[type="submit"]:hover{
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-bottom-color:#A0A0A0;
    border-right-color:#A0A0A0;
    color:#000000;   
    background-color:#fdfdfd; 
}

input[type="submit"]:active {
  padding: 2px 12px 1px 11px; /* 5 10 6 7 */
  border:2px solid #dedede;
  border-top-color:#A0A0A0;
  border-left-color:#A0A0A0; 
}

/*  End input/command */



span.menue_frame_alt_text{
    display: none;
}
/* END imageHover  */

/* begin tooltip */
/* bei Umstellung auf die neuen ToolTips DIV.coTooltip loeschen! */
.tooltip { color: #000000; border:1px solid #c2e1ef; margin:0px; overflow:visible; z-index: 200;}
.tooltip .title { background: #ffffe1; padding: 2px;margin:0px;}
.tooltip .content { background: #ffffe1; font-size:0.8em; padding: 2px;margin:0px;}
/* end tooltip */

/* BEGIN frameset */
.frameset{
    border-width:0px;
    border-spacing:0px;
}
/* END frameset */


/* Klasse fuer icon-api des text-overlays */
.imageTextOverlay {
  position: relative;
  top: -5px; 
  left: -30px;
  font-family: tahoma,verdana,helvetika,arial;
  font-size: 10px; 
  font-weight: bold;
}

.displayInline {
  display: inline;
}

/* BEGIN STUDKART */
span.angemeldetText{
    color: #CC6600;
}
span.nichtLetztgueltigText{
    color: #A0A0A0;
}

span.ToolTipBackground{
  background-color: #F8ECE0;
}

@media print{
  div.listContainer{
    height: auto ! important;
  }

}
@media screen{ /*, projection*/
  div.listContainer{
    resize:    horizontal;  
    overflow:  auto;
    position:  relative;
  }

  div#all_lectures_list_container{
    height: 500px;
  }

  div#studien_list_container{
    height: 100px;    
  }

  div#all_exams_aag_list_container{
    height: 300px;    
  }

  div#all_exams_list_container{
    height: 390px;    
  }

  div#all_exams_verlauf_list_container{
    height: 75px;    
  }

  div#final_exams_list_container{
    height: 300px;    
  }

  div#abschlussarbeiten_list_container{
    height: 300px;    
  }

  div#zulassung_studium_list_container{
    height: 250px;    
  }

  div#zulassung_zulassungen_list_container{
    height: 250px;    
  }

}

.pageDisabled {
margin: 0px; z-index: 100; position: fixed;  
top: 0px; left: 0px; right: 0px; bottom: 0px; 
background-color: #000000; 
opacity: 0.2;
}

.pageLoading {
padding-left: 10px; 
margin: 0px; z-index: 9999; 
top: 10px; right: 30px; width: 80px; 
line-height: 1.5em; 
color: white; 
background: #00AA00 url(/prod/img/ajaxloader.gif) no-repeat scroll 5px center; 
text-align: center; 
display: block;
position: fixed; 
}

* html .pageLoading {position: absolute;} 

/* ------------------------------------------------------------------------- */ /* DatePicker */
/* ------------------------------------------------------------------------- */
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  font-size: 0.8em;
  cursor: default;
  font-family: arial,verdana,sans-serif;
  z-Index: 1001;
}
.calendar table {
  border: 0px;
  cursor: default;
  font-family: arial,verdana,sans-serif;
}
.calendar .button {
  text-align: center;
}
.calendar thead .title { 
  font-weight: bold;
  text-align: center;
}
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { 
  text-align: center;
}
.calendar thead .weekend { }
.calendar thead .hilite { }
.calendar thead .active { }
.calendar tbody .daysrow .day {
  width: 16px; 
  box-sizing: content-box; 
  text-align: right;
}
.calendar tbody .day.othermonth { }
.calendar tbody .day.othermonth.oweekend { }
.calendar table .wn { }
.calendar tbody .rowhilite td { }
.calendar tbody td.active { }
.calendar tbody td.selected { 
  font-weight: bold;
}
.calendar tbody td.disabled { 
   color: GrayText; 
}
.calendar tbody .emptycell { 
  visibility: hidden;
}
.calendar tbody .emptyrow { 
  display: none;
}
.calendar tfoot .footrow {
  white-space: normal;   
  word-wrap: break-word;
  width: 224px;
}
.calendar tfoot .ttip {
  font-size:1em;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
}
.calendar tfoot .hilite { 
  border-top: 0px;
  background: #e4e0d8;
}
.calendar tfoot .active { 
  padding: 2px 0px 0px 2px;
  border: 0px;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  font-size: 0.9em;
  padding: 1px;
  z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}
.calendar .combo .hilite, 
.calendar .combo .label:hover { 
  /*background: Highlight; */
  color: HighlightText;
  background:#f1f1f1; 
  border:1px solid #111; 
  margin: -1px; 
}
.calendar .combo { 
  border: 1px solid #f1f1f1; 
  border-radius:2px; 
  padding:2px; 
  background: #fff; 
}
.calendar td.time {
  padding: 1px 0px;
  text-align: center;
  white-space: nowrap;
  font-size:12px;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px;
}
.calendar tr.time .button {
   border:1px solid #A0A0A0;
   line-height: 1.2em;
   min-height: 17px;
   box-sizing: content-box;
   font-size: 12px;
   padding: 1px 0.65em;
}
.calendar tr.time .button:hover,
.calendar tr.time .button.hilite ,
.calendar tr.time .button.hilite div {
   background-color:#fdfdfd; 
   font-weight:bold;
}
.calendar td.time .ampm {
  text-align: center;
}

/* ------------------------------------------------------------------------- */ 
/* Style Extensions for rendering similar to new one and renewed pu's one.
/* (Compare also .datepicker styles in css_sys_w_m.css)
/* ------------------------------------------------------------------------- */ 
/*body table.mask,*/
.calendar table,
table.datePickercpBorder { 
background: #F1F1F1;
border-collapse: separate;
border: 1px solid #777;
border-radius: 0.2em;
box-shadow: none;
padding:0.5em ;
border-spacing: 0px;
font-family: Arial, sans-serif;
font-size: 12px;
}

.calendar {
background: transparent;
border:0px;
box-shadow: none;
}
.calendar thead, 
.calendar thead td  { 
font-size:13px; 
}
.calendar thead td, 
.calendar tfoot td {
background: inherit; 
border: none;
background-color: #f1f1f1;
}
.calendar table thead tr .day.weekend,
.calendar table thead tr .oweekend.day,
.calendar table tbody tr .day.weekend,
.calendar table tbody tr .oweekend.day,
.calendar tbody tr.daysrow .day.weekend { 
color: #8B9ED2 ; /*#778;*/ 
}
.calendar tbody tr.daysrow .day { 
color: #23238E;  
}
.calendar table tbody tr .othermonth.day { 
font-size:0.9em;
color:#c4c4c4 !important;
}
.calendar > table > tbody tr:first-child td,
.calendar > table > tfoot tr.footrow td, 
.calendar > table > tbody tr:first-child td,
.calendar > table > tfoot tr.footrow td {
border-top: 0px solid #c0c0c0;
border-bottom: 0px solid #c0c0c0;
}
.calendar tbody td.day:hover { 
color: #fff;
background: #34346c;
font-weight: bold;
}
.calendar table td, .calendar table td {
border: 0px;
display: table-cell;
padding: 1px 6px 1px 4px;
box-sizing: content-box;
}
.calendar table tbody tr.daysrow td.day {
cursor: pointer;
}
.calendar table tbody tr.daysrow td.day.wn {
cursor: default;
color: #c4c4c4;
}
.calendar thead .button div[unselectable="on"] {
color: #23238E; 
font-size:12px;
cursor: pointer;
}
.calendar thead tr.headrow,
.calendar thead tr.headrow td,
.calendar thead tr.headrow td:hover {
border:0px;
margin:0px;
height: 18px; 
max-height:18px;
line-height: 18px;
overflow: hidden;
}
.calendar thead tr.headrow td.button,
.calendar thead tr.headrow td.button.hilite,
.calendar thead tr.headrow td.button.nav,
.calendar thead tr.headrow td.button.nav > div:hover { 
margin:0; 
padding:0; 
}
.calendar thead td.day,
.calendar tbody td.day {
padding: 2px 6px 2px 4px;
display:inline-block;
box-sizing: content-box;
display: table-cell;
line-height:16px;
height:16px;
width: 16px;
}
.calendar thead .daynames td.name.day,
.calendar thead .daynames td.name.day.hilite,
.calendar thead .daynames td.name.day:hover {
width:14px;
padding: 1px 6px 1px 4px;
min-width:14px;
max-width: 14px;
display: table-cell;
border:0px;
}
.calendar thead tr.headrow td.button.hilite { 
font-weight:bold; 
}
.calendar thead tr.headrow td.button.nav > div:hover { 
font-size:14px; margin-top:0;  
}
.calendar thead .daynames td,
.calendar thead .daynames td:hover {
width:18px;
box-sizing: content-box;
overflow: hidden;
}
.calendar td.day.selected,
.calendar tbody td.day.today,
.calendar tbody td.day.selected  {
background: #f1f1f1;
border: 0px solid #23238E;
color: black;
font-weight: bold;
}
.calendar td.day.selected:hover,
.calendar td.day.today:hover,
.calendar tbody td.day.selected:hover  {
background: #23238E;
color: #fff; 
font-weight: bold;
border:none;
}
.calendar tbody td.day {
background: #fff;
}
.calendar tbody td.wn {
background:#f1f1f1;
}
.calendar tbody td.day {  /* .calendar td.weekend ehemals in rot, nun in grau */
color: #23238E;
border: none; 
height:18px;
line-height:18px;
width:16px;
}
.calendar tbody tr.daysrow > td.day:first-child:hover { /* Kalenderwochenspalte */
font-weight:normal;
padding-left:0;
}
.calendar tfoot .footrow .ttip {
height: 2.6em;
}

/* END STUDKART */

/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: LBS */
/* ------------------------------------------------------------------------- */
div.MapControl
{
   position: absolute;
   z-index:3000;
   cursor:pointer;
}

img.MarkerImg
{
   width:32px;
   height:32px;
}

div.Windrose {
    position:absolute;
    width:51px;
    height:51px;
    background-image:url(/prod/img/windrose_vista.png);
    z-index:3000;
}

div.WindroseSign
{
   position:absolute;
   z-index:3000;
   font-family:Tahoma, Verdana;
   font-size:9px;
   color:white;
   width:9px;
   height:9px;
}

div.Fog {
   position: relative;
   z-index: 5000;
   background-color:black;
   opacity:0.5;
   zoom:1; 
}

.MapsBorder
{
   border: 1px solid black;
}
/* ------------------------------------------------------------------------- */ 
/* END Kontext: LBS */
/* -----------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: AutoSuggest */
/* ------------------------------------------------------------------------- */
a.as_wai_info_anchor {
    position:absolute;
    top:0;
    left:-3000em;
} 
 
div.as_listing_div {
  border: 1px solid var(--text-color);
    border-top:0px;
    z-index: 1000;
    background-color:var(--main-background-color);
    padding:0;
}

ul.as_listing_ul {
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:0;
}

li.as_non_highlighted_li{
    padding:0;
    margin:0;
    padding: 1px 0;
}

li.as_highlighted_li {
    background-color:#3366CC;
    padding:0;
    margin:0;
    padding: 1px 0;
}


li.as_non_highlighted_li a:link{
   color:black; 
   text-decoration:none; 
}


li.as_non_highlighted_li a:visited{
   color:black; 
   text-decoration:none; 
}


li.as_non_highlighted_li a:focus{
   color:black; 
   text-decoration:none; 
}


li.as_non_highlighted_li a:hover{
   color:black; 
   text-decoration:none; 
}


li.as_non_highlighted_li a:active{
   color:black; 
   text-decoration:none; 
}


li.as_highlighted_li a:link{
   color:white; 
   text-decoration:none;
}

li.as_highlighted_li a:visited{
   color:white; 
   text-decoration:none;
}

li.as_highlighted_li a:focus{
   color:white; 
   text-decoration:none;
}

li.as_highlighted_li a:hover{
   color:white; 
   text-decoration:none;
}

li.as_highlighted_li a:active{
   color:white; 
   text-decoration:none;
}

div.as_name_entry_div {
    padding:0; 
    padding-left:0.1em; 
    margin:0;
}

/* ------------------------------------------------------------------------- */ 
/* END Kontext: AutoSuggest */
/* -----------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: VK-Image */
/* ------------------------------------------------------------------------- */
.vcard_image_td {
  background-color: #f1f1f1;
}
.app-vcard table.mask tr > .mask.vkpadding {
   padding-left: .5em;
}
/* ------------------------------------------------------------------------- */ 
/* END Kontext: VK-Image */
/* -----------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: Backport CO Dialog auf altes Framework                     */
/* ------------------------------------------------------------------------- */
#idDialog {
  background-color: #F0F0EE;
  border: 1px solid black;
  text-align: left;
  display: table;
  padding: 0.4em;
}

#idDialog p {
  padding-left: 10px;
}

#idDialogTitle {
  margin: 0px;
  padding: 2px 5px 2px 5px;
  color: white;
  font-weight: bold;
  cursor: move;
}

#idDialogButtonBar {
  text-align: right; /* align button bar at the right side; for IE */
}

/** for all other browsers **/
html>/**/body #idDialogButtonBar {
  float: right;
}

.dialogError {
  background-color: #D42929;
}

.dialogInfo {
  background-color: #79aad0;
}

.dialogWarning {
  background-color: #FFC900;
}

.dialogConfirm {
  background-color: #79aad0;
}

.dialogChoice {
  background-color: #79aad0;
}

.invisible { display:none !important; }

/* ------------------------------------------------------------------------- */ 
/* END Kontext: Backport CO Dialog auf altes Framework                       */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: LV-Erhebung */
/* ------------------------------------------------------------------------- */ 

/* Markierung Ort/Zeit */
.lehZO_hl{
  font-weight: bold;
  color: #006600;
}  

/* ------------------------------------------------------------------------- */ 
/* LV-Erhebung */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */ 
/* BEGIN Kontext: Evaluierung */
/* ------------------------------------------------------------------------- */ 

/* oeffentlicheFrage */
.public_question{
   background-color: #FF5544;
}  

/* ------------------------------------------------------------------------- */ 
/* END Kontext: Evaluierung */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: printer friendly CSS                                       */ 
/* --------------------------------------------------------------------------*/

/*
  Einer Table die Klasse printBorder zuordnen um beim Ausdrucken
  den Rand mitzudrucken!
*/
@media print {
   div.printBorder table.list, table.printBorder {
      border-collapse:collapse;
   }

     div.printBorder table.list
   , div.printBorder table.list th
   , div.printBorder table.list td    
   , table.printBorder
   , table.printBorder th
   , table.printBorder td { 
      border-style:solid;
      border-width: thin;
      border-color:black;
   }
   
     div.printBorder table.list th
   , div.printBorder table.list td  
   , table.printBorder th
   , table.printBorder td {   
      padding: 0 0.2em;
   }
  }
  
/* ------------------------------------------------------------------------- */
/* END Kontext: printer friendly CSS                                         */ 
/* --------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: offene Aufgaben in Visitenkarte                            */ 
/* --------------------------------------------------------------------------*/

#idPuMsgLayer {
 background-color: #F5F6BE ;
 border-bottom: 1px solid black;
 z-Index: 1000;
 width:100%;
 overflow: auto; 
 position: relative; 
 top: 0em;
 margin-bottom:0.5em;
 margin-top: -4px;
 margin-left: -4px;
}

.msgs a { 
   text-decoration:none; 
   
}

.msgs li.message {
  line-height: 21px;
  padding-top:0.2em;
  padding-left: 30px; 
  display: block;
   list-style-type: none;  
}

.msgInfo li.message { background: transparent url(/prod/img/msg_info_small.gif) no-repeat scroll left center; }
.msgInfo span {
   color: black;
   font-weight:bold;
}

#idToolbar {
 float: right;  
 padding: 5px;
 right: 1em;
 position: relative;
 top: 0em;
}

/* ------------------------------------------------------------------------- */
/* END Kontext: offene Aufgaben in Visitenkarte                              */ 
/* --------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: Login Info in Visitenkarte                                 */ 
/* --------------------------------------------------------------------------*/
.vk_ll_info {
  border: 1px solid #000000;
  background-color: #F5F6BE;
  padding: 0.5em
}

/* ------------------------------------------------------------------------- */
/* END Kontext: Login Info in Visitenkarte                                   */ 
/* --------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- */
/* BEGIN Kontext: Allgemeine Suchen                                          */ 
/* --------------------------------------------------------------------------*/
div.SearchHelp
{
  width: 36em; 
  border:1px solid black; 
  border-radius: 6px;
  background-color: #F5F6BE;
  position: absolute;
  padding: 0.5em;
  top: 2em;
  font-size: 12px;
  font-family: Verdana;
  z-index: 2;
}

div.SearchHelp > div 
{
  width:100%; 
  position: relative;
  height: 17px;
}

div.SearchHelp > div > div 
{
  position: absolute; 
  top: -3px; 
  right: 1px;
}

div.SearchHelp > div > div  > a
{
  text-decoration: none;
  font-weight: bold;
}

/* ------------------------------------------------------------------------- */
/* END   Kontext: Allgemeine Suchen                                          */ 
/* --------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------- */ 
/* Window and Overlays */
/* ------------------------------------------------------------------------- */

.windowNavTd
{
  width: 200px;
}

table.windowContent>tbody>tr>td
{
  vertical-align: top;
  border: 0px;
}

.overlayBackground{
   background-color:#000;
   
}

.overlayWindow
{
  overflow: hidden;  
  border: 1px #000 solid;
  font-family: Arial,Helvetica,sans-serif;
  box-shadow: 5px 5px 3px #888;  
}

.overlayWindowStructur
{
  width:100%;
  height:100%;
}

.overlayWindowLoading
{
  text-align: center;
  padding:50px;
}

.overlayWindowHeader
{
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #FFF;
  width: 100%;
  height: 21px;
}

.overlayWindowTools
{
  float:right;
}

.overlayWindowTitle
{
  font-weight: bold;
  color: black;
  border: 1px #000 solid;
  border-top: none;
  border-left: none;
  padding: 0.2em;  
  padding-top: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 21px;
  background-color: white;
  display: inline;
  font-size: 1em;
  cursor: move;
}

.overlayWindowSubTitle
{
  font-weight: bold;
  color: black;
  font-size: 1em;
  border-bottom:1px solid #CCC;
  width: 100%;
}

.overlayWindowContent
{
  padding:12px;
  background-color: white;
  overflow: auto;  
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  margin-top: 21px;
  padding-top: 5px;
}

/**--------------------------------------------------------------
----------------------BEGIN KONTEXT LV-EVAL----------------------
----------------------------2013_265-----------------------------
--------------------------------------------------------------**/

#eval-section-heading-abgabe{
  display:none;
}
.eval-pers-org{
  display:none;
}
.eval-pers-img{
  display:none;
}
.eval-info{
  display:none;
}
.eval-question-nr{
  width: 2.5%
}
.eval-pers-nr{
  float: left;
  text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen an neuen Internetauftritt                 */
/* --------------------------------------------------------------------------*/


html, #pageContent, #pageContent th, #pageContent td,
#pageContent p, #pageContent h1, #pageContent h2, h3, h4, h5, h6 { /*#pageContent span, #pageContent a, #pageContent a:link, #pageContent a:visited, #pageContent a:hover, #pageContent a:active, */
    color: var(--text-color);
}

html, th, td, p,
#pageContent a, #pageContent a:link, #pageContent a:visited, #pageContent a:hover, #pageContent a:active {
  font-weight: 400; /* #pageContent span, */
}

body {
    padding: 0px;
    margin: 0px;
/*    background-image: none !important;       */
}

/* Schriftvergrößerung auf 15.2px Hauptgröße */
/*body > #pageContent, body > div, body > p  {
	font-size: 108%;
}*/

a, a:link, a:visited, a span {
    /*color: #2d7688; - alter Wert */
    color: #25666d;
    /*display: inline-block;*/
}

td a {
    vertical-align: top;
}

a img {
    background-color: white;
    margin: 0;
}

img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

#pageContent a:hover, #pageContent a:active, .BrowserSupport > a.menuTextColor:hover,
.WartungsAnkuendigung > a.menuTextColor:hover {
    background-color: #000000;
    color: #ffffff;
}

#pageContent a:hover span, #pageContent a:active span, #pageContent a:hover span.bold, #pageContent a:active span.bold {
    color: #ffffff;
}

#pageContent a.menu:hover {
    color: #ffffff !important;
}

a.disabled, a.disabled:link, a.disabled:visited,
#pageContent #idPageNavi .coNavGroup td a.disabled,
#pageContent #idPageNavi .coNavGroup td a.disabled:link,
#pageContent #idPageNavi .coNavGroup td a.disabled:active,
#pageContent table.cotable td a.disabled,
#pageContent .MaskRenderer a.disabled {
    color: #b1b1b1;
    text-decoration: none;
    border: none;
    font-weight: 400;
}

a.disabled:hover, a.disabled:hover, a.disabled:active,
#pageContent #idPageNavi .coNavGroup td a.disabled:hover,
#pageContent #idPageNavi .coNavGroup td a.disabled:active,
#pageContent table.cotable td a.disabled:hover,
#pageContent .MaskRenderer a.disabled:hover {
    color: #b1b1b1 !important;
    text-decoration: none;
    background-color: transparent;
}

#pageContent #idPageNavi .coNavGroup td a.disabled.selected:hover,
#pageContent #idPageNavi .coNavGroup td a.disabled.selected:active
{
    color: black !important;
}

tbody tr td a span.bold {
    color: #25666d;
    display: inline;
}

td .label.labelR.labelT .bold {
    color: white;
    font-weight: 700;
}

.bold {
    font-weight: 700;
}

/* MENU */
body.menu {
  background: none;
	background-color: white;
}

body.menu a:hover, body.menu a:active {
  background-color: transparent;
}

body.menu > table > tbody > tr:first-child,
body.menu > table > tbody > tr:first-child > td:first-child > table {
    height: 48px;
}

body.menu > table > tbody > tr:first-child > td:first-child > table .LogoLeftStandAlone {
    vertical-align: top;
}

body.menu #menue_frame_info_icon img, body.menu #menue_frame_myOrg_icon img,
body.menu #menue_frame_multi_lang_icon img, body.menu #menue_frame_profile_icon img,
body.menu #menue_frame_key_icon img, body.menu #menue_frame_keyAn_icon img,
body.menu #menue_frame_home_icon img {
    height: 17px;
    width: auto;
    margin: 3px 5px;
}

body.menu #menue_frame_home_icon img, body.menu #menue_frame_profile_icon img {
    height: 18px;
}

body.menu #menue_frame_profile_icon {
    margin-right: 7px;
}

body.menu #menue_frame_home_icon img, body.menu #menue_frame_keyAn_icon img {
    margin: 3px 5px;
}

body.menu #menue_frame_tree_slider img, body.menu #menue_frame_tree_pin img {
    width: 17px;
    height: auto;
}

body.menu #menue_frame_tree_pin img {
    margin-right: 5px;
}

body.menu > table > tbody > tr:last-child > td:first-child > div {
    width: 60px !important;
}

/*body.menu #menue_frame_tree_slider:hover
{
    background-image: url('');
    background-size: 14px 14px;
}

body.menu #menue_frame_tree_slider:hover img {
    display: none;
}*/

body.menu .R .menuHspaceR, body.menu .R .menuHspaceL {
    display: none;
}

body.menu .R .menuSuche {
    padding: 2px 10px;
    min-width: 15em;
    border: 1px solid #a4a4a4;
    margin-right: 30px;
}

td.LogoLeftStandAlone img {
    margin-top: 1em;
    width: 136px;
    height: auto;
}

.AnmeldeInformation {
    font-size: 0.9em;
    text-align: right;
    /*background-image: url('https://static.tugraz.at/static/core/1.0/img/tu-graz-logo.svg');
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: right 12px;*/
}

.AnmeldeInformation .menu, .AnmeldeInformation .menuTxt {
    position: relative;
    top: 2px;
    right: 20px;
}

.AnmeldeInformation img.tugraz-logo {
    display: inline-block;
    width: 80px;
    height: 33px;
    margin-top: 4px;
}

.AnmeldeInformation a.menu {
    color: #25666d;
}

.AnmeldeInformation a.menu:hover, .AnmeldeInformation a.menu:active,
#pageContent #idPageHeader #idPageNavi a.nav:hover {
    background-color: black;
    color: white;
}

.AnmeldeInformation img, .AnmeldeInformation span.s {
    display: none;
}


/* Boxen & Main-Bereich*/

body table.mask {
    border-radius: 0px;
    background-color: white;
    border: none;
    padding: 0;
    margin: 0
}

body #pageContent table.mask th.mask,
body #pageContent table.mask th.maskRT,
#pageContent table.mask th.maskT { /* with #pagecontent more important than in styles-integration.css*/
    text-align: left;
    background-color: #487692;
    color: white;
    padding-left: 8px
}

html #pageContent table.mask .label,
html #pageContent table.mask th.mask,
html #pageContent table.mask th.maskRT {
  font-weight: normal;
}

html#id-page-leh_lv_param #pageContent>form>table TH.mask {
  font-weight: normal;
}

body table.mask td.vkpadding, body table.mask td.maskLT {
    padding-left: 10px;

/* AP 28032018 to override font boosting in mobile chrome set max-height: 999999px; */
    max-height: 999999px;
}

body table.mask th.mask {
    border-spacing: 1px;
}

th.detail, th.detailStd, th.mask, th.maskB, th.maskM, th.maskT, th.maskC,
th.maskCB, th.maskCM, th.maskCT, th.maskL, th.maskLB, th.maskLM, th.maskLT,
th.maskR , th.maskRB, th.maskRM,
#pageContent th.maskRT {
    background-color: #487692;
    font-weight: 400;
    color: white;
    vertical-align: middle
}

th.detail {
    border-bottom: 1px solid white;
}

th.detail .bold, th.detailStd .bold, th.mask .bold, th.maskB .bold, 
th.maskM .bold, th.maskT .bold, th.maskC .bold, th.maskCB .bold, 
th.maskCM .bold, th.maskCT .bold, th.maskL .bold, th.maskLB .bold, 
th.maskLM .bold, th.maskLT .bold, th.maskR .bold, th.maskRB .bold, 
th.maskRM .bold, th.maskRT .bold {
    color: white;
}

#pageContent table.wr100 TH.tblHdr, 
#pageContent table.wr100 TH.tblHdrC, 
#pageContent table.wr100 TH.tblHdrL, 
#pageContent table.wr100 TH.tblHdrR { 
    background-color: #487692; 
    background-image: none;
    color: white;
}

#pageContent > table > tr h1 {
    font-size: 2.5em;
}

#pageContent {
    padding: 0;
}

#pageContent.detail {
    padding: 0 15px;
    border-top: 1px solid #d4d4d4;
}

#pageContent ul.out {
    margin-left: 25px;
}

#pageContent > span > img {
    background-color: transparent;
}

TABLE.bodyTable {
    border-bottom: none;
}

.errorText, .red, .errors, .errors span, a.errors:link {
    color: rgb(231,26,82) !important;
}

table.nav{
    background-color: #F1F1F1; 
    border: none; padding: 0 4px;
}

th.nav{
    padding: 0 4px;
}

td, th {
    padding: 0 3px;
}

td.pleistborder {
    padding: 0;
}

#pageContent > .bold, #pageContent > span.l {
    margin-left: 15px;
}

#pageContent .vk_ll_info {
    background-color: #ffffff;
}

#pageContent > table.mask {
    border: none;
}

#pageContent > table.mask th.maskRT, #pageContent > table.mask th.maskRT span,
#pageContent form[name="serv"] > table tr > th.detail,
#pageContent form[name="serv"] > table tr > th.detail .s,
#pageContent form[name="serv"] > table tr > th.detail a {
    background-color: #487692;
    color: white;
    vertical-align: middle;
}

#pageContent form[name="serv"] > table tr > th.detail .s {
    font-size: 1em
}

#pageContent > table.mask th.maskRT, #pageContent > table.mask td.maskLT {
    padding: 2px 5px;
    border-bottom: 1px solid white;
}

#pageContent > table.mask td.maskLT {
    padding-left: 8px;
}

#pageContent > table.mask td.mask:last-child a {
    padding-left: 10px;
}

#pageContent > table.mask td.bold {
    padding-bottom: 3px;
}

#pageContent.detail > #idTopPageHeader {
    margin-left: -15px;
}

#pageContent #idPageHeader {
    border: none;
}

#pageContent #idPageHeader tr td:first-child {
    vertical-align: bottom;
    padding: 0 10px !important;
}

#pageContent #idTopPageHeader .pageOwner {
    background-color: #487692;
    border: none;
}

/*#pageContent #idTopPageHeader tr.middle td:last-child a {
    position: relative;
    left: 30px;
}*/

#pageContent #idTopPageHeader th img[alt="Logo"], 
#pageContent #idTopPageHeader tr.middle td:last-child img {
    width: 100px;
    height: auto;
}

#pageContent.detail #idTopPageHeader th img[alt="Logo"], 
#pageContent.detail #idTopPageHeader > tbody > tr > td:last-child > table img {
    display: none;
}

#idTopPageHeader th img[alt="Logo"], 
#idTopPageHeader > tbody > tr > td:last-child > table img {
    width: 100px;
}

#pageContent #idPageHeader #idPageNavi {
    background-color: transparent;
    border: none;
    border-collapse: collapse
}

#pageContent #idPageHeader #idPageNavi th.nav {
    padding: 3px 4px;
    /*color: black;*/
    font-style: normal;
    font-weight: 400;
    font-size: 89%;
    border-bottom: 1px solid white;
}

#pageContent #idPageHeader #idPageNavi td.nav {
    padding: 3px 4px;
    color: black;
}

#pageContent #idTopPageHeader .pageOwner .s, 
#pageContent #idTopPageHeader .pageOwner span {
    color: white;
}

#pageContent #idPageHeader #idPageNavi td.nav, #pageContent #idPageHeader #idPageNavi a.nav {
    color: #487692;
}

#pageContent #idPageHeader #idPageNavi .navSelected, 
#pageContent #idPageHeader #idPageNavi .navSelected span {
    font-weight: 700;
    color: black;
}

#pageContent #idTopPageHeader th a:hover, #pageContent #idTopPageHeader th a:active {
    background-color: transparent;
}

#pageContent.detail #idTopPageHeader .middle th {
    display: none;
}

#idTopPageHeader .middle .R {
    padding-right: 17px;
}

#idTopPageHeader .middle .R > a, #idTopPageHeader .middle .s > a {
    font-size: 12px;
}

#pageContent #idPageHeader #idPageNavi th {
    font-style: italic;
    font-weight: 700;
}

#idPageNavi .nav #AS0 img, #idPageNavi .nav #CS0 img {
    width: 15px;
    height: auto;
    margin: 0;
}

#idPageNavi .nav #AS0 a:hover img, #idPageNavi .nav #AS0 a:active img, 
#idPageNavi .nav #CS0 a:hover img, #idPageNavi .nav #CS0 a:active img {
    background-color: transparent;
}

#pageContent form table {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

#pageContent form table.mask > tbody > tr > td > table {
    margin-top: 10px;
    margin-left: 15px;
}

#pageContent > ul > li a {
    vertical-align: top;
    margin-left: 5px;
}

#frmextadr #CAdrPlzLbl > div > a {
	margin-top: 7px;
}

/* Icons on Visitenkarte */
table td.pleistborder td.pleistpadding {
    border: none;
}

table td.pleistborder td.pleistpadding {
    padding: 0;
}

/* AP 04022018  padding: 0px 10px 0px 36px; */
table tbody td.pleistborder td.pleistpadding > a {
    padding: 0px 4px 0px 36px;
}

body table td.pleistborder td.pleistpadding > a > img.icon {
    max-height: 21px;
    max-width: 21px;
}

table tbody td.pleistborder td.pleistpadding > a > img.icon {
    padding-left: 10px;
}

table td.pleistborder .tblHdrC {
    border: none;
}

form[name="frmFormEdit"] table.mask tr.mask > td.label {
    max-width: 25em;
    white-space:normal;
}

form[name="frmFormEdit"] table.mask tr.mask > td img {
    background-color: white;
    width: 16px;
    height: auto;
}

form[name="pwae"] > table table table table table {
    background-color: #e1e1e1;
}

.list {
    border-collapse: collapse;
}

.list TH.tblGroup {
    font-style: normal;
    background-color: white;
    font-weight: bold;
    padding-left: 5px;
}

.list td .s {
    padding-left: 5px;
}

.list tr td.C a > span > img, .list tr td.C span > a > img,
.list tr td.C > a img, .list tr td.C > img, .list tr > td > span > img,
table .bold img, table tr td a img, table tr td span img, ul a img, 
table tr th img, ul li span img, table tr td.MaskRenderer > img, 
table.list tr.z0 td > img, table.list tr.z1 td > img,
table td.maskM > img, #pageContent > img, #pageContent > span > a > img,
form[name='frmAdrB'] td > img, #pageContent > p img,
form[action="!wbAev.actionService"] img,
table.wr100 tr > td > img, tr.mask td.maskLT img  {
    width: 16px;
    height: auto;
    margin: 0px;
    padding: 2px;
}

#pageContent img[id^=dot] {
    width: 10px;
    height: auto;
}

table.wr100 tr > td > img[alt="System-Logo"] {
    width: auto;
}

table.list td a[target="SGS_EDIT_WINDOW"] span img {
	width: 26px;
}

table.list td a #lblyes,
table.list td a #lblno,
table.list td a #lblexcl {
	left: 1px;
	font-size: 11px !important;
}

table.list td a:hover #lblyes,
table.list td a:hover #lblno,
table.list td a:hover #lblexcl {
	color: #25666D;
}

/* Login Shibboleth Icon */
form[action="wbAnmeldung.durchfuehren"] .maskM > a > img {
    width: 44px;
}

.list tr td.C {
    white-space: nowrap;
}

.list tr td a > span {
    display: inline;
}

.list .tblHdr a,
.list .tblHdr a:link,
.list .tblHdr a:visited {
	color: white;
}

.pleistborder {
    border: 1px solid #a4a4a4;
}

.errorText {
    color: rgb(231,26,82) !important;
}

#pageContent .label {
    padding-left: 0.4em;
    padding-right: 1em;
    padding-top: 0.2em;
    text-align: left;
}

#pageContent .label, th.tblHdr, th.tblHdrC, th.tblHdrR, th.tblHdrL, tr.tblHdr, th.tblHdr > table td {
    background-color: #487692;
    color: white;
}

td.label.labelR.labelM > span {
    color: white;
}

th.tblHdr, th.tblHdrC, th.tblHdrR, th.tblHdrL {
    font-size: 13px;
    border: 1px solid white;
}

#pageContent .label label {
    color: white;
}

th.tblHdr span, th.tblHdrC span, th.tblHdrR span,
.label span, tr.tblHdr td, tr.tblHdr td > a {
    color: white;
} 

tr.tblHdr td > a {
	cursor: pointer;
}

div.SearchHelp {
    background-color: white;
}

nobr a, nobr a:link, nobr a:visited {
    display: inline;
    /*font-size: 0;*/
}

.headerHeading {
    font-size: 1.7em;
    margin-top: 10px;
}

th.maskRT {
    text-align: left;
}

th.maskRT > img {
    background-color: white;
}

.z0 {
    background-color: #F6F6F6;
}

.z1 {
    background-color: white;
}

.w8 span.s, .w10 span.s {
    font-size: 1em;
}

.w8:hover img, .w10:hover img {
    background-color: white;
}

.w8:hover span, .w10:hover span {
    color: white;
}

.w10 > img, button img {
    width: 16px;
    height: auto;
    padding: 2px;
    margin: 0;
}
.mask .maskRM button.w10 > img { padding: 0; }

hi:hover {
    background-color: #F3F3F3;
}

#idRef_EXT a.commandButton {
    float: right !important;
}

thead th img {background: transparent; /*inherit*/ }

img[width="25"] {
    width: 14px;
    height: 14px;
    padding: 0 3px;
}

iframe { 
    border: 1px solid #A4A4A4; 
} 

/* Footer */
html body #idEePageWrapper #idPageFooter {
  right: 0;left: 0;
}

#idPageFooter .z1 {
    background-color: white;
}

#idPageFooter .footerCell {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.detailStd ul {
    margin-top: 3px;
}

th.detailStd {
    font-weight: 700;
    padding-left: 10px;
}

a.disabled img {
    opacity: 0.6;
}

#search_help {
    border-radius: 0;
}

#MMenuBC {
    line-height: 22px;
    height: 22px;
}

#MMenuBC a:hover, #MMenuBC a:link:hover, #MMenuBC a:active:hover {
    background-color: black;
    color: white;
}

#MMenuBC img {
    width: 12px !important;
    height: auto !important;
    padding-bottom: 2px;
}

/* fuer GPR */
.gpr_mandatory {
    background-color: #ffd382;
}

.green {
    color: #17b61c;
}

table tr td span.green img {
    width: 12px;
    height: auto;
}

/* bold to 700 */
.wborg_name, .wborg_kennung, div.OrgTree_aa, div.OrgTree_select a, 
.headerHeading, b {
    font-weight: 700;
}

.headerHeading {
    font-weight: 400;
}

.tooltip {
    border-color: #487692;
}

.tooltip .content {
    background-color: white;
}

.tooltip img {
    width: 14px;
    height: auto;
    margin: 0;
    padding: 0 2px;
}

table {
    empty-cells: hide;
}

/* Formulare */

/*#pageContent input, */
#pageContent select, #pageContent textarea, #pageContent table tr td select,
#pageContent table tr td input[type="text"],
#pageContent table tr td input[type="email"], #pageContent #pageContent table tr td input[type="password"],
#pageContent table tr td input[type="number"], #pageContent table tr td input[type="date"],
#pageContent table tr td input[type="datetime"], #pageContent table tr td input[type="range"],
#pageContent table tr td input[type="time"], #pageContent table tr td input[type="tel"],
#pageContent table tr td input[type="search"] {
  border: 1px solid #a4a4a4;
  /*padding: 3px 20px 3px 3px;*/
    border-radius: 0;
    /*line-height: 16px;
    height: auto;*/
    font-family: 'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400;
}
#pageContent table tr td select {
    background-color: var(--main-background-color);
}
#pageContent select {
  padding: 3px 20px 3px 3px;
}

#pageContent fieldset {
  background-color: transparent
}
#pageContent  .mask fieldset {
  border: 1px solid #ccc;
}

#pageContent input[type='file'] {
    border: none;
}

#pageContent input:focus, #pageContent select:focus, #pageContent textarea:focus, input.w20:focus {
    background-color: #f4f4f4 !important;
}

#pageContent input[type="text"], #pageContent textarea {
    padding: 3px;
}

/*td.maskM, td.maskT {
    padding-left: 10px;
}*/

td.maskM a img {
    margin: 0px;
    padding: 0 5px;
    display: inline-block
}

td.maskM > span > a > img {
    width: 18px;
    height: auto;
    vertical-align: top;
}

td.mask fieldset {
    margin-left: 10px;
}

td.mask {
    padding-left: 0;
}

body.menu .R .menuSuche {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: var(--main-background-color);
    border-radius: 0;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 400;
    border: 1px solid #a4a4a4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-size: auto 8px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}

select::-ms-expand {
    display: none;
}

#idEePageWrapper #pageContent form button[onclick*=submit],
#pageContent button, #pageContent input[type="submit"],
#pageContent input[type="button"], .commandButton {
  border: 1px solid var(--default-button-border-color);
  color: var(--default-button-text-color);
  background-color: var(--default-button-background-color);
  font-weight: normal;
  font-family: inherit;
  padding: 3px 12px;
  /*background-color: white;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 400;*/
}
#pageContent button:hover,
#idEePageWrapper #pageContent form button[onclick*=submit]:hover,
#pageContent input[type="submit"]:hover,
#pageContent input[type="button"]:hover,
.commandButton:hover {
  border: 1px solid var(--default-button-border-color-hover);
  color: var(--default-button-text-color-hover);
  background-color: var(--default-button-background-color-hover);
  font-weight: normal;
  font-family: inherit;
}
#pageContent input[type="button"]:active {
  font-family: inherit;
  font-size: 12px; /* compare body form input[type=button]... */
  padding: 3px 12px;
}

button.w5 {
    padding: 1px 0 2px 0;
}

#pageContent button[disabled], #pageContent .MaskRenderer a.commandButton.disabled,
#pageContent .MaskRenderer button[disabled] {
    border: 1px solid #b1b1b1 !important;
    color: #b1b1b1;
}

#pageContent button[disabled]:hover, #pageContent .MaskRenderer a.commandButton.disabled:hover,
#pageContent .MaskRenderer button[disabled]:hover {
    border: 1px solid #b1b1b1;
    color: #b1b1b1;
    cursor: auto;
    background-color: transparent;
}

#pageContent button:hover, #pageContent button:active, #pageContent .commandButton:hover, #pageContent .commandButton:active,
#pageContent input[type="submit"]:hover, #pageContent input[type="button"]:hover, #pageContent a.commandButton:hover {
    background-color: #000000;
    border: 1px solid #a4a4a4;
    color: white;
}
body #pageContent form button[onclick*=submit]:hover,
body #pageContent form button:hover,
body #pageContent form .commandButton:hover,
body #pageContent form .commandButton[onclick*=submit]:hover {
   background: var(--primary-button-background-color-hover, var(--primary-color, #000000));
   border-color: var(--primary-button-background-color-hover, var(--primary-color, #a4a4a4));
   color: var(--primary-button-text-color-hover, var(--white, #a4a4a4));
}

.select2-container span.select2-chosen {
    color: black;
}

.select2-container a:hover {
    background-color: transparent;
}

.menu img[width="2"] {
    display: none;
}

.btn0001 {
    margin-top: 2px;
}

.btn0001 img {
    display: inline;
}

#pTelephoneNumber {
    margin: 2px 0;
}

#pTelephoneNumber input {
    margin-left: -1px;
}

/* Bild für UniCard-Upload */
form[action="!UniCardImageUpload.htm"] table td.maskM > img {
    width: 80px;
    height: auto;
    padding-bottom: 20px;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen an neuen Internetauftritt                 */
/* --------------------------------------------------------------------------*/

/* Changelog */
/* AP::14022017: 1808     height: 55px => 48px

/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen vom 05.03.18 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/

table.list th.tblGroup > a {
	vertical-align: top;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 05.03.18 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen vom 22.03.18 - Fehlerbehebung             */
/* Visitenkarte/Arbeitsplatz Hintergrundbild mit weißem Hintergrund          */
/* --------------------------------------------------------------------------*/

.fwk-pu.app-vcard table.wr100 {
/*background: white;*/
border-collapse:collapse;
}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 22.03.18 - Fehlerbehebung             */
/* --------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------- */
/* BEGIN   Kontext:    Anpassungen vom 29.05.18 - Evaluierung                */
/* Hinweis inkl. Option zum Sperren/Freigeben ausblenden                     */
/* --------------------------------------------------------------------------*/

/* ***
form[action='qt_eval1.saveFreigabeStatus'] > table > tbody > tr:nth-child(3) > td:first-child, form[action='qt_eval1.saveFreigabeStatus'] > table > tbody > tr:nth-child(3) > td:nth-child(2), form[action='qt_eval1.saveFreigabeStatus'] > table > tbody > tr:nth-child(3) > td:nth-child(3), td:nth-child(4) > input[type='submit'] { display: none; }
*** */

/* grün für den Prozentbalken */
TD.statbar_left { background-color:#17b61c; border:1px solid #17b61c;}
TD.statbar_right {color:#17b61c;}
TD.statbar_lefts {background-color:#17b61c; border:1px solid #17b61c;}
TD.statbar_rights {color:#17b61c; border-left:1px solid #17b61c;}

/* ------------------------------------------------------------------------- */
/* END     Kontext:    Anpassungen vom 29.05.18 - Evaluierung                */
/* --------------------------------------------------------------------------*/



/* *** */
/* AP 31032018 */
@media only screen and (max-width:599px) {

body{
/* AP 28032018 to override font boosting in mobile chrome set max-height */
    max-height: 999999px;
} 

table{
/* AP 28032018 to override font boosting in mobile chrome set max-height */
    max-height: 999999px;
}

LI {list-style-position: unset;}

.headerHeading {
    display: none;
}

#pageContent #idPageHeader #idPageNavi a.nav {
    border-bottom: 1px solid;
}

#pageContent #idPageHeader #idPageNavi td.nav {
    padding: 0;

}

#pageContent #idPageHeader #idPageNavi th.nav {
    padding: 2px 4px;
}

td.LogoLeftStandAlone img {
    width: 100px;
    margin-top: 0.6em;
}

body.menu > table > tbody > tr:first-child > td:first-child > table .LogoLeftStandAlone {
    vertical-align: inherit;
}

/* AP 18052018 */
BUTTON.w1{width: calc(1em * 0.7) ;}
BUTTON.w2{width: calc(2em * 0.7) ;}
BUTTON.w10{width: calc(10em * 0.7) ;}
BUTTON.w15{width: calc(15em * 0.7);}
BUTTON.w20{width: calc(20em * 0.7);}
BUTTON.w25{width: calc(25em * 0.7);}
BUTTON.w30{width: calc(30em * 0.7);}
BUTTON.w4{width: calc(4em * 0.7);}
BUTTON.w40{width: calc(40em * 0.7);}
BUTTON.w5{width: calc(5em * 0.7);}
BUTTON.w50{width: calc(50em * 0.7);}
BUTTON.w6{width: calc(6em * 0.7);}
BUTTON.w8{width: calc(8em * 0.7);}
BUTTON.w60{width: calc(60em * 0.7);}
INPUT.w1{width: calc(1em * 0.6);}
INPUT.w2{width: calc(2em * 0.6);}
INPUT.w10{width: calc(10em * 0.6);}
INPUT.w15{width: calc(15em * 0.6);}
INPUT.w20{width: calc(20em * 0.6);}
INPUT.w25{width: calc(25em * 0.6);}
INPUT.w30{width: calc(30em * 0.6);}
INPUT.w4{width: calc(4em * 0.6);}
INPUT.w40{width: calc(40em * 0.6);}
INPUT.w5{width: calc(5em * 0.6);}
INPUT.w50{width: calc(50em * 0.6);}
INPUT.w6{width: calc(6em * 0.6);}
INPUT.w8{width: calc(8em * 0.6);}
INPUT.w60{width: calc(60em * 0.6);}
SELECT.w1{width: calc(1em * 0.6);}
SELECT.w2{width: calc(2em * 0.6);}
SELECT.w10{width: calc(10em * 0.6);}
SELECT.w15{width: calc(15em * 0.6);}
SELECT.w20{width: calc(20em * 0.6);}
SELECT.w25{width: calc(25em * 0.6);}
SELECT.w30{width: calc(30em * 0.6);}
SELECT.w4{width: calc(4em * 0.6);}
SELECT.w40{width: calc(40em * 0.6);}
SELECT.w5{width: calc(5em * 0.6);}
SELECT.w50{width: calc(50em * 0.6);}
SELECT.w6{width: calc(6em * 0.6);}
SELECT.w8{width: calc(8em * 0.6);}
SELECT.w60{width: calc(60em * 0.6);}
TEXTAREA.w10{width: calc(10em * 0.6);}
TEXTAREA.w15{width: calc(15em * 0.6);}
TEXTAREA.w20{width: calc(20em * 0.6);}
TEXTAREA.w25{width: calc(25em * 0.6);}
TEXTAREA.w30{width: calc(30em * 0.6);}
TEXTAREA.w40{width: calc(40em * 0.6);}
TEXTAREA.w50{width: calc(50em * 0.6);}
TEXTAREA.w60{width: calc(60em * 0.6);}

/* END @media query (max-width:599px) */
}

@media (max-width: 767px) { /* inputs reponsive for extended search */
  HTML.fwk-pu.app-suche #pageContent form>table>tbody>tr>td>table.mask table>tbody>tr.mask>td.mask>table input.w20,
  HTML.fwk-pu.app-suche #pageContent form>table>tbody>tr>td>table.mask table>tbody>tr.mask>td.mask>table button.w10 {
    max-width: calc(100% - 30px); /* 30=2*15px margin from table around */
  }
}

/* AP 21062021 Anpassung bei Anrede in Visitenkarte wegen Geschlechtervielfalt */ 
#pageContent table.ee_vcard_table td.wr100 table.mask tr.middle th.mask::after { content: " "; }

/* AP 28062022 zu große StatusIcons zB in der Benutzerverwaltung bei Basisanwender */
table td.maskCM > img {
    width: 16px;
    height: auto;
    margin: 0px;
    padding: 2px;
}

/* GMU - Anpassung Fehlermeldung lt. SR-62314 */

#showErrorPage { margin: 2em auto; max-width: 60em; }
#showErrorPage strong a { font-weight: bold; }
#showErrorPage [src*='diabolo'] { display: none; }
#showErrorPage hr { height: 0; }

/* anerkennungen mit visited rendering */
.app-anr #pageContent form[action="wbAnerkennungen.init"] a:visited {
  color: #a4d; /* better contrast than #c6f; /*#23238E;*/
}
.app-anr #pageContent form[action="wbAnerkennungen.init"] a:visited:hover {
  color: white;
  background: black;
}


/* overwrite styles integration */
#idEePageWrapper table.mask td.maskM > button { display: inline-flex; align-items: center; align-items: center; justify-content: center;}

html body form .coBB ul.coBB li.coBB>.commandButton,
html body form .coBB ul.coBB li.coBB>button,
html .coBB .coBBBRIGHT li.coBB a.commandButton,
html .coBB .coBBLEFT li.coBB a.commandButton,
html .MaskButtonBar a.commandButton,
html #pageContent button {
  font-size: 13px; /* 12px in integration */
  line-height: 18px;
}

/* COnX improvements */
.ca-help-button:hover span,
.close-button:hover span { color: white; }
.close-button:hover { background: var(--link-background-color-hover) !important; }

html body #pageContent table.mask {
  border: 0;
}

html body #pageContent table.mask { background: unset; }
#pageContent label { font-weight: normal; }
.label { background-color: inherit; }
#pageContent table th:not(.tblSumGroupR,.tblSumGroup, .tblGroup) {
  background-color: var(--primary-color, #487692);
  border: 0;
  color: white;
}
#pageContent table th:not(.tblSumGroupR,.tblSumGroup, .tblGroup) a {
  color: white;
}
#pageContent table th.tblHdr,
#pageContent table th.tblHdrC,
#pageContent table th.tblHdrR,
#pageContent table th.tblHdrL {
  border: 1px solid white;
}
#pageContent th span {
  background-color: var(--primary-color, #487692);
  color: white;
}
#pageContent .list th.tblGroup,
#pageContent .list th.tblGroup span {
  background-color: var(--default-background-color);
  color: var(--text-color);
}
#pageContent table.list th.tblGroup a,
#pageContent table.list th.tblGroup a span {
  color: var(--link-color);
  font-size: 15px;
}
#pageContent table.list th.tblGroup a:hover span {
  color: var(--link-color-hover);
}
.fwk-pu.app-anr #pageContent table.list th.tblHdrC nobr img,
.fwk-pu.app-anr #pageContent table.list th.tblGroupC  nobr img{
  background: white;
  width: 16px; height: 16px;
}
#pageContent .list th select { padding-top: 2px;padding-bottom: 2px; padding-left: 3px;}

#pageContent table.list>tbody>tr:first-child>th span {
  color: inherit; background: inherit; /* background: var(--off-white, #f5f5f5); in ca-integration */
}

.fwk-pu .coa-nav-menu-entry.mat-menu-item {
  white-space: normal;
  height: auto;
  line-height: 1.45em;
  padding: .75em 1em;
}

/* long subtitles in integrated apps */
.ca-header-page-title-container > h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75vw;
}
.ca-header-page-title-container > h2 > br {
  content: ' ';
  display: inline;
}
.ca-header-page-title-container > h2 > br:first-child:after {
  content: '|';
}

/* correcting wrong mat-drawer-height in wbkv */
#id-page-801000 .mat-drawer-content { /* fwk-pu.app-wbkv*/
  height:auto;
}

#id-page-wbipadr-editipstatus form .mask .maskRM button img { display: inline-block; margin-bottom: -2px; }

/* centering app content with whitespace left and right */
html body #idEePageWrapper > #pageContent { padding-top: 0; padding-left: 1em; padding-right: 1em; margin: 0; }
html body #idEePageWrapper > #pageContent > form { padding: 0; }

/* responsive styles for ris */
@media(max-width:767px) {
  html.app-ris #pageContent > form {
    clear:both;
  }
  html.app-ris #pageContent > form > .MaskBackground,
  html.app-ris #pageContent > form > .MaskBackground > .MaskContent { display: block; clear:both; }
  html.app-ris #pageContent > form table {
    max-width: calc(100vw - 2em - 2px);
    border-spacing: 0 !important;
  }
  html.app-ris #pageContent > form table td.MaskLabel {  clear: left;  }
  html.app-ris #pageContent > form table td.MaskLabel,
  html.app-ris #pageContent > form table td.MaskLabel label {
    background: inherit; color:var(--text-color); width: auto; float: left;

    font-size: 1em; font-weight:bold;
  }
  html.app-ris #pageContent > form table td.MaskLabel label,
  html.app-ris #pageContent > form table td.MaskLabel td.MaskRenderer {
    margin-top: 0;
  }
  html.app-ris #pageContent > form table td.MaskLabel label:after { content: ":"; }
}
/* responsive styles for business card */
@media(max-width:767px) {
  html.app-vcard body.isMobileBrowser #idEePageWrapper > #pageContent {
    width: 100vw !important;
  }
  html.app-vcard #pageContent table {
    max-width: calc(100vw - 2em);
  }
  html.app-vcard #pageContent .wr100,
  html.app-vcard #pageContent .wr100 > tbody,
  html.app-vcard #pageContent .wr100 > tbody > tr,
  html.app-vcard #pageContent .wr100 > tbody > tr > td,
  html.app-vcard #pageContent .wr100 > tbody > tr > th,
  html.app-vcard #pageContent .wr100 td.pleistborder {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    box-sizing: border-box;
  }
  html.app-vcard #pageContent .wr100 td.pleistborder  { margin-bottom: 1em; }
  html.app-vcard #idEePageWrapper .ee_vcard_table > tbody > tr > td > table {
      display: block;
      float:left;
      clear:both;
  }
  html.app-vcard #idEePageWrapper .ee_vcard_table > tbody > tr > td > table table.mask td {
    float:left;
    clear:both;
  }
}
@media(max-width:991px) { /* show kontaktdaten export always */
  html.app-vcard#id-page-632700 mat-sidenav {
    visibility: visible !important;
    overflow:visible;
  }
  html.app-vcard#id-page-632700 mat-sidenav:not(.mat-drawer-opened) .mat-sidenav-over > ul {display:block!important;}
  html.app-vcard#id-page-632700 mat-sidenav:not(.mat-drawer-opened) coa-desktop-sidenav-menu:first-of-type > nav > ul:first-child > li > desktop-sidenav-expandable-menu-entry > .mat-sidenav-over:first-child > ul > li:first-child > a.coa-nav-menu-entry:first-child[href*="vcardExport?"] {
    position: fixed;
    transform: translate3d(100%,0,0) !important;
    border: 1px solid;
    background: var(--default-button-background-color);
    bottom: 4em; margin: 1em;
    z-index:10000;
    display: block;
    float:left;
    text-align: center;
    max-width: 50vw;width:auto;
    min-width: 20em !important;
  }
}