/* CSS Styles for Hauser, Author Tim Reeves, Stand 2009-06-10 */
/* For the xml parser the canvas is , not */
html {
width: 100%;
height: 100%; /* Gecko and Opera both need this, in html AND body */
margin: 0px;
padding: 0px;
overflow: auto; /* And this, for a horizontal scrollbar */
border-style: none;
/* Diese font-family wird (fast) überall nach unten hin vererbt */
font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
border-style: none;
}
img, div, div div, div div div, div div div div, form {
margin: 0px;
padding: 0px;
border-style: none;
border-width: 0px;
}
div.main {
position: absolute;
top: 0px;
left: 0px;
width: 980px;
height: 600px;
margin: 0px auto auto 0px;
text-align: left;
overflow: hidden;
}
div.navoben {
position: absolute;
right: 0px;
top: 5px;
width: 600px;
height: auto;
text-align: right;
background-color: transparent;
overflow: hidden;
border-style: none;
}
/* Der ganze dicke Kopfbalken */
div.kopf {
position: absolute;
top: 25px;
left: 0px;
width: 980px;
height: 100px;
text-align: left;
background-color: transparent;
overflow: hidden;
}
div.kopf div.logo {
position: absolute;
top: 0px;
left: 0px;
width: 187px;
height: 100px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
a.logo, a.logo:link, a.logo:visited, a.logo:active,
a.logo:hover, a.logo:focus {
display: block;
text-decoration: none;
background-color: transparent;
position: absolute;
top: 9px;
left: 11px;
width: 161px;
height: 71px;
}
div.kopf div.pict {
position: absolute;
top: 0px;
left: 187px;
width: 590px;
height: 100px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* Dies bekommt eine kontinent-spezifische HG-Farbe */
div.kopf div.medienbestellung, div.kopf img.medienbestellung {
position: absolute;
top: 0px;
right: 0px;
width: 203px;
height: 100px;
z-index: 1;
}
div.kopf img.medienbestellung {
z-index: 2;
}
div.kopf div.medienbestellung p {
font-size: 10px;
font-weight: normal;
text-align: left;
padding: 2px 0px 0px 0px;
}
div.kopf div.medienbestellung p.erste {
padding: 0px 0px 0px 0px;
}
div.kopf div.medienbestellung p.title {
padding: 4px 0px 5px 0px;
text-align: center;
line-height: 100%;
}
div.kopf div.medienbestellung div.bestellen {
position: absolute;
top: 79px;
left: 73px;
font-size: 10px;
}
div.kopf div.medienbestellung p.title,
div.kopf div.medienbestellung div.bestellen {
font-weight: bold;
}
div.kopf div.medienbestellung p.title:first-letter {
font-size: 10px;
}
div.kopf div.medienbestellung img.katalog {
float: left;
margin: 1px 9px 0px 9px;
}
div.pfad {
position: absolute;
top: 134px;
left: 190px;
width: 773px;
height: 27px;
overflow: hidden;
color: rgb(0,20,63);
font-size: 10px;
font-weight: normal;
text-align: left;
padding: 3px 0px 0px 14px;
}
div.inhalt {
position: absolute;
top: 164px;
left: 190px;
height: 436px;
width: 787px;
overflow: auto;
}
div.liBalken {
position: absolute;
top: 134px;
left: 187px;
height: 466px;
width: 3px;
background-repeat: repeat-y;
background-position: 0px;
}
div.reBalken {
position: absolute;
top: 134px;
left: 977px;
height: 466px;
width: 3px;
background-repeat: repeat-y;
background-position: 0px;
}
/* If you specify a width for this DIV then in IE hover only works on the text, */
/* not the block - so use a width on the link itself */
div.hauptnav {
position: absolute;
top: 162px; /* First "divider" has padding-top 2px */
left: 0px;
height: auto;
text-align: left;
background-color: transparent;
}
div.ctrDiv {
height: 1px;
width: 1px;
}
a.avblehn1, a.avblehn1:link, a.avblehn1:visited, a.avblehn1:active, a.avblehn1:hover, a.avblehn1:focus,
a.iscurhn1, a.iscurhn1:link, a.iscurhn1:visited, a.iscurhn1:active, a.iscurhn1:hover, a.iscurhn1:focus,
a.offenhn1, a.offenhn1:link, a.offenhn1:visited, a.offenhn1:active, a.offenhn1:hover, a.offenhn1:focus {
display: block;
font-size: 10px;
font-weight: bold;
text-align: left;
text-decoration: none;
letter-spacing: 1px;
margin: 0px;
padding: 2px 0px 2px 12px;
width: 175px;
color: rgb(0,20,63);
background-color: transparent;
}
a.avblehn2, a.avblehn2:link, a.avblehn2:visited, a.avblehn2:active, a.avblehn2:hover, a.avblehn2:focus,
a.iscurhn2, a.iscurhn2:link, a.iscurhn2:visited, a.iscurhn2:active, a.iscurhn2:hover, a.iscurhn2:focus {
display: block;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
margin: 0px;
/* padding: 1px 0px 1px 22px;
width: 165px; */
padding: 1px 0px 1px 12px;
width: 175px;
color: rgb(0,20,63);
background-color: transparent;
}
div.divider {
margin: 2px auto 2px 12px;
width: 161px;
height: 1px;
overflow: hidden; /* Silly old MSIE needs this */
}
h1, h2, h3, h4, h5, h6 {
color: rgb(0,20,63);
text-decoration: none;
margin: 0px;
padding: 0px;
letter-spacing: 0px;
}
p, ul, ol, li, td, th, div, input, select {
color: rgb(0,20,63);
text-decoration: none;
margin: 0px;
padding: 0px;
}
/* Für allgemeine Überschriften 1. Ranges */
h1 {
font-size: 10pt;
padding: 0px 0px 3px 0px;
}
/* Für Überschriften 2. Ranges - mit Bullet. Desweiteren s. unten: */
/* Beschreibungszellen der Touren-Tabelle mit anderen Eigenschaften */
h2 {
/* background-image wird jeweils in farben.css gesetzt */
background-repeat: no-repeat;
background-position: 0px 9px;
padding: 10px 0px 3px 18px;
font-size: 8pt;
}
/* Für allgemeine Überschriften 3. Ranges, in contxxxx mit Kontinentfarbe */
h3 {
font-size: 8pt;
padding: 6px 0px 3px 0px;
}
/* Für allgemeine Überschriften 3. Ranges, in contxxxx mit Standardfarbe */
/* In col2 für Überschrift "Aktuell", in col0 zw. h5 und h6 wg. Abstand */
h4 {
font-size: 8pt;
padding: 0px 0px 3px 0px;
}
/* Für Abschnitt-Trennung in contbody */
h5 {
font-size: 10pt;
font-weight: bold;
padding: 12px 0px 3px 0px;
margin-bottom: 3px;
}
/* Für Überschrift-Verweise in aktuellen Nachrichten */
/* Mit angepasstem Padding auch für Unter-Überschriften in col0 */
h6 {
font-size: 8pt;
font-weight: bold;
padding: 9px 0px 3px 0px;
}
p, td, th, ul, ol, ul li, ol li {
font-size: 8pt;
}
p {
line-height: 130%;
padding: 1px 0px 5px 0px;
}
p.nav {
padding: 0px;
font-size: 10px;
white-space: nowrap;
vertical-align: middle;
}
p.null {
margin: 0px;
padding: 0px;
}
ul, ol {
margin: 0px 0px 8px 19px;
padding: 24px 0px 0px 0px;
}
ul li, ol li {
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 3px;
}
p.vorsekundaer {
padding-bottom: 1px;
}
ul.sekundaer {
margin: 0px 0px 0px 15px !important;
padding: 1px 0px 2px 3px !important;
}
ul.sekundaer li {
font-weight: normal;
line-height: 130%;
margin: 0px 0px 3px -4px;
padding: 0px 0px 0px 0px;
}
/* div.inhalt is only for pages without a head area, e.g. "Aktuelles" */
div.inhalt div.col0 ul {
padding: 4px 0px 0px 0px;
}
div.inhalt div.col0 ul li {
font-weight: normal;
padding: 0px 0px 1px 3px;
}
p.pretty:first-letter {
font-weight: bold;
}
p.vielluft {
padding: 14px 0px 18px 0px;
}
p.mehrluft {
padding: 6px 0px 12px 0px;
}
p.lessluft {
padding: 0px 0px 3px 0px;
}
strong, .strong {
font-size: 7pt;
font-weight: bold;
letter-spacing: 0.1em;
}
/* Das Euro-Zeichen erhält überall den gleichen Abstand zum Betrag */
span.euro {
padding-right: 3px;
}
/* Standard link style in Text: Permanently dark blue links */
a, a:link, a:visited, a:active, a:focus {
color: rgb(42,50,103);
background-color: transparent;
text-decoration: underline;
}
/* Except on Hover */
a:hover {
color: rgb(42,50,103);
background-color: rgb(217,229,244);
text-decoration: underline;
}
/* Link classes for menu entries (other than Hauptnavigation) */
a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:hover, a.avble:focus,
a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:hover, a.iscur:focus {
font-weight: bold;
text-decoration: none;
background-color: transparent;
}
/* Die Tabelle mit dem Such-Formular */
div.schnellsuche {
position: absolute;
bottom: 0px;
left: 12px;
width: 161px; /* wie table.suche */
height: auto;
}
div.schnellsuche p#toursuchemsg {
font-size: 10px;
padding: 2px 3px 3px 6px;
border-bottom: 1px solid white;
}
table.suche {
border-spacing: 0px; /* Gets rid of Firefox Borders */
table-layout: fixed;
width: 150px; /* 66 + 6 + 78 = 150 */
border: 2px solid white; /* Farbe wird überbuttert */
border-top-width: 1px;
border-left-width: 6px;
border-right-width: 5px; /* 6 + 150 + 5 = 161 */
margin: 0px;
padding: 0px;
}
table.suche td {
font-size: 10px;
padding: 2px 0px 0px 0px;
text-align: left;
}
table.suche td.links {
width: 66px;
}
table.suche td.rechts {
width: 78px;
}
table.suche td.mitte {
width: 6px;
}
table.suche td.tourenanzeigen {
padding: 0px;
height: 20px;
}
div.schnellsuche div.komfort {
width: 155px;
text-align: left;
padding: 3px 0px 3px 6px;
font-size: 10px;
font-weight: bold;
margin: 0px auto;
border-top: 1px solid white;
/* Match the font family of the Input-Button of "Schnellsuche" */
/* Anyway Verdana looks much too broadly-spaced at that place! */
/* font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; */
}
div.schnellsuche div.komfort a.avble, div.schnellsuche div.komfort a.avble:link,
div.schnellsuche div.komfort a.avble:visited, div.schnellsuche div.komfort a.avble:active,
div.schnellsuche div.komfort a.avble:focus {
color: rgb(0,20,63);
}
/* Das hier muss nach dem allgemeinen a.avble kommen */
div.schnellsuche div.komfort a.avble:hover,
a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active,
a.iscur:hover, a.iscur:focus {
color: white;
}
/* The search forms fields and buttons */
div.navoben form input.vtsuche {
font-size: 10px;
font-weight: normal;
color: black;
border-style: none;
border-width: 0px;
margin: 0px;
padding: 0px 0px 0px 3px;
height: 14px;
}
form table.suche td input.schnell,
form table.suche td select {
/* Only Opera cascades the global font type into Input fields */
/* All other default style sheets set a fixed font !!! */
/* Arial has less width in a select box, we want that for country names */
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px -1px;
/* Keine Border-Unterdrückung auf Select-Boxen, weil:
- MSIE macht es gar nicht (bei Text-Input-Felder schon)
- Firefox macht es aber rechnet die Gesamtbreite zu schmal und die Höhe zu hoch
- Opera macht es "korrekt", d.h. er rechnet die Border hinzu */
/* NOTE: Firefox rechnet unterdrückte 3D-Borders nicht weg von der
Gesamtbreite, weswegen die eigentlichen Selectboxen zu schmal sind */
/* border-width: 0px;
border-style: none; */
border: 2px inset grey;
}
form table.suche td input.schnell {
/* Verdana has less height in a text input field (good!) */
font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
padding: 0px 0px 0px 3px;
}
form table.suche td select {
padding: 0px;
}
form table.suche td.links select.schnell {
width: 66px;
}
form table.suche td.links input.schnell {
width: 59px; /* 3px padding-left + 4px Border kommen hinzu */
}
form table.suche td.rechts select.schnell {
width: 78px;
}
form table.suche td.rechts input.schnell {
width: 71px; /* 3px padding-left + 4px Border kommen hinzu */
}
/* std is for Opera, which correctly adds the borders to selectbox width */
form table.suche td.links select.std {
width: 62px; /* 4px Border kommen hinzu */
}
form table.suche td.rechts select.std {
width: 74px;
}
/* "Schwierigkeitsgrad" kommt in römischen Ziffern - besser mit Verdana */
form table.suche td.rechts select.serif {
font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
/* Naked Button - basic form for both places, plus size for vtsuche */
input.nakedButton, input.nakedButtonOver {
/* Die font-family wird nicht für vererbt, also explizit setzen */
font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
background-color: transparent;
border-width: 0px;
border-style: none;
font-size: 10px;
font-weight: bold;
padding: 0px;
text-align: left;
cursor: pointer;
}
input.nakedButtonOver {
color: white;
}
/* Modifications for use in the tour search */
form table.suche td input.nakedButton,
form table.suche td input.nakedButtonOver {
width: 132px;
font-size: 12px;
padding-bottom: 1px;
}
/* We need it absolutely positioned (better cross-browser positioning) */
/* Notice the z-index - it is "behind" the (transparent) button! */
p.panztouren {
position: absolute;
left: 6px;
bottom: 24px;
margin: 0px;
padding: 0px;
font-size: 10px;
font-weight: bold;
line-height: 12px;
z-index: 6;
}
/* This is used to insert the number of matching tours */
span#sanztouren {
font-weight: normal;
}
/* Putting the input button in a div gets round a z-index bug in MSIE */
form table.suche td div.danztouren {
position: absolute;
left: 6px;
bottom: 20px;
height: auto;
width: 132px;
z-index: 7;
background-image: url(../images/empty.gif);
}
/* Modifications for use in the Reiseleiter search */
div.nochmehr form table.suche {
width: 165px; /* 80 + 5 + 80 = 165 */
/* 6 + 165 + 6 = 177 */
}
div.nochmehr form table.suche td.links,
div.nochmehr form table.suche td.rechts {
padding: 1px 0px 0px 0px;
width: 80px;
}
div.nochmehr form table.suche td.mitte {
padding: 1px 0px 0px 0px;
width: 5px;
}
div.nochmehr form table.suche td.links input.schnell,
div.nochmehr form table.suche td.rechts input.schnell {
width: 73px; /* 3px padding-left + 4px Border kommen hinzu */
}
div.nochmehr form table.suche td.tourenanzeigen {
height: 15px;
}
div.nochmehr form table.suche td input.nakedButton,
div.nochmehr form table.suche td input.nakedButtonOver {
height: 14px;
font-size: 10px;
margin-top: 1px;
padding-bottom: 0px;
}
/* Spaltenbreiten - allgemeingültiger Plan:
Nav:187(0-186) Balken:3(187-189) Inhalt:787(190-976) Balken:3(977-979)
div.inhalt hat overflow:auto und damit den Scrollbalken (li. vom re. Balken)
Spalten innerhalb von "inhalt" haben height:auto und erzwingen ggf. damit
den Scrollblaken in "inhalt".
Da gute Browser bei "position::right:px" den ggf. vorhandenen Scrollbalken
berücksichtigen, aber MSIE nicht, lassen wir immer Platz dafür und geben die
Positionen der Spalten von links weg an.
col2: (1+)5+177+21 = 204 (583 - 786) => but don't mention the 21 :-)
col1: (1+)5+177+5(+1) = 189 (395 - 583)
Plan bei Seiten mit festem Kopf:
Statt "inhalt" gibt es "conthead", "contpadd" und "contbody":
conthead: Has L+R margins and a bottom border to give the separating line
contpadd: Just 5px white space to make scrolling more pleasant
contbody: Has same (full) width as "inhalt" (no padding), and the values of
col0 and col2 are amended for the lesser height. Now "contbody"
gets the scrollbar.
*/
div.conthead {
position: absolute;
top: 164px;
left: 190px;
height: 66px;
width: 755px;
margin: 0px 18px 0px 14px;
overflow: hidden;
border-bottom: 2px solid rgb(112,143,181); /* color wird überbuttert */
z-index: 3;
}
div.contpadd {
position: absolute;
top: 164px;
left: 190px;
height: 73px;
width: 787px;
overflow: hidden;
z-index: 2;
}
div.contbody {
position: absolute;
top: 237px;
left: 190px;
height: 363px;
width: 787px;
overflow: auto;
z-index: 1;
}
/* Einteilung der Begrüßungsseite für Aktuelle Sachen */
div.col0 {
position: absolute;
top: 0px;
left: 14px;
width: 369px;
height: auto;
padding: 0px 0px 5px 0px;
}
div.inhalt table.aktuell {
position: absolute;
top: 0px;
left: 395px;
}
div.inhalt table.aktuell td.linie {
width: 1px;
overflow: hidden;
background-color: rgb(0,20,63);
vertical-align: bottom; /* div.colende overwrites the last 12px of it */
}
div.inhalt table.aktuell td.col1 {
width: 177px;
padding: 0px 5px;
vertical-align: top;
}
div.inhalt table.aktuell td.col2 {
width: 177px;
padding: 0px 0px 0px 5px;
vertical-align: top;
}
div.col1 { /* Currently not used */
position: absolute;
top: 0px;
left: 395px;
width: 177px;
height: auto;
/* min-height: 92%; /* Es wäre so schön gewesen... scheiss MSIE ! */
padding: 0px 5px;
border-left: 1px solid rgb(0,20,63); /* color wird überbuttert */
border-right: 1px solid rgb(0,20,63);
}
div.lin1 { /* Currently not used */
position: absolute;
top: 0px;
left: 395px;
width: 1px;
height: 100%;
}
div.col2 {
position: absolute;
top: 0px;
left: 583px;
width: 177px;
height: auto;
padding-left: 5px;
border-left: 1px solid rgb(0,20,63); /* color wird überbuttert */
}
div.lin2 { /* Currently not used */
position: absolute;
top: 0px;
left: 583px;
width: 1px;
height: 100%;
}
div.colende {
position: absolute;
bottom: 0px;
width: 1px;
height: 12px;
overflow: hidden;
}
div.col1 div.colende, div.col2 div.colende {
left: -1px;
}
div.inhalt table.aktuell td.linie div.colende {
position: static;
}
/* für eine Nachricht mit farbigem Hintergrund innerhalb col1/2 */
div.aktuell {
position: static;
width: 177px;
height: auto;
margin: 0px 0px 12px 0px;
}
div.aktuell p {
font-size: 7pt;
padding: 2px 0px 5px 0px;
line-height: 120%;
letter-spacing: 0.06em;
}
div.aktuell p, div.aktuell h6 {
margin: 0px 8px 0px 8px;
}
div.aktuell img {
display: block;
}
/* Für Seiten ohne Kopf und eine Spalte rechts */
div.col01 {
position: absolute;
top: 0px;
left: 14px;
width: 559px;
height: auto;
padding: 0px 10px 10px 0px;
border-right: 1px solid rgb(0,20,63); /* color wird ggf. überbuttert */
}
/* Für Seiten ohne Spalten, z.B. Suchergebnisse, Kontaktformular */
div.col012 {
position: absolute;
top: 0px;
left: 14px;
width: 755px;
height: auto;
padding: 0px 0px 5px 0px;
}
/* Für die tabellarische Auflisting mehrerer Touren */
table.touren {
width: 740px;
table-layout: fixed;
empty-cells: show;
padding-bottom: 12px;
}
table.touren caption {
font-size: 11pt;
font-weight: bold;
text-align: left;
margin: 0px;
padding: 20px 0px 2px 0px;
}
table.touren td {
vertical-align: top;
padding: 2px 0px;
}
table.touren td.beschr {
width: 300px;
padding-right: 24px;
}
table.touren td.beschr h2 {
background-image: none;
font-size: 8pt;
padding: 3px 0px 3px 0px;
}
table.touren td.beschr h2, table.touren td.beschr p {
padding-bottom: 0px;
}
table.touren td.schwierig, table.touren td.hoehe, table.touren td.hotel,
table.touren td.zelt, table.touren td.neu {
padding-top: 33px;
text-align: center;
font-size: 11px;
font-weight: bold;
background-repeat: no-repeat;
background-position: center 4px;
}
table.touren td.schwierig {
width: 46px;
background-position: left 0px;
}
table.touren td.trekking { /* Qualifies schwierig */
background-position: left 3px !important;
}
table.touren td.mtb { /* Qualifies schwierig */
background-position: left 1px !important;
}
table.touren td.ht { /* Qualifies schwierig (HochTour) */
background-position: 5px 4px !important;
}
table.touren td.kst { /* Qualifies schwierig (Klettersteig) */
background-position: 5px 3px !important;
}
table.touren td.ski { /* Qualifies schwierig */
background-position: 6px 5px !important;
}
table.touren td.klettern { /* Qualifies schwierig (Klettern) */
background-position: 4px 3px !important;
}
table.touren td.hoehe {
width: 39px;
}
table.touren td.hotel {
width: 44px;
}
table.touren td.zelt {
width: 30px;
}
table.touren td.neu {
width: 34px;
}
table.touren td.frei {
width: auto;
}
table.touren td.vonbis {
width: 130px;
text-align: left;
}
table.touren td.euro {
width: 13px;
text-align: center;
}
table.touren td.preis {
width: 44px;
text-align: left;
}
table.touren td.schwieriggrau, table.touren td.hoehegrau, table.touren td.hotelgrau,
table.touren td.zeltgrau, table.touren td.neugrau {
padding-top: 33px;
text-align: center;
font-size: 11px;
font-weight: bold;
background-repeat: no-repeat;
background-position: center 4px;
}
table.touren td.schwieriggrau {
width: 46px;
background-position: left 4px;
}
table.touren td.trekkinggrau { /* Qualifies schwieriggrau */
background-image: url(../images/trekking_inaktiv.gif);
}
table.touren td.alpingrau { /* Qualifies schwieriggrau */
background-image: url(../images/alpin_inaktiv.gif);
}
table.touren td.mtbgrau { /* Qualifies schwieriggrau */
background-image: url(../images/mtb_inaktiv.gif);
}
table.touren td.hoehegrau {
width: 39px;
background-image: url(../images/hoehe_inaktiv.gif);
}
table.touren td.hotelgrau {
width: 44px;
background-image: url(../images/hotel_inaktiv.gif);
}
table.touren td.zeltgrau {
width: 30px;
background-image: url(../images/zelt_inaktiv.gif);
}
table.touren td.neugrau {
width: 34px;
background-image: url(../images/neu_inaktiv.gif);
}
/* Für das Layout mit festem Kopf (in div.conthead) */
div.conthead div.limitwidth {
position: static;
height: 66px;
width: 562px;
}
div.conthead h1 {
font-size: 11pt;
padding: 0px;
}
div.conthead h6 {
padding: 24px 0px 0px 0px;
}
div.conthead div.reisetitel { /* Grenzt die Breite ein */
position: absolute;
top: 0px;
left: 0px;
width: 337px;
height: auto;
}
div.conthead table.touren { /* Aber nur die Symbol-Spalten */
position: absolute;
top: 0px;
right: 210px;
width: auto;
}
div.conthead table.touren td {
padding: 0px;
}
div.conthead table.touren td.schwierig, div.conthead table.touren td.hoehe,
div.conthead table.touren td.hotel, div.conthead table.touren td.zelt,
div.conthead table.touren td.neu,
div.conthead table.touren td.hoehegrau, div.conthead table.touren td.hotelgrau,
div.conthead table.touren td.zeltgrau, div.conthead table.touren td.neugrau {
background-position: center 0px;
padding-top: 29px;
}
div.conthead table.touren td.schwierig, div.conthead table.touren td.neu {
background-position: center 2px;
}
div.conthead div.scrollen {
position: absolute;
left: 0px;
bottom: 0px;
width: auto;
height: auto;
font-size: 12px; /* Blanks give more height - text is 10px */
}
div.conthead div.scrollen a, div.conthead div.scrollen a:link,
div.conthead div.scrollen a:visited, div.conthead div.scrollen a:active,
div.conthead div.scrollen a:hover, div.conthead div.scrollen a:focus {
font-size: 12px; /* Blanks give more height - text is 10px */
font-weight: bold;
text-decoration: none;
}
span.scrolltext {
font-size: 10px;
vertical-align: text-top; /* Better in Gecko / Opera, otherwise gap */
}
div.conthead div.nochmehr { /* Bereich rechts, über col2 */
position: absolute;
top: 0px;
left: 576px;
width: auto;
height: auto;
text-align: left;
}
div.conthead div.nochmehr p.strong {
font-size: 10px;
padding: 0px 0px 3px 0px;
letter-spacing: 0px;
}
div.conthead div.nochmehr p.strong span.reisespezialist {
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
font-size: 9px;
}
div.conthead div.nochmehr p.strong span.reisespezialist img {
vertical-align: middle;
}
p.email span.vorspann {
vertical-align: middle;
}
p.email span.email {
vertical-align: middle;
}
/* Linke und rechte Spalte anpassen für den kürzeren Blätterbereich */
div.contbody div.col0 {
width: 559px;
padding: 0px 10px 10px 0px;
border-right: 1px solid rgb(0,20,63); /* color wird überbuttert */
}
div.contbody div.col0 div.colende, div.col01 div.colende {
right: -1px;
height: 12px;
}
div.contbody div.col0 img.bildrechts {
float: right;
margin: 0px 0px 0px 12px;
}
div.contbody div.col0 img.bildlinks {
float: left;
margin: 0px 12px 0px 0px;
}
div.inhalt div.col01 div.trenner, /* Abschnitt-Trennung */
div.contbody div.col0 div.trenner, /* Abschnitt-Trennung */
div.buchungok div.trenner { /* hier in Buchungsbestätigung */
position: static;
width: 100%;
height: 1px;
margin-top: 10px;
clear: both; /* z.B. für Reiseleiter-Bild */
overflow: hidden; /* Silly old MSIE needs this */
}
div.contbody div.col2 h4 { /* z.B. "Asien aktuell" */
margin: 0px 0px 4px 0px;
}
div.contbody div.col2 div.aktuell {
margin: 0px 0px 6px 0px;
}
div.contbody div.col0 h6 {
padding-top: 4px;
padding-bottom: 2px;
}
/* Für eine Ebene-3 Menu */
table.level3menu {
width: 100%;
padding-bottom: 4px;
}
table.level3menu td {
vertical-align: top;
padding: 4px 0px;
}
table.level3menu td.menuitem {
font-weight: bold;
}
/* Für ein umrahmtes Bild rechts von einer Reise-Detailbeschreibung (Lupenfunktion) */
img.umrahmt {
border: 1px solid rgb(0,20,63);
}
/* Für eine Tabelle im Textfluss mit Rahmenlinien */
table.delineated {
width: auto;
border-collapse: collapse;
}
table.delineated td {
vertical-align: top;
padding: 4px 6px;
border: 1px solid rgb(186,201,220);
}
table.delineated td.rechts {
text-align: right;
}
/* Tourentabelle (Anteil davon) für "col0" anpassen */
div.contbody div.col0 table.touren {
width: 559px;
padding-bottom: 0px;
}
div.contbody div.col0 table.touren td {
padding-bottom: 6px;
}
div.contbody div.col0 table.touren td.beschr {
/* schwierig + hoehe + hotel + zelt + neu = 46+39+44+30+34 = 193 */
width: 354px;
padding-right: 12px;
}
div.contbody div.col0 table.touren td.beschr p {
padding-top: 12px;
}
/* Für Reisedetails Allgemein */
table.reisedetails {
margin: 8px 0px 6px 0px;
}
table.reisedetails td {
padding: 2px 10px 2px 0px;
vertical-align: top;
}
table.reisedetails th {
padding: 0px 10px 4px 0px;
text-align: left;
font-size: 8pt;
font-weight: bold;
}
table.reisedetails td img {
/* inline-block is valid css2.1, but only certain browsers support it */
display: inline-block;
vertical-align: middle !important;
margin-right: 8px;
}
table.reisedetails th.abgesetzt, table.reisedetails td.abgesetzt {
padding-top: 16px;
}
/* Kontakt allgemein */
div.contbody div.col0 table.level3menu h2 {
padding: 3px 0px 5px 0px;
}
div.contbody div.col0 table.level3menu p {
padding: 0px 0px 3px 0px;
line-height: 130%;
}