/*
* technikum29 |
* private.design |
* | Version vom 01.02.2008 01:30
* | Neue Version vom 15.02.2008 10:20, IE Fix
*
* Das technikum29 private.design wurde speziell konzipiert, um den
* gewandelten Bedingungen für schnelle (dynamische) Seitenerstellung
* und weniger technischen Standards oder absoluter Zugaenglichkeit
* gerecht zu werden. So liegen die Akzente auf
*
* * Sehr simples HTML-Gerüst in der Form
* Seitentitel
Seiteninhalt
* reicht schon fuer komplette Banner-Anzeige, etc.
*
* * Starke farbliche Akzentuierung durch Kontraste und einfache
* Farbschemen. Mit dem Grauton wird bewusst zu den technikum29.de-
* Seiten gebrochen, um auch klar zu machen, dass es hier nicht
* mehr um den Homepageinhalt geht.
*
*
* Changelog:
* 16.04.08: Anpassungen u.a. für Links in Subüberschrift
*
*/
body {
margin: 0;
margin-top: 136px; /* Banner-Hoehe */
padding: 5%;
background-color: #eee;
background-image: url(body.bg.png);
background-repeat: repeat-x;
background-position: bottom left;
font-family: Arial,sans-serif;
}
* html body {
/* IE buggt bei bottom-body-background rum,
* daher kriegt er ihn gefixt. */
background-attachment: fixed;
}
h1 {
/* Der "Banner" wird einfach durch
* Beschriftung
* erzeugt. */
position: absolute;
top: 0; left: 0; margin: 0;
width: 100%; height: 136px;
background-image: url(header.bg.png);
background-repeat: repeat-x;
}
* html h1 {
/* IE-Workaround fuer falsche Breite */
width: 110%; /* weil body: padding:5% */
}
h1 a {
/* Link, auf den ein Klick auf "technikum29" verweist */
display: block;
position: absolute;
top: 0; right: 5%;
margin-right: -5px; /* Um auszugleichen, dass die Schrift im Bild nicht ganz rechts aufhoert */
width: 421px;
height: 96px;
background-image: url(banner.png);
background-repeat: no-repeat;
}
h1 a span {
/* Beschriftung - wird nicht angezeigt */
display: none;
}
h1 strong {
display: block;
position: absolute;
top: 99px; right: 5%; /*17px;*/
width: 100%;
text-align: right;
font-weight: normal;
font-size: 23px;
color: #fff;
font-family: Verdana,sans-serif;
}
h1 strong a {
/* alles wieder rausnehmen von h1 a */
display: inline;
position: static;
background: none;
width: auto; height: auto;
margin: 0;
}
h1 strong a:link, h1 strong a:visited {
text-decoration: none;
border-bottom: 1px dashed #eee;
color: #fff;
}
h1 strong a:hover {
background: none;
color: #aaa;
border-bottom-style: solid;
}
h2,h3,h4 {
/* Hauptueberschrift der Seite */
margin: 0 0 .2em 0;
padding: 0;
font-size: 170%;
}
h3 { font-size: 150% }
h4 { font-size: 120% }
h2 tt, h2 var {
background-color: #fff;
border: 1px solid #ddd;
font-family: monospace;
font-style: normal;
font-weight: normal;
}
a:link {
color: blue;
text-decoration: underline;
}
a:visited {
color: purple;
text-decoration: underline;
}
a:hover {
background-color: yellow;
}
p, li {
text-align: justify;
line-height: 130%;
}
address {
/* Apache-Adressen */
font-style: normal;
font-variant: small-caps;
margin-top: 1em;
text-align: center;
}