html, body {
  background:white;
  margin:0;
  font-family: 'Open Sans', Arial,Helvetica,sans-serif;
  letter-spacing: 0.1px;
  line-height: 21px;
  font-size: 15px;
}

* {
   font-family: 'Open Sans', Arial,Helvetica,sans-serif !Important;
}

.noshow  {
display:none;
}

.backlink {
  text-align:right;
  padding:5px;
}

.header {
  background:#F7F7F7;
  padding:10px;
  margin-bottom:20px;
}

.header .left {
  float:left;
  color:#00B0B9;
  font-size:24px;
}

.header .right {
  float:right;
  color:#00B0B9;
  font-size:26px;
}

.header .end {
  clear:both;
}

.main .left{
  float:left;
  width:30%;
}

.main .left:first-child{
}

.main .left img {
   width:100%;
}
.main .right {
  float:right;
  width:70%;
}

.main .end {
  clear:both;
}

table.objektdaten {
 width:auto;
}

table.objektdaten th {
   width:30%;
  padding:0;
  margin:0;
  padding-right:10px;
}

table.objektdaten td {
  padding:0;
  margin:0;
  padding-right:10px;
}

.box {
  padding:10px;
}

.box.bild1 {
  margin-top:-9px;
}

.boxGrau {
  background:#F9F9F9;
  color:#66666;
  padding:10px;
}





.suche {
  background:#F7F7F7;
  padding:10px;
  border-bottom:10px solid white;
  display:table;
  width:100%;
}

.suche h1 {
}

.suche .left {
  float:left;
  margin-bottom:10px;
  display:table-cell;
  width:25%;
}
.suche .left2 {
  float:left;
  margin-bottom:10px;
  display:table-cell;
  width:99%;
}

.suche .left3 {
  float:left;
  margin-bottom:10px;
  display:table-cell;
  width:33%;
}

.suche .left select{
   background:white;
   border:0;
   color:#00B0B9;
   padding:10px;
   font-size:14px;
   width:90%;
}

.suche .left2 input[type=text]{
   background:white;
   position:relative;
   border:0;
   padding:10px;
   font-size:14px;
   width:98.4%;
   z-index:0;
}
.suche .left2 input[type=image]{
   z-index:1;
   height:25px;
   width:25px;
   position:relative;
   float:right;
   margin-right:25px;
   margin-top:-30px;
}

.suche .left3 input[type=submit]{
   background:white;
   border:0;
   text-align:left;
   padding:10px;
   font-size:14px;
   color:#00B0B9;
   width:95%;
   outline:none;
}


.suche .right {
  float:right;
  color:#00B0B9;
  font-size:26px;
}

.suche .end {
  clear:both;
}


.result {
  background:white;
  padding-left:30%;
}




table {
   width:100%;
   margin:0;
   padding:0;
}
h1 {
  color:#00B0B8;
  font-size:1.4em;
}
h2 {
  font-size:1.4em;
}
table th.first {
   border-top:10px solid #00B0B8;
   width:34%;
}

table td.first {
   border-top:10px solid #00B0B8;
   margin-right:20px;
}
table th.last , table td.last , table td.last * {
   background: #00B0B8;
   color:white;
}

table th ,table td {
   text-align:left;

   vertical-align:top;
   color:#666666;
   font-size:0.9em;
}



.backlink {
  text-align:right;
}
.backlink a{
   color:#00B0B8;
   text-decoration:none;
}


input[type="text"],input[type="password"],textarea, select {
  font-size:0.95em;
}

/* jquery-ui all */
.ui-widget, .ui-widget .ui-widget ,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size:0.8em !Important;
}


#main {
}
/* footer */
#Footer {
  background:white;
  position:fixed;
  bottom:0px;
  left:0px;
  font-size:0.8em;
  padding:5px;
  width:100%;
  text-align:center;
}


/* status */
.objstatus {
  margin-left:3px;
  margin-bottom:-3px;
  display:inline-block;
  border-radius:8px;
  width:16px;
  height:16px;
  background:none;
}

.objstatus.s0 {background:none; }
.objstatus.s1 {background:#548235; }
.objstatus.s2 {background:#FFC000; }
.objstatus.s3 {background:#C00000; }

.mapstatus {
  margin-left:3px;
  margin-top:2px;
  margin-bottom:0px;
  display:inline-block;
  border-radius:6px;
  width:12px;
  height:12px;
  background:none;
}

.mapstatus.s0 {background:#fafafa; }
.mapstatus.s1 {background:#548235; }
.mapstatus.s2 {background:#FFC000; }
.mapstatus.s3 {background:#C00000; }



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00B0B8;
}


input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

.detailRenderOpenclose a {
   color:#00B0B9;
}
.detailRenderOpenclose h3 .span1 {
   display:none;
}


.leaflet-popup {
  min-width:450px !Important;
  width:450px !Important;
}
.mapPopup {
  min-width:400px !Important;
  padding:0;
}

.mapPopup img {
  width:100%;
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}

.mapPopup h3 {
   color:#00B0B8;
}

.mapPopup .popuplink, .exportlink{
  text-align:center;
  padding:10px;
}
.mapPopup .popuplink a, .exportlink a{
   display:inline-block;
   width:150px;
   padding:5px;
   color:#00B0B8;
   border: 2px solid #00B0B8;
   text-decoration:none;
}
.exportlink a {
   width:99%;
}
.mapPopup .popuplink a:hover,.exportlink a:hover{
  background:#fafafa;
}

/* list */
.listbox {
  cursor:pointer;
  padding:10px;
  background:#F5F5F5;
  margin-bottom:10px;
}
.listbox:hover {
   opacity:0.8;
}
.listbox .startimg {
   float:left;
   width:30%;
   padding-right:2%;
}
.listbox .details {
   float:left;
   width:68%;
}
.listbox .details h3{
   margin:0;
   color:#00B0B8;
   margin-bottom:10px;
}

.listbox .end{
  clear:left;
}

.ribbon {
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
}


.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 19px;
    right: -21px;
}