/* CSS Styles for BIR, Author Tim Reeves, Stand 2007-02-09 */
/* For the xml parser the canvas is , not */
html {
width: 100%; /* Gecko and Opera both need expl. height, in html AND body */
height: auto; /* FF1.5 likes this, 100% forces erroneous vert. scroller, */
height: 100%; /* but everybody else, incl. FF1.0, wants/needs this value, */
margin: 0px; /* which is why we need "startup.js" for a good job */
padding: 0px;
overflow: auto; /* Gecko and Opera both need this HERE for scrollers */
border-style: none;
background-color: #D9EFDB; /* Firefox XML-Parser needs this here, body insufficient */
/* Diese font-family wird (fast) überall nach unten hin vererbt */
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
body {
width: auto;
height: auto;
height: 589px;
margin: 0px;
padding: 0px;
overflow: hidden;
border-style: none;
background-color: #D9EFDB;
}
/* To make things "pixelgenau" */
img, table, table td, form, div, div div, div div div, div div div div {
margin: 0px;
padding: 0px;
border-style: none;
border-width: 0px;
text-align: left;
overflow: hidden;
}
table {
/* Let width default - works better in IE6 when a scrollbar comes */
border-collapse: collapse; /* Gets rid of IE Borders */
border-spacing: 0px; /* Gets rid of Firefox Borders */
}
/* and don't forget to avoid the "white-space next to ![]()
" bug in MSIE */
table tr td {
vertical-align: top;
}
/* Standard link attributes : Green links hover to red */
a, a:link, a:visited, a:active, a:focus {
color: #006440;
background-color: transparent;
}
/* Except on Hover */
a:hover {
color: #A22A2A;
background-color: transparent;
}
div.main { /* BIR is positioned top-left, so no margins required */
position: relative; /* This makes W3C-Browsers give no scrollers, IE6 erroneous */
position: static; /* IE6 erroneous horizontal scroller */
position: absolute;
top: 0px;
left: 0px;
width: 900px;
height: 589px;
overflow: hidden;
}
div.main div.hg_oben_links {
position: absolute;
top: 0px;
left: 0px;
width: 258px;
height: 120px;
background-repeat: no-repeat;
}
div.main div.hg_oben_rechts {
position: absolute;
top: 0px;
left: 258px;
width: 642px;
height: 111px;
background-repeat: no-repeat;
}
/* Per Beschluss vom 10.5.06 doch nur ein Motiv für alle Seiten */
/* Sollte eine Seite (oder Template) eine anderes Kopfbild haben, dann */
/* kann ein Style-Block includiert werden - siehe bir6/src/hg_gruppen.css */
div.main div.hg_oben_links {
background-image: url(../images/std/hg_oben_links_berge.jpg);
}
div.main div.hg_oben_rechts {
background-image: url(../images/std/hg_oben_rechts_neutral.jpg);
}
/* Die Beschriftung des Kopfbildes wird pixelgenau obendrauf gesetzt */
/* und ist unterschiedlich: Neutral / Gruppenreisen / Katalogreisen */
/* Die neutrale Beschriftung wird hier defaultmäßig in CSS gesetzt, */
/* die übrigen supercede this value via Style-Blocks specified in CssJs */
div.main div.hg_oben_links div {
position: absolute;
top: 47px;
left: 10px;
width: 136px;
height: 46px;
background-image: url(../images/std/hg_beschr_erlebnis_studienreisen.jpg);
}
div.main div a.gohome, div.main div a.gohome:link, div.main div a.gohome:visited,
div.main div a.gohome:active, div.main div a.gohome:focus, div.main div a.gohome:hover {
display: block;
width: 82px;
height: 89px;
background-color: transparent;
text-decoration: none;
}
/* Menu-Bereiche kommen bei BIR ausnahmsweise direkt in div.main (keine Menuleiste) */
div.menu {
position: absolute;
left: 0px;
width: 216px;
height: auto;
background-color: #EEF9ED;
border-top: 1px solid #BBCEBE;
border-right: 1px solid #BBCEBE;
border-bottom: 1px solid #BBCEBE;
padding-bottom: 1px;
overflow: visible; /* Erlaubt die Eckgrafiken den Rahmen zu überklatschen */
}
img.menu_ecke_oben {
display: block;
position: absolute;
top: -1px;
right: -1px;
}
img.menu_ecke_unten {
display: block;
position: absolute;
bottom: -1px;
right: -1px;
}
div.menu_oben, div.menu_com_de {
top: 130px;
}
div.menu_reisen {
top: 193px;
}
div.menu_unten {
bottom: 0px;
padding-top: 1px;
}
div.menu_com_at {
top: 291px;
}
/* General style of all menu links */
div.menu a, div.menu a:link, div.menu a:visited, div.menu a:active,
div.menu a:focus, div.menu a:hover {
display: block;
height: 15px;
font-size: 12px;
margin-top: 4px;
margin-bottom: 3px;
margin-left: 10px;
text-decoration: none;
}
div.menu_unten a, div.menu_unten a:link, div.menu_unten a:visited, div.menu_unten a:active,
div.menu_unten a:focus, div.menu_unten a:hover {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Menu Ebene 1 */
a.avble1, a.avble1:link, a.avble1:visited, a.avble1:active, a.avble1:focus {
color: #000000;
background-color: transparent;
width: 184px;
padding-left: 2px;
}
a.avble1:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 184px;
padding-left: 2px;
}
a.iscur1, a.iscur1:link, a.iscur1:visited, a.iscur1:active, a.iscur1:focus {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 184px;
padding-left: 2px;
}
a.iscur1:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 184px;
padding-left: 2px;
}
/* Menu Ebene 2 */
a.avble2, a.avble2:link, a.avble2:visited, a.avble2:active, a.avble2:focus {
color: #000000;
background-color: transparent;
width: 176px;
padding-left: 10px;
margin-top: 3px !important;
margin-bottom: 0px !important;
}
a.avble2:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 176px;
padding-left: 10px;
margin-top: 3px !important;
margin-bottom: 0px !important;
}
a.iscur2, a.iscur2:link, a.iscur2:visited, a.iscur2:active, a.iscur2:focus {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 176px;
padding-left: 10px;
margin-top: 3px !important;
margin-bottom: 0px !important;
}
a.iscur2:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 176px;
padding-left: 10px;
margin-top: 3px !important;
margin-bottom: 0px !important;
}
/* Menu Ebene 3 */
a.avble3, a.avble3:link, a.avble3:visited, a.avble3:active, a.avble3:focus {
color: #314434;
background-color: transparent;
width: 168px;
padding-left: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
a.avble3:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 168px;
padding-left: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
a.iscur3, a.iscur3:link, a.iscur3:visited, a.iscur3:active, a.iscur3:focus {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 168px;
padding-left: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
a.iscur3:hover {
color: #A22A2A;
background-color: #E8F6E6;
background-color: transparent;
width: 168px;
padding-left: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Besucherzähler-Div kommt bei BIR ausnahmsweise direkt in div.main positioniert */
/* und zwar in einem toten Bereich zwischen Menu und Inhalt */
div.ctrDiv {
position: absolute;
top: 131px;
left: 229px;
height: 1px;
width: 1px;
}
/* Pfad und Reiter */
div.pfad {
position: absolute;
top: 112px;
left: 263px;
font-size: 11px;
}
div.pfad span.pipe {
color: #006440;
font-size: 10px;
vertical-align: top;
}
/* Inhaltsbereiche */
div.contentMax { /* Paints the content frame - full size */
position: absolute;
top: 130px;
left: 244px;
width: 655px;
height: 457px;
background-color: #F3FAF3;
border-top: 1px solid #BBCEBE;
border-left: 1px solid #BBCEBE;
border-bottom: 1px solid #BBCEBE;
overflow: visible; /* Erlaubt die Eckgrafiken den Rahmen zu überklatschen */
}
div.contentMid { /* Paints the content frame - Einzelreise */
position: absolute;
top: 193px;
left: 244px;
width: 655px;
height: 394px;
background-color: #F3FAF3;
border-top: 1px solid #BBCEBE;
border-left: 1px solid #BBCEBE;
border-bottom: 1px solid #BBCEBE;
overflow: visible; /* Erlaubt die Eckgrafiken den Rahmen zu überklatschen */
}
div.contentMin { /* Paints the content frame - Reisesuche */
position: absolute;
top: 260px;
left: 244px;
width: 655px;
height: 327px;
background-color: #F3FAF3;
border-top: 1px solid #BBCEBE;
border-left: 1px solid #BBCEBE;
border-bottom: 1px solid #BBCEBE;
overflow: visible; /* Erlaubt die Eckgrafiken den Rahmen zu überklatschen */
}
img.main_ecke_oben {
display: block;
position: absolute;
top: -1px;
left: -1px;
}
img.main_ecke_unten {
display: block;
position: absolute;
bottom: -1px;
left: -1px;
}
div.contentScrollMax { /* Gets the scrollbar */
position: absolute;
top: 0px;
left: 15px;
width: 640px;
height: 457px;
overflow: auto;
}
div.contentScrollMaxAnchor { /* Gets the scrollbar */
position: absolute;
top: 17px;
left: 15px;
width: 640px;
height: 440px;
overflow: auto;
}
div.contentScrollMid { /* Gets the scrollbar */
position: absolute;
top: 0px;
left: 15px;
width: 640px;
height: 394px;
overflow: auto;
}
div.contentScrollMidAnchor { /* Gets the scrollbar */
position: absolute;
top: 17px;
left: 15px;
width: 640px;
height: 377px;
overflow: auto;
}
div.contentScrollMin { /* Gets the scrollbar */
position: absolute;
top: 0px;
left: 15px;
width: 640px;
height: 327px;
overflow: auto;
}
div.contentScrollMinAnchor { /* Gets the scrollbar */
position: absolute;
top: 17px;
left: 15px;
width: 640px;
height: 310px;
overflow: auto;
}
div.contentHead { /* Contains the content ABOVE the frame */
position: absolute;
top: 134px;
left: 264px;
width: 635px;
height: auto; /* Einer für Alle... */
background-color: transparent;
overflow: hidden;
}
div.contentHead p.headlink { /* Contains a link at the top right */
position: absolute;
top: 24px;
right: 0px;
width: auto;
height: auto;
}
div.anchor { /* Gets the anchor links */
position: absolute;
top: 0px;
left: 10px;
width: 637px;
height: 17px;
font-size: 12px;
line-height: 17px;
overflow: hidden;
padding-left: 8px;
background-color: #C5EBD5;
}
div.anchor img { /* reiter.gif ist schon 17px hoch */
line-height: 17px;
vertical-align: top;
}
/* Verfügbare Links im Pfad sowie Anchor-Links */
div.pfad a, div.pfad a:link, div.pfad a:visited, div.pfad a:active, div.pfad a:focus,
div.anchor a, div.anchor a:link, div.anchor a:visited, div.anchor a:active, div.anchor a:focus {
text-decoration: none;
}
div.pfad a:hover, div.anchor a:hover {
text-decoration: none;
}
/* Aktueller Link im Pfad oder Anchor */
a.iscur,a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus, a.iscur:hover {
color: #A22A2A;
}
table.content {
/* Static positioned in div.contentScroll so that 2 columns can each cause the scrollbar */
table-layout: fixed;
width: 607px;
margin: 12px 0px 12px 3px;
}
div.contentScrollMidAnchor table.content {
/* margin-top 0px erlaubt anchor-links eine Leerzeile als Luft */
margin-top: 0px;
}
table.content td.main {
width: 390px;
}
table.content td.gap {
width: 17px;
}
table.content td.curr {
width: 188px;
padding: 2px 6px 6px 6px;
background-color: #C5EBD4;
}
/* Wenn Anchor-Links da dann brauchen wir in der rechten Spalte Abstand nach oben
ohne Hintergrundfarbe. Daher kann die Farbe nicht in der Tabellenzelle sein */
table.content td.xtra {
width: 200px;
}
table.content td.xtra div.xtra {
width: 188px;
margin: 20px 0px 0px 0px;
padding: 0px 6px 0px 6px;
background-color: #C5EBD4;
}
table.content td.xtra div.xtra p {
margin: 0px;
padding: 6px 0px;
}
table.content td.curr img, table.content td.curr * img,
table.content td.xtra div.xtra p img {
display: block;
border: 1px solid #BBCEBE;
}
table.content td.gap5050 {
width: 33px;
}
table.content td.links, table.content td.rechts { /* Gleich breit - Aktuelles */
width: 287px;
}
table.content td.mainPresse {
width: 390px;
padding: 4px 0px;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.gapPresse {
width: 17px;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.currPresse {
width: 188px;
padding: 4px 6px;
background-color: #C5EBD4;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.currPresse p {
margin: 8px 0px 0px 0px;
}
table.content td.currPresse p img {
display: block;
margin-right: 9px;
float: left;
}
/* Für eine rechte Spalte die stehenbleibt, z.B. für eine grosse Sprungliste */
div.noscroll {
position: absolute; /* zu Container div.content - außerhalb contentScroll */
top: 17px;
left: 425px;
width: 188px;
margin: 20px 0px 0px 0px;
padding: 0px 6px 0px 6px;
background-color: #C5EBD4;
}
div.noscroll p, p.laenderabsatz {
font-size: 13px;
line-height: 150%;
}
div.noscroll p img {
display: block;
border: 1px solid #BBCEBE;
}
div.noscroll p a, div.noscroll p a:link, div.noscroll p a:visited,
div.noscroll p a:active, div.noscroll p a:focus, div.noscroll p a:hover,
p.laenderabsatz a, p.laenderabsatz a:link, p.laenderabsatz a:visited,
p.laenderabsatz a:active, p.laenderabsatz a:focus, p.laenderabsatz a:hover {
white-space: nowrap;
margin-right: 9px;
}
/* Für Reisedaten als Suchergebnisse */
table.reise {
/* Jede Zeile ist ein gefundenes Suchergebnis (Reise-Übersicht) */
table-layout: fixed;
width: 610px;
margin: 0px 0px 12px 0px;
}
/* Currently not used
table.reise td.land {
width: 607px;
padding: 8px 0px 8px 3px;
} */
table.reise td.main {
width: 380px;
padding: 8px 0px 8px 3px;
border-top: 1px solid #BBCEBE;
}
table.reise td.gap {
width: 10px;
border-top: 1px solid #BBCEBE;
}
table.reise td.daten {
width: 217px;
padding: 8px 0px 8px 0px;
border-top: 1px solid #BBCEBE;
}
table.reise td.katreisen {
padding: 0px 0px 8px 3px;
}
table.reise td.odd {
background-color: #D9EFDB;
}
table.reise td.fst {
padding-top: 0px !important;
border-top: 0px solid #F3FAF3 !important;
}
table.reise td.kurz {
padding-bottom: 0px !important;
}
table.reise td.daten table {
table-layout: auto;
width: auto;
margin: 0px;
}
table.reise td.daten table td {
width: auto;
padding: 0px 6px 2px 0px;
}
/* Für Reisedetails als Katalog-Suchergebnisse */
table.katreisen {
table-layout: auto;
width: auto;
margin: 2px 0px 0px 0px;
}
table.katreisen tr td {
width: auto;
font-size: 12px;
line-height: normal;
vertical-align: top;
padding: 2px 3px 1px 0px;
}
/* Für Reisedetails in der Reisebeschreibung */
table.reisedetails {
margin: 8px 0px 6px 0px;
}
table.reisedetails td {
padding: 2px 9px 2px 0px;
vertical-align: top;
}
table.reisedetails td.bottom {
vertical-align: bottom;
}
table.reisedetails th {
padding: 0px 10px 4px 0px;
text-align: left;
color: #006440;
font-size: 13px;
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: 0px 5px 0px 2px;
}
/* Wenn die Inhaltsbreite nicht durch eine der obigen Tabellen begrenzt wird.. */
/* Der Inhalt braucht 3px Abstand von links - wg. Fehlerfarbe als HG von Zellen */
div.limitwidth {
width: 610px;
}
/* Text element styles */
h1 { /* Default-Seitenanfang - hauptsächlich in contentHead */
color: #006440;
font-size: 16px;
line-height: 20px;
margin: 8px 0px 6px 0px;
padding: 0px;
}
div.contentHead h1 {
color: #000000;
margin: 6px 0px 4px 0px;
}
table.reise td.main h2 {
margin: 0px 0px 2px 0px;
}
h2 { /* Wird in 2/3 Spalten benutzt (Formulare, Anchors) */
color: #006440;
font-size: 15px;
margin: 8px 0px 4px 0px;
padding: 0px;
}
div.contentScrollMidAnchor h2,
div.contentScrollMinAnchor h2 { /* Anchors "margin-top" is
*/
margin: 0px 0px 4px 0px;
}
h3 { /* Grundeigenschaften. Wird so in 1/3 Spalten benutzt */
color: #006440;
font-size: 14px;
margin: 8px 0px 4px 0px;
padding: 0px;
}
h3.overunderlined { /* In 50-50 Spalten um die Spalten hervorzuheben */
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
div.contentHead h3 { /* Nach h1 */
color: #000000;
margin: 0px;
}
table.reise td.main h3, table.content td.main h3 { /* Nach h1 */
margin: 0px;
}
h4 { /* In der Katalogreisebeschreibung für Leistungen */
color: #006440;
font-size: 13px;
margin: 8px 0px 4px 0px;
padding: 0px;
}
strong { /* In der Katalogreisebeschreibung für Tagesverlauf */
color: #006440;
font-size: 13px;
font-weight: bold;
}
/* Das Euro-Zeichen erhält überall den gleichen Abstand zum Betrag */
span.euro {
padding-right: 3px;
}
p, li {
color: #000000;
font-size: 14px;
line-height: 18px;
margin: 4px 0px 12px 0px;
padding: 0px;
}
p.null {
margin: 0px;
}
p.erste {
margin-top: 2px; /* Für einen geringeren Abstand nach einer Überschrift */
}
p.letzte {
margin-bottom: 0px; /* Für einen geringeren Abstand vor einer Überschrift */
}
p.verlauf {
margin: 2px 0px 5px 0px; /* Für die Tage des Reiseverlaufs */
}
p.footnote, .kleiner {
font-size: 12px;
line-height: normal;
}
p.footnote {
margin: 6px 0px 0px 0px;
}
p.email span.vorspann {
vertical-align: middle;
}
p.email span.email {
vertical-align: middle;
}
ul, ol {
margin: 0px 0px 0px 15px;
padding: 0px;
}
ul li, ol li {
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 1px;
}
table.content td.curr p { /* Absätze in "Aktuelles" haben einen geringeren Abstand */
margin: 4px 0px;
}
table.content td.curr p.leader { /* Für den ersten Absatz einer Gruppe */
margin: 10px 0px 4px 0px;
}
td, th {
color: #000000;
font-size: 14px;
line-height: 18px;
margin: 0px;
padding: 0px;
}
div.myrule {
height: 1px;
background-color: #005D3B;
border-top: 1px solid #3D896E;
margin: 12px 0px 14px 0px;
overflow: hidden;
}
span.verdana { /* Für » im Menu */
font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
span.reiseShow {
font-size: 13px !important;
font-weight: bold !important;
}
.dunklerhintergrund {
background-color: #C5EBD4;
}