alg_oo_oom_oop/0_inhaltsverzeichnis/styles.css
2025-01-04 20:59:32 +01:00

747 lines
No EOL
14 KiB
CSS

/*------------------------------------------ allgemeine Eigenschaften -------------------------------------*/
body
{
color:#000000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
list-style-position: inside;
list-style-type: disc;
font-family:Arial,Geneva,Helvetica,sans-serif;
margin-top: 18px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 5px;
scrollbar-face-color:#d7e8ff;
scrollbar-highlight-color:#013B8C;
scrollbar-shadow-color:#013B8C;
scrollbar-arrow-color:#013B8C;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-base-color:#ffffff;
}
body.Menu
{
color:#000000;
margin:0px;
bgcolor:#ffffff;
}
body.Termin
{
background:#8BADDE;
color:#000000;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 5px;
}
/* Standard */
.DesignTable table {
border-width: 0px;
border-spacing: 0px;
padding: 0px;
}
p, li, .DesignTable td {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: justify;
list-style-position: inside;
list-style-type: disc;
}
td.hauptfenster {
vertical-align:top;
border: solid 1px black;
}
hr
{
color:#3e70b6;
size: 1;
noshade;
}
hr.hr
{
color:#19037a;
width:100%;
height:1px;
}
/* Ueberschriften */
h1.style1 {
font-family:VAGRounded BT;
font-size: 25px;
color=#990000;
font-weight: bold;
}
h1.style1 i {
font-family:Mistral;
font-style:normal;
}
h1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
font-variant: small-caps;
text-transform: uppercase;
color: #990000;
}
h1 i {
color: #000099;
}
h2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: none;
color: #990000;
}
h2 i {
color: #000099;
}
h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: none;
color: #000000;
}
/* fett */
b {
color: #990000;
font-weight: bold;
}
img.image {
border-top-style: solid;
border-top-color: #000000;
border-left-style: solid;
border-left-color: #000000;
border-right-style: groove;
border-right-color: #AA2020;
border-bottom-style: groove;
border-bottom-color: #AA2020;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 3px;
border-bottom-width: 3px;
}
/* Links */
a
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a:hover
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
/*-----------------------------------Tabelle mit 2 Ebenen (Unterkunftstabelle) ----------------------------*/
/* Kopf */
.tabstyle1top
{
background-color:#013B8C;
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
a.tabstyle1top
{
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
a.tabstyle1top:hover
{
color:#8BADDE;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
/* Zeile */
.tabstyle1line
{
background-color:#8BADDE;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
a.tabstyle1line
{
color:#013B8C;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.tabstyle1line:hover
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/*------------------ Tabelle mit 3 Ebenen (Gruppenunterkuenfte/Reisekategorien) ---------------------------*/
/* Kopf 1 */
.tabstyle2top
{
background-color:#013B8C;
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
a.tabstyle2top
{
color:#FFFFFF;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
a.tabstyle2top:hover
{
color:#BDD3F3;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
/* Kopf 2 */
.tabstyle2top2, .ScrollTable th
{
background-color:#8BADDE;
color:#013B8C;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
/* Zeile */
.tabstyle2line, .ScrollTable td
{
background-color:#BDD3F3;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
a.tabstyle2line
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.tabstyle2line:hover
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* -------------------------------------------- Terminkalender ------------------------------*/
.tabstyleferien
{
background-color:#DEA0A0;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
div.termin1
{ color:#880000;
font-weight:normal; }
div.termin2
{ color:#005000;
font-weight:normal; }
div.termin3
{ color:#505000;
font-weight:normal; }
div.termin4
{ color:#000000;
font-weight:bold; }
div.termin5
{ color:#000050;
font-weight:normal; }
div.termin6
{ color:#005050;
font-weight:normal; }
/*--------------------------------------------------- Hierarchie ------------------------------------------*/
div.hierarchie
{
color:#013b8c;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-transform:lowercase;
position:absolute;
top:1px;
left:1px;
width:300px;
z-index:0;
}
div.autor
{
color:#013b8c;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-transform:lowercase;
position:absolute;
top:1px;
right:20px;
z-index:1;
}
div.hierarchie a
{
color:#013b8c;
font-size:10px;
}
div.hierarchie a:hover
{
color:#B01B1B;
font-size:10px;
}
/*------------------------------------------- Reiter-Eigenschaften ----------------------------------------*/
/* Hintergrundfarbe */
.bgreiter
{
background-color:#d7e8ff;
}
/* Schrift */
.reiter
{
}
/* Ueberschriften */
.headerreiter
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* Links */
a.reiter
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.reiter:hover
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
/*-------------------------------------------------- Navigation oben --------------------------------------*/
.navtop
{
background-color:#B01B1B;
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.tabborder
{
border-right-style: solid;
border-right-color: #FFFFFF;
border-width : 2px;
text-align: center;
padding-left:10px;
padding-right:10px;
}
.tabborderactiv
{
background-color:#ffb045;
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
border-right-style: solid;
border-right-color: #FFFFFF;
border-width : 2px;
text-align: center;
padding-left:10px;
padding-right:10px;
}
a.anavtopa
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.anavtopa:hover
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.anavtop
{
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.anavtop:hover
{
color:#d7e8ff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/*------------------------------------------------- Navigation links --------------------------------------*/
.bgnavleft, .bgelpix
{
background-color:#FFFFFF;
border: solid 1px black;
cellpadding=0;
/* background-color:#013B8C; */
}
/* EBENE 1*/
td.navleft1
{
background-color:#FFFFFF;
border-bottom:1px solid gray;
color: #ec4d15;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:5px;
}
a.navleft1
{
color: #ec4d15;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.navleft1:hover
{
color: #ffb635;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* Ebene 2 */
td.navleft2
{
/* background-color:#d7e8ff; */
background-color:#FFFFFF;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
padding-left:5px;
}
a.navleft2
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.navleft2:hover
{
color:#b4b4f3;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* EBENE 2 aufgeklappt */
td.navleft2aktiv
{
background-color:#7F9ECB;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
padding-left:5px;
}
a.navleft2aktiv
{
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.navleft2aktiv:hover
{
color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* EBENE 3*/
td.navleft3
{
background-color:#ffffff;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
padding-left:5px;
}
a.navleft3
{
color:#013b8c;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
a.navleft3:hover
{
color:#b01b1b;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
/* --------- Formulare ----------------------------------------------------*/
td.orange
{
background-color:#FFFFFF;
color: #000000;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
input.login
{
border-style:solid;
border-width:1px;
border-color:#3e70b6;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
background-color:#ffffff;
}
input.text
{
border-style:none;
border-width:0px;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#BDD3F3;
color:#013b8c;
}
select.blue
{
border-style:none;
border-width:0px;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#BDD3F3;
color:#013b8c;
}
input.blue, textarea.blue
{
color:#013b8c;
border-style:solid;
border-width:2px;
border-color:#3e70b6;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
background-color:#d7e8ff;
}
input.textbox
{
width:128px;
}
/* scrollbare Tabellen */
.ScrollTable tr
{
height:22px;
color:#000000;
}
/* Reiter-Lasche */
.reiterwindow
{
color:#000000;
background-color:#BDD3F3;
text-decoration:none;
font-weight:normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: justify;
border-color:#013b8c;
border-width:1;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
padding:4px;
}
.reiterlasche
{
color:#013b8c;
background-color:#8BADDE;
text-decoration:none;
font-weight:normal;
border-color:#013b8c;
border-width:1;
border-top-style:solid;
border-bottom-style:solid;
}
.aktreiterlasche
{
color:#013b8c;
background-color:#BDD3F3;
text-decoration:none;
text-align: center;
font-weight:normal;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
border-color:#013b8c;
border-width:1;
border-top-style:solid;
}
.reiterspace
{
background-color:#FFFFFF;
border-color:#013b8c;
border-width:1;
border-bottom-style:solid;
}
.aktreiterspace
{
background-color:#FFFFFF;
border-color:#BDD3F3;
border-width:1;
border-bottom-style:solid;
}
a.reiterlink
{
background-color:#8BADDE;
color:#013b8c;
text-decoration:none;
font-weight:normal;
}
a.reiterlink:hover
{
color:#880000;
text-decoration:none;
font-weight:normal;
}
/* Sonstiges*/