html,body {
  font-size:0.9em;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family:Sans-Serif, Helvetica,Arial,Sans-Serif !important;
  margin:0px;
  padding:0px;
}


* {
  font-family: 'Roboto', Sans-Serif, Helvetica,Arial,Sans-Serif;
}

.lidelmsg li {
  list-style-image:url(/img/icons/achtung.gif);
  line-height:20px;

}

.coyright a{
  color: #0A5541;
}

#preloader{
   position:absolute;
   z-index:1000;
   width:100%;
   left:0;
   text-align:center;
   height:auto;
}
#preloader img {
  margin-top:10%;
}
a {
  color:#273653;
}

a:hover {
  color:blue;
}

a.disabled {
  color:silver !Important;
  cursor:help !Important;
  opacity:0.3;
}

a.button.disabled {
  opacity:1;
}

.button.aktiv {
  background:gray;
  color:white;
}

.ui-button-text, .ui-button{
  font-size:12px;
}



#logoTitel {
  width:auto;
  color:white;
  font-size:2.4em;
  padding-left: 10px;
  font-size: 2.5em;
  font-weight: 300;
  color: white;

}

#logoTitel small{
   font-size:0.35em;
   font-weight:normal;
}


#header {
  background:#273653;
  height:50px;
}

#header .leftBox{
  padding-top:5px;
  padding-left:18px;
}

#header .rightBox {
  position:absolute;
  right:0px;
  top:0px;
  color:#C9FFF4;
}

#header .rightBox div {
}

#header .rightBox a {
  display:block;
  border-left:1px solid #8393AA;
  padding:15px;
}

#header .rightBox a img {
   width:100%;
}

#header .rightBox a:hover {
  opacity:0.8;
}


/* module */

#Module{
  background:#273653;
}

#Module ul {
  margin:0;
  padding:0;
  padding-left:30px;
}

#Module ul li {
  list-style-type:none;
  display:inline;
}

#Module a {
  display:inline-block;
  font-size:1.2em;
  text-decoration:none;
  font-weight:bold;
  color:white;
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  width:auto;
  text-align:center;
}

#Module a:hover {
  color:#6DBCD8;
  background:#FFFFFF;
}

#Module a.active {
  color:#273653;
  background:white;
}


/* messages */
.flash_messages {
}

.message {
  position:fixed;
  margin-left:20%;
  top:0px;
  width:50%;
  color:black;
  font-weight:normal;
  font-size:1.2em;
  padding:10px;
  padding-left:45px;
  background:#c6f9dd;
  border:1px solid black;
  display:none;
  min-height:22px;
  cursor:pointer;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  background-image:url(../img/message_ok.png);
  background-repeat:no-repeat;
  background-position:5px 5px;
  z-index:10000;

  -webkit-border-bottom-right-radius: 4.266px;
  -moz-border-radius-bottomright: 4.266px;
  border-bottom-right-radius: 4.266px;

  -webkit-border-bottom-left-radius: 4.266px;
  -moz-border-radius-bottomleft: 4.266px;
  border-bottom-left-radius: 4.266px;


}

/*
.modalDiv .message{
  width:83%;
  margin-left:5%;
  margin-right:5%;
}
*/

.message.error {
  background:#f7c9c9;
  background-image:url(../img/message_error.png);
  background-repeat:no-repeat;
  background-position:5px 5px;
}

.message.hinweis{
  background:#FFD900;
  background-image:url(../img/message_hinweis.png);
  background-repeat:no-repeat;
  background-position:5px 5px;
}


#main {
  padding:25px;
  padding-top:10px;
  min-height:400px;
}


.contentHeader span a {
   background-image:url(../img/back.png);
   background-repeat: no-repeat;
   padding-left:30px;
   font-size:22px;

}
.contentHeader h1 {
   color:#666666;
   font-size:1.5em;
}

.content {
  min-width:800px;
}

.modalDiv .content {
  min-width:auto;
}


#inhalt {
  border:0px solid #B5B5B5;
  /*background:#F2F2F2;*/
  padding:5px;
}


.textBox p {
  line-height:20px;
}

.textBox a {
  color:#0A5541;
}
.textBox a:hover {
  text-decoration:none;
}

#startfilter {
  margin-bottom:12px;
  padding:7px;
  background:#F5F5F5;
}

#startfilter #suche {
  font-size:14px;
  padding:5px;
}

small.startopt {
  color:silver;
}



/* modal */


#modalPreloader{
  position:absolute;
  left:0;
  top:0;
  z-index:10000;
  background: white;
  width:100%;
  text-align:center;
}
#modalPreloader img {
  padding-top:18%;
}

#basic-modal-content {display:none;}


#Footer {
  display:none;
  background:#273653;
  position:relative;
  z-index:2;
  padding:5px;
  color:#A3A7A6;
  font-size:0.9em;
  text-align:center;
  font-size:12px;
  padding:20px;
  background:#f5f5f5;
}

#Footer a {
  text-decoration:none;
  font-weight:bold;
  color:#A3A7A6;
}

#Footerlogo {
   position:absolute;
   bottom:5px;
   right:10px;
}
#Footerlogo img {
   width:150px;
}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
   height:250px;
   width:550px;
   color:#bbb;
   background-color:white;
   padding:15px;
   padding-top:40px;
   padding-bottom:50px;
   border: medium none;
   box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
   z-index:10005 !Important;
   border-radius:4.266px;
}


#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container a.modalCloseImg {
  background:url(../img/modal_close.gif) no-repeat;
  width:24px;
  height:24px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:7px;
  right:7px;
  cursor:pointer;
}

#simplemodal-container h3 {
  position:absolute;
  top:5px;
  left:15px;
  color: #666666;
  font-size: 1.2em;
  margin: 0 0 10px;
  padding: 5px 5px 5px 0;
}

#simplemodal-container .buttonleiste {
  position:absolute;
  bottom:10px;
  right:15px;
  height:28px;
  text-align:right;
  width:96%;
}

#simplemodal-container .buttonleiste button {
  margin-left:5px;

}

/* form tabelle */
table.formular {
  width:100%;
  padding:10px;
  background:#fafafa;
  border:1px solid silver;
}

table.formular  tr th {
    font-weight:bold;
    color:#666666;
    text-align:left;
    padding:3px;
    padding-top:6px;
    width:120px;
    vertical-align:top;
}

table.formular  tr td {
    padding:3px;
    vertical-align:top;
}

.frm_hinweis {
  padding-left:5px;
  font-size:11px;
}

.frm_texthinweis {
  padding-left:5px;
  font-size:11px;
  color:silver;
}
.frm_hinweismsg {
  text-align:right;
}
.frm_info small {
  color:silver;
}
.frm_error th {
  color:red !Important;
}
.frm_error td input,.frm_error td textarea,.frm_error td select {
   border:1px solid red !Important;
}

.frm_error td input[type=radio] {
   border: 1px solid red !Important;
}

.td_value input[type=text] {
   width:60%;

}
.frm_trenner {
  margin-top:10px;
  margin-bottom:10px;
  height:1px;
  background-image: linear-gradient(to right, silver 0%, #FAFAFA 95%)
}


table tr td .trenner {
  padding:0;
  height:1px;
  width:90%;
  margin-bottom:3px;
  background-image: linear-gradient(to right, silver 0%, #FAFAFA 95%)

}


/* forms */
.formular {
  padding-top:5px;
  padding-bottom:5px;
}

.formular, .detailRender, .listRender , .shadowed_box{
   /*box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07);*/
   border-radius:4.266px;
}

.listRender {
  display:none;
}

input[type="text"],input[type="password"],textarea, select {
    border: 1px solid #DADADA;
    color: #000;
    outline: 0 none;
    margin-bottom:2px;
    padding: 5px;
    font-size: 1.1em;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
    border-radius:4.266px;
}

select {
  width:auto;
}
textarea {
 min-height:50px;
 width:100%;
}

.modalDiv textarea {
  min-height:100px;
  width:98%;
}

.listRender table tr td:last-child {
  width:5%;
}
.listRender table tr td {
    border-bottom: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
    vertical-align:top;
}

.listRender .tbw_last {
  white-space:nowrap;
}

a.readonly{
  opacity:0.2;
}


.highlight { background-color: yellow }

/* tbw table list render */
.tbw_top .tbw_title {
   font-size:15px;
   color:#666666;
   font-weight:bold;
   float:left;
}

.tbw_top .tbw_link {
   float:right;
}

.tbw_top .tbw_link a  {
  color: #555555;
}

.tbw_top .tbw_link a:hover  {
  color: #212121;
}


.tbw_top .tbw_topend {
   clear:both;
}

.tbw_bottom {
   border-top:1px dotted silver;
   background:#ffffff;
   font-size:11px;
   padding:5px;
   text-align: right;
}


.tbw_bottom #csvexport {
  padding-left:5px;

}


.tbw_top {
   height:25px;
   border-top:0px dotted silver;
   background:#E1E3E5;
   padding:5px;
}


.tbw_top .tbw_link {
   font-size:10px;
   color:black;
}
.tbw_tablediv {
   margin-bottom:25px;
}

.tbw_table {
    border-top:0px solid #C0C0C0;
    background-color:#E8EDFF;
}

.tbw_table tr th {
    background-color:#E6e6e6;
    color:#666666;
    font-weight:bold;
    font-size:90%;
    text-align:left;
}

.tbw_table tr th,.tbw_table tr td {
    padding:4px;
}

.tableview table tr.even {
  background:#ffffff;
}

.tableview table tr.odd {
  background:#fafafa;
}

.tableview table tr:hover {
  background:#EEEEEF;
}

.tbw_table_icon {
   margin-right:5px;
}


.tbw_table tr a {
   white-space: nowrap;
}



input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:hover {
    border: 1px solid #BCBCB4;
}


.hide {
  display:none;
}


.sboc {
  display:inline-block;
  margin-left:6px;
  width:7px;
  height:7px;
  background-repeat:no-repeat;
  cursor:pointer;
}
.sboc.open {
   background-image:url(/img/icons/list_open.png);
}
.sboc.close {
   background-image:url(/img/icons/list_close.png);
}
/* icons */
.icon {
  display:inline-block;
  margin-left:2px;
  width:16px;
  height:16px;
  background-repeat:no-repeat;
}

.icon.status {
  cursor:help;
}

.icon.ja   { background-image:url(/img/icons/ja.png);}
.icon.nein { background-image:url(/img/icons/nein.png);}
.icon.edit { background-image:url(/img/icons/edit.png); width:24px; height:24px;}
.icon.del  { background-image:url(/img/icons/loeschen.png);}
.icon.add  { background-image:url(/img/icons/plus_kreis.png); padding-left:2px;}
.icon.person { background-image:url(/img/icons/personen.png);}
.icon.zuordnung { background-image:url(/img/icons/zuordnung.png);}

.icon.lupe    { background-image:url(/img/icons/lupe.png);}

.icon.achtung  { background-image:url(/img/icons/achtung.gif);}
.icon.ok  { background-image:url(/img/icons/ja.png);}



.icon.download { background-image:url(/img/icons/download.png); width:18px;  }

.icon.print { background-image:url(/img/fileicons/print.gif); width:18px;  }
.icon.pdf { background-image:url(/img/fileicons/pdf.gif); width:18px;  }

.icon.jpg { background-image:url(/img/fileicons/jpg.gif); width:18px;  }
.icon.png { background-image:url(/img/fileicons/png.gif); width:18px;  }
.icon.zip { background-image:url(/img/fileicons/zip.gif); width:18px;  }
.icon.xls { background-image:url(/img/fileicons/xls.gif); width:18px;  }
.icon.doc { background-image:url(/img/fileicons/doc.gif); width:18px;  }
.icon.datum { background-image:url(/img/icons/datum.png); width:18px;  }

.icon.toolText { background-image:url(/img/icons/info.png); }

.icon.hinweis{ background-image:url(/img/icons/info.png); margin:5px;padding-left:20px;display:block;width:auto !Important;}

.csvExport {
  display:inline-block;
  background-image:url(/img/fileicons/excel.png);
  width:12px;
  height:16px;
  margin-right:5px;
  cursor:pointer;
}

.hinweisText {
  background-image:url(/img/icons/info.png);
  background-repeat:no-repeat;
  margin:5px;padding-left:20px;display:block;width:auto !Important;
}

.icon.pfeil_small { background-image:url(/img/icons/pfeil_small2.png);margin-bottom:2px;height:8px; width:8px;margin-right:4px;  }


img.startseite {
  width:200px;
}

.anhang {
   margin:0;
   padding:0;
   padding-left:10px;
}

.anhang li {
   list-style-type:none;
   line-height:20px;
}

.anhangfileliste {
   padding:5px;
   border-bottom:1px solid silver;
   margin-bottom:5px;
}
.anhangfileliste a {
   line-height:20px;
}

.addfile {
  background-image:url(/img/icons/plus.jpg);
  background-repeat:no-repeat;
  padding-left:25px;
}

.delfile {
  cursor:pointer;
  margin-left:5px;
  background-image:url(/img/icons/minus.jpg);
  background-repeat:no-repeat;
  padding-left:25px;
}


.hinweismsg {
  margin:4px;
  border:1px solid #FBB920;
  padding:10px;
  color:#E06726;
  font-size:14px;
  margin-bottom:10px;
  background:#F5F5F5;
  background-image:url(/img/icons/hinweismsg.png);
  background-repeat:no-repeat;
  background-position: 10px 10px;
  padding-left:45px;
  line-height:20px;
}

.hinweismsg a {
  background-image:url(/img/icons/pfeil.png);
  background-repeat:no-repeat;
  background-position: 0 2px;
  text-decoration:underline;
  color:#000;
  display:block;
  margin-top:10px;
  padding-left:18px;
}
.hinweismsg a.nolink {
  text-decoration:none;
  color:#666666;
}

/* map */
#map {
 width:99.9%;
 height:650px;
 border:0px solid silver;
}

#legend {
 float:right;
 height:650px;
 width:23.5%;
 overflow:auto;
 font-size:12px;
}

#maptop {
  width:75%;
  text-align:right;
  padding:5px;

}

#mapend {
  clear:right;
  padding-bottom:5px;

}

#legend #legendContent {
  display:none;
  padding:5px;
}

#legend #legendContent h3 {
   padding:0;
   margin:0;
}

#legend #topfilter {
  display:none;
  padding:10px;
}
#legend #topfilter #sliderOpacity{
 width:120px;
}

#filter {
   margin:0;
   padding:0;
}

.subfilter {
   margin-left:25px;
}

.filter {
  margin-top:5px;
  vertical-align:top;
}

label {
  display:inline-block;
  margin-top:4px;
}

label small {
   color:gray;
}


.colorBox {
  vertical-align:top;
  width:13px;
  height:13px;
  display:inline-block;
  margin-left:3px;
  margin-right:5px;
  margin-top:4px;
  border:1px solid silver;

}

.baselayergroup {
  margin-top:5px;
  margin-bottom:5px;
}

#allLayer {
  margin-top:10px;
  margin-bottom:5px;
}


.leaflet-popup-content{
  min-width: 250px !Important;
  padding:10px;
  padding-left:0;
}

.popupFrame{
  width:100%;
  max-height:350px;
  padding-right:5px;
  overflow-y:auto;
}


.popupEntry h3{
  padding:0 !Important;
  margin:0 !Important;
  margin-bottom:5px !Important;
}

.popupEntry div {
  line-height:16px;
}

.popupEntry p {
  padding:0 !Important;
  margin:0 !Important;
  text-align:right;
}

.popupEntry div hr {
  border: 1px solid silver;;
  height: 1px;
  color:silver;
}

.summefolien {
  font-weight:normal;
  font-size:10px;
  color:#808080;
}

a.pback, a.pnext {
  color:#666666 !Important;
}

.ui-datepicker-week-end a.ui-state-default{
  color:gray;
  opacity:0.5;
  /*text-decoration: line-through;*/
}

.cssHighlightDate a.ui-state-default{
  color:white;
  background:red;
  opacity:1;
}

.deaktiv {
  text-decoration:line-through;
  color:silver;
}

.ui-autocomplete {
    max-height: 250px !Important;
    overflow-y: auto;
    overflow-x: hidden;
    z-index:1000 !important;
}


/* sortable*/
#sortableTable {
  width:100%;
}

#sortableTable tr th {
   text-align:center;
   background:gray;
   color:white;
}


#sortableTable .sortableDiv {
  overflow:auto;
  height:300px;
  background:white;
}

#sortable1, #sortable2, .sortableHighlight {
  border: 1px solid #eee;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  margin-right: 0px;
  cursor:pointer;
}
#sortable1 li, #sortable2 li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
}
#sortable1 li:hover, #sortable2 li:hover {
   background:#F9FEFF;
}


.sortableHighlight {
  background:#D9FAFE;
  min-height:17px;
}

.formular div#wahl {
   font-weight:700;
}
.formular div#wahl i {
   font-weight:300;
}


/* dashboard */
.startTable {
   width:100%;
}
.startTable tr td{
   vertical-align:top;
   padding-right:20px;
}

.startTable tr td:last-child{
   padding-right:0;
}

.startTable tr td h3{
  background:#008BBC;
  color:white;
  padding:5px;
}

.startZBild {
  z-index:0;
  width:100%;
}
.startZBild img {
 width:100%;
 height:auto;
}

.aktuell {
  border:1px solid silver;
  background:#fafafa;
  background-image:url(/img/fall.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:70px;
  min-height:65px;
  margin-bottom:10px;
  position:relative;
  z-index:1;
}
.aktuell:hover {
  background:#f1f1f1;
  background-image:url(/img/fall.png);
  background-repeat:no-repeat;
  background-position:left center;
}


.aktuell h2 {
  font-size:16px;
  margin:5px;
  color:#008BBC;
}
.aktuell p {
  margin:5px;
}
.aktuell a {
  float:right;
  margin-right:10px;
  margin-top:30px;
}


.mitteilung {
  text-align:left;
  border:1px solid silver;
  background:#F2F2F2;
  padding:5px;
  margin-bottom:10px;
  cursor:pointer;
}

.ungelesen {
  background:#F8CBAD;
}

.mitteilung:hover {
  background:#F6F6F6;
}

.mitteilung img {
  margin:5px;
  position:absolute;
}


.mitteilung p{
  padding-left:60px;
}

.textBox {
  background:white;
  border: 1px dotted silver;
  padding:5px;
  line-height: 18px;
  min-height:30px;
}



/* modal 2*/

.modal2 {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  width:50%;
  border:1px solid silver;
  padding:10px;
  background:white;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  z-index:2000000;
  font-size:1em;
  margin-left:23%;;
  margin-top:100px;
  min-height:350px;
}


.modal2 iframe {
   border:1px solid #f5f5f5;
   width:100%;
   overflow:hidden;
   height:320px;
}

.modal2 h2{
  margin:0;
  padding:0;
  margin-bottom:10px;
  font-size:120%;
}
.modal2Close {
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer;
  font-weight:bold;
}


.logos1-4{
  height:100px;
  padding:10px;
}

.headerbild {
  width:100%;
  height: 300px;
}

.headericon {
  width:100px;
}

.pageicon {
  width:50px;
}

#minimap {
  height:250px;
  width:100%;
  border:1px solid silver;
  border-radius:4.266px;

}

.tipsy {
  line-height:18px !Important;
  font-size: 12px !Important;
}

.tipsy-inner {
  background:#273653 !Important;
  text-align: left !Important;
  padding:10px !Important;
}


.anhang {
  margin:5px;
  border-bottom:1px dotted silver;
  background-image:url(/img/icons/file.png);
  background-repeat:no-repeat;
  background-size: 20px;
  min-height:30px;
  padding-left:30px;

}

/* kommentar */
.kommentar {
  margin:5px;
  border-bottom:1px dotted silver;
  background-image:url(/img/icons/kommentar.png);
  background-repeat:no-repeat;
  background-size: 20px;
  padding-left:30px;

}


.startbild {
  float:right;
  width:30%;
  padding-top:10px;
  min-height:350px;
  padding-left:20px;
}
.startbild svg,.startbild img {
   width:99%;
}
.starttext {
  float:left;
  min-height:350px;
  width:67%;
}

.block {
  text-align: justify;
  line-height:21px;
}
.block b {
  font-weight:bold;

}

.startend {
   clear:both;
}
@media screen and (max-width : 1000px){
  .starttext,.startbild {
    float:none;
    width:auto;
  }  
  .startbild {
    margin:0;
    padding:0;
    
    margin-top:20px;
     width:200px;
  }
}