/*Default.htm Farbeinstellungen*/

.kontakt_datenschutz_container{
	padding: 0 !important;
}

.kontakt_datenschutz_container .disabled{
	background-color: grey;
	color: light-grey;
	cursor: initial;
}

.kontakt_datenschutz_container .disabled:hover{
	background-color: grey;
	color: light-grey;
	cursor: initial;
}

#input_kontakt_datenschutz{
	margin: 10px 0 0 0;
	margin-left: 0 !important;
	width: 100%;
	cursor: pointer;
}
/*Zusatzinformationen in der Trefferliste*/

div.div_ObjektLink_hidden
{display: none;}

.gm-style .gm-style-iw
{
	min-height: 150px;
}

div#markerContent
{
  /*width: 220px;*/
  display: inline-block;
}

div#mapImage
{
  width: 100px;
  display: block;
  float: left;
}

div#mapInformation
{
 font-size: 13px; 
 font-weight: normal;
 padding-left: 5px;
/* width: 115px;*/
 display: block;
 float: right;
 top: 0;
}

div#mapInformation p{
	margin: 0;
    padding-bottom: 1px;	
}

div#mapInformation a
{
    font-weight: bold;
    font-size: 15px;
	color: black;
    text-decoration: none;
    cursor: pointer;
}

div#routeLink
{
 cursor: pointer;
 display: block;

}

div#routeLink a
{
 font-weight: bold;
 font-size: 15px;
 color: black;
 text-decoration: none;
}


#loading_fullsite
{
  min-width: 500px;
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 999999999;
  
}

#loading_container
{
  position:relative;
  top: 200px;
  margin: 0 auto;
  width: 40px;
}

.img_loading_gif{
  background: #fff url(images/ajax-loader.gif) no-repeat;
  height:100px;
  width:100px;
  top: 20px;
}

.img_loading_gif_transparent{
  background: url(images/ajax-loader.gif) no-repeat;
  height:100px;
  width:100px;
  top: 20px;
  position:absolute;
}

body {
  font-family: Arial;
  background-color: #fff;
margin: 0;
  }

#topbar
{
  position:absolute;
  height: 18px;
  left:10px;
  right:0;
  top:5px;
  padding: 0 0 0 5px;
  border-left: 1px solid;
}

.topbar_link
{
  display:inline;
  color: #999999;
  border-right: 1px solid #000000;
  padding: 0 7px 0 5px;
}

.topbar_link:hover
{
  /*background-color: rgba(128, 128, 128, 0.35);*/
  text-decoration: underline;
  cursor:pointer;
}

.chb_label{
  display:inline;
}


#suche_container
{
  float:right;  
  width: 250px;
  padding: 0px 20px 0 0;
  background-color: #fff;
}

#trefferliste_container
{
  position: absolute;
  left: 5px;
  right:270px;
  top: 20px;
  bottom:0;
  overflow-y: auto;
  max-width: 700px;
  background-color: #fff;
}

#merkliste_container
{
  position: absolute;
  left: 5px;
  right:270px;
  top: 20px;
  bottom:0;
  overflow-y: auto;
  max-width: 700px;
  background-color: #fff;
}

#merkliste_container img 
{
  position: relative !important;
  margin: 0 auto;
  display: block;
  right: 0 !important;
}

#expose_container
{
  position: absolute;
  left: 5px;
  right:270px;
  top: 20px;
  bottom:0;
  overflow-y: auto;
  max-width: 700px;
  background-color: #fff;
}

#trefferkarte_container
{
  position: absolute;
  left: 5px;
  right:250px;
  top: 20px;
  bottom:0;
  overflow-y: auto;
  max-width: 700px;
  background-color: #fff;
}

#trefferkarte{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.trefferkarte_bild{
  width: 100px;
}
.gmaps_infowindow_header:hover{
  cursor: pointer;
  text-decoration: underline;
}

#middle
{
    
    height: auto;
   /* position: absolute;
    top: 25px;*/
    bottom: 50px;
    right: 0px;
    left: 0px;
    background-color: #fff;
}

#content
{
	min-width: 900px;
   /* position: absolute;*/
   
    top: 0px;
    bottom: 0px;
    left: 0px;
    padding: 0;
    right: 0px;
    font-size: 10pt;
    /*margin-bottom: 70px;*/
    overflow-y: hidden;
    overflow-x: hidden;
}

#SearchButton_container
{
  height: 40px;
  display: block;
  margin: 10px 0 0 40px;
}

/*.div_ObjektLink:hover{
  color: #808080;
  cursor:pointer;
}
  */

.search_button{
  
  display: inline;
  margin: 0px 0 0 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  cursor:pointer;
}

.search_button:hover{
  
  display: inline;
  margin: 0px 0 0 10px;
  border: 1px solid #fff;
  background-color: #e60000;
  color: white;
  padding: 3px;
  border-radius: 4px;
  cursor:pointer;
}

.search_count{
  font-size: 24pt;
  display: inline;
}

.control_container{
  margin-bottom: 20px;
}
.label{
  font-size: 10pt;
  margin: 0 0 10px 5px;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.rangeslider_container
{
  margin: 10px 10px 10px 10px;
  width: 200px;
}

.checkbox_container
{
  width: 250px;
  margin-left: 10px;
}

.textbox_container
{
  width: 250px;
  margin-left: 10px;
}

.dropdown_container
{
  margin: 10px;
}

.checkbox
{
  margin: 5px 5px 5px 0px;
}

.rangeslider
{
  height: 20px;
  margin: 0 0 0 10px;
}

.rangeslider_label_container{
  height: 20px;
  margin: 0 0 0 10px;
}

.rangeslider_label_left{
  float:left;
}

.rangeslider_label_right{
  float:right;
}

.min{
  display:none;
}

.max{
  display:none;
}

.OKVID{
  display:none;
}

.step{
  display:none;
}

.Kategorie{
  display:none;
}
.type{
  display:none;
}

.hidden{
  display: none;
}

.Treffer_container
{
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin: 3px;
  background-color: #ffffff;
  border-radius: 3px;
}

.Treffer_container:hover
{
  
  background-color: #f5f5f5;
  cursor:pointer;
  
}

.Expose_container
{
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin: 3px;
  background-color: #ffffff;
  border-radius: 3px;
  padding-bottom: 10px;
  

}

#container_kontakt input{
  width: 95%;
  margin-left: 5px;
}
#container_kontakt select{
  width: 97%;
  margin-left: 5px;
}

.ObjektDetail_container{
  border: 1px solid #329866;
  margin: 0 0 10px 0;
  padding-top: 3px;
  background-color: #eeeeee;
  border-radius: 4px;
}

.ObjektDetail_label{
  text-indent: 5px;
}



.expose_button
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
}

.expose_button:hover
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}

.merk_button
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
}

.merk_button:hover
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}
.trefferkarte_button{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
}

.merk_entfernen_button
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
}

.merk_entfernen_button:hover
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}

.merk_anfragen_button
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
}

.merk_anfragen_button:hover
{
  margin: 0px 0 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}
.btn_PDF{
  margin: 0px 30px 10px 10px;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  font-size: 8pt;
  font-weight: normal;
  float:right;
}

.btn_PDF:hover
{
  
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}

.Images{
margin: 0 0 10px 0;
}


.bigImage
{
  height: 100%;
  cursor: pointer;
  /*margin: 0 0 10px 0;*/
}

.bigimage_container
{
  width: 300px;
  height: 200px;
  position:relative;
  line-height: 200px;
  text-align: center;
  margin: 0 0 10px 0;
}

.bigImageText{
  text-align: center;
  margin: 0 0 5px 0;
}

.div_image
{
  cursor: pointer;
  margin: 5px 5px 0 0;
}

.div_PDF
{
  margin: 0px 0 10px 0;
  border: 1px solid #fff;
  background-color: #329866;
  color: white;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}

.div_PDF:hover
{
  margin: 0px 0 10px 0;
  border: 1px solid #fff;
  background-color: #329866;
  color: #000;
  padding: 3px;
  border-radius: 4px;
  text-align:center;
  cursor:pointer;
}

.div_PDF a
{
  color: #fff;
}

#Imagepopup_fullsite
{
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 999999999;
  
}

#Imagepopup_container{
  margin: 100px auto;
  /*width: 600px;*/
  /*height: 400px;*/
  background-color: #fff;
  position: relative;
}

#Imagepopup_Image{

}

.Image_prev{
  position: absolute;
  width: 50%;
  top:0;
  bottom:30px;
  left:0;
  cursor: pointer;
  text-align: left;
  z-index: 9999999999;
  color: white;
  font-size: 20pt;
  line-height: 100%;
}

.Image_next{
  position: absolute;
  width: 50%;
  top:0;
  bottom:30px;
  right:0;
  cursor: pointer;
  text-align: right;
  z-index: 9999999999;
  color: white;
  font-size: 20pt;
  line-height: 100%;
}

.Image_next span{
  position: absolute;
  top: 50%;
  padding: 10px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.45); 
}
.Image_prev span{
  position: absolute;
  top: 50%;
  padding: 10px;
  left:0;
  background-color: rgba(0, 0, 0, 0.45); 
}

.Image_prev:hover{
  
}


.Image_next:hover{
  
}

.Image_next:hover span{
  background-color: rgba(0, 0, 0, 0.65); 
  display:block;
}
.Image_prev:hover span{
   background-color: rgba(0, 0, 0, 0.65);
   display:block;
}

#Imagepopup_Bottomline{
  height: 25px;
  position: relative;
}

#btn_close_popup{
  float: right; 
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  right: 5px;

}

#Imagepopup_imageText
{
  float: left;
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.gmaps_container{
  margin: 0 0 0 0;
}

#map{
  height: 300px;
  width: 100%;
}

.gmaps_infowindow_header{
  font-size: 12pt;
  font-weight: bold;
  min-width: 200px;

}


.kontaktrow{
  margin: 10px;
}

.ui-widget-header{
  background: #329866 !important;
}

.color {
  font-size: 12pt; 
  color: #329866; 
  font-weight: bold;

}


/*12 Grid Layout*/

.container {
padding-left: 10px;
padding-right: 10px;
}

.row {
width: 100%;
margin: 0 auto;
overflow: hidden;
min-height: 20px;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

/*OVERRIDES*/

.ui-slider .ui-slider-handle
{
  background-color:#f6f6f6 !important;
  background-image: url(images/ui-icons_000000_256x240.png) !important;
  background-position: 1px 0px !important;
}

.ui-slider .ui-slider-handle:nth-of-type(2)
{
  background:#f6f6f6 url(images/ui-icons_000000_256x240.png) -96px 0px !important;
}

.ui-slider .ui-slider-handle:nth-of-type(1)
{
  background:#f6f6f6 url(images/ui-icons_000000_256x240.png) -31px 0px !important;
}