/*css für unterkünfte*/
#p2 .hotel-list-item .hoteltext,
#p3 .hotel-list-item .hoteltext,
#p4 .hotel-list-item .schifftext,
#p11 .hotel-list-item .hoteltext,
#p12 .hotel-list-item .hoteltext,
#p13 .hotel-list-item .hoteltext,
#p14 .hotel-list-item .hoteltext,
#p15 .hotel-list-item .hoteltext,
#p16 .hotel-list-item .hoteltext,
#p17 .hotel-list-item .hoteltext,
#p18 .hotel-list-item .hoteltext,
#p37 .hotel-list-item .hoteltext,
#p19 .hotel-detail,
#p30 .hotel-detail {
	padding:2%;
	background:#fff;
	margin-bottom:10px;
	}	
#p37 #two-third .csc-default,	
#p30 #two-third .csc-default,
#p11 #two-third .csc-default,
#p12 #two-third .csc-default,
#p13 #two-third .csc-default,
#p14 #two-third .csc-default,
#p15 #two-third .csc-default,
#p16 #two-third .csc-default,
#p17 #two-third .csc-default,
#p18 #two-third .csc-default,
#p19 #two-third .csc-default,
#p3 #two-third .csc-default,
#p4 #two-third .csc-default {
	background:none;
	padding:0;
}
#two-third #c193 {
	padding:2% !important;
	background:#fff !important;
	margin-bottom:10px !important;
	width: 94% !important;
}
/*klasse hide wenn kein inhalt*/
.hide:empty {
	display:none;
}	
	/*hotel listenansicht*/	

.hotel-list-item {
	width:32%;
	margin-right:1%;
	float:left;
}
#c109 #hotel-list,
#c96 #hotel-list,
#p3 #two-third,
#p4 #two-third,
#p11 #two-third,
#p12 #two-third,
#p13 #two-third,
#p14 #two-third,
#p15 #two-third,
#p16 #two-third,
#p17 #two-third,
#p18 #two-third,
#p37 #two-third {
	width:102%;
	float:left;
}
.hotel-list-item img {
	width:100%;
	max-height:150px;
}
.listenbild {
	height:150px;
}
.hoteltext {
	height:239px;
}

.schifftext {
	height:226px;
}
#hotel-list h1 {
	font-size:160%;
	height:30px;
}
#hotel-list .schifftext h1 {
	height:65px;
}
#hotel-list h2 {
	font-size:110%;
	margin-bottom:10px;
}
#hotel-list h3 {
	font-size:250%;
	float:left;
	font-weight:normal;
	margin-top:-6px;
}
.listenbild img:empty {
	height:150px;
	background:white;
}
#hotel-list-search-head {
	background: #1c39ef;
	color: #fff;
	cursor: pointer;
}
.hotel-list-item a.detail-button, .search-button {
	text-decoration: none;
	padding: 7px 30px;
	background: #098cd4;
	color: #fff;
	float: right;
	border:none;
}
.hotel-list-item a {
	text-decoration:none;
}
.kurzbeschreibung {
		height:134px;
		margin-top:14px;
	}
	/* schiffsreisen */
#p4 .kurzbeschreibung {
	margin-top:0;
	height:120px;
}
/*------------------*/

/*hotel detailansicht*/
a.map {
	width:176px;
	height:116px;
	background-image:url(fileadmin/templates/pics/hotel/rahmen_maps.jpg);
	
}
a.map:hover {
	
}
.detailbild {
   width:100%;
   height:350px;
   overflow:hidden;
   margin-bottom:20px;
   clear:after;
}
.detailbild img {
	width:100%;
	height:auto;
	margin-top:-50px;
}
#left {
	width: 67%;
}
#right {
	width:30%;
	float:right;
	clear:both;
	margin-left:3%;
}
.anfordern {
	width:100%;
	height:40px;
	margin-bottom:20px;
	background: #098cd4;
	text-align:center;
}
.anfordern a {
	text-decoration: none;
	padding: 10px 70px;	
	color: #fff;
	line-height:40px;
	font-size:120%;
}
.title {
	float:left;
	color:#098cd4;
	line-height:150%;
	margin-right:10px;
	clear:both;
}
.video.title {
	float:none;
}
.no-float {
	float:none;
}
.gallery {
	margin-bottom:20px;
}
.box {
	border: 1px solid #666;
	padding:10px;
	margin-top:20px;
	background-color:#eee;
}
.box.video {
	padding: 15px 10px 0;
}
iframe {
	border:none;
}
.video p {
	text-align:center;
}
.video a.3d:link {
	border: 2px solid #777;
	border-radius: 50%;
	padding: 15px;
	font-size: 140%;
	line-height: 50px;
	color: #666;
}
.gallery a {
	text-decoration:none;
}
/*------------------*/

/* suchformular */

#c96 h1, #c109 h1 {
	padding: 1% 0;
	margin-bottom:10px;
}
#c96.csc-default, #c109.csc-default {
	padding:0;
}
#c109 h3 {font-size:215%;}
.search-form {
	margin-bottom:20px;
}
.search-form fieldset {
	border:none;
}
.search-form label {
	color:#222;
}
.searchlabel {
	width:25%;
	float:left;
}
.clear {
	clear:both;
	padding-top:10px;
}
.search-button {
		font-size:110%;
		padding: 10px 90px;
}
.search-button:hover {
	cursor:pointer;
}
hr {
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top:20px;
}
@media handheld and (max-width: 768px), screen and (max-width: 768px) {
	#c109 #hotel-list, #c96 #hotel-list, #p3 #two-third, #p4 #two-third, #p11 #two-third, #p12 #two-third, #p13 #two-third, #p14 #two-third, #p15 #two-third, #p16 #two-third, #p17 #two-third, #p18 #two-third, #p37 #two-third {
    width: 100%;
    float: left;
	}
		.hotel-list-item {
    width: 49%;
    margin: 0 0.5%;
	}
	#hotel-list h1 {
    font-size: 140%;
	overflow:hidden;
	}
	#hotel-list .schifftext h1 {
    height: 50px;
	}
	.schifftext {
		height: 209px;
	}
	.hoteltext {
		height: 225px;
	}
	#p2 .hotel-list-item .hoteltext, #p3 .hotel-list-item .hoteltext, #p4 .hotel-list-item .schifftext, #p11 .hotel-list-item .hoteltext, #p12 .hotel-list-item .hoteltext, #p13 .hotel-list-item .hoteltext, #p14 .hotel-list-item .hoteltext, #p15 .hotel-list-item .hoteltext, #p16 .hotel-list-item .hoteltext, #p17 .hotel-list-item .hoteltext, #p18 .hotel-list-item .hoteltext, #p37 .hotel-list-item .hoteltext, #p19 .hotel-detail, #p30 .hotel-detail {
		margin-bottom: 4px;
	}
	.searchlabel {
		width: 50%;
		}
		#c96 h1, #c109 h1 {
		padding: 0;
	}
	#hotel-list h3 {
		font-size: 190%;
		margin-top: 0;
	}
	.kurzbeschreibung {
		height: 145px;
		margin-top: 0;
	}
	#p2 .hotel-list-item .hoteltext, #p3 .hotel-list-item .hoteltext, #p4 .hotel-list-item .schifftext, #p11 .hotel-list-item .hoteltext, #p12 .hotel-list-item .hoteltext, #p13 .hotel-list-item .hoteltext, #p14 .hotel-list-item .hoteltext, #p15 .hotel-list-item .hoteltext, #p16 .hotel-list-item .hoteltext, #p17 .hotel-list-item .hoteltext, #p18 .hotel-list-item .hoteltext, #p37 .hotel-list-item .hoteltext, #p19 .hotel-detail, #p30 .hotel-detail {
		padding: 4px 2px 5px 2px;
		margin-bottom: 0px;
	}
	.anfordern a {
		padding: 10px 5px;
		font-size:99%;
	}
	.hotel-list-item a.detail-button, .search-button {
		padding: 6px 24px;
	}
	.detailbild {
    height: 210px;
	}
	.detailbild img {
		width: 100%;
		height: 210px;
		margin-top: 0px;
		
	}	
	.detailbild img {
		margin-top:0;
	}	
	.title {
		line-height: 115%;
		margin-right: 2px;
	}
	.box {
		margin-top:5px;
		padding:5px;
	}
}


@media handheld and (max-width: 480px), screen and (max-width: 480px) {
	.search-form fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	.searchlabel {
		width: 100%;
	}
	.hotel-list-item {
		width: 100%;
		margin: 0;
	}
	 .hoteltext {
		height: 191px;
	}
	#left{
		width:60%;
	}
	#right{
		width:38%;
		margin-left:2%;
	}
	#hotel-list .schifftext h1 {
    height: 23px;
}
#p4 .kurzbeschreibung {
    margin-top: 0;
    height: 80px;
}
.schifftext {
    height: 140px;
}
.detailbild {
    height: 140px;
}
.detailbild img {
    width: 100%;
    height: 150px;
    margin-top: 0px;
	
}
.kurzbeschreibung {
    height: 110px;
}
}