/**********************************************************/ /* /webbau */ /* /styles/allgemein.css.php */ /* CSS-Definitionen für Vademecum und Webbau */ /* Normalausgabe für Opera, IE und Firefox */ /* von Alfred Brandenberger - alfred@brandenberger.eu */ /***********************************************************/ /* Farben Achtung: Die Farben für die Google-Suche im Kopf muss in folgender Datei ebenfalls geändert werden: /include/suche/website.php */ /* Menuübreite: 15.5em */ /***********************************************************/ /* Die Links müssen in folgender Reihenfolge sein */ /* 1) a:link (noch nicht besuchter Link*/ /* Noch nicht besuchter Link */ a:link { color:#1414FF; } #kopfbehaelter a:link { background:transparent; color:#148AFF; text-decoration:none; margin:0; padding:0em; } #aktuelles_kap a:link { color:white; } #menue a:link { background:transparent; color:white; text-decoration:none; margin:0; padding:0; } #menue_aktiv a:link { background:#000080; color:white; text-decoration:none; margin:0; padding:0em; } #menue_uk2_aktiv a:link { background:#000080; color:black; text-decoration:none; margin:0; padding:0em; } #fussbehaelter a:link { background:transparent; color:#148AFF; text-decoration:none; } /***********************************************************/ /* 2) a:visited (schon besuchter Link*/ a:visited { color:#1414FF; } #kopfbehaelter a:visited { background:transparent; color:#148AFF; text-decoration:none; margin:0; padding:0em; } #home a:visited { background:transparent; color:#7ABDFF; text-decoration:none; margin:0; padding:0em; } #sitemap a:visited { background:transparent; color:#7ABDFF; text-decoration:none; margin:0; padding:0em; } #aktuelles_kap a:visited { background:#000080; color:white; text-decoration:none; margin:0; padding:0em; } #menue a:visited{ background:transparent; color:white; text-decoration:none; margin:0; padding:0em; } #menue_aktiv a:visited { background:#000080; color:white; text-decoration:none; margin:0; padding:0em; } #menue_uk2_aktiv a:visited { background:transparent; color:black; /* Schriftfarbe des aktiven uk2*/ text-decoration:none; margin:0; padding:0em; } /***********************************************************/ /* 3) a:hover (Benutzer hovert) */ a:hover { color:#800080;} #kopf a:hover, #home a:hover, #sitemap a:hover, #aktuelles_kap a:hover{ color:white; } #menue a:hover { color:white; } #menue_uk2_aktiv a:hover { background:transparent; color:black; /* Schriftfarbe des aktiven uk2*/ text-decoration:none; margin:0; padding:0em; } #fussbehaelter a:hover { color:white; text-decoration:none; } /***********************************************************/ /* 4) a:active (Anzeige, wenn man mit der linken Maustaste auf den Link drückt)*/ a:active { color:#FF0000;} #active { text-decoration:none; } /***************************************************************/ /* Internet-Vademecum: Inhalt-Bereich */ /* Achtung: Wegen Anpassung des Menues an den IE6 */ /* sind viele Formatierungen evtl. nicht mehr W3C CSS Konform */ /***************************************************************/ /*body früher: font-size:100.1%*/ body { position:absolute; background:#FFFFFF; color:#000000; font-family:Verdana,Helvetica,sans-serif; font-size:103%; } html, body { top:0; left:0; right:0; min-height:100%; /* wegen dem IE notwendig*/ margin:0; padding:0; /* wegen dem IE notwendig*/ width:100%; } p { margin:0.9em 0; padding:0; } /* Kleine Schrift z.B. Sprache bei Titeln (span class="klein")*/ /* Beispiel auch das 2 bei CO2 */ .klein { font-size:0.82em; letter-spacing:0; font-weight:bold; } /* Halber Zeilenabstand oben oder im Text (p class="halb")*/ .halb { margin-top:-0.5em; } h1 { margin-top:2.7em; padding:8px 10px; border-style:solid; border-width:5px; border-left-color:#148AFF; border-top-color:#148AFF; border-right-color: #1414FF; border-bottom-color: #1414FF; background: #000080 ; color:white; font-size:1.25em; font-weight:bold; letter-spacing:0.05em; } /* Bei h2 wurde margin-top wegen Anklicken des Unterkapitels zugefuegt*/ h2 { margin-top:2.7em; padding:5px 10px; border-style:solid; border-width:3px; border-left-color:#1414FF; border-top-color:#1414FF; border-right-color:#000080; border-bottom-color:#000080; background:#0000E0; color:white; font-size:1.32em; font-weight:bold; letter-spacing:0.05em; } h3 { margin-top:1.5em; /*nur wegen dem IE*/ padding:5px 5px; border-style:solid; border-width:3px; border-left-color:#F3F5F7; border-top-color:#F3F5F7; border-right-color:#68696A; border-bottom-color:#68696A; background:#D6DBE3; color: #000080 ; font-size:1.32em; font-weight:bold; letter-spacing:0.02em; } /* Schrift von h3 aber ohne box*/ .h3 { margin-top:1.3em; /*nur wegen dem IE*/ padding:5px 5px; background:transparent; color: #000080 ; font-size:1.32em; font-weight:bold; letter-spacing:0.02em; } h4 { padding:2px 0 3px 3px; border-style:solid; border-width:3px; border-left-color:#DFDCE0; border-top-color:#DFDCE0; border-right-color:#BAB3BD; border-bottom-color:#BAB3BD; background:#EBE9EC; color: #800000; font-size:1.19em; font-weight:bold; letter-spacing:0.02em; } h5 { margin:1em 0; padding:2px; border-style:solid; border-width:1px; border-left-color:#E6E6E6; border-top-color:#E6E6E6; border-right-color:#B3B3B3; border-bottom-color:#B3B3B3; background: #F2F2F2 ; color: #4D4D4D ; font-size:1.12em; font-weight:bold; letter-spacing:0.01em; } .h5box { margin:0; padding:2px; border-style:solid; border-width:1px; border-left-color:#E6E6E6; border-top-color:#E6E6E6; border-right-color:#B3B3B3; border-bottom-color:#B3B3B3; background: #F2F2F2 ; color: #4D4D4D ; font-size:1.12em; font-weight:bold; letter-spacing:0.01em; } /* Schrift von h5 ohne box */ .h5 { padding:2px 0 2px 2px; margin:0; background:transparent; color: #4D4D4D ; font-size:1.12em; font-weight:bold; letter-spacing:0.01em; } h6 { background:transparent; color: fuchsia; font-size:1em; font-weight:bold; letter-spacing:0.05em; } .titel-rot { text-align:center; font-size:1.2em; font-weight: bold; color:#B51565; } .titel-blau { text-align:center; color:#0000E0; font-size:1.32em; font-weight: bold; } .untertitel-blau { text-align:center; color:#0000E0; font-size:0.93em; font-weight: bold; } /****************************************************************************/ /* Spezielle Formatierung fuer Beispiele */ /* Bei Aenderung: Beispiele kontrollieren!! */ /* Achtung: im Kopf von verschiedenen Kapiteln hat es noch mehr CSS-Angaben */ /****************************************************************************/ em { font-style:italic; } ul { margin:0.9em 0 0.9em 3em; padding:0; list-style-type:disc; } /* Abstand oben und unten in den Listen */ ul li { margin:0.3em 0; } /* class="verzeichnis" Für Inhaltsverzeichnis im Text) */ ul.verzeichnis { list-style-type:circle; margin-left:1.5em; line-height:1.4em; } /* class="verzeichnis-1" Für eingeschobenes Inhaltsverzeichnis im Text) */ ul.verzeichnis-1 { list-style-type:circle; margin:0 0 0.3em 2.5em; line-height:1.2em; } /* class="verzeichnis-2" Für 2.Stufe eingeschobenes Inhaltsverzeichnis im Text) */ ul.verzeichnis-2 { list-style-type:circle; margin:0 0 0.3em 1em; line-height:1.2em; } ul.verzeichnis li { margin:0; } /* class="link" */ ul.link { list-style-type:square; } ol { margin:0.9em 0 0.9em 3em; padding:0; } ol li { /* Abstand oben und unten in den numerierten Aufzählungen */ margin:0.7em 0; } /* a=class="a" Anker oben unsichtbar und mit Abstand zum folgenden Text */ .a { visibility:hidden; margin:-3em 0 3.7em 0; } /* a=class="an Anker oben unsichtbar ohne Abstand im Text */ .an { visibility:hidden; margin:-5em 0 3.7em 0; } /* hr class="ah" Nach dem Anker einen Trennstrich */ .ah { margin:-1em 0 0 0; } hr.duenn { background:#999; /* setzt die Farbe */ height:1px; /* ersetzt size=1 */ border:none; /* ersetzt noshade */ } /* Mit kann Text gelb hervorgehoben werden */ .gelb { padding:1px; background:#FFF577; color:#000000; } /* Mit kann Text etws kleiner gelb und fett hervorgehoben werden */ /* Abstand oben ist kleiner als ein Leerabstand */ .gelbfett { margin-top:-0.5em; padding:1px; background:#FFF577; color:#000000; font-weight:bold; font-size:96%; } /* Mit kann Text fett und etws kleiner hervorgehoben werden */ /* Abstand oben ist kleiner als ein Leerabstand */ .fett { margin-top:-0.5em; font-weight:bold; font-size:98%; } /* class="wichtig" wird für Videos verwendet */ .wichtig { padding:2px; background:#FFCC00; color:#000000; font-size:95%; } /* class="blau" */ .blau { padding:2px; background:#C1DAF6; color:#000000; } /* class="box-blau" hat das gleiche blau wie die blaue Box */ .box-blau { padding:2px; background:#C1DAF6; color:#000000; } /* Mit class="blau-gruen" > kann Text hervorgehoben werden */ .blau-gruen { padding:2px; background:#CCFFFF; color:#000000; } /* Mit class gruen kann Text hervorgehoben werden */ .gruen { background:#CCFFCC; color:#000000; padding:1px; } /* Mit span class gruenklein kann Text klein und grün hervorgehoben werden */ .gruenklein { background:#CCFFCC; color:#000000; padding:1px; font-size:0.75em; font-weight:bold; } /* Mit kann Text hervorgehoben werden */ .de { background:#2FBE27 ; color:white ; padding:0; font-size:12px; font-weight:bold; } /* Mit kann Text gross hervorgehoben werden */ .deg { background:#2FBE27 ; color:white ; padding:0; font-size:0.88em; font-weight:bold; padding:2px; } /* Mit kann Text rot hervorgehoben werden */ .en { background:#D42B34 ; color:white ; padding:0; font-size:12px; font-weight:bold; } /* Mit kann Text rot gross hervorgehoben werden */ .eng { background:#D42B34 ; color:white ; padding:0; font-size:0.88em; font-weight:bold; padding:2px; } /* Mit kann Text hervorgehoben werden */ .fr { background:#2C87E2 ; color:white ; padding:0; font-size:12px; font-weight:bold; letter-spacing:3px; } /* Text fr hervorheben ohne Spreizung */ .frn { background:#2C87E2 ; color:white ; padding:0; font-size:12px; font-weight:bold; letter-spacing:0; } /* Text fr hervorheben gross */ .frg { background:#2C87E2 ; color:white ; padding:0; font-size:0.88em; font-weight:bold; letter-spacing:3px; padding:2px; } /* Text fr hervorheben gross aber nicht gespreizt*/ .frgn { background:#2C87E2 ; color:white ; padding:0; font-size:0.88em; font-weight:bold; letter-spacing:0; padding:2px; } /* Allgemeiner */ code { padding:1px 0.2em; background:#EEEEEE ; color:#000000; font-weight:bold; } /* im Menü damit im Menü der Code dunkler ist und weniger Platz beansprucht */ #menue code { padding:0; background:#C7C7C7 ; color:#000000; } /*
 Allgemein */
pre {
font-family:monospace;
font-size:0.93em;
}

/* Ausgerichteter Text (ohne Rahmen)*/
pre.text {
font-family:sans-serif;
}

/* Ausgerichteter Text mit schwarzem Rahmen */
pre.text-box {
border-style:solid; border-width:1px; padding:5px;
border-color:#000000; background:#FFFFFF; color:#000000;
font-family:sans-serif;
}

/* Darstellung von Codes */
pre.code {
border-style:solid; border-width:3px; padding:5px;
border-left-color:#999999; border-top-color:#999999;
border-right-color:#CCCCCC; border-bottom-color:#CCCCCC;
background:#EEEEEE; color:#000000;}

/* Darstellung Stylesheet */
pre.style {
border-style:inset; border-width:3px; padding:5px;
border-color:#FF9999; background:#FFFACD; color:#000000;
}

/* Darstellung Quelltext */
pre.quell {
border-style:inset; border-width:3px; padding:5px;
border-color:#FF9999; background:#FAEBD7; color:#000000;
}

/* Darstellung PHP */
pre.php {
border-style:inset; border-width:3px;  padding:5px;
border-color:#6666FF; background:#EFEFFF; color:#000000;
}

/* Darstellung javascript */
pre.js {
border-style:inset; border-width:3px;  padding:5px;
border-color:#B366FF; background:#F7F0FF; color:#000000;
}

/* Schwarzer Rahmen */
.box-schwarz {
margin:1.5em 0;
border-style:solid; border-width:2px; padding:0 1em;
border-color:#000000; background:#FFFFFF; color:#000000;
}

/* Blauer Rahmen */
.box-schwarzblau {
border-style:solid; border-width:2px;
border-color:blue; background:#FFFFFF; color:#000000;
}

/* Grauer Hintergrund und Rahmen (vorne=outset)*/
.box-grau {
display:block; border:3px solid; padding:5px;
border-left-color:#CCCCCC; border-top-color:#CCCCCC;
border-right-color:#999999; border-bottom-color:#999999;
background:#EEEEEE; color:#000000;
}

/* Roter Rahmen (vorne=outset) */
.box-rot {
border-style:solid; border-width:5px; padding:1em;
border-left-color:#FF3300; border-top-color:#FF3300;
border-right-color:#DB2122; border-bottom-color:#DB2122;
background:#FFFFFF; color:#000000;
text-align:center;
}

/* Dünner roter Rahmen */
.box-rotduenn {
border-style:solid; border-width:2px; padding:0;
border-color:#FF0000; color:#000000;
text-align:left;
padding-left:1em;
}

/* Blauer Hintergrund und Rahmen (vorne=outset)*/
.box-blau {
border-style:solid; border-width:3px; padding:0.5em;
border-left-color:#CCE3FF; border-top-color:#CCE3FF;
border-right-color:#99BBFF; border-bottom-color:#99BBFF;
background: #C1DAF6 ;
color:#000000; /* vorher CCEEFF */
}

/* Blau-gruener Hintergurund und Rahmen (vorne=outset)*/
.box-blau-gruen {
display:block; border-style:outset; border-width:3px; padding:0.5em;
border-color:#99E4E4;
background: #CCFFFF;
color:#000000;
}

/* Gruener Hintergurund und Rahmen (vorne=outset)*/
.box-gruen {
display:block; border-style:outset; border-width:3px; padding:0.5em;
border-color:#99CC66; background:#CCFFCC; color:#000000;
}

/* Gelber Hintergurund und roter Rahmen fuer Posteingang (vorne=outset)*/
.box-gelb {
width:70%;
display:block; border-style:outset; border-width:3px; padding:0.5em;
border-color:red; background:#FFFF99; color:#000000;
}

/* Hintergrund wie Home*/
.home {
background:#000080;
color:#000000;
}

/* Blaue Tabelle*/
.table-blau {
background:#EDF4FC;
border-color:white;
}

/* Tabelle mit Links "table-link"  und kleiner Schrift*/
.table-link {
background:#F2F2F2;
color:#737373;
font-size:85%;
}

/* Tabelle mit Links "table-normal" mit normaler Schrift */
.table-normal {
background:#F2F2F2;
color:#737373;
}

/* Tabelle für "wiki-manipuliert" */
.table-wiki {
background:#FAEBD7;
font-size:85%;
}

/* Hintergrund von der Farbe "wiki" */
.wiki {
background:#FAEBD7;
}

/* Hintergrund von der Farbe "wiki" und Schrift "fett" */
/* Mit  kann Text etws kleiner fett hervorgehoben werden */
/* Abstand oben ist kleiner als ein Leerabstand */
/* Formatiert wie "gelbfett" */
.wikifett {
margin-top:-0.5em;
padding:1px;
background:#FAEBD7;
color:#000000;
font-weight:bold;
font-size:96%;
}

/* Hintergrund von Formulare "Suchen" */
.suchen {
background:#AAFFAA;
padding:1em;
}

/********************/
/*  Menue-Bereich: 	*/
/********************/

#kopfbehaelter {
position:fixed; top:0; left:0; right:0;
height:4.2em;
z-index:4;
padding:0; margin:0;
background: #000080 ;
color:#148AFF;
}

#kopf {
position:absolute;
top:0; left:0; right:0;
border:none;
padding-top:0.5em;
z-index:3;
text-align:center;
font-size:1.38em; font-weight:bold; letter-spacing:1px;
}

/* Dies wird vom IE6 nicht verstanden */
/* Darum kann kein h1 verwendet werden*/
#kopf h1 {
position:absolute;
top:0; left:0; right:0;
height:100%;
border:none;
margin-top:0;
padding-top:0;
z-index:3;
text-align:center;
font-size:1.38em;
font-weight:bold;
letter-spacing:0.1em;
}

#suche-website {
position:absolute;
top:0; right:0;
padding:4px 16px 0 0;
z-index:4;
font-size:0.88em;
font-weight:bold;
}

#sprache {
position:absolute;
right:1.5em;
bottom:1px;
z-index:4;
font-size:0.75em;
font-weight:bold;
}

#home, #sitemap, #home_aktiv, #sitemap_aktiv, #aktuelles_kap {
position:absolute;
left:15.5em;
z-index:3;
font-size:0.88em;
font-weight:normal;
padding:2px 2px 0 3px;
line-height:1.3em;
}

#home, #home_aktiv {
top:2px; 
}

#home_aktiv {
border-style:solid; border-width:2px;
border-left-color: #148AFF ;
border-top-color: #148AFF ;
border-right-color: #1414FF ;
border-bottom-color:#1414FF;
background:#000080;
color:white;
}

#sitemap {
top:1.7em;
}

#sitemap_aktiv {
border-style:solid; border-width:2px;
border-left-color: #148AFF ;
 border-top-color: #148AFF ;
border-right-color:#1414FF; 
border-bottom-color:#1414FF;
top:1.6em;
}

#sitemap_aktiv {
background:#000080;
color:white;
}

/* Aktuelles Kapitel ist die Anzeige unterhalb der Sitemap*/
#aktuelles_kap {
bottom:1px;
width:32em;
margin-left:-1.35em;
padding-left:0;
z-index:3;
text-align:left;
font-size:0.96em; font-weight:normal;
}

#menue {
position:fixed; top:0.2em; left:0;
width:15.5em;
margin:0;
padding-left:0; /*Wegen Opera notwendig */
padding-bottom:46em; /* Dies verlängert den Hintergrund nach unten */
z-index:5;
background:#000080;
color:#148AFF;
line-height:1.6em; /* Zeilenabstand der Kapitel im Menü */
list-style: none;
font-size:0.82em;                                             /* frühe 0.8em */
font-weight:normal;
}

#menue li { /* Rand im Menü */
margin: 0;
padding-left:2px;
}

#menue hr {
background:#148AFF;	/* setzt die Farbe der Trennlinie im Menü*/
height:1px;		/* ersetzt size=1  */
border:none;		/* ersetzt noshade */
}

#menue_aktiv {
border-style:solid; border-width:2px;
border-left-color:#148AFF;
border-top-color:#148AFF;
border-right-color:#1414FF;
border-bottom-color:#1414FF;
background:#000080;
color:white;
font-weight:bold;
}

.menue_uk1 {
padding-top:1px;
padding-bottom:0px;
line-height:1.2em; /* Zeilenabstand der uk1-Kapitel im Menü */
border-style:solid; border-width:2px;
border-left-color:#1414FF;
border-top-color:#1414FF;
border-right-color:#000080;
border-bottom-color:#000080;
background:#0000E0;
color:#148AFF;
}

#menue_uk1_aktiv {
border-style:solid; border-width: 2px;
border-left-color:#148AFF;
border-top-color:#148AFF;
border-right-color:#000080;
border-bottom-color:#000080;
background:#1414FF;
color:#FFFFFF;
font-weight:bold;
}

.menue_uk2 {
line-height:1.3em; /* Zeilenabstand der uk2-Unterkapitel im Menü */
list-style: none;
border-style:solid; border-width: 1px;
border-left-color:#7ABDFF;
border-top-color:#7ABDFF;
border-right-color:#0000E0;
border-bottom-color:#0000E0;
background:#148AFF;
color:#148AFF;
font-size:0.95em;
font-weight:normal;
}
 
#menue_uk2_aktiv { 
line-height:1.5em; /* Zeilenabstand der uk2-Kapitel im Menü */
list-style: none;
border-style:solid; border-width:1px;
border-left-color:#F3F5F7; 
border-top-color:#F3F5F7;
border-right-color:#68696A; 
border-bottom-color:#68696A;
background:#D6DBE3;
color:white;                     /* Die Schriftfarbe wird mit a:visited gegeben*/
font-size:0.96em;
font-weight:bold;
}

.menue_versteckt {
display:none;
}

#inhalt {
margin-top:-3.2em; /* Damit der Abstand oben im IE und Opera gleich gross aussehen */
padding:4.7em 1em 25em 14.6em; /* padding top für Ausgleich im IE und Opera */
z-index:2;
}

#fussbehaelter {
position:fixed; bottom:-1px; left:0; right:0;
z-index:6;
height:18px;
background:#000080;
color:#148AFF;
}

#fuss1 {
position:fixed; left:0; bottom:0;
display:inline;
padding:2px 0 2px 0.2em;
z-index:6;
font-size:0.75em;
font-weight:normal;
}

#fuss2 {
position:fixed; right:0; bottom:0;
display:inline;
margin-left:20em;
padding:1px 0.5em 1px 0;
text-align:right;
font-size:0.75em;
font-weight:normal;
}

/* Nur für den MSIE */
* html, * html body {
overflow:hidden;
bottom:0;
height:100%;
}

* html #kopfbehaelter, * html #fussbehaelter {
position:absolute;
width:100%;
padding-right:16px;
}

* html #menue {
position:absolute;
}

* html #kopf, * html #fuss1, * html #fuss2 {
height:100%;
position:static;
}

* html #inhalt {
position:absolute;
top:0; bottom:0; left:0; right:0;
height:100%;
width:100%;
overflow:auto;
margin:0;
}

/* Fügt ein Zeichen vor externe Links ein */ 
a[href^="http://"]:before { 
content: "\2197\a0" 
}

/* von Louis für interne Submenüs: Einzug für Unteruntermenüs */
li.einzug {
margin-left:2.5em ! important;
}
li.einzug2 {
margin-left:5em ! important;
}