/*FF1010*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../Includes/Fonts/OpenSans.ttf) format('truetype');
}
body {
  margin: 0;
  padding: 0;
}
div {
  padding: 0;
  margin: 0;
}
/* ------------------------------------------------------------------- 
	Generelle Definitionen
---------------------------------------------------------------------- */
/*Falls Anpassung, .ui-widget Klassen auch anpassen (jquery-ui.css)*/
html,
body,
table,
textarea,
pre {
  font-size: 76%;
  /* Moegliche Werte, damit es in den gaengigen Browsern in etwa gleich aussieht: 69%, 76%, 86%, 93% */
  font-family: 'Open Sans', sans-serif, arial, helvetica;
  color: #000;
}
body,
table {
  font-size: 1em;
  line-height: 1.3em;
}
p.lead {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 0.2em;
}
.labelKleinSchrift {
  font-size: 11px;
}
.Clear {
  clear: both;
}
.Invisible {
  display: none;
}
/*mwr: 04.03.2019: An einigen Stellen (z. B. TagesplanungAvis.aspx "Zeitraum von") wird das Calendar-Popup zu einem Popunder resp. es wird von anderen Controls überlappt. Dies behebt das. Das Popup soll ja immer zuoberst sein.*/
.ajax__calendar_container {
  z-index: 1001;
}
/* ------------------------------------------------------------------- 
	Grid
---------------------------------------------------------------------- */
.Liste {
  margin: auto;
  margin-top: 15px;
  width: 100%;
  /*width:800px;*/
}
.Liste .ListRowAlternating,
.Liste .ListRowNormal,
.Liste .ListRowSelected td {
  border-bottom: solid 1px #999;
}
.Liste .ListRowAlternating td,
.Liste .ListRowNormal td,
.Liste .ListRowSelected td {
  padding: 8px 4px 8px 4px;
}
.Liste th {
  border-bottom: solid 1px #999;
  border-top: solid 1px #999;
}
/*Sort-Pfeile*/
.Liste th img {
  position: relative;
  left: 5px;
  top: 2px;
}
.ListeDetail {
  width: 100%;
  /*width:775px;*/
}
.ListeDetail th {
  border-bottom: solid 1px #999;
  border-top: solid 1px #999;
}
.ListeDetail td {
  /*padding: 8px 4px 8px 4px;*/
  border-bottom: solid 1px #999;
}
.ListeDetail .listeNoWrapButtonCell > input[type=button] {
  white-space: nowrap;
}
/*Farbe in Amt-CSS*/
.GridViewListe th {
  /*min-width: 0; ist nötig damit das "display: flex;" nicht zu einem overflow führt.*/
  min-width: 0;
  font-size: 13px;
  padding: 8px 4px 8px 4px;
}
/*
.GridViewListe th.first {border-left:1px solid green;}

.GridViewListe th.last {border-right:1px solid green;}*/
/* -------------------------------------------------------------------   
	Detail
---------------------------------------------------------------------- */
.DetailTable {
  table-layout: fixed;
  width: 800px;
  border-collapse: separate;
  border-spacing: 2px;
}
.TableWrapper {
  /*display:table;*/
}
.containerWrapper {
  display: flex;
  flex-flow: row wrap;
}
.container {
  display: flex;
  flex-flow: row wrap;
}
.box {
  display: inline-block;
  margin: 20px 40px;
  min-width: 390px;
}
.element {
  display: inline-block;
  margin: 5px 0;
  white-space: nowrap;
}
.element > span,
.element > textarea {
  vertical-align: middle;
}
.element > div {
  vertical-align: top;
}
.header {
  display: inline-block;
}
.content {
  display: flex;
  flex-flow: column nowrap;
}
.DetailTableKlein {
  table-layout: fixed;
  width: 400px;
  /*display:table-cell;*/
  vertical-align: top;
  float: left;
  /*border:solid 1px green;*/
}
/*
@media screen and (max-width: 1700px) 
{
	
}*/
@media screen and (min-width: 1700px) {
  .PopupSeiteDetailNew {
    display: table;
  }
  .DetailLinks {
    display: table-cell;
    vertical-align: top;
  }
  .DetailRechts {
    padding-left: 30px;
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (min-width: 1700px) {
  .ToolBar.Detail span {
    display: inline-block !important;
  }
}
.DetailTable.right {
  float: right;
}
/*.DetailTable td
{
	border:solid 1px black;
}*/
.DetailTextBox {
  vertical-align: middle;
  width: 250px;
  /*width:100%;*/
}
.DetailTextBoxShorter {
  vertical-align: middle;
  width: 226px;
}
.DetailTextBoxAsterixButton {
  vertical-align: middle;
  width: 213px;
}
.DetailTextBoxButton {
  vertical-align: middle;
  width: 216px;
}
.DetailTextBoxNoWidth {
  vertical-align: middle;
}
.DetailCheckBox {
  font-size: 11px;
  display: inline-block;
}
.DetailTextBoxColSpan {
  vertical-align: middle;
  width: 651px;
  /*+100*/
}
.DetailMultilineTextBox {
  vertical-align: middle;
  width: 250px;
  height: 125px;
}
.DetailMultilineTextBoxColSpan {
  vertical-align: middle;
  width: 650px;
  height: 200px;
}
.DetailMultilineTextBoxSamll {
  vertical-align: middle;
  width: 250px;
  height: 70px;
}
.DetailMultilineTextBoxSmallColSpan {
  vertical-align: middle;
  width: 651px;
  height: 70px;
}
.DetailTextDate {
  vertical-align: middle;
  width: 250px;
}
.DetailDropDownList {
  vertical-align: middle;
  width: 250px;
}
.DetailDropDownListAsterixButton {
  vertical-align: middle;
  width: 213px;
}
.DetailDropDownListButton {
  vertical-align: middle;
  width: 216px;
}
.DetailDropDownListColSpan {
  vertical-align: middle;
  width: 651px;
}
.DetailLabel {
  font-size: 11px;
  /*line-height: 13px;*/
  width: 120px;
  display: inline-block;
  /*margin-top:3px;*/
  vertical-align: middle;
  white-space: pre-wrap;
  margin-right: 4px;
}
.DetailLabelNoWidth {
  font-size: 11px;
  float: left;
  vertical-align: middle;
}
.DetailLabelAsControl {
  font-size: 11px;
  vertical-align: middle;
  width: 250px;
}
/*.HeaderGrau
{
	font-size: 13px;
	line-height: 20px;
	font-weight:bold;
	background-color:#AAA;
	color:White;
	padding-left:5px;
	padding-right:5px;
}*/
/*Farben in Amt-CSS*/
.DetailHeader {
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
  width: 98%;
  float: left;
  padding: 5px 0 5px 0;
  /*margin-bottom:5px;*/
  /*padding-right:20px;*/
  /*border-radius:3px;*/
  /*border-top:solid 1px #bbb;*/
  /*border-bottom:solid 1px #333;*/
}
.DetailHeaderWithMenuRight {
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
  float: left;
  padding: 5px 0 5px 0;
  /*halbe Detailseite 377px - Menüimage 28px*/
  width: 349px;
}
/*Farben in Amt-CSS*/
.DetailHeaderColSpan {
  margin-top: 5px;
  font-weight: bold;
  width: 98%;
  float: left;
  padding: 5px 0 5px 0;
  /*margin-bottom:5px;*/
  font-size: 16px;
  /*padding-right:20px;*/
  /*border-bottom:solid 1px #ccc;*/
}
/*Farben in Amt-CSS*/
.DetailHeaderFilerColSpan {
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
  width: 98%;
  float: left;
  padding: 5px 0 5px 0;
  /*padding-right:20px;*/
}
.DetailBrowseButton {
  background-image: url(../images/buttons/browse.png);
  height: 15px;
}
.DetailValidateButton {
  background-image: url(../images/buttons/validate16.png);
  height: 16px;
}
.DetailInfoButton {
  background-image: url(../images/Buttons/info.png);
  height: 16px;
}
/* mwr 20.04.2023: Für das Anzeigen eines Info-Icons. Im Gegensatz zum DetailInfoButton setzen wir hier den LinkButton Enabled="False" um nur den ToolTip zu verwenden.
	               Ich verwende kein einfaches <img> da dieses viel schwieriger mit CSS zu beeinflussen ist.
*/
.DetailInfoControl {
  background-image: url(../images/Buttons/info.png);
  display: inline-block;
  height: 16px;
  width: 16px;
  opacity: 1 !important;
}
.CalenderImage {
  vertical-align: middle;
}
.DetailBottomMargin {
  margin-bottom: 5px;
}
/*mwr 14.02.2022: Ab hier alle Styles für das UCListView.ascx.cs*/
.DetailDivUcListView {
  /*Ein initialer Wert! Höhe kann natürlich auch noch überschrieben werden. Aber weglassen ist 
	im Detaildialog eher keine Option da die Höhe ansonsten von der variablen Anzahl Einträgen abhängt*/
  height: 100px;
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
  /* Ergibt sich aus den Breiten und Abständen der DetailLabel/DetailTextBox */
  width: 383px;
  /*Es gibt auf dem <td> ein Padding welches hier kompensiert wird, damit es mit den Labels übereinstimmt.*/
  margin-left: -3px;
}
.UcListViewTable {
  width: 100%;
}
.UcListViewGridView {
  width: 100%;
  font-size: 11px;
}
.UcListViewGridViewListe th {
  /*min-width: 0; ist nötig damit das "display: flex;" nicht zu einem overflow führt.*/
  min-width: 0;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 4px 8px 4px;
  /*Die Farben nicht Amtspezifisch wie bei den GridViews auf den Mainpages*/
  background-color: buttonface;
  color: #222;
}
.UcListViewGridViewListe th a {
  color: #222;
}
/*Die Farben nicht Amtspezifisch wie bei den GridViews auf den Mainpages*/
.UcListViewListRowNormal {
  background-color: White;
}
/*Alternating Backcolor */
.UcListViewListRowAlternating {
  background-color: #f2f2f2;
}
/* Selected Backcolor */
.UcListViewListRowSelected {
  background-color: #73a4d3;
  color: #fff;
}
/* ------------------------------------------------------------------- 
	Filter
---------------------------------------------------------------------- */
.FilterHr {
  width: 100%;
  /*Ab hier nur damit die Linie keinen Schatten hat. Analog "noshade" attribut.*/
  height: 1px;
  border-width: 0;
  background-color: gray;
}
/*Farben in Amt-CSS*/
.FilterHeaderColSpan {
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px;
  font-weight: bold;
  width: 98%;
  /*width:800px;*/
  float: left;
  /*padding-left:5px;*/
  /*padding-right:20px;*/
}
.FilterTable {
  margin: auto;
  table-layout: fixed;
  width: 100%;
  /*width:800px;*/
}
.ButtonTable {
  margin: auto;
  /*table-layout:fixed;*/
  width: 100%;
}
.ListeFiltersContainer {
  margin: auto;
}
.FilterTextBox {
  vertical-align: middle;
  width: 100%;
}
.FilterTextBoxDate {
  width: 80%;
}
.FilterTextBoxDateShort {
  width: 35%;
}
.FilterDropDownList {
  vertical-align: middle;
  width: 100%;
}
.FilterCheckBox {
  vertical-align: middle;
  text-align: left;
}
.RightAlign {
  text-align: right;
}
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.PopupSeite {
  padding: 10px;
  background-color: White;
  border: solid 2px black;
  height: 550px;
  width: 850px;
}
.PopupSeiteDetail {
  padding: 10px;
  background-color: White;
  border: solid 2px black;
  /*height:550px;
	width:860px;*/
  /* Nun an Inhaltsgrösse anpassen sonst kommt z. B. Benutzerkontodetail Popup viel zu gross.
	height:90%;
	width:90%;*/
  /*Ohne Max-width/height wird im PopupDetail nicht alles angezeigt und auch keine Scrollbar eingeblendet*/
  max-width: 95%;
  max-height: 95%;
  overflow: scroll;
}
.PopupSeiteDetail table {
  border-collapse: separate;
  border-spacing: 6px;
}
.PopupSeiteDetailNew {
  /*padding:10px 0 0 10px;*/
  /*width:805px;*/
  width: 100%;
}
.PopupSeiteDialog {
  padding: 10px;
  background-color: White;
  border: solid 2px black;
}
/*.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup p {
    padding: 5px;
}*/
img {
  border: 0;
}
hr {
  /*width:797px;*/
  text-align: left;
  width: 100%;
  /*margin-left:0;*/
  margin: auto;
  /*left:0;*/
  /*Ab hier nur damit die Linie keinen Schatten hat. Analog "noshade" attribut.*/
  height: 1px;
  border-width: 0;
  background-color: gray;
}
.hrDetail {
  width: 100%;
  /*width:777px;/*800px*/
  text-align: left;
  margin-left: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  /*left:0;*/
}
.hrDetail100 {
  width: 100%;
  text-align: left;
  margin-left: 0;
}
.ListTable {
  width: 100%;
  border-collapse: collapse;
}
.ListTable td {
  border: solid 1px black;
}
.ListTable th {
  background-color: #CCC;
  border: solid 1px black;
  padding: 2px;
}
table .NoBorder {
  border-collapse: collapse;
}
.ListTable th .NoBorder {
  border: none;
}
.ListTable th .NoBorderRight {
  border: none;
  border-right: solid 1px black;
}
.ListTable td input {
  width: 96%;
}
.ListTable td select {
  width: 100%;
}
/* ------------------------------------------------------------------- 
	Pages Containers
---------------------------------------------------------------------- */
#Content {
  padding-left: 15px;
}
.PageTop {
  padding-top: 19px;
  padding-bottom: 20px;
  /*width:800px;*/
  height: 5px;
  margin: auto;
}
.PageTopDetail {
  padding-top: 19px;
  padding-bottom: 20px;
  /*width:782px;*/
  box-sizing: border-box;
  /*height :5px;*/
}
/*Farben in Amt-CSS*/
.PageTopDetail.Popup {
  position: relative;
  left: -15px;
  padding-left: 15px;
  width: calc(100% + 30px);
}
.PageTopMaster {
  padding-top: 19px;
  padding-bottom: 20px;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
}
.PageTopThema {
  padding-top: 20px;
  width: 100%;
  margin: auto;
}
.ThemaPageContainer {
  width: 100%;
}
.PopupTop {
  padding-top: 19px;
  padding-bottom: 20px;
  height: 5px;
}
.PageTitle {
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  color: #000;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.PageTools {
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  color: #444;
  vertical-align: middle;
  float: right;
  margin-right: 10px;
}
.PageTools .PageToolItem {
  display: inline-block;
  opacity: 0.75;
}
.PageTools .PageToolItem:hover {
  opacity: 1;
}
.PageTitle.Detail {
  color: #fff;
}
.PageDescription {
  /*width:650px;*/
  /*font-size:12px;*/
  /*padding-top:20px;*/
  font-weight: normal;
  /*max-width:650px;*/
  /*display:inline-block;*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}
.PageDescriptionDetail {
  width: 100%;
  margin-bottom: 5px;
}
.PageDescriptionInfo {
  margin: inherit;
  padding-left: 10px;
}
.DefaultPageContent {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}
.ToolBar {
  font-size: 1.3em;
  font-weight: bold;
  color: #000;
  /*padding-top: 19px;*/
  /*height: 24px;*/
  vertical-align: middle;
  /*padding-bottom:20px;*/
  float: right;
  /*mwr 07.04.2021: "white-space:nowrap;" hinzugefügt damit der Text der Buttons nicht unter die Bilder gesetzt wird wenn die Toolbar zu wenig Breite hat (und dadurch über der Trennline (HR-Element) darunter liegt) */
  white-space: nowrap;
}
.ToolBar a {
  margin-left: 10px;
}
.ToolBar img {
  /*vertical-align:middle;*/
  opacity: 0.75;
}
.ToolBar span {
  display: none;
  /*inline-block;*/
  height: 32px;
  color: #444;
  font-size: 18px;
  vertical-align: top;
  position: relative;
  top: 8px;
  opacity: 0.75;
}
@media screen and (min-width: 1279px) {
  .ToolBar span {
    display: inline-block !important;
  }
}
.ToolBar td:hover span {
  /*color: #3b5f85;*/
  opacity: 1;
}
.ToolBar td:hover img {
  opacity: 1;
}
.ToolBar.Detail span {
  display: none;
}
.ThemeHead {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: Black;
  /*font-family: Arial, Helvetica, sans-serif;*/
}
input[type=file].FileUpload {
  height: 30px;
  /*font-family:Arial;
	vertical-align:top;*/
}
input[type=submit].FileUploadButton {
  height: 30px;
}
.BottomMessage {
  font-weight: normal;
  /*max-width:650px;*/
  /*display:inline-block;*/
  width: 100%;
  margin-left: 10px;
  margin-right: auto;
  margin-bottom: 5px;
}
/* ------------------------------------------------------------------- 
	Link Styles
---------------------------------------------------------------------- */
/* siehe style.[kanton].css */
/* ------------------------------------------------------------------- 
   Servicenavigation, Inhaltsnavigation
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
   Servicenavigation
---------------------------------------------------------------------- */
#navServiceBackground {
  /*max-width: 960px;*/
  width: 100%;
  background-color: #CCCCCC;
  text-align: left;
  border-bottom: 1px solid #FFF;
  float: left;
}
#navServiceBackground ul {
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  list-style: none;
  float: left;
}
#navServiceBackground li {
  margin: 0px;
  float: left;
}
#navService {
  margin-top: 0px;
  text-align: left;
  color: #000;
  padding: 4px 0px 0px 15px;
  height: 16px;
  float: left;
  border-bottom: 1px solid #FFF;
}
.navServiceDiv {
  margin-top: 0px;
  text-align: left;
  color: #000;
  padding: 0px 5px 0px 5px;
  height: 10px;
  float: left;
  border-right: 1px solid #000;
}
.navServiceDivEnd {
  margin-top: 0px;
  text-align: left;
  color: #000;
  padding: 0px 5px 0px 5px;
  float: left;
}
/* ------------------------------------------------------------------- 
	Globalnavigation 
---------------------------------------------------------------------- */
#navGlobalBackground {
  /*max-width: 960px;*/
  width: 100%;
  background-color: #CCC;
  text-align: left;
  height: 28px;
  float: left;
}
#navGlobalBackground .navGlobalBackgroundTD {
  border-top: white 1px solid;
  border-bottom: white 1px solid;
}
/*#navGlobalBackground td{border:solid 1px black;}*/
.LoginLabelTD {
  padding-left: 10px;
  color: Black;
  font-weight: bold;
}
#navGlobal {
  padding: 0 0 0 0;
  margin-top: 0px;
  margin-left: 0px;
  height: 28px;
  margin-bottom: 0px;
}
/* siehe style.[kanton].css */
html > body li.navGlobal {
  /* be nice to Opera */
  height: 23px;
}
.LabelLoginVersion {
  margin: 0 0 0 20px;
  font-size: smaller;
  color: gray;
}
/* ------------------------------------------------------------------- 
   Globalnavigation
---------------------------------------------------------------------- */
a.navGlobal,
a.navGlobal:link,
a.navGlobal:active,
a.navGlobal:visited,
a.navGlobal:hover {
  color: #FFF;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
}
/* ------------------------------------------------------------------- 
	Hauptnavigation
---------------------------------------------------------------------- */
/*#spalteNavigation ul {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	list-style:none;
}
#spalteNavigation li {
    margin: 0px;
}
.navLevel1div {
  padding:2px 0px 4px 20px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
}
.navLevel1divActive {
  padding:2px 0px 4px 20px;
  margin-bottom:-1px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
  background-color:#006699;
}
.navLevel1divActivePortal {
  padding:2px 0px 4px 20px;
  margin-bottom:-1px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
  background-color:#FF0000;
}
.navLevel2div {
  padding:2px 0px 4px 34px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
}
.navLevel2divActive
{
	padding: 2px 0px 4px 34px;
	margin-bottom: -1px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	border-top: 1px solid #CCC;
	background-color: #006699;
}

.navLevel2divActivePortal {
  padding:2px 0px 4px 34px;
  margin-bottom:-1px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
  background-color:#FF0000;
}
.navLevel3div {
  padding:2px 0px 4px 48px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
}
.navLevel3divActive {
  padding:2px 0px 4px 48px;
  margin-bottom:-1px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
  background-color:#006699;
}
.navLevel3divActivePortal {
  padding:2px 0px 4px 48px;
  margin-bottom:-1px;
  margin-top:0px;
  margin-left:0px;
  text-align:left;
  border-top:1px solid #CCC;
  background-color:#FF0000;
}
.navEnddiv {								
  border-top:1px solid #CCC;
  padding:1px 0 0px 48px;
  height:19px;
}*/
/* ------------------------------------------------------------------- 
   Hauptavigation
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
	Kopfbereich // Logo // Lokalisation
---------------------------------------------------------------------- */
/* siehe style.[kanton].css */
/*-------------------------------------------------------------------
	Tab Style
---------------------------------------------------------------------*/
.TabMenuItem {
  border: #f2f2f2 1px solid;
  font-size: 12px;
  line-height: 15px;
  cursor: hand;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #d5d5d5;
  color: black;
  /*#c4c4c4;*/
  text-decoration: none;
}
.SelectedTabMenuItem {
  border: #d5d5d5 1px solid;
  font-size: 12px;
  line-height: 15px;
  cursor: default;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #99CCFF;
  /*#99CCFF;*/
  /*border:solid 1px black;*/
  color: black;
  padding: 2px;
  font-weight: bold;
  margin: 0px;
}
.TabBody {
  border: #d5d5d5 thin solid;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  /*	min-height:450px; --> wurde in der Masterpage mit Browserweiche umgesetzt */
}
.VTabBody {
  border: #d5d5d5 thin solid;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.VTabMenuItem {
  border: #f2f2f2 1px solid;
  font-size: 12px;
  line-height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #f2f2f2;
  /*color: #c4c4c4;*/
  color: black;
  cursor: hand;
}
.SelectedVTabMenuItem {
  background-color: #d5d5d5;
  border-top: #d5d5d5 1px solid;
  border-left: #d5d5d5 1px solid;
  border-right: #d5d5d5 1px solid;
  border-bottom: white 1px solid;
  margin: 0px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 15px;
  color: black;
  cursor: default;
}
/*-------------------------------------------------------------------
	DropdownCheckBoxList
---------------------------------------------------------------------*/
.DropdownCheckBoxListContainer {
  position: relative;
}
.DropdownCheckBoxListTextBox {
  width: 190px;
}
.DropdownCheckBoxList {
  position: absolute;
  height: 170px;
  width: 98%;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: white;
  /*Default: unsichtbar */
  display: none;
}
/*-------------------------------------------------------------------
	Aufgabe
---------------------------------------------------------------------*/
.AufgabenContainer {
  padding-top: 19px;
}
.AufgabenTitle {
  font-size: 19px;
  font-weight: bold;
  color: #444;
  /*font-size:22px;
	font-weight: bold;
	line-height:26px;
	color:#444;*/
}
.AufgabenControl {
  width: 250px;
}
.AufgabenToolbar {
  /*/float:right;*/
  margin-bottom: 8px;
  width: 250px;
}
.AufgabenToolbar table {
  /*float:right;*/
}
.AufgabenToolbar table td:first-of-type {
  width: 30%;
}
.AufgabenToolbar table td {
  width: 5%;
}
.AufgabenToolbar td img {
  opacity: 0.75;
}
.AufgabenToolbar td:hover img {
  opacity: 1;
}
.AufgabeNormal {
  background-color: white;
  cursor: pointer;
  /* 2.2em Damit die Einträge bündig mit dem Header sind*/
  padding: 0.5em 0.5em 0.5em 2.2em;
}
.AktivitaetNormal {
  background-color: white;
  cursor: pointer;
  /* 0.7em Damit der Eintrag "Verfügung nachbearbeiten" auf einer Linie Plazt hat*/
  padding: 0.5em 0.5em 0.5em 0.7em;
}
.AufgabeFaellig {
  color: red;
}
/*ACHTUNG in den <amt>.css-Datien definiert*/
/*
.AufgabeSelected {
    background-color:azure;
    cursor:pointer;
    /* 2.2em Damit die Einträge bündig mit dem Header sind*/
/*
    padding:0.5em 0.5em 0.5em 2.2em;
}*/
/* Tasgesplanung: Beim Scheduler mache ich die Resize-Controls unsichtbar, 
    damit die Termine nicht verlängert/gekürzt werden können
    UPDATE 25.02.2015 Obsolet, jetzt darf man Termine-Länge anpassen
*/
/*
.rsAptResize
{
    display: none;
}*/
.Hide {
  display: none;
}
.Appointment {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif, arial, helvetica;
  color: #000;
}
/*tfy 20.07.2017 Hinweis:

	Less ist super, ist vielleicht aber für den Style von FEKO nicht 100% praktisch

	In Feko haben wird "Themen", die Farben sind zwischen die Kantone unterschiedlich.

	Es wäre super, eine Datei pro Amt zu definieren, wo nur die Farben-Variablen definiert sind.

	Das Problem, ist, dass man für jeden Amt einen amderen @import macht. Es würde also
	ein Build pro Amt geben, dass wollen wir nicht unbedingt.

	Momentan habe ich das so gelöst. Wir machen wie früher, ganze Style in style.css.
	Die Farben-Eigenschaft werden in den selben Klassen in den Amt-Css-Dateien definiert

	Für less muss man es so auch für die generierten CSS-Klassen auch machen. Es ist ein biscchen unpraktisch.

	Falls eine Anpassung in dieser datei statt findet, dann müssen die Klasse ggf. wieder 
	neu in den Amt-Css-Dateien definiert werden.
	Momentan: defualt: Rot, für BS und BE in Blau überschrieben

*/
.SelectedColors {
  background-color: #e92326;
  /*> a
	{
		//color:#fff;
	}*/
}
#menu {
  /*
	//icons
	.anlage
	{
		background-image:url(../images/buttons/anlage.png);
		.background;
	}
	.kontrolle
	{
		background-image:url(../images/buttons/kontrolle.png);
		.background;
	}
	.benutzer, .kontrolleur
	{
		background-image:url(../images/buttons/BenutzerNew16.png);
		.background;
	}
	.stammdaten
	{
		background-image:url(../images/buttons/dossier.png);
		.background;
	}
	.auswertungen
	{
		background-image:url(../images/buttons/messwerte.png);
		.background;
	}
	.aufgaben
	{
		background-image:url(../images/buttons/rapport.png);
		.background;
	}
	.datentransfer
	{
		background-image:url(../images/buttons/refresh.png);
		.background;
	}
	.releasenotes
	{
		background-image:url(../images/buttons/edit16.png);
		.background;
	}
	.logout
	{
		background-image:url(../images/buttons/close.png);
		.background;
	}*/
}
#menu > ul {
  width: 100%;
  display: inline-block;
}
#menu > ul > li:hover {
  background-color: #e92326;
  /*> a
	{
		//color:#fff;
	}*/
}
#menu > ul > li {
  padding: 2px 7px 2px 7px !important;
}
#menu ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #C51416;
  border-bottom: 2px solid #800d0e;
}
#menu ul a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  padding: 0 15px;
  color: inherit;
  cursor: pointer;
}
#menu ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  z-index: 20;
}
#menu ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  border-radius: 5px;
}
#menu ul li ul li {
  float: none;
  width: 200px;
  border-right: 2px solid #800d0e;
  border-left: 2px solid #800d0e;
}
#menu ul li ul li a {
  line-height: 120%;
  padding: 10px 15px;
  color: inherit;
  font-size: 14px;
}
#menu ul li ul li:hover {
  background-color: #e92326;
  /*> a
	{
		//color:#fff;
	}*/
}
#menu ul li.selected {
  background-color: #e92326;
  /*> a
	{
		//color:#fff;
	}*/
}
#menu ul li:hover > ul {
  display: block;
}
#menu ul li.haschildren {
  background-image: url('../Images/menu-arrow-white.png');
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 95% 50%;
}
#menu ul .hauptmenu {
  background-color: #C51416;
}
#menu ul .hauptmenu > a {
  color: #fff;
}
#menu .background {
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px;
}
.menu {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.menu img {
  vertical-align: middle;
  position: relative;
  /*top: -2px;  mwr 09.08.2018: Nicht mehr verwenden. Mit dem Button "menu28px.png" anstatt "menu.png" ist nun alles viel besser ausgerichtet*/
  z-index: 1;
}
.menu ul {
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  left: -142px;
  background: #fff;
  padding: 0;
  margin: 0;
  border: solid 1px #666;
  z-index: 10;
}
.menu ul li {
  float: none;
  min-width: 170px;
  background-color: #fffbf7;
  margin: 0;
}
.menu ul li a,
.menu ul li input {
  margin: 0;
  padding: 10px;
  color: #000;
  display: inline-block;
  width: 82%;
  font-size: 14px;
  font-weight: bold;
}
.menu ul li:hover {
  background-color: #ffffc8;
}
.menu ul li:hover a {
  color: #1f4f81 !important;
}
.menu.left ul {
  left: 0;
}
.menu.long ul {
  left: -192px;
}
.menu.long ul li {
  width: 220px;
}
.menu:hover ul {
  display: block;
}
#globalContent {
  width: 100%;
}
#mainContentContainer {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#mainContent {
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 3%;
  padding-right: 3%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.contentSidebarContainer {
  flex: 0 1 auto;
  max-width: 270px;
  padding-right: 20px;
  text-align: left;
}
.contentSidebarContainer #contentAufgaben {
  display: inline-block;
  width: 250px;
}
.contentSidebarContainer #contentAktivitaeten {
  display: inline-block;
  width: 250px;
}
.DetailTabContainer {
  width: 90%;
}
input:not([type=radio]),
input[type=text],
input[type=password],
textarea,
select,
input[type=date],
input[type=email] {
  border-radius: 3px;
  outline: none;
  height: 28px;
  padding: 0 5px;
  font-family: 'Open Sans', sans-serif, arial, helvetica;
  font-size: 13px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
}
input[type="text"].dxeEditAreaSys {
  font-family: 'Open Sans', sans-serif, arial, helvetica;
  font-size: 13px;
  color: #000;
  height: calc(28px - 2px);
  padding: 0 5px;
  margin: 0;
}
.dxeButtonEdit td.dxic,
.dxeButtonEdit tr,
.dxeButtonEdit tbody,
.dxeButtonEdit table {
  padding: 0 !important;
  border-spacing: 0;
  height: 100%;
}
.dxeListBoxItemHover {
  background-color: #E0E0E6;
}
.dxeButtonEdit {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  border-spacing: 0;
  outline: none;
  height: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*select:disabled
{
	background-color:buttonface; //Entspricht KnownColor.Control
}*/
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #333;
}
input[type=radio] {
  margin-right: 5px;
}
input[type=checkbox] {
  margin-right: 5px;
  vertical-align: middle;
}
input[type=checkbox] + label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
input[type=image] {
  height: auto;
  padding: 0;
}
select {
  outline: none;
  padding: 0 38px 0 5px;
  background: url("../Images/icon-arrow-select-black.png") no-repeat 95% center;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
/* Farben / Error State etc.*/
/*input.white
{
	background-color:white;	
}
input.red
{
	background-color:red;
}*/
input[type=submit],
input[type=button],
.button {
  background-color: #555;
  color: white !important;
  border: solid 1px #333;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  white-space: normal;
  font-weight: bold !important;
  height: 35px;
  margin: 5px 0 5px 0;
  padding: 3px 20px 3px 17px;
}
/* mwr 16.03.2023: Kein Margin für Buttons innerhalb Tabelle, damit deren Zeile nicht unnötig grösser wird, als bei Zeilen ohne Buttons */
td > input[type=submit],
td > input[type=button],
td > .button {
  margin: 0px;
}
input[type=submit].nomargin,
input[type=button].nomargin,
.button.nomargin {
  padding: 3px 17px 5px 17px;
  margin: 0;
}
input[type=submit]:hover,
input[type=button]:hover,
.button:hover {
  background-color: white;
  color: #333 !important;
}
.buttonBase {
  background-color: #555;
  color: white !important;
  border: solid 1px #333;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  white-space: normal;
  font-weight: bold !important;
  height: 35px;
}
.buttonHover {
  background-color: white;
  color: #333 !important;
}
.inaktiv,
a.aspNetDisabled {
  opacity: 0.25;
}
#helpPage {
  display: flex;
  padding: 10px 0 0 0;
  /*.helpHeader {
		padding: 10px 0 0 0;
		width: 100%;
	
	*/
}
#helpPage .helpMenu {
  width: auto;
  min-width: 250px;
  margin-left: 10px;
}
#helpPage .helpContainer,
#helpPage .helpContainerPrint {
  margin-top: 15px;
  padding: 0 25px 10px 25px;
  line-height: 150%;
  text-align: justify;
  height: calc(100vh - 270px);
  overflow: auto;
  width: 100%;
}
#helpPage .helpContainer ul,
#helpPage .helpContainerPrint ul {
  list-style-type: none;
  padding-left: 20px;
}
#helpPage .helpContainer ul li,
#helpPage .helpContainerPrint ul li {
  margin: 3px 0;
}
#helpPage .helpContainer .ulHorizontal,
#helpPage .helpContainerPrint .ulHorizontal {
  padding-left: 0px;
}
#helpPage .helpContainer .ulHorizontal li,
#helpPage .helpContainerPrint .ulHorizontal li {
  display: inline;
  margin-right: 5px;
}
#helpPage .helpContainer img,
#helpPage .helpContainerPrint img {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
#helpPage .helpContainer h3,
#helpPage .helpContainerPrint h3 {
  margin-top: 1.2em;
  margin-bottom: 0.9em;
}
#helpPage .helpContainer .firstHeader,
#helpPage .helpContainerPrint .firstHeader {
  margin-top: 0px;
}
#helpPage .helpContainer h4,
#helpPage .helpContainerPrint h4 {
  margin-top: 0.9em;
  margin-bottom: 0.65em;
}
#helpPage .helpContainer .redbox,
#helpPage .helpContainerPrint .redbox {
  display: inline-flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  background-color: #C51416;
}
#helpPage .helpContainer .redbox img,
#helpPage .helpContainerPrint .redbox img {
  width: 10px;
  height: auto;
}
#helpPage .helpContainerPrint {
  height: 100%;
}
#helpPage .helpButton {
  display: block;
  padding: 2px 0;
  width: 100%;
  border-radius: 0;
  background: none;
  color: #000 !important;
  border: none;
  height: auto;
  margin-top: 15px;
  text-align: left;
  border-bottom: solid 1px #fff;
}
#helpPage .helpButton:hover {
  color: #C51416 !important;
}
#helpPage .helpButtonActive {
  border-bottom: solid 1px #aaa;
  color: #C51416 !important;
}
#helpPage .infoBox {
  max-width: 200px;
  border: solid #ccc;
  border-width: 0 0 0 1px;
  float: right;
  padding: 10px 0 10px 20px;
  margin: 0 0 20px 20px;
}
#helpPage .infoBox span {
  font-weight: 700;
}
#helpPage .infoBox ul {
  list-style-type: square;
  padding-left: 20px;
  margin-bottom: 0;
}
.UCImage {
  width: 100%;
  padding: 15px 0;
  text-align: center;
}
.UCImage img {
  height: auto !important;
  width: 100% !important;
  border: solid #aaa !important;
  border-width: 0 1px !important;
}
.UCImage .captionContainer {
  width: 100% !important;
  text-align: left;
  margin: 10px 0 10px 0;
  display: inline-block;
}
.UCImage .captionContainer .captionNumbering {
  font-weight: 700;
}
#panFortschrittanzeige .Upload {
  font-size: 1.25em;
}
#panFortschrittanzeige .uploadLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.Liste .HiddenColumn {
  display: none;
}
.Liste .BreakWord {
  word-break: break-word;
}