@charset "utf-8";
/* CSS Document */

body {
 /* font-family: "Trebuchet MS", Arial, Verdana, sans-serif; */
}

link {
	text-decoration: none;
}

h2 {
	color: #0C6DB0;
    text-decoration: none;
}

#unterkuenfte {
float: right; 
width: 63%;
}
/*----------------------------------------------------------------------------------------------------------*/
#tree {
	width: 32%; 
	float: left;
	font-size: 14px;
	background-color:  rgba(255,255,255, .9);  
	-moz-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
	-webkit-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
	box-shadow: inset 0 0 1.5px 1.5px rgba(200,200,200, .9);
	border-radius: 15px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	overflow: scroll;
	padding: 10px 0px 10px 0px;
}

#treeUeberschrift {
	padding-bottom: 10px;
	margin: 0;
	font-size: 18px; 
}

#containerListeTree {
	width: 100%;
	margin-top: 3%;
}

#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}

#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    background-repeat: no-repeat;
}

li.liCity {
   margin-left: 20px;
}
 
li.liCity :hover {
   background-color: #dddddd;
} 
 
/* Collapsed state for list element */
#expList .collapsed {
    list-style-image: url(../images/plus.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    list-style-image: url(../images/minus.png);
}

.liDisabled {
	color: #A6A6A6; 
	cursor: default; 
	text-decoration: none;
}

.selected {
	background-color: #dddddd;	
}

/*-----------------------------------------------------------------------------------------------------*/
.region {
	border: 2px solid #ddd; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;	
	margin-top: 15px;
	border-radius: 5px;
	font-size: 14px;
	background-color: #FFF;
}

.cityRow {
	width: 100%; 
	min-height: 20px; 
	margin-top: 5px; 
	margin-bottom: 5px;	
}

.cityFieldLeft {
	width: 20%; 
	float: left; 
	margin-left: 20px; 
	margin-right: 20px; 
	border-right: 1px solid #CCC;
}

.cityFieldLeft span a {
	text-decoration: none;
}

.cityFieldRight span a {
	text-decoration: none;
}

.cityFieldCenter span a {
	text-decoration: none;
}

.cityFieldCenter {
	width: 20%; 
	float: left; 
	margin-left: 20px; 
	margin-right: 20px; 
	border-right: 1px solid #CCC;	
}

.cityFieldRight {
	width: 20%; 
	float: left;	
}

.divider {
	width: 100%; 
	margin-top: 1px;
	border: 1px solid #ddd;
}

nav nav-pills li {
	text-decoration: none;
}

.divNavigationPath {
	width: 100%; 
	text-align:center;
	padding-top: 5px; 
	font-size: 14px;
	padding-bottom: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	overflow: auto;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;	
}

.divKommentarHeader {
	width: 100%; 
	text-align:center;
	font-size: 14px;
	margin-left: auto; 
	margin-right: auto; 
	overflow: auto;	
}

.dropdown {
/* 	width: 80%; 
	margin-top: 5px;
	color: #685f51; */
}

.divSort {
	width: 100%; 
	/*height: 20px; 
	margin-left: auto; 
	margin-right: auto;*/
	float: revert;
}

.dropdownSort {
	float: right; 
	margin-top: 10px;
	background-color: #f4f4f4;	
}

.spanSort {
	float: right; 
	color: #685f51;	
}

.searchbar {
	border: 2px solid #ddd;  
	width: 100%; 
	height: 58px;
	margin-left: auto; 
	margin-right: auto;	
	margin-top: 2px;
	padding-top: 5px;
	border-radius: 5px;
	color: #685f51;
	font-size: 14px;
	background-color: #FFF;
}

.dividerToList {
	width: 100%; 
	height: 1px; 
	background-color: #ddd; 
	margin-left: auto;
	margin-right: auto; 
	margin-top: 2%;
	margin-bottom: 2%;
}

.filter {
	width: 72%; 
	float: left; 
	border-right: 1px solid #CCC;
}

.liste {
	border: 2px solid #ddd; 
	width: 100%; 
	height:auto;
	min-height: 175px;
 	overflow:auto;
	margin-left: auto; 
	margin-right: auto;	
	margin-bottom: 2%;
	border-radius: 5px;
	background-color: #F4F4F4;
}

.image {
	box-shadow: 2px 2px 2px 2px #CCC; 
}

.image:hover {
	box-shadow: 2px 2px 2px 2px #767575; 
}

.header_haus {
	font-size: 18px; 
	font-weight: bold;
	margin-left: 2%;
	overflow: auto;
}
.header_haus:hover {
	color: #808080;
	cursor: pointer;
}

.containerImage {
	width: 30%; 
	height: 100%; 
	float: left;
	margin-top: 4%;
	margin-bottom: 3%;
}

.containerImageContent {
	height:85%; 
	width:100%; 
	margin-left: 7.5%;
	overflow: auto;
}

.containerContent {
	width: 70%; 
	height:auto;
	min-height: 170px;
 	overflow:auto;
	float: right;
}

.containerContentDescription {
	width: 50%; 
	height: 100%; 
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 2.25%;
}

.contentText {
	
	font-size: 14px;
}

.containerContentFeatures {
	width: 41%; 
	overflow: auto;
	float: right;
	margin-top: 2.25%;
	height: 100%;
	font-size: 14px;
}

.containerContentFeaturesLeft {
	width: 30%; 
	float: left; 
	color:#685f51;
	font-size: 14px;
	overflow: auto;
	padding-top: 20px;
}

.containerContentFeaturesRight {
	width: 70%; 
	float: right; 
	color:#685f51;
	font-size: 14px;
	overflow: auto;
	padding-top: 20px;
}

.containerContentFeaturesTop {
	height: 41.5px;
}

.div_offer {
	height: 100%; 
	margin-top: 35px;	
}

.span_offer {
	padding-left: 2px; 
	padding-right: 2px;	
}

.containerNoResultsUnterkuenfte {
	width: 70%;
	padding: 1% 2% 1% 2%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 1%;
	text-align: center;
	font-size: 18px;
	color: #333;
	background-color: #ff9900;
	border-radius: 5px;
}

.containerNoResultsComments {
	width: 70%;
	height: 40px;
	padding-left: 10px;
	padding-top: 7px;
	font-size: 18px;
	text-align: center;
	color: #000000;
	margin-left: auto;
	margin-right: auto;	
	border-radius: 5px;
}

.divBackgroundComment {
	background-color: grey; 
	position: fixed; 
	top: 0; 
	right: 0px; 
	bottom: 0px; 
	left: 0px; 
	z-index:2; 
	opacity:0.97;
	visibility: hidden;
}

.divCommentContent {	
	position:relative; 
	width: 60%; 
	height: 440px; 
	padding: 5px; 
	top: 16%; 
	left: 22%;
	visibility: hidden;
	background-color: white; 
	border-radius: 4px 4px 4px 4px; 
	z-index:3; 
}



.search-form {
    background: none repeat scroll 0 0 #F4F4F4;
	/*background: none repeat scroll 0 0 #f8f4e2;*/
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    width: 98%;
	padding: 1%;
	margin-top: 5px;
	height: 85px;
}

#searchBox {
width: 20%; 
float:right;
}
/*
#moreFilters {
	width: 98%;
	display: none;	
	background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
	padding: 1%;
}
*/
.headerSearch {
    color: #666666;
    font-size: 20px;
    font-weight: 300;	
	text-rendering: optimizelegibility;
	text-shadow: 0 1px 0 #FFFFFF;
}

#searchLeft select {
	width:95%;	
}

.featureListUnterkunft li{
 list-style: none;
   background: url("../images/InfoHakenNeu1.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    padding-left: 30px;
	padding-top: 0px;
	line-height: 1.4;
	margin-left: -40px;
	overflow: auto;
}

.preisUnterkunft {
font-weight: 600;
font-size: 16px;
overflow: auto;
}

.buttonListUnterkunft {

	background-color:#368cdb;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:30px;
	width:75px;
	text-decoration:none;
	text-align:center;
	cursor: pointer; 
	border: 0px solid #666;
}.buttonListUnterkunft:hover {
	background-color:#64a0d8;
}.buttonListUnterkunft:active {
	position:relative;
	top:1px;
}

.buttonListOrt {

	background-color: #0b699e;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:30px;
	width: 75px;
	text-decoration:none;
	text-align:center;
	border: 0px solid #666;
	cursor: pointer;
}.buttonListOrt:hover {
	background-color:#0c87ce;
}.buttonListOrt:active {
	position:relative;
	top:1px;
}



.buttonSucheReset {
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	background-color: #0b699e;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:69px;
	text-decoration:none;
	text-align:center;
	border: 1px solid #666;
	cursor: pointer;
}.buttonSucheReset:hover {
	background-color:#8e9458;
}.buttonSucheReset:active {
	position:relative;
	top:1px;
}


.pagerUnterkuenfte {
 	font: 83%/1.4 arial, helvetica, sans-serif;
    font-size: 85%;
	width: 100%; 
	float: left;
	padding-top: 2px;
	margin: 0 auto;
	text-align: center;
}

.pagerUnterkuenfte a, .pagerUnterkuenfte span {
	color:#000000;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pagerUnterkuenfte a.current {
    border: 1px solid #898581;
    background: #ddd;
    color: #000000;
}

.pagerUnterkuenfte a {
    border: 1px solid #666;
    text-decoration: none;
	display:inline-block; /* Wichtig für den Zeilenumbruch, wenn die Seiten zu viel werden */
	margin-top: 4px;
}

.pagerUnterkuenfte a:hover {
    border-color: #333;
}

.pagerUnterkuenfte a.nextprev {
    font-weight: bold;
}

.pagerUnterkuenfte span.nextprev {
    color: #666;
}

.pagerUnterkuenfte span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pagerUnterkuenfte .nextprev-next {
    float: right;
}

.criteriaRow {
	width: 100%; 
	min-height: 20px; 
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 14px;
}

/* .criteriaFieldLeft {
	width: 45%; 
	float: left; 
	margin-left: 3%; 
	margin-right: 3%;
} */

/* .criteriaFieldCenter {
	width: 30%; 
	float: left; 
	margin-right: 3%; 
	border-right: 1px solid #CCC;	
} */

.criteriaFieldRight {
	width: 100%;
	float: left;	
}


/*---------------------------------------------mobile Optimierung*/
@media only screen and (max-device-width: 1024px) { /* Bei Unterkünfte wurde es von 760px erweitert, um auch das IPAD Mini miteinzubeziehen */

.containerContentDescription {
	width: 52%; 
	height: 100%; 
	float: left;
	margin-left: 3%;
	margin-right: 2%;
	margin-top: 2.25%;
}

.header_haus {
	font-size: 16px; 
	font-weight: bold;
	margin-left: 6.5%;
	overflow: auto;
}

#treeUeberschrift {
	padding-bottom: 10px;
	margin: 0;
	font-size: 16px; 
	text-decoration: underline;
}

#tree {
	width: 26%; 
	float: left;
	font-size: 14px;
	background-color:  rgba(255,255,255, .9);  
	-moz-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
	-webkit-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
	box-shadow: inset 0 0 1.5px 1.5px rgba(200,200,200, .9);
	border-radius: 15px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	overflow: auto;
	padding: 10px 0px 10px 0px;
}

#searchBox {
margin-top: -7%;
width: 25%; 
float:right;
}

.containerContent {
	width: 70%; 
	height:auto;
	min-height: 170px;
 	overflow:auto;
	float: right;
}

.containerContentFeatures {
	width: 43%; 
	overflow: auto;
	float: right;
	margin-top: 2.25%;
	height: 100%;
	font-size: 14px;
}

.containerImage {
	width: 30%; 
	height: 100%; 
	float: left;
	margin-top: 4%;
	margin-bottom: 3%;
}

.div_offer {
	height: 100%; 
	margin-top: 45px;	
}


}/*Ende Media Screen*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.buttonListUnterkunft {
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	background-color:#368cdb;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:69px;
	text-decoration:none;
	text-align:center;
	cursor: pointer; 
	border: 1px solid #666;
}
.buttonListOrt {
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	background-color: #0b699e;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:69px;
	text-decoration:none;
	text-align:center;
	border: 1px solid #666;
	cursor: pointer;
}
.buttonSucheReset {
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	background-color: #0b699e;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:69px;
	text-decoration:none;
	text-align:center;
	border: 1px solid #666;
	cursor: pointer;
}
}