@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'NettoOT';
    src: url('/_partner/hotelplan/fonts/nettoot-webfont.eot');
    src: url('/_partner/hotelplan/fonts/nettoot-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_partner/hotelplan/fonts/nettoot-webfont.woff') format('woff'),
         url('/_partner/hotelplan/fonts/nettoot-webfont.ttf') format('truetype'),
         url('/_partner/hotelplan/fonts/nettoot-webfont.svg#nettoot') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4 {
	font-family: "NettoOT",Arial,Helvetica,sans-serif;
	font-weight:normal;
}

#main .wrap-static h1, 
#main .wrap-static h2, 
#main .wrap-static h3, 
#main .wrap-static h4, 
#main .wrap-static h5, 
#main .wrap-static h6 {
    padding-left:0;
    margin: 0;
}
#main .wrap-static h1 {
	color: #FF0000;
	margin:0;
	font-weight:normal;
}
#main .wrap-static .description-wrap h1 {
	margin: 5px 0 0 2px;
}
#main .wrap-static h3 {
    font: 1.8em/1.7 'NettoOT';
}
#main .wrap-static h3.smallTitle {
	color: #666666;
	font: 1.4em/1.3 'NettoOT';
	margin-bottom: 0.3em;
}
#main .wrap-static h4 {font-size: 1.4em;}
#main .wrap-static h5 {font-size: 1.2em;}
#main .wrap-static h6 {font-size: 1em;}
#main .wrap-static .comments-wrap h4 {
	padding-left: 0.3em;
	margin: 0 0 10px;
	font-size:1.6em;
	color: #666666;
}

#main .wrap-static .description-wrap h1,
#main .wrap-static .description-wrap p,
#main .wrap-static .side-navi dt,
#main .wrap-static .side-navi dd {
	text-align:left;
}

.wrap-static ul {
	list-style-position: outside;
	margin-bottom: 15px;
	margin-left:14px;
	list-style-type: disc;
}
.wrap-static ol {
	list-style-position: inside;
	margin-bottom: 15px;
}
.wrap-static .listBox ul {
	list-style-position: outside;
}

.wrap-static table {
	margin-bottom: 15px;
	width: 100%;
}
.wrap-static tfoot td,
.wrap-static th {
	background-color: #E4E4E4;
    color: #333333;
}
.wrap-static th, .wrap-static tfoot td {
	margin: 0.3em;
    padding: 0.3em;
}
.wrap-static table p {
	margin:0;
}
.wrap-static li p {
	margin:0;
	line-height:normal;
}

/*Side Navigation*/
.wrap-static .side-navi {
	font: 1.2em 'NettoOT';
	float:left;
	width:21.5%;
}
.wrap-static .side-navi dl {
	margin: 0.5em 0.5em 0.5em 0;
}
.wrap-static .side-navi dt, 
.wrap-static .side-navi dd {
	padding:0.5em 0 0.5em 0.3em;
	margin-right: 0.3em;
}
.wrap-static .side-navi dt {
	font-weight:bold;
}
.wrap-static .side-navi .side-list dt {
	font-weight:normal;
}
.wrap-static .side-navi dd {
	border-top: 1px solid #e4e4e4;
}
.wrap-static .side-navi dd:hover,
.panel-accordion .title:hover {
	background-color: #f2f2f2;
}
.wrap-static .side-navi .side-list dd:hover {background-color: inherit;}
#main .wrap-static .side-navi a:hover {
	color:#FF0000;
}

/*Content Block*/
.wrap-static .blockwithnavi{
	width:78.5%;
	float:right;
}
.wrap-static .block {
	width:100%;
	clear:both;
}
.wrap-static .noTitle {
	padding-top:12px;	
}
/*.wrap-static .block div, .wrap-static .blockwithnavi div {
	padding-right: 0.9em;
}
.wrap-static .block .grid2-col2-2, 
.wrap-static .blockwithnavi .grid2-col2-2,
.wrap-static .block .grid3-col3-3,
.wrap-static .blockwithnavi .grid3-col3-3,
.wrap-static div.noTitle, 
.wrap-static div.details-list, 
.wrap-static .blockwithnavi div.details-list,
.wrap-static div.details-list div, 
.wrap-static .blockwithnavi div.details-list div,
.wrap-static div.comment {
	padding-right: 0;
}*/
.wrap-static div.comments-wrap {
	margin: 0.5em 0 0 0;
    padding: 0.1em 0 0 0;
}
.wrap-static .panel-accordion div.content {
	width: inherit;
}
/* 29.10.2012 JWI: für Flugspecial Introtext*/
.wrap-static .panel-accordion div.content p {
	margin-right:25px;
}
.wrap-static .col1 {padding-right:1em;}

.wrap-static .block .grid2-col1-2,
.wrap-static .blockwithnavi .grid2-col1-2,
.wrap-static .block .grid2-col2-2,
.wrap-static .blockwithnavi .grid2-col2-2{
	width: 49%;
	float:left;
}
.wrap-static .block .grid3-col1-3,
.wrap-static .blockwithnavi .grid3-col1-3,
.wrap-static .block .grid3-col2-3,
.wrap-static .blockwithnavi .grid3-col2-3,
.wrap-static .block .grid3-col3-3,
.wrap-static .blockwithnavi .grid3-col3-3 {
	width: 32%;
	float:left;
}

/*seitenspezifische CSS*/
#main .wrap-static h2#cruiselineTitle {
	margin-left:8px;
	}
#main .wrap-static h2#xFahrtSpecialsTitle {
	margin-bottom:8px;
}
.NoEndRightSidebar {
	width:298px;
	}
.wrap-static ul.countryList, 
.wrap-static ul.countryList ul {
	list-style:none;
}
.wrap-static ul.countryList li a {
	background-image: url(/hpgrp/images/icons/pdf.gif);
    background-repeat: no-repeat;
    display: block;
    padding: 2px 0 0.5em 1.9em;
}

.panel-content-wrap .content, .panel-content-wrap .title {
	padding-left:25px;
}

/* Header Bild mit Titel, Text, transp. Balken und Button*/
.wrap-static .pic-wrap .description-wrap {
    width: 96%;
    padding: 0 20px 30px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
}
.wrap-static .pic-wrap {
	margin-bottom:-1.6em;
}
.wrap-static .pic-wrap > img {
	max-height: 220px;
}
.wrap-static .pic-wrap .btn-group {
	float: right;
	margin: 0;
}
.wrap-static .pic-wrap .btn-group:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.wrap-static .pic-wrap .btn-group .btn {
	margin-right: 10px;
	background-color: #FF0000;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
}
.wrap-static .pic-wrap .description-wrap p,
.wrap-static .comment-teaser .text {
	line-height: 1.3em;
	margin: 0 0 0.6em 0;
}

/*Accordion Darstellung*/
.wrap-static .accordionIcon {
	padding-left:80px;
}

/*ferienwohnungen interhome*/
.boxes {float:left; width:16em; color:#333333; margin-right:1em;}
.boxes .specialLink {padding-left:5px;}
.h2Title {padding:5px; margin:0; font-size:1em; background-color:#EFEFEF;}
.linkBox, .listBox {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #EFEFEF; margin-top:5px; padding-bottom:5px;}
.linkBox ul {padding: 0 5px; margin: 0;} 
.linkBox li {list-style:none; padding-bottom:1px;}	
.listBox ul {padding: 5px 5px 0 0; margin: 0 0 0 18px;} 
.listBox li {padding-bottom:1px;}

/*.col1flightspecial {
	width: 6em;
}*/

/*gaytravel*/
.wrap-static div.comment .colr {width: 33.5em;}
.wrap-static div.comment .coll {padding-left: 0.3em;}
#main .wrap-static .comment h5 {font-size: 1.4em; margin-bottom:5px;}
.wrap-static .side-list .text {font-size: 0.8em; font-family: Arial,Helvetica,sans-serif; line-height:normal;}
.wrap-static .side-list dd img {margin:0.4em 0.2em 0 0;}
.wrap-static .img-list dd {padding-left: 0;}
.wrap-static .side-navi .img-list dd:hover{background-color:inherit;}

/*Flug*/
.wrap-static .linkbox {
	border: 1px solid #E4E4E4; 
	padding: 3px; 
	width: 200px; 
	height:15px;
	margin: 0 2px 2px 0;
	display: block;
	font-size:12px;
}
.wrap-static .linkbox:hover {background-color:#F2F2F2;}
.wrap-static .xPartsList {margin: 0 25px 25px 0;}
.wrap-static .xPartsList td {border-bottom:1px solid #DFDEDD; padding:5px 10px 5px 0;}
.wrap-static .info {color:#909090;}
.wrap-static .bookingengine {padding:0;}
.wrap-static .bookingengine p {padding-left:25px;}

/*Geschenkgutschein jotForm*/
.wrap-static .jotform-form ul {list-style-type: none; margin: 0;}
.wrap-static .form-header-group {padding:0;}
.wrap-static .form-line {padding-left:0; padding-right:0;}
.wrap-static .form-all {width:100%;}
.wrap-static .form-spinner-input-td {vertical-align:top;}
.wrap-static .form-multiple-column .form-radio-item {width:170px;}