@font-face {
    font-family: "Inter";
    src: local("Inter"),
    local("Inter-Regular"),
    url("../../fonts/Inter-VariableFont_slnt,wght.ttf") format("opentype");
}

@font-face {
    font-family: "Inter Tight";
    src: local("Inter Tight"),
    local("InterTight-Regular"),
    url("../../fonts/InterTight-VariableFont_wght.ttf") format("opentype");
}

/*** General stuff ***/
* html, body { font: 12px Inter, sans-serif; margin: 0; padding: 0; height: 100%; }
html , body , .text, legend { font: 13px/1.5; color: #000; margin: 0; padding: 0; }
p { margin: 10px 0; }
table , tr , td { font: 12px/1.5 Inter, sans-serif; color: #000; border-collapse: collapse; }
ul { margin: 5px; }
h1 , .headline1, .header { font: normal 20px/1.5 Inter, sans-serif; color: #000; margin: .67em 0; }
h2 { font: bold 16px/1.5 Inter, sans-serif; color: #000; margin: .83em 0; }
h3 { font: bold 13px/1.5 Inter, sans-serif; margin: 0; }
image { border: none; }
a.image { text-decoration: none; }
a.image:link, a.image:visited, a.image:active, a.image:hover { text-decoration: none; border: none;}
.vertical-middle { vertical-align: middle; }
html,
button,
input,
select,
textarea {
    font-family: Inter, sans-serif;
}

/*** Layout ***/
#body-wrapper {
    width: 1014px;
    margin: 0 auto;
    position: relative;
}
#mainWrapper { width: 1014px; }
#mainWrapper, #mainContent { min-height: 550px; }
#subHeaderWrapper { height:34px; }
#contentWrapper { width: 100%; height: 74%; }
#mainNav { width: 160px; background-repeat: no-repeat; overflow: hidden; padding: 0;}
#mainContent { background-repeat: repeat-y; padding: 0; height: 500px; width: 100; }
#content { margin:20px; width: 790px; }
#mainFooter { margin-top:0; display: none; }

/*** Spaltenlayouts ***/
/* Zwei-SpaltenLayout Typ1 */
.spalteLinksHalb { width: 400px; vertical-align: top; padding:0; margin:0; float: left; }
.spalteRechtsHalb { vertical-align: top; margin-left: 420px; }
/* Zwei-SpaltenLayout Typ2 */
.spalteLinksZweidrittel { width: 600px; vertical-align: top; float: left; }
.spalteRechtsDrittel { margin-left: 620px; vertical-align: top; }
/* Zwei-SpaltenLayout Typ3 */
.spalteLinksDrittel { width: 200px; vertical-align: top; float: left; }
.spalteRechtsZweidrittel { margin-left: 220px; vertical-align: top; }

/*** Textauszeichnungen ***/

/*** Highlight ***/
.outline { border: 1px dotted #000; padding: 2px; }
.lightBg { background-color: #F5F5F5; padding: 2px; }

/*** Tabellen ***/
/* Tabelle mit Headerzeile und Rahmen */
.shadedTable, .sortableTable { border: 1px solid #fff; border-collapse: collapse; color: #000; }
.shadedTable th, .sortableTable th { border: 1px solid #fff; color: #fff; font-weight: bold;padding: 2px; text-align: left; vertical-align: top; }
.shadedTable tr, .sortableTable tr { background-color: #EAEFF4; }
.shadedTable tr.odd, .sortableTable tr.odd{ background-color: #D1DFEF; }
.shadedTable td { border: 1px solid #fff; padding: 2px; }
.sortableTable td { border-right: 1px solid #fff; border-left: none; border-top: none; border-bottom: none; padding: 2px;}
.shadedTable td img, .sortableTable td img { vertical-align: top; }
.sortableTable th.table-sortable:hover, .sortableTable th.table-sorted-asc:hover, .sortableTable th.table-sorted-desc:hover { background-color: #f6a41d; }
/* Grid Component */
.sortableTable th.table-sortable { cursor:pointer; background-image:url(../../images/all/iconSortableS.png); background-position:center top; background-repeat:no-repeat; padding-top:6px; vertical-align: top; }
.sortableTable th.table-sorted-asc { background-image:url(../../images/all/iconAscendingS.png); background-position:center top; background-repeat:no-repeat; }
.sortableTable th.table-sorted-desc { background-image:url(../../images/all/iconDescendingS.png); background-position:center top; background-repeat:no-repeat; }
/* Alternate Table */
.shadedTableAlternate { padding: 2px; border-collapse: collapse; }
.shadedTableAlternate th { font-weight: bold; border-bottom: 1px solid #000; background-color: #FFB600; padding: 2px; text-align: left; vertical-align: top; }
.shadedTableAlternate td { color: #000; background-color: #FEEBD6; border-bottom: 1px solid #FFFFFF; padding: 2px; vertical-align: top;}
.shadedTableAlternate td.footer { background-color: #FEEBD6; color: #000; border-bottom: 1px solid #000; padding: 2px; vertical-align: top; }
/* SimpleTable */
.simpleTable { border-style: none; }
.simpleTable th { color: #000; background-color: transparent; border-style:none; padding: 2px; vertical-align:top; text-align: left;}

/*** Formularfelder ***/
form { display: block; }
fieldset {
  border: 1px solid #005BAA;
  background-color: #FFFFFF;
  display: block;
  clear: both;
  width:  340px; /* wichtig */
  margin: 0;
  padding: 0;
  margin-top:1.4em;
  padding-top:.75em;
  padding-bottom:1em;
}

fieldset table, fieldset p, fieldset div { margin-left: 10px; }
fieldset legend { /*position:absolute;*/ top: -.8em; left: .5em; margin-left: 10px;}

/* Standandardformular Tableless-Layout */
.tableless label, .tableless input, .tableless select { display: block; float: left; margin-top:.3em; margin-bottom:.3em; width: 160px; }
.tableless label { text-align: right; padding-right: 1em; }
.tableless br { clear: both; }
.tableless img { margin: .3em; }

td p.weisskl, td p.text, td p.gelbkl { margin-top: 0; margin-bottom: 0; }

.dropDownButtonContainerTopRight { float:right; width:200px; }

/*** ToolTip ****/
#tooltip { position: absolute; z-index: 3000; padding: 5px; opacity: 0.85; font-weight: normal; }
#tooltip h3, #tooltip div { margin: 0; }

.dummyLineBreak { line-height:1px; }

/*** colors ****/
/* tabs */
.dynamicTabPaneControl .tabRow .tab, .dynamicTabPaneControl .tabRow .tab.selected { border-color: #000; }
.dynamicTabPaneControl .tabRow .tab { background: #e5e5e5; }
.dynamicTabPaneControl .tabPage, .dynamicTabPaneControl .tabRow .tab.selected { background: #ffffff; }
/* newforms */
.newforms .notes h4 { border-color: #e5e5e5; }
.highlightFormField { background-color: #fcbfbf; }

.calendar * { margin: 0; padding: 0; border: 0; color: #000; }
.calendar a, .calendar a:link, .calendar a:visited { text-decoration: none; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-size: 10px; font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: 10px; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }

#tooltip { border: 1px solid #111; }

/* Absolute Positions */
#menu0       {position:absolute; left:0px; top:145px; width:1014px; visibility:hidden; }
#menu1       {position:absolute; left:0px; top:145px; width:1014px; visibility:hidden; }
#menu2       {position:absolute; left:0px; top:145px; width:1014px; visibility:hidden; }
#menu3       {position:absolute; left:0px; top:145px; width:1014px; visibility:hidden; }
#menu4       {position:absolute; left:0px; top:145px; width:1014px; visibility:hidden; }
#menu5       {display: none;}
#menu6       {position:absolute; left:648px; top:20px; width:120px; visibility:hidden; z-index: 1001; }
#menu7       {position:absolute; left:670px; top:20px; width:100px; visibility:hidden; z-index: 2;}
#menu8       {position:absolute; left:273px; top:175px; width:100px; visibility:hidden;}
#menu9       {position:absolute; left:505px; top:175px; width:100px; visibility:hidden;}
#menu10      {position:absolute; left:621px; top:175px; width:100px; visibility:hidden;}
#menu11      {position:absolute; left:390px; top:175px; width:100px; visibility:hidden;}
#menu12      {position:absolute; left:158px; top:175px; width:100px; visibility:hidden;}
#menu13      {position:absolute; left:390px; top:175px; width:100px; visibility:hidden;}
#menu14      {position:absolute; left:157px; top:175px; width:100px; visibility:hidden;}
#menu15      {position:absolute; left:390px; top:175px; width:100px; visibility:hidden;}
#sub         {position:absolute; left:170px; top:145px; width: 232px; height:34px;}
#anzeige     {position:absolute; left:175px; top:340px; visibility:hidden; }
#admin       {position:absolute; left:650px; top:2px; width:100px;}
#info        {position:absolute; left:670px; top:2px; width:100px; display: none;}
#start       {position:absolute; left:765px; top:2px; width:50px;}
#logout      {position:absolute; left:930px; top:2px; width:100px;}
#kontakt     {position:absolute; left:820px; top:2px; width:50px;}
#agb	     {position:absolute; left:885px; top:2px; width:50px;}
#service     {position:absolute; left:900px; top:2px; width:50px; visibility:hidden;}
#auswahl     {position:absolute; left:5px; top:153px; width:145px; z-index: 2;}
#irund       {position:absolute; left:870px; top:145px; visibility:hidden;}
#platzhalter {position:absolute; left:844px; top:49px; width:100px; display: block;}
/* Bezeichnung der Anlage Überschrift im Header */
#anlageBez   {position:absolute; left: 280px; top: 105px; width: 540px; text-align: right; display: block; font: bold 16px Inter, sans-serif; }

/*** Baummenü ***/
#tree { width: 149px; vertical-align: top; margin-top:5px; }
.tree { margin: 0 5px 0 5px;  padding: 0; }
.tree div { width: 90%; }
.tree .leafSelected a { text-decoration: none; font-weight: bold; color: #000; }
.tree a { text-decoration: none; font: normal 11px Inter, sans-serif; }
.tree .leaf a:link ,.tree .nodeOpen a:link ,.tree .nodeClosed a:link, .tree .leaf a:visited ,.tree .nodeOpen a:visited ,.tree .nodeClosed a:visited, .tree .leaf a:hover , .tree .nodeOpen a:hover , .tree .nodeClosed a:hover, .tree .leaf a:active , .tree .nodeOpen a:active , .tree .nodeClosed a:active {color: #000 ;text-decoration: none; }
.tree .normalLine { border-top: 1px none transparent; border-bottom: 1px none transparent; padding-top:1px; padding-bottom:1px; }
.tree .highlightLine { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding-top:0px; padding-bottom:0px; }
#streeMenu1 a{ text-decoration: none; font-weight: bold; color: #000;}

.anlagenauswahl { display: block; width: 150px; margin-left: 5px;}
#systemSelection { position: absolute; margin-left:5px;background: white; border: 1px solid black; visibility: hidden; height: 450px; margin-top:6px; width: 200px; overflow: hidden; z-index:5;}
#systemSelection ul { position: absolute; padding: 1px;	margin: 0; font-size:11px; width:180px; list-style: none;}
#systemSelection ul li { padding: 1px; border-bottom: 1px dotted black; cursor: pointer; font-size:11px;}
#systemSelection ul li a { text-decoration: none; }
#systemSelection ul li:hover, #systemSelection ul .lihover { background:#e5e5e5; }

/*** jQuery-QuickInfo ***/
div.quickinfo { position: fixed; top: 0px; left: 0px; width: 1014px; z-index: 4001; display: none; cursor: pointer; background: transparent url(../../images/all/trans.png); }
#body-wrapper ~ div.quickinfo { width: 100%; }
div.quickinfo-relative {z-index: 4001; display:none; cursor: pointer;}
div.quickinfo-content { text-align: left; vertical-align: middle; width: 85%; background: none; z-index: 4002; }
div.quickinfo p { position:relative; }
div.quickinfo p.warning  { background-color: #FFFD7C  }
/*IE6*/
* html div.quickinfo { position: absolute; background: transparent url(../../images/all/trans.gif); top: expression(document.compatMode=="CSS1Compat"?document.documentElement.scrollTop+"px":body.scrollTop+"px"); left: expression(document.compatMode=="CSS1Compat"?document.documentElement.scrollLeft+"px":body.scrollLeft+"px"); }

#guestNav { padding:0; margin:0; table-layout:fixed; width: 160px; }
#guestNav td { height:50px; vertical-align: middle; padding-left:64px; background-repeat:no-repeat; cursor:pointer; }

/*** Anlagen Einrichtung Standart ***/
.aes_boder{border:1px solid #D8D8D8;}  /* Border für Fieldsets und Listen*/
.aes_boxBg{background-color: #F3F3F0;} /* Hintergrund für Fieldsets und Listen*/
.aes_text{color:#666666; font-family: Inter,sans-serif; font-size: 12px;}
.aes_mainBg{color:#fff}

/* =============================================================== */
/* === Form validation feedback and general information output === */
/* =============================================================== */

.error,
.info,
.info-light,
.success,
.validation,
.validation--password-strength,
.warning {
    font-weight: bold !important;
}
.error {
    color: #D8000C !important;
}
.info {
    color: #00529B !important;
}
.info-light {
    color: #333333 !important;
}
.success {
    color: #4F8A10 !important;
}
.validation,
.validation--password-strength {
    color: #D63301 !important;
}
.warning {
    color: #9F6000 !important;
}

input.error, select.error, textarea.error {
    border-color: #D8000C !important;
}
div.error, p.error,
div.info, p.info,
div.info-light, p.info-light,
div.success, p.success,
div.validation, p.validation,
div.warning, p.warning {
     /* hack until box sizing will be globally enabled */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat !important;
    background-position: 7px center !important;
    border-style: solid !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border-width: 1px !important;
    color: #333 !important;
    margin: 10px 0px !important;
    min-height: 16px !important;
    overflow: hidden !important;
    padding: 10px 30px !important;
    -ms-word-break: keep-all;
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
div.error, p.error {
    background-color: #FFBABA !important;
    background-image: url('../../images/all/icons/silk/cancel.png') !important;
    border-color: #D8000C !important;
}
div.info, p.info {
    background-color: #BDE5F8 !important;
    background-image: url('../../images/all/iconHoverInfoXS.png') !important;
    border-color: #00529B !important;
}
div.info-light, p.info-light {
    background-color: #EEEEEE !important;
    background-image: url('../../images/all/iconHoverInfoXS.png') !important;
    border-color: #D8D8D8 !important;
    font-weight: normal !important;
}
div.success, p.success {
    background-color: #DFF2BF !important;
    background-image: url('../../images/all/icons/silk/accept.png') !important;
    border-color: #4F8A10 !important;
}
div.validation, p.validation,
input.validation, select.validation, textarea.validation {
    background-color: #FFCCBA !important;
    background-image: url('../../images/all/icons/silk/exclamation.png') !important;
    border-color: #D63301 !important;
}
div.warning, p.warning {
    background-color: #FEEFB3 !important;
    background-image: url('../../images/all/icons/silk/error.png') !important;
    border-color: #9F6000 !important;
}
input.error, select.error, textarea.error,
input.validation, select.validation, textarea.validation {
    background-image: none !important;
    border-style: solid;
    border-width: 1px;
}

/* ==================================================================== */
/* === CROSS PLATFORM (.clearfix) / MORE SEMANTIC CLEARFIX (.group) === */
/* ==================================================================== */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* ============= */
/* === FORMS === */
/* ============= */

form.mc-form fieldset {
    padding: 10px; /* add consistent padding since the default padding is only applied to the left, see standard.css */
    width: auto; /* reset the fieldset width since the default width is just 340px, see standard.css */
}
form.mc-form fieldset div,
form.mc-form fieldset p,
form.mc-form fieldset table {
    margin: 0;
}
form.mc-form .mc-form-row {
    margin: 15px 0;
    position: relative;
}
form.mc-form .mc-form-row * {
    vertical-align: top;
}
form.mc-form .mc-form-row.mc-form-optional label,
form.mc-form .mc-form-row.mc-form-optional .mc-form-label,
form.mc-form .mc-form-row.mc-form-optional .mc-form-label-required,
form.mc-form .mc-form-row.mc-form-optional .mc-form-labelinfo {
    border: 0;
}
form.mc-form label,
form.mc-form .mc-form-label,
form.mc-form .mc-form-label-required,
/* helper for explanatory control element suffixes e.g. units (kWh, s(econds), °C etc.) */
form.mc-form .mc-form-control-suffix {
    border-top: 1px dotted lightgray;
    display: inline-block;
    font-weight: bold;
    margin: 3px;
    margin-left: 0;
    margin-right: 10px;
    text-align: left;
    width: 280px;
     /* Non standard for webkit */
     word-break: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    hyphens: auto !important;
}
/* helper element to display an asterisk when the label element nests an 'mc-form-labelinfo' element within */
form.mc-form .mc-form-label .mc-form-asterisk:after,
/* add an asterisk after a label declared as required */
form.mc-form .mc-form-label-required:after {
    display: inline-block;
    color: #ff4040;
    content: '\a0*'; /* escaped unicode whitespace character */
}
form.mc-form label .mc-form-labelinfo,
form.mc-form .mc-form-label .mc-form-labelinfo,
form.mc-form .mc-form-label-required .mc-form-labelinfo {
    color: grey;
    display: block;
    font-weight: normal;
    padding-right: 15%;
}
form.mc-form input,
form.mc-form select,
form.mc-form textarea,
form.mc-form .mc-form-customwidth,
form.mc-form .mc-form-customwidth-force,
form.mc-form .mc-form-controlgroup {
    display: inline-block;
    min-width: 70px;
    width: 100%;
    max-width: 280px;
}
/* Reset the width: 100% for those elements */
form.mc-form .button,
form.mc-form input[type="checkbox"],
form.mc-form input[type="radio"],
form.mc-form .mc-form-customwidth,
form.mc-form .mc-form-customwidth-force > *,
form.mc-form .mc-form-customwidth-25,
form.mc-form .mc-form-customwidth-50,
form.mc-form .mc-form-customwidth-75 {
    min-width: 0;
    width: auto;
    max-width: none;
}
form.mc-form .mc-form-customwidth-25,
form.mc-form input.mc-form-customwidth-25,
form.mc-form select.mc-form-customwidth-25,
form.mc-form .mc-form-controlgroup .mc-form-customwidth-25,
form.mc-form .mc-form-controlgroup input.mc-form-customwidth-25,
form.mc-form .mc-form-controlgroup select.mc-form-customwidth-25 {
    width: 65px;
}
form.mc-form .mc-form-customwidth-50,
form.mc-form input.mc-form-customwidth-50,
form.mc-form select.mc-form-customwidth-50,
form.mc-form .mc-form-controlgroup .mc-form-customwidth-50,
form.mc-form .mc-form-controlgroup input.mc-form-customwidth-50,
form.mc-form .mc-form-controlgroup select.mc-form-customwidth-50 {
    width: 135px;
}
form.mc-form .mc-form-customwidth-75,
form.mc-form input.mc-form-customwidth-75,
form.mc-form select.mc-form-customwidth-75,
form.mc-form .mc-form-controlgroup .mc-form-customwidth-75,
form.mc-form .mc-form-controlgroup input.mc-form-customwidth-75,
form.mc-form .mc-form-controlgroup select.mc-form-customwidth-75 {
    width: 205px;
}
form.mc-form .mc-form-controlgroup .mc-form-row {
    margin: 5px 0;
}
form.mc-form .mc-form-controlgroup .mc-form-row:first-child {
    margin-top: 0;
}
form.mc-form .mc-form-controlgroup .mc-form-row:last-child {
    margin-bottom: 0;
}
form.mc-form .mc-form-controlgroup label,
form.mc-form .mc-form-control-suffix {
    border-top: none;
    font-weight: normal;
    width: auto;
    margin-right: 0;
}
form.mc-form .mc-form-controlgroup .button,
form.mc-form .mc-form-controlgroup input,
form.mc-form .mc-form-controlgroup select,
form.mc-form .mc-form-controlgroup textarea {
    display: inline-block;
    max-width: 280px;
    margin: 3px 0;
}
/* helpers for jquery validate error message placement */
form.mc-form span.info,
form.mc-form span.validation {
    display: block;
    margin-left: 295px;
}
form.mc-form span.validation.pull-up {
    position: absolute;
    bottom: 0;
}
form.mc-form span.validation.no-margin {
    margin: 0;
}
/* =============== */
/* === BUTTONS === */
/* =============== */

.button,
.button:link,
.button:visited,
.button:active,
.button:hover,
.dropDownButton,
.dropDownButton:link,
.dropDownButton:visited,
.dropDownButton:active,
.dropDownButton:hover {
    border: 1px outset;
    cursor: pointer;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.button img {
    vertical-align: top;
}

.button.primary-action {
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(107, 107, 107, 0.33);
    -moz-box-shadow: 0px 0px 7px 2px rgba(107, 107, 107, 0.33);
    box-shadow: 0px 0px 7px 2px rgba(107, 107, 107, 0.33);
}
.button.secondary-action {
    font-weight: normal;
}

/* =========================== */
/* ===== BUTTON GROUPING ===== */
/* === see styleguidelines === */
/* =========================== */

.buttongroup-left,
.buttongroup-right,
.buttongroup {
    margin: 10px;
}
.buttongroup .group {
    display: block;
    width: 50%;
}
.buttongroup-left .button,
.buttongroup .group.left,
.buttongroup .group.left .button {
    float: left;
}
.buttongroup-left .button,
.buttongroup .group.left .button {
    margin-right: 7px;
    margin-bottom: 7px;
}
.buttongroup-right .button,
.buttongroup .group.right,
.buttongroup .group.right .button {
    float: right;
}
.buttongroup-right .button,
.buttongroup .group.right .button {
    margin-left: 7px;
    margin-bottom: 7px;
}

/* ========================= */
/* === FONT ACCENTUATION === */
/* ========================= */

.important,
.red {
    color: #ff4040;
}
.green {
    color: limegreen;
}
.blue {
    color: #87ceeb;
}
em, i {
    font-style: italic;
}
strong, b,
.bold {
    font-weight: bold;
}
.indent {
    margin-left: 20px;
}

/* ======================= */
/* === UTILITY CLASSES === */
/* ======================= */

.hide {
  display: none;
}
.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.align-left,
th.align-left {
    text-align: left;
}

.align-center,
.center,
th.center {
    text-align: center;
}

.align-right,
th.align-right {
    text-align: right;
}

.clickable {
    cursor: pointer;
}

.left {
    float: left;
}
.right {
    float: right;
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.overline {
    text-decoration: overline;
}

/* ========================================== */
/* === jQuery UI 1.10 autocomplete widget === */
/* ========================================== */

.ui-autocomplete {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    overflow: hidden;
    z-index: 99999;
}

.ui-autocomplete.ui-menu {
    padding: 0;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* 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: 400px;
}

/* ======================= */
/* === Grafikbaukasten === */
/* ======================= */

.colored-rating--rectangular {
    display: inline-block;
    height: 12px;
    width: 30%;
}

.colored-rating--square {
    display: inline-block;
    height: 16px;
    width: 17px;
}

/*termoverview and meter overview*/
input#day-chosen, input#month-chosen {
    padding: 4px;
    margin-right: 3px;
    text-align: center;
    width: 25px;
    cursor: not-allowed;
}

input#year-chosen {
    padding: 4px;
    margin-right: 3px;
    text-align: center;
    width: 46px;
    cursor: not-allowed;
}

.disabled {
    background-color: #EBEBE4;
    cursor: not-allowed;
}

.table-contract-status td {
    padding-right: 30px;
}

.contract-status-no-data {
    height: 42px;
}

#content .info a {
    text-decoration: underline;
    font-weight: bold;
}