/* validiert am: 16.11.2007 KDr */
/* http://jigsaw.w3.org/css-validator */


/* alle Inhalte des MultiTeaser */
/* MT in Content (mitte) */
#content .mt {
margin: 15px 0 0 0 !important;
padding: 0;
width: 560px;
/* neue hoehe fuer MT mit Verlaengerungstag */
height: 450px;
/* height: 410px;
height: 380px; */
overflow: hidden;
position: relative;
}

/* Ueberschriften */
.mt h4, 
.mt h5,
.mt h6 {
margin: 0 !important;
padding: 5px 5px 0 5px !important;
font-size: 13px!important;
background-color: #FFFFFF !important;
}

div.mt div.mtimage p {
/* fuer IE6 */
display: block;
padding: 0px 5px !important;
margin: 0 !important;
/* margin: 0 !important; */
width: auto;
background-color: #FFFFFF;
font-size: 10px;
line-height: 1.5em;
/* abstand zwischen Angeboten wird durch border-bottom realisiert */
border-bottom: 10px solid #FFFFFF !important;
}

div.mt div.mtimage div#fluege p {
border-bottom: 0px solid #FFFFFF !important;
}

/* IE6 */
* html div.mt div.mtimage p {
height: 1%;
}

/* IE7 */
* + html div.mt[class] div.mtimage p {
height: auto;
display: inline-block;
}

#context div.mt div.mtimage p {
font-size: 1em;
border-bottom: 10px solid #FFFFFF !important;
}

div.mt div.mtimage[class] p {
border-bottom: 10px solid #FFFFFF !important;
}

* + html div.mt div.mtimage[class] p .preisrechtsbeundig {
display: block;
}

div.mt div.mtimage p.mt-innen {
width: 157px;
margin: 0 5px !important;
padding: 0px 5px 0px 5px !important;
background: #FFFFFF;
overflow-x: hidden; /* fuer ie6 */
/* background: #ffe4b5 !important; */
}

#wrapper #content div.mt div.mtimage p a.sfr {
font-weight: normal !important;
text-align: right !important;
display: block !important;
}

#wrapper #content div.mt div.mtimage p a.sfr small {
text-align: right !important;
}

/* Grafiken */
.mt img {
margin: 0 !important;
padding: 0 !important;
}

.mt br {
padding: 0;
margin: 0;
display: inline;
clear: both;
}

/* Layer fuer Teaser Inhalte CONTENT (mit GRAFIK) */
#content .mt .mtimage {
position: relative;
background-repeat: no-repeat;
margin: 0;
padding: 0;
overflow: hidden;
float: left;
width: 177px;
height: 408px;
background-color: #FFFFFF;
}

div.mt div.teasertext {
margin: 0 0 0 5px;
padding: 0;
font-size: 10px;
background-color: transparent !important;
}

div.mt dif#fluege div.teasertext {
margin: 10px 10px 0 10px;
padding: 0px;
font-size: 10px;
background-color: transparent !important;
}

/* Text */
div.teasertext p {
margin: 0;
padding: 5px 5px 0 0 !important;
font-size: 10px;
display: block;
background-color: #FFFFFF;
border-bottom: 0px solid #FFFFFF;
}

div.teasertext p p {
margin: 0;
padding: 0;
padding-left: 0;
font-size: 10px;
display: block;
background-color: #FFFFFF;
border-bottom: 0px solid #FFFFFF;
}

/* Extrem prutsching - aber valid  */
div.teasertext strong {
/* display: block; */
display: inline-block;
}

/* KLASSEN und IDs fuer Fluege */

/* Teaser oben ausgerichtet */
.mt #fluege {
display: block;
position: absolute;
bottom: 10px;
width: 157px !important;
margin: 0 10px 0 10px;
padding: 0;
background-color: #FFFFFF;
}

/* Teaser unten ausgerichtet */
#content .mt #fluege.unten {
bottom: 10px;
border-bottom: none;
}

/* Teaser unten ausgerichtet */
.mt div.oben {
top: 10px;
border-top: 0; /* Ueberstimmt aelteren Tabellenstil */
}

.mt #fluege p {
width: 157px;
margin: 0 0 5px 0 !important;
border-bottom: 0px solid #FFFFFF;
}

/* Super Nur Flug */
div#content div#fluege p {
min-height: 13px;
background: url(/images/pf_content.gif) no-repeat 5px 4px;
}

/* IE 6 */
* html div#content div#fluege p {
background: url(/images/pf_content.gif) no-repeat 5px 5px;
}

/* IE 7 */
* + html div#content[id] div#fluege p {
background: url(/images/pf_content.gif) no-repeat 5px 5px;
}

.mt #fluege p a strong {
width: 76px;
font-size: 1em;
}

.mt #fluege p a span {
width: 60px;
}

div#content div#fluege div.teasertext p {
height: auto;
background-image: url(/images/0.gif) !important;
}

/* Formatierung der Kategorien in den Multiteasern */
em.multikat { 
float: left;
display: block;
margin: 0;
width: 50px;
padding: 4px 0 0 2px;
}
em.multikat[class] { 
padding: 3px 0 0 2px;
}

/* KLASSEN und IDs fuer Angebote */
/* Block Superguenstige Fluege */
.nurangebote {
float: left;
width: 177px!important;
margin: 0 0 0 5px!important;
padding: 6px 0 0 0 !important;
line-height: 1em!important;
}

.nurangebote[class] {
margin: 0 0 0 10px!important;
}

/* Super Nur Flug */
div.mt div.mtimage div.nurangebote p {
display: block;
background: url(/images/pf_content.gif) no-repeat 5px 4px transparent;
overflow: hidden; 
border: 0;
width: 157px;
margin: 0 0 2px 0 !important;
padding: 0 0 0 5px !important;
border-bottom: 0 !important;
height: auto !important;
}

div.mt div.mtimage div.nurangebote[class] p {
width: 167px;
}

/* link auf Angebote */
.nurangebote p a {
color: #CC0000; 
text-decoration: none !important;  
cursor: pointer;
}
.nurangebote p a:hover {
color: #CC0000; 
text-decoration: none !important;  
cursor: pointer;
}

/* Flugziel */ 
.nurangebote p a strong { 
color: #000000; 
padding: 0 0 0 12px; 
margin: 0!important; 
float: left; 
display: block; 
width: 75px !important; 
font-size: 1em; 
letter-spacing: -0.1em; 
}

/* "ab" und Preis (rechts) */
.nurangebote p a span {
text-align: right;
float: left;
display: block;
width: 60px;
padding: 0px;
margin: 0!important;
}


/* nur Flug */
.mt #fluege p a span big {
font-weight: bold;
font-size: 1.0em !important; /* important fuer IE 7 */
}

/* nur Preis */
.nurangebote p a span big {
font-weight: bold;
font-size: 1.0em; 
}

.mt .nurangebote p a strong {
width: 76px;
}

.mt .nurangebote p a span {
width: 60px;
}

/* schweizer Preise in Multiteaser mit Bild img oben */
.mt .nurangebote p a small.sfr {
float: none;
clear: both;
display: block;
width: 147px;
margin: 0;
padding: 0;
text-decoration: none;
text-align: right;
font-weight: normal; 
}

/* Box um die Dauer und Verplegung, um den Preis daneben Rechtsbuendig anzeigen zu koennen*/
.mt p span.dauerundverpflegung {
display: block;
width: 78px;
overflow: hidden;
float: left;
font-size: 10px;
white-space: nowrap;
letter-spacing: -1px;
/* background: #CCCCCC; */
}

/* Preis rechtbuendig neben Dauer und Verpflegung*/
.mt p span.preisrechtsbeundig {
display: block;
width: 79px;
float: right;
text-align: right;
font-size: 10px;
/* background: #DDDDDD; */
margin: 0 !important;
padding: 0 !important;
line-height: 130%;
}

/* neue Regeln fuer erweiterung der MultiTeaser 
   siehe auch Zeile 40 in diesem CSS (fuer zusaetzliche IE Formate) */

/* hotelort */
span.hotelort {
display: inline-block;
}

.mt-zielgebiet {
float: left; 
display: block;
}

/* ENDE neue Regeln fuer erweiterung der MultiTeaser */

div#fluege p a small.sfr {
float: none;
clear: both;
display: block;
width: 147px;
margin: 0;
padding: 0;
text-decoration: none;
font-size: 10px;
text-align: right;
font-weight: normal; 
}

div#wrapper div#context div#context-inhalt div.mt p a.sfr,
div#wrapper div#context div#context-inhalt div.mt p span.sfr {
clear: both;
font-weight: normal !important; 
display: block !important;
width: 100%;
margin:0 0 4px 0;
padding: 0;
letter-spacing: 0px;
word-spacing: 0px;
text-align: right !important;
text-decoration: underline !important;
}

.mt p span.sfr {
text-decoration: none !important;
}

br.break {
clear: both;
}

/* Vorlauefig entfernt wegen IE7 Fehler */
/* br.break[class] {
height: 0px !important;
line-height: 0px !important;
font-size: 0px !important;
} */


/* Links */
.mt a         { color: #CC0000!important; background-color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.mt a:link    { color: #CC0000!important; background-color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.mt a:visited { color: #CC0000!important; background-color: #FFFFFF; text-decoration: none; font-weight: bold; }
.mt a:hover   { color: #000000!important; background-color: #FFFFFF; text-decoration: none; font-weight: bold; } 
.mt a:active  { color: #000000!important; background-color: #FFFFFF; text-decoration: none; font-weight: bold; }
.mt a:focus   { color: #000000!important; background-color: #FFFFFF; text-decoration: none; font-weight: bold; }

.mt span.linebreak {
padding: 0!important;
margin: 0!important;
display: block!important;
clear: both!important;
line-height: 15px;
height: 15px;
}

/* ############# */
/* MT in Context */
/* ############# */

#context .mt {
margin: 0;
padding: 0;
width: 146px;
height: auto;
overflow: hidden;
position: relative;
}

/* Ueberschriften */
#context .mt h4, 
#context .mt h5,
#context .mt h6 {
margin: 0!important;
padding: 5px 5px 0 5px !important;
font-size: 10px !important;
background-color: #FFFFFF !important;
}

/* Layer fuer Teaser Inhalte CONTENT (mit GRAFIK) */
#context .mt .mtimage {
background-repeat: no-repeat;
width: 144px;
overflow: hidden;
height: auto;
padding-bottom: 0px !important;
background-color: #FFFFFF;
}

/* KLASSEN und IDs fuer Fluege */
#context .mt #fluege {
margin: 2px 0 0 0;
padding: 0;
width: 144px !important;
background-color: #FFFFFF;
position: relative;
}

/* Super Nur Flug */
#context #fluege p {
display: block;
padding: 0!important;
background-image: url(/images/0.gif);
}

#context .mt #fluege p {
width: 140px;
font-size: 10px !important;
margin: 0 0 5px 5px !important;
border-bottom: 0px solid #FFFFFF;
}

#context .mt #fluege p a strong {
padding: 0!important;
width: 90px;
}

#context .mt #fluege p a span {
width: 45px;
}

/* Formatierung der Kategorien in den Multiteasern */
#context em.multikat { 
float: left;
display: block;
margin: 0;
width: 50px;
padding: 4px 0 0 2px;
}
#context em.multikat[class] { 
padding: 3px 0 0 2px;
}

/* KLASSEN und IDs fuer Angebote */
/* Block Superguenstige Fluege */
/* Super Nur Flug */



/* Flugziel */
#context .nurangebote p a strong {
width: 98px;
}

/* "ab" und Preis (rechts) */

#context .mt .nurangebote {
float: none;
margin: 5px 0 5px 5px !important;
padding: 0 !important;
width: 149px !important;
}

#context .mt .nurangebote .sfr {
display: block;
text-align: right;
width: auto;
margin-right: 15px;
font-weight: normal;
}

#context .mt .nurangebote p a strong {
width: 65px !important; /* ! */
margin-right: 0px !important;
}

#context .mt .nurangebote p a span {
width: 60px;
height: 1%;
}

/* another prutsch as prutsch can be - aber valid */
/* Abstaende in nur context anpassen */
/* dieser Prutsch ist jetzt auch fuer den Firefox gueltig da er die gleiche Fehldarstellung hatte - vorher nur IE6 und IE7 */
div#context div.mt div.mtimage div.nurangebote p {
clear: both;
margin: 0 0 2px 0 !important;
padding: 0 !important;
border: none !important;
background-position: 0px 4px;
width: 149px;
height: auto;
min-height: 0;
font-size: 1.0em;
line-height: 1.35em;
}

div#context div.mt div.mtimage div.nurangebote p a {
font-size: 1.0em;
}

/* Box um die Dauer und Verplegung, um den Preis daneben Rechtsbuendig anzeigen zu koennen */
#context .mt p span.dauerundverpflegung {
width: 72px;
letter-spacing: -1px;
}

/* Preis rechtbuendig neben Dauer und Verpflegung*/
#context .mt p span.preisrechtsbeundig {
width: 62px;
}

#context .mt p:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#context .mt p { display: inline-table; }
/* vor IE-mac verstecken \*/
* html #context .mt p { height: 1%; }
#context .mt p { display: block; }
/* ENDE vor IE-mac verstecken */


/* nur Preis */
#context .mt p big {
margin-right: 3px;
font-weight: bold;
font-size: 10px; 
}

/* neue Reglen fuer "verlaengerungstag" */
.verlaengerungstag {
width: 88px !important;
}
.verlaengerungstag-preis {
width: 69px !important;
}

#context .verlaengerungstag {
width: 82px !important;
}

#context .verlaengerungstag-preis {
width: 52px !important;
}


/* Teaser Kontextspalte superguenstige fluege */
div.mt table.super-guenstige-fluege tr th {
border: none !important;
text-align: left;
padding: 0 !important;
margin: 0;
font-size: 0.9em;
padding-left: 4px !important;
}

div.mt table.super-guenstige-fluege tr th.right {
text-align: right !important;
padding-right: 4px !important;
}

div.mt table.super-guenstige-fluege tr {
line-height : 150%;
padding:0;
}

div.mt table.super-guenstige-fluege tr td.reiseziel {
width: 55px;
padding-left: 4px;
font-size: 0.9em;
}

/* IE 7 */
div.mt table.super-guenstige-fluege tr td.reiseziel {
width: 70px;
}

div.mt table.super-guenstige-fluege tr td.verpflegung {
width:45px;
text-align: right !important;
font-size: 0.9em;
}

/* IE 7 */
* + html div.mt table.super-guenstige-fluege tr td.verpflegung {
width:30px;
text-align: right !important;
font-size: 0.9em;
}

div.mt table.super-guenstige-fluege tr td.preis {
width: 50px;
text-align: right;
font-size: 0.9em;
}

div.mt table.super-guenstige-fluege tr td.preis a {
padding-right: 4px;
}