.angebote {
max-width:92%;
height:100%;
margin:20px auto;
}
.folgeseite {width:31%}
.folgeseite>div {
    background-color: #FF910B;
    margin: 6px auto;
    border: 1px solid #AAA;
}
.folgeseite>div>.einzelangebot {width: 97%;margin: 6px auto}
.folgeseite>div>.einzelangebot+.einzelangebot {margin-top: 14px;}
.suche div {
padding:2px 0;
margin: 10px 2px;
background-color:#EEE;
display:block;
width:175px;
}
.suche select {margin:4px;font-size:12px;width:168px;padding:0 0 0 4px}
.suche input  {margin:4px;font-size:12px;width:160px;padding:0 0 0 4px}
.suche select[name=geb] option[value^="R"], .suche select[name=shf] option[value^="A"] {background-color:#ddd}
.suche h2 {float:right;margin:10px 0}
.suche h2 a {
padding:2px 10px;
color:#FFF;
font-size:16px;
font-weight:bold;
font-style:italic;
border:2px outset #EEE;
background-color:#ff910b;
}
.suche h2 a:hover {
padding:2px 10px;
background-color:#822d2e;
color:#FFF;
border:2px outset #EEE;
}
.einzelangebot {
width:31.3%;
background-color: #f2f5f9;
margin: 6px 1%;
border:1px solid rgba(0,67,136,0.2);
padding-bottom:10px;
}

.monatsangebot {
display:block;
width:186px;
background-color:#eeeeee;
margin:6px 0;
padding-bottom:4px;
position:relative;
}
.einzelangebot h1 a {
background-color:#004388;
font-size:14px;
font-weight:bold;
color:#FFF;
display:block;
text-align:center;
line-height: 1.5em;
padding: 4px;
}
.monatsangebot h1 a {
padding:4px;
background-color:#822d2e;
font-size:15px;
font-weight:bold;
color:#FFF;
display:block;
text-align:center;
}
.monat {
padding:4px 14px;
background-color:#822d2e;
font-size:16px;
font-style:italic;
font-weight:bold;
color:#FFF;
display:block;
}
.einzelangebot h1 a:hover {background-color:#822d2e;color:#FFF}
.einzelangebot h2, .monatsangebot h2 {
margin:10px 6px;
font-size:17px;
text-align: center;
font-weight: normal;
min-height:40px;
}
.einzelangebot h1 a>span {
    text-transform: uppercase;
}
.pP {
font-weight:bold;
text-align: center;
margin-top:20px;
}
.pP a, .preis {
line-height:1.2em;
color:#822d2e;
font-size:22pt !important;
font-weight:bold;
font-style: italic;
margin-right:4px;
}
.pP span, .u-pP span {width:30%;font-weight:bold;font-size:12px;color:#822D2E;line-height:1.1em}
.einzelangebot h3, .monatsangebot h3 {
font-size:15px;
padding:4px 10px;
font-weight: normal;
min-height:6.5em;
}
.datum {
margin-top:10px;
text-align:center;
font-size:14px;
font-weight:bold;
}
.klein {font-size:14px}
.reiseinfo {font-size:12px;margin: 2px;text-align:center}
.reiseinfo :hover {color:#822d2e}
.uebersicht, .sitemap {
position:relative;
margin-bottom:10px;
color:#004388;
padding:0;
}
.textblock {
	margin: 20px 0;
	border:1px solid rgba(0,67,136,0.1);;
	background: rgba(0,67,136,0.05);
}
.textblock h1 {
    font-size:19px;
    font-weight: bold;
    margin: 30px 3% 0 3%;
}
.bildclip {
	position: relative;
	clip: auto;
	overflow: hidden;
	width: 100%;
	height: 360px;
}
.u-anzeigetext{
margin:20px 3%;
}
.u-pP {
font-weight:bold;
text-align:center;
margin:20px 1.16%;
}
.u-preis {
color:#9d000b;
font-size:19px;
font-weight:bold;
font-style:italic;
margin:22px 4px 0 0;
}
.u-img {
/*margin:2px 20px 2px 2px;*/
margin-right:20px;
float: left;
}
.preis-info, .hinw {color:#9d000b;font-size:12px}
.preis-info {line-height:0.8em}
.u-info {
position:relative;
bottom:4px;
background-color:#19539c;
color:#FFF !important;
font-size:14pt !important;
font-weight:bold;
padding: 4px 10px;
border:1px outset;
line-height:1.8em;
}
.u-info:hover {
background-color:#822d2e;
}
.reiter {
padding:4px 0;
}
.reiter a, .reiter span {
background: rgba(0,67,136,0.3);
line-height:2em;
font-size:16px;
font-style:italic;
font-weight:bold;
padding:4px 10px;
border: 1px outset rgba(0,67,136,0.3);
text-align:center;
margin: 4px;
}
.reiter span {
	background: rgba(0,67,136,0.5);
	border: 1px outset rgba(0,67,136,0.5);
}
.reiter span {color:#FFF}
.reiter a:hover {color:#822d2e}
#angebotDetails {
	padding-top: 62px!important;
	top: -42px;
	position: relative;
}
#detail {
padding: 10px;
font: Arial, Helvetica, sans-serif;
color: #004388;
text-decoration: none;
text-align:justify;
border:1px solid #CCC;
}
#detail table p {line-height:28px}
#detail h3{font-weight: bold;margin: 20px 0 5px 0}
#detail h2{font-size:17px;margin: 30px 0 10px 0}
#detail table{
width: 100%;
empty-cells: show;
border: 0;
}
#detail tr{background: rgba(0,67,136,0.1)}
#detail td,#detail th{
border:0;
padding: 4px 6px;
empty-cells: show;
text-align:left;
vertical-align:middle;
border-bottom:1px solid rgba(0,67,136,0.2);
margin:0;
font-size:14px;
}
#detail td:first-of-type,#detail th:first-of-type {width:40%;}
#detail td p, #detail td div, #detail td span, #detail li, #detail li p{padding: 0;margin:0}
#detail label, .fett{font-weight:bold}
#detail input[type=text], #detail textarea,#detail select {width: 100%;margin-top:4px;height: 29px}
#detail textarea{height: 75px}
#detail input[type=checkbox] {width: 20px;height: 20px;}
#detail input[type=submit].btn {width:100%}
#detail li {margin-left:16px}
#detail li+br {margin-bottom:0;padding-bottom:0;line-height:0}
input.error, select.error {background-color:#F3D29D}
.img-div {float:left;text-align:center;margin-right:1px}
.terminzeile {background: rgba(0,67,136,0.1);margin-bottom:5px;}
.terminzeile a {
    padding: 0 10px;
    line-height: 2em;
}
a.anfrage {
	background: rgba(0,67,136,0.1);
	text-align: center;
	-ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
	min-width: 140px;
	font-weight:bold;
}
a.anfrage>span{color:#822D2E;font-weight:bold;font-size: 28px;vertical-align: middle;}
.preis-ang {color: #090;float:right}
.preis-kat {color: #900;text-decoration:line-through;float:right}
.preis-sup {color: #000;float:right}
table[id^="cs_"] th {text-align:left}
#detail .footnotes, #detail .footnotes p{
font-size:13px;
border-bottom:0 !important;
background-color:#FFF !important;
padding-top:2px;
line-height: 1.5em;
}
#detail img {margin:0 1px 1px 0}
.table-row-bkg-dark{background: #F7F7F7}
.table-row-bkg-light{background: #E0E0E0}
.ausblend{display:none}
.search {
font-family: Arial, Helvetica, sans-serif;
color:#004388;
font-size:13px;
padding:0;
}
.textblock a[href$="print=1"] {float:right;padding:10px}
.b127, .b127 img {width:127px;height:90px}
.b190, .b190 img, .s190 img {width:100%;height:auto;position: relative}
.b186, .b186 img, .s186 img {width:186px;height:131px}
.b253, .b253 img {width:100%;    min-width: 506px}
.s190 {min-width: 204px;font-size:12px;text-align: center;ms-flex: 0 0 16%;flex: 0 0 16%;position:relative}
.s190 img{border:2px solid #FFF}
.s190 .copyright {top:0} 
.cruiseportal {margin:0 auto;padding:0;display:inline;width:98%;margin: 6px auto 20px}
.folgeseite+.cruiseportal {width:65%}
.route {margin-left:20px !important;float:right;width: 253px;padding-bottom: 10px}
.warn {color:#9d000b;font-weight:bold}
.btn_buchung {float:right;width:72px;height:23px}
/*.pfeillinks {
  background-image: url(bilder/pfeil-links.gif);
  background-repeat:no-repeat;
  float:left;
  margin-left:10px;
  padding-left:60px;
  height:24px;
}
.pfeillinks:hover {
  background-image: url(bilder/pfeil-links-rot.gif);
}
.pfeilrechts {
  background-image: url(bilder/pfeil-rechts.gif);
  background-repeat:no-repeat;
  background-position: right;
  float:right;
  margin-right:10px;
  padding-right:60px;
  height:24px;
}
.pfeilrechts:hover {
  background-image: url(bilder/pfeil-rechts-rot.gif);
}*/
.pfeil {width: 100%}

.pfeilrechts {float:right;line-height: 60px}
.pfeilrechts::after {
    content: url(bilder/pfeil-rechts.gif);
    margin: 20px 10px;
}
.pfeilrechts:hover::after {
    content: url(bilder/pfeil-rechts-rot.gif);
    margin: 20px 10px;
}
.pfeillinks {float:left;line-height: 60px}
.pfeillinks::before {
    content: url(bilder/pfeil-links.gif);
    margin: 20px 10px;
}
.pfeillinks:hover::before {
    content: url(bilder/pfeil-links-rot.gif);
    margin: 20px 10px;
}

@media only screen and (max-width:1155px) {
	.s190 {ms-flex: 0 0 25%;flex: 0 0 25%}
}
@media only screen and (max-width:939px) {
	.s190 {ms-flex: 0 0 33.3%;flex: 0 0 33.3%}
	a.anfrage {ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%}
}
@media only screen and (max-width:839px) {
.textblock .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.einzelangebot {width:47%}
	.einzelangebot {margin-left: 1.5%}
	.pfeilrechts>span,.pfeillinks>span {display:none}
}
@media only screen and (max-width:719px) {
	.s190 {ms-flex: 0 0 50%;flex: 0 0 50%}
}
@media only screen and (max-width:679px) {
	.folgeseite+.cruiseportal,.folgeseite {width: 98%;margin: 10px auto}
}
@media only screen and (max-width:629px) {
	#angebotDetails {
		padding-top: 46px!important;
		top: -26px;
	}
}
@media only screen and (max-width:489px) {
	.s190 {ms-flex: 0 0 100%;flex: 0 0 100%}
	.col-5.u-anzeigetext,.col-5.u-pP {
	  ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;	}
	.einzelangebot {width:100%;margin-left:0}
	#detail {text-align: left}
}