* {margin:0;padding:0;border:none;}
html { scrollbar-face-color: orange;
scrollbar-3dlight-color: #FFCCCC;
scrollbar-arrow-color: white;
scrollbar-base-color: #FF9999;
scrollbar-darkshadow-color: #AA0000;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FF0000;
scrollbar-shadow-color: #550000;
scrollbar-track-color: #FFCCCC;
font-family: Arial, Helvetica, Sans-Serif;
}
BODY {}
h1 {
padding: 6px;
font-size: 14pt;
background-color: #CC0000;
text-align: center;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
border-width: 2;
}
h2 { font-size: 12pt; font-weight: bold; padding-left: 3; padding-right: 3;
padding-top: 18; padding-bottom: 6 }
h3 { font-size: 11pt; font-weight: bold; padding-left: 3; padding-right: 3;
padding-top: 6; padding-bottom: 12 }
h4 { font-size: 10pt; margin-top: 10; margin-bottom: 4 }
h5 { font-size: 9pt }
h6 { font-size: 8pt }
div#overDiv { background-color: #CAFFCA; font-size: 14pt; padding: 3px; border: 2px solid #008040; }
div#div_aktion { clear: both; float: right}
div#rest { clear: both; }
div#kalenderleiste { float: left; }
div#zimmerhilfe { float: right; }
div.veranstalter { font-size: 8pt; background-color: #E0E0E0; padding: 3px;}
div.gespreis { float: right; font-size: 12pt; color: #FFFFC0; background-color: red; font-weight: bold; padding: 10px;}
div#telefonnummer { white-space: nowrap; font-size: 12pt; text-align: center; font-weight: bold;}
div#telefonzeiten { font-size: 8pt; text-align: center; font-weight: bold;}
div#kontakt { border: red solid 4px; background-color: #FFFFC0; padding: 10px;}
div.pers_hilfe { float: left; width: 24%; }
div.pers_main { float: left; width: 75%; }
div#kidsfree { float: right; }
table.kalender { font-family: sans-serif; font-size: .8em; border-collapse:collapse; border: 1px solid #E0E0E0;}
table.hotelselect { font-family: sans-serif; font-size: .8em; border-collapse:collapse; }
table.aktionen { width: 220px; font-family: sans-serif; font-size: .75em; border-collapse:collapse; border: 1px solid #E0E0E0;}
table.zimmer { font-family: sans-serif; font-size: .9em; border-collapse:collapse; border: 1px solid #E0E0E0;}
table.tagebereich { font-family: sans-serif; font-size: 8pt; border-collapse:collapse; border: 1px solid #D0D0D0}
// table.monleiste { width: 100%}
// table.hotelnavi { width: 100%;}
// td { border: 1px solid red; border-collapse: collapse; border-: 1;} /* HACK um beim Debugging die einzelnen Zellen sehen zu können! */
// td { border: 0px solid white;} /* HACK Normalzustand! */
td.zeilenkopf { background-color: #FFCCCC; }
td.bula { background-color: #E0E0E0; font-size: 8pt; }
td.weekend { background-color:pink; color:#D0D0D0; text-align:center; text-decoration: none; cursor:default; border: 1px solid #D0D0D0;}
td.midweek { background-color:#eeeeee; color:black; text-align:center; text-decoration: none; cursor:default; border: 1px solid #D0D0D0;}
td.farbe1 { background-color: #CCCCCC; text-align:center; border: 1px solid #D0D0D0;}
td.farbe2 { background-color: #FFCCCC; text-align:center; border: 1px solid #D0D0D0;}
td.aktuell { color: #D0D0D0; background-color: #FFFFC0; font-weight:bold; text-align:center; border: 1px solid #D0D0D0;}
td.tagweise { vertical-align: top;}
th.aktionen { font-family: Arial; font-size: 0.8em; text-align: center; background-color: #FFD5D5; padding-left: 3px; padding-right: 3px; }
// funzt nicht in IE... tr.aktionszeile:hover {color: yellow; background-color: #D0D0D0;}
td.aktionsfarbe1 { white-space: nowrap; background-color: #FFD5D5; padding: 2px; font-size: 8pt;}
td.aktionsfarbe2 { white-space: nowrap; background-color: #CCCCCC; padding: 2px; font-size: 8pt;}
td.sonderaktion { white-space: nowrap; background-color: #00FF00; padding: 2px; font-size: 8pt;}
td.aktionsaktuell { white-space: nowrap; background-color: #FFFFC0; color:red; font-weight:bold; padding: 2px; font-size: 8pt;}
td.kinderinklusive { background-color: red; color:#FFFFC0; font-weight:bold; padding: 4px; font-size: 8pt; border-top: #FFFFC0 3px solid; }
td.aktionstext { background-color: red; color:#FFFFC0; font-weight:bold; padding: 4px; font-size: 8pt; border-top: #FFFFC0 3px solid; }
td.hoteltext { vertical-align: top; font-size: 8pt; padding: 3px }
td.zimmernummer { background-color: #FFA4A4; color: white; font-size: 14pt; font-weight: bolder; text-align: center; padding: 10px;}
td.bettkopf { background-color: #E0E0E0; text-align: center; border: 1px solid #D0D0D0; font-size: 8pt;}
td.endpreis { font-size: 10pt; background-color: red; color: #FFFFC0; font-weight: bold; text-align: center; border: 1px solid #D0D0D0; padding: 2px;}
td.preisfeld { padding: 5px; text-align: center; font-size: 9pt;}
td.zimmerhilfe { vertical-align: top;}
td.tubivakanz { text-align: center;}
td.bettbild { text-align: center; border: 1px solid #D0D0D0;}
td.einzelpreis { text-align: center; border: 1px solid #D0D0D0; background-color: #E0E0E0; font-size: 8pt}
td.personen { font-size: 8pt; padding-left: 5px; white-space: nowrap;}
td.durchschnitt { font-size: 8pt; padding-left: 5px; background-color: #E0E0E0; }
td.ersatz { background-color: red; color:#FFFFC0; font-weight:bold; padding: 4px; font-size: 8pt; border-top: #FFFFC0 3px solid; }
td.ergebnis { width: 150px}
td.personenkopf { font-size: 8pt; background-color: #F0F0F0;}
/* Farben für Ferientage ja oder nein */
td.ft_j { background-color: lime; border: 1px solid #D0D0D0;}
td.ft_n { background-color: white; border: 1px solid #D0D0D0;}
a.link:link { text-decoration: none; color: black; display: block; padding-left: 2px; padding-right: 2px; }
a.link:visited { text-decoration: none; color: black; display: block; padding-left: 2px; padding-right: 2px;}
a.link:hover { text-decoration: none; color: #FFFFC0; display: block; padding-left: 2px; padding-right: 2px; font-weight: bold; background-color: red;}
a.info:link { text-decoration: none; cursor:default; color: black; display: block; padding-left: 2px; padding-right: 2px;}
a.info:visited { text-decoration: none; cursor:default; color: black; display: block; padding-left: 2px; padding-right: 2px;}
a.info:hover { text-decoration: none; cursor:default; color: black; display: block; padding-left: 2px; padding-right: 2px;}
/*
.weekend { background-color:pink; color:#D0D0D0; text-align:center; text-decoration: none; cursor:default; }
.midweek { background-color:#dddddd; color:black; text-align:center; text-decoration: none; cursor:default; }
*/
select { margin: 2px; padding-left: 3px;}
select.bula_select { color:#000000; background-color: #FFFFC0; border:1px solid #DDDDDD; font-size:8pt }
select.hotel { color:#000000; background-color: #FFFFC0; border:1px solid #DDDDDD; font-size:8pt }
select.personen { color:#000000; background-color: #FFFFC0; border:1px solid #DDDDDD; font-size:8pt }
input.personen { margin: 2px; padding-left: 3px; background-color: #FFFFC0; border-top: #DBDBDB 1px inset; border-bottom: #DBDBDB 1px inset; border-left: #DBDBDB 1px inset; border-right: #DBDBDB 1px inset; font-size : 10px; }
input.radio { margin: 2px;}
textarea.anschrift { margin: 2px; overflow: auto; padding-left: 3px; background-color: #FFFFC0; border-top: #DBDBDB 1px inset; color: black;
border-bottom: #DBDBDB 1px inset; border-left: #DBDBDB 1px inset; border-right: #DBDBDB 1px inset; font-size : .9em; }
/* Farben für die Anzeige der Aktionsdichte */
td.f_extrem_viele { background-color: #00FF00; border: 1px solid #D0D0D0;}
td.f_sehr_viele { background-color: #00FF00; border: 1px solid #D0D0D0;}
td.f_viele { background-color: #71FF71; border: 1px solid #D0D0D0;}
td.f_paar { background-color: #A8FFA8; border: 1px solid #D0D0D0;}
td.f_wenig { background-color: #A8FFA8; border: 1px solid #D0D0D0;}
td.f_nix { background-color: #FFFFFF; border: 1px solid #D0D0D0;}
.rot { background-color: #FF6666; border: 1px solid #D0D0D0;}
.blau { background-color: #99CCFF; border: 1px solid #D0D0D0;}
.gruen { background-color: #99FF99; border: 1px solid #D0D0D0;}
.lila { background-color: #FFC0FF; border: 1px solid #D0D0D0;}
.orange { background-color: #FFB56A; border: 1px solid #D0D0D0;}
.reise { background-color: #FFFF99; border: 1px solid #D0D0D0;}
.vergangen { background-color: silver; border: 1px solid #D0D0D0;}
/* Farben für Vakanz-Anzeige */
.manuell { padding: 3px; text-align: center; font-size: 10pt; background-color: orange; color: black; }
.buchbar { padding: 3px; text-align: center; font-size: 10pt; background-color: #66FF33; color: black; font-weight: bold; }
.error { padding: 3px; text-align: center; font-size: 10pt; background-color: red; color: #FFFFC0; font-weight: bold; }
.ausgebucht { padding: 3px; text-align: center; font-size: 10pt; background-color: red; color: #FFFFC0; font-weight: bold; }
.zahl { text-align: right;}
.hilfstext { background-color: #C0FFC0; text-align: left; vertical-align: top; font-size: 8pt; padding: 5px;}
.schritt { padding-bottom: 5px; padding-top: 5px;}
.wasnunkopf { font-weight: bold; font-size: 10pt; text-align: center; padding: 10px; background-color: #71FF71;}
td.button { font-size: 10pt; color: white; text-align: center;}
td.buttontext { font-size: 8pt; color: black; text-align: center;}
a.knopf:link { font-size: 9pt; color: white; text-align: center; text-decoration: none; font-weight: bold; white-space: nowrap; }
a.knopf:visited { font-size: 9pt; color: white; text-align: center; text-decoration: none; font-weight: bold; white-space: nowrap; }
a.knopf:active { color: #FFFF00; color: #FFFFC0; white-space: nowrap; }
a.knopf:focus { color: #FFFF00; white-space: nowrap; }
a.knopf:hover { color: #FFFF00; text-decoration: underline; white-space: nowrap;}
td.bekannt { font-size: 8pt; background-color: #80FF80; border-width: 0; vertical-align: top;}
td.unbekannt { font-size: 8pt; background-color: #FF8080; border-width: 0; vertical-align: top;}
td.anschrift { font-size: 8pt; background-color: #FFD5D5; padding-left: 5px; white-space: nowrap; }
td.wrapme { white-space: normal;}
p.anschrift { padding: 6px; background-color: #CC0000; text-align: center; color: white; font-weight: bold; border-style: outset; border-: 2; }
p.fehler { font-size: 10pt; background-color: red; color: yellow; font-weight: bold; }
p.res_teilnehmerkopf { font-weight: bold; }
td.res_adresse { padding: 5px; white-space: nowrap;}
td.res_teilnehmer { padding: 5px; vertical-align: top; white-space: nowrap;}
td.res_preis { padding: 5px; vertical-align: top; white-space: nowrap; text-align: right;}
td.res_leistungen { padding: 5px; vertical-align: top;}
td.res_veranstalter { padding: 5px; }
td.res_disclaimer { padding: 5px; background-color: red; color: #FFFFC0; font-weight: bold; }
td.res_anmerkungen { padding: 5px; }
td.res_summetext { padding: 5px; font-weight: bold;}
td.res_summewert { padding: 5px; vertical-align: top; white-space: nowrap; text-align: right; font-weight: bold;}
td.res_result { padding: 5px; vertical-align: top; margin-bottom: 10px; margin-bottom: 10px; }
div#intextbutton { padding: 10px; text-align: center;}
.aktionsfarbe1 { font-size: 8pt; background-color: #FFBD7A; text-decoration: none; color:black; }
.aktionsfarbe2 { font-size: 8pt; background-color: #CCCCCC; text-decoration: none; color:black; }
.altfindenfarbe1 { font-size: 8pt; background-color: #FFCCCC; text-align: right; text-decoration: none; }
.altfindenfarbe2 { font-size: 8pt; background-color: #CCCCCC; text-align: right; text-decoration: none; }
.aktionsaktuell { font-size: 10pt; background-color: yellow; color:black; font-weight:bold; text-decoration: none; }
.sonderaktion { font-size: 10pt; background-color: red; color:yellow; font-weight:bold; text-decoration: none; }
td.alt_navi_head { font-size: 10pt; background-color: #CCCCCC; font-weight: bold; text-align: center; }
td.alt_navi_line { font-size: 10pt; font-weight: bold; text-align: center; }
td.alt_dat_head { padding-left: 3px; padding-right: 3px; font-size: 8pt; text-align: center; }
div#altform { float: left; }
div#alt_ergebnis { clear: both; }
td.statustext { color:#000000; background-color: yellow; font-size:10pt; }
td.toma_farbe1 { font-size: 9pt; background-color: #CCCCCC; padding: 2px; }
td.toma_farbe2 { font-size: 9pt; background-color: #FFCCCC; padding: 2px; }
th.toma_head { font-size: 10pt; font-weight: bold; background-color:#E0E0E0; color: black; padding: 2px; }
input.yellow { background-color: #FFFFBB; font-size: 12px; border: solid 1px; border-color: red}
select.yellow { background-color: #FFFFBB; font-size: 12px; border: solid 1px; border-color: red}
input.red { background-color: #cc0000; font-weight: bold; font-size: 12px; color: white; padding: 2px;
border-style: outset; border-color: #800000; #800000; #808080; #808080}
th.TodoKopf { font-family: sans-serif; background-color: silver; }
td.TodoGelb { background-color: #FFFF00};
td.TodoGelbEins { background-color: #FFFFC0};
td.TodoGelbZwei { background-color: #FFFF80};
td.TodoRosa { background-color: #FF6C6C};
td.TodoRosaEins { background-color: #FFA8A8};
td.TodoRosaZwei { background-color: #FFDDDD};
textarea.todo { margin: 2px; overflow: auto; padding-left: 3px; background-color: #FFFFC0; border-top: #DBDBDB 1px inset; color: black;
border-bottom: #DBDBDB 1px inset; border-left: #DBDBDB 1px inset; border-right: #DBDBDB 1px inset; font-size : .9em; }