@charset "ISO-8859-1";
/* Style-Definitionen für die Homepage von DRK Langenau, www.drk-langenau.de */
/* In jeden Head-Bereich ist folgende Zeile einzubinden: */
/* */
/************************/
/* Klassen-Definitionen */
/************************/
/* auf .-Elemente muss mit "class=xxx" zugegriffen werden!!! */
.hinweis {
font-weight:bold;
color:red;
}
/* Tabellentext hellgrün, 12pt*/
td.text{
font-family:'Arial', 'Times New Roman', 'Verdana';
font-size:12pt;
color:lime; /* ??? */
}
/* Tabellentext schwarz, 12pt*/
td.bk-text {
font-family:'Arial', 'Times New Roman', 'Verdana';
font-size:12pt;
color:black;
}
td.zitat {
background-color:#EEEEE0;
font-family:'Times New Roman';
font-size:12pt;
}
/* Links */
/* generell alle Links */
a {text-decoration:none;}
/* spezielle Links und Verweise */
a:visited {color:blue;}
a:focus {color:blue;}
a:link href {color:blue;} /* link href, damit -Tags nicht auf blau wechseln ... */
a:hover href {color:blue; } /* border-bottom:solid 3px #CC0000;} */
a:active href {color:blue;}
/* spezielle Links grau/rot */
#redlinks {
font-size:10pt;
color:#808080;
font-weight:normal;
}
/* Menü-Links, überschreibt allg. Definition */
#redlinks a:link, #redlinks a:visited {
color:#808080;
border-bottom:0px;
padding-left:5px;
padding-right:5px;
}
#redlinks a:active, #redlinks a:hover, #redlinks a:focus {
color:#CC0000;
}
/**************************/
/* Top-Frame-Definitionen */
/**************************/
/* allgemeine Schrift */
#top {
font-weight:bold;
}
/* Menü-Schrift */
#topmenu {
font-size:10pt;
color:#CC0000;
font-weight:normal;
}
/* Menü-Links, überschreibt allg. Definition */
#topmenu a:link, #topmenu a:visited {
background-color:#FFFFFF;
color:#808080;
border-bottom:0px;
padding-left:5px;
padding-right:5px;
}
#topmenu a:active, #topmenu a:hover, #topmenu a:focus {
color:#CC0000;
}
/* nachfolgende Klassen einbinden in der TOP-Datei, nach letztem Link folgende Zeile einfügen: */
/*
(sonst ist die farbige Linie nicht ganz am unteren Rand! */
#home {
border-bottom:solid 3px #000000;
}
#bau {
border-bottom:solid 3px #3399FF;
}
#ov {
border-bottom:solid 3px #FFCC00;
}
#ber {
border-bottom:solid 3px #00FFFF;
}
#jrk {
border-bottom:solid 3px #FF00FF;
}
#seg {
border-bottom:solid 3px #00FF00;
}
#hvo {
border-bottom:solid 3px #FFFF00;
}
#kats {
border-bottom:solid 3px #CCCCCC;
}
#bsp {
border-bottom:solid 3px #FF0000;
}
#term {
border-bottom:solid 3px #33CC99;
}
#kon {
border-bottom:solid 3px #FF9900;
}
#dst {
border-bottom:solid 3px #CC99FF;
}
#gb {
border-bottom:solid 3px #6666FF;
}
#int {
border-bottom:solid 3px #FF0066;
}
/******************************************************/
/* Allgemeine Formatierungen im normalen Body-Bereich */
/******************************************************/
BODY, DIV, P {
font-family:'Arial', 'Times New Roman', 'Verdana';
font-size:12pt;
color:black;
margin-top:2px;
margin-left:2px;
margin-right:2px;
}
/* u.a. Klasse funktioniert nur ohne "BODY", also z.B. nur "#jrk {...}" anstatt "BODY #jrk {...}" */
/* auf #-Elemente muss mit "ID=xxx" zugegriffen werden!!! */
#red
{color:red}
#lime
{color:lime}
#blue
{color:blue}
#navy
{color:navy}
/* rote Unterstreichung bzw. unterer Rand */
#RU a:hover{
border-bottom:solid 3px #CC0000;
}
/* orange Unterstreichung bzw. unterer Rand */
#GU a:hover {
border-bottom:solid 3px #FF9900;
}
H1, H2, H3, H4 {
font-family:'Arial', 'Times New Roman', 'Verdana';
color:navy;
margin-left:2px;
margin-right:2px;
}
H1 {font-size:22pt;}
H2 {font-size:18pt;}
H3 {font-size:16pt;}
H4 {font-size:12pt;}
/*******************************/
/* Formatierungen für Tabellen */
/*******************************/
TH {font-family:"Arial", "Times New Roman", "Verdana"; font-size:12pt; color:navy; font-weight:bold}
TD {font-family:"Arial", "Times New Roman", "Verdana"; font-size:10pt; color:black}
/* Tabelle für Kontakte */
#kontakt TH {text-align:left; border-bottom:none;} /* TH ist standardmäßig zentriert */
#kontakt TD {font-size:12pt; border-bottom:none;}
/* Tabelle für Dienstabende */
/* IE 9 macht Rahmen der Zellen links und unten in der Schriftfarbe, hier die Abhilfe */
#termine TD {border-style:solid; border-color:black; border-width:thin;}
#termine TH {border-style:solid; border-color:black; border-width:thin;}
#termine {border-style:solid; border-color:black; border-width:thin;}
/*-----------------------------------------------------------------------------------------------------------------
/*******************************/
/* Formatierungen für CSS-Menü */
/*******************************/
/* Quelle: www.css-menü.de bzw. www.css-menue.de */
#menue {
width: 173px;
font-size: 90%;
border: 0px solid #FF0000;
background-color: #FFFFFF;
}
.menuekopf {
font-weight: bold;
color: #000000;
width: 163px;
padding: 5px;
}
#menue ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menue li {
display: block;
margin-left:10px;
}
#menue li a, #menue li a:link {
text-decoration: none;
color: #000000;
display: block;
width: 143px;
padding: 5px;
}
#menue li a:visited {
color: #000000;
}
#menue li a:hover {
color: #cc0000;
background-color: #ffffff;
}
#menue li a:active, #menue li a:focus {
color: #FFFFFF;
background-color: #CC0000;
}
/* So einbinden:
*/
/*******************************/
/* Test für "Fußzeilenbild" */
/*******************************/
/* Quelle: www.hillus-herzdropfa.de */
#footer {
height:26px;
width:100%;
position:fixed;
bottom:0;
z-index:1000;
background:url(grafik/bt-up-hilfe.gif) repeat-x;
}
#footer #footer_traktor {
background:url(grafik/pflaster.gif);
width:200px;
height:153px;
position:absolute;
left:500px;
bottom:5px;
}