/**
* *** Hauptstruktur ***
*/
/**
* HTML-Container
*/
html
{
margin: 0;
padding: 0;
}
/**
* Content-Bereich (für classic und DHTML-Horizontal)
*/
#contentInner
{
padding: 0 20px 0 20px;
}
/**
* Logo allgemein
*/
.logo
{
padding-top: 5px;
}
/**
* Container fuer Footer-Text
*/
.footerText {
text-align: center;
font-size: 10px;
margin-bottom: 15px;
}
/**
* *** Allgemeines ***
*/
/**
* Ueberschrift 1. Ordnung
*/
h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
/**
* Ueberschrift 2. Ordnung
*/
h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 6px;
}
/**
* Ueberschrift 3. Ordnung
*/
h3 {
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
}
/**
* Clearer-Element (fuer Floats)
*/
.clearer {
clear: both;
}
/**
* Login-Formular: Zelle mit Feld-Beschriftung
*/
.login-field-label {
font-weight: bold;
width: 150px;
height: 40px;
}
/**
* Formatierung von Blockquotes
*/
blockquote
{
margin-bottom: 0px;
}
/**
* Formatierung von Formularen
*/
form
{
margin-bottom: 0px;
}
/**
* Formatierung von Auflistungen
*/
ul, ol
{
margin-top: 5px;
margin-bottom: 0px;
}
/**
* *** Formular-Felder allgemein ***
*/
/**
* einzeilige und mehrzeilige Eingabefelder sowie Auswahllisten
*/
input.std, textarea.std, select.std {
font-size: 12px;
border: 1px #a0a0a0 solid;
}
/**
* Formular-Buttons
*/
input.stdbtn {
font-size: 12px;
border: 1px #a0a0a0 solid;
background-color: #d9d9d9;
}
/**
* für Sendform-Formulare (Formulare im Content-Bereich)
*/
.content input, .content textarea, .content select {
font-size: 12px;
border: 1px #a0a0a0 solid;
}
/**
* *** einheitliche Abstände nach oben ***
* fuer bestimmte Elemente
*/
p, blockquote, form, h1, h2, h3
{
margin-top: 0px;
}
/**
* *** einheitliche Abstände nach unten für Content-Elemente etc. ***
* fuer bestimmte Elemente
*/
p, div.ceText, div.ceTextImage, div.ceTable, div.abopagesAssignmentContainer
{
margin-bottom: 20px;
}
/**
* Abstand nach unten fuer Bild-Element
* (Hier nur 10 Pixel, da wir ja bei den Bildern unten auch noch 10px
* Abstand haben)
*/
table.ceImage
{
margin-bottom: 10px;
}
/**
* *** RSS-Feed ***
*/
/**
* Container für RSS-Feed auf News-Seite
*/
.rssFeedContainer
{
margin: 0 0 15px 0;
}
/**
* Container für RSS-Feed-Icon
*/
.rssFeedIcon
{
float: left;
margin-right: 10px;
}
/**
* Container für RSS-Feed-Link
*/
.rssFeedText
{
margin-left: 0;
margin-right: 20px;
float: left;
}
/**
* Container für Link mit RSS-Anleitung
*/
.rssFeedInfo
{
margin-left: 0;
margin-right: 0;
}
/**
* *** Content-Elemente ***
*/
/**
* Content-Element: Text
*/
/**
* Container um Text-Element herum
*/
div.ceText
{
width: 100%;
overflow: hidden;
}
/**
* Content-Element: Text/Bild
*/
/**
* Container um Text/Bild-Element herum
*/
div.ceTextImage
{
width: 100%;
overflow: hidden;
}
/**
* Layout mit Bild links
*/
div.ceTextImage div.image_topleft,
div.ceTextImage div.image_bottomleft
{
text-align: left;
}
/**
* Layout mit Bild rechts
*/
div.ceTextImage div.image_topright,
div.ceTextImage div.image_bottomright
{
text-align: right;
}
/**
* Layout mit Bild zentriert
*/
div.ceTextImage div.image_topcenter,
div.ceTextImage div.image_bottomcenter
{
text-align: center;
}
/**
* links ausgerichtetes Bild mit umfließendem Text
* Formatierung Bild
*/
div.ceTextImage div.image_floatleft
{
float: left;
padding: 2px 5px 5px 0;
}
/**
* links ausgerichtetes Bild mit umfließendem Text
* Formatierung Text
*/
div.ceTextImage div.text_floatleft
{
padding-top: 0px;
vertical-align: top;
}
/**
* rechts ausgerichtetes Bild mit umfließendem Text
* Formatierung Bild
*/
div.ceTextImage div.image_floatright
{
float: right;
padding: 2px 0 5px 5px;
}
/**
* rechts ausgerichtetes Bild mit umfließendem Text
* Formatierung Text
*/
div.ceTextImage div.text_floatright
{
padding-top: 0px;
vertical-align: top;
}
/**
* Tabelle für Spalten-Darstellung
*/
.ceTextImageTable
{
margin: 0;
border-spacing: 0px;
padding: 0;
}
/**
* Text- und Bildformatierung in Spalten-Darstellung
*/
div.ceTextImage td.text_colsleft,
div.ceTextImage td.text_colsright,
div.ceTextImage td.image_colsleft,
div.ceTextImage td.image_colsright
{
vertical-align: top;
padding-top: 0px;
margin-top: 0px;
}
/**
* Spalten-Darstellung: Bild in linker Spalte
*/
div.ceTextImage td.image_colsleft
{
padding: 2px 5px 0 0;
}
/**
* Spalten-Darstellung: Bild in rechter Spalte
*/
div.ceTextImage td.image_colsright
{
padding: 2px 0 0 5px;
}
/**
* Bild-Formatierung, wenn Bild oben
*/
div.ceTextImage div.image_topleft,
div.ceTextImage div.image_topright,
div.ceTextImage div.image_topcenter
{
margin-bottom: 5px;
}
/**
* Bild-Formatierung, wenn Bild unten
*/
div.ceTextImage div.image_bottomleft,
div.ceTextImage div.image_bottomright,
div.ceTextImage div.image_bottomcenter
{
margin-top: 5px;
}
/**
* Content-Element: Image
*/
/**
* Container um Image-Element herum
*/
div.ceImage
{
width: 100%;
}
/**
* Tabelle des Image-Elements
*/
table.ceImage
{
padding: 0;
border-spacing: 0px;
}
/**
* Zeile in Tabelle des Image-Elements
*/
tr.ceImage
{
margin: 0;
padding: 0;
}
/**
* Zelle in Tabelle des Image-Elements
*/
td.ceImage
{
margin: 0;
padding: 0;
}
/**
* Bilder zueinander horizontal links ausgerichtet
*/
td.ceImageLeft
{
text-align: left;
padding: 0 10px 0 0;
}
/**
* Bilder zueinander horizontal zentriert ausgerichtet
*/
td.ceImageCenter
{
text-align: center;
padding: 0 10px 0 0;
}
/**
* Bilder zueinander horizontal rechts ausgerichtet
*/
td.ceImageRight
{
text-align: right;
padding: 0 0 0 10px;
}
/**
* Bilder zueinander vertikal oben ausgerichtet
*/
td.ceImageTop
{
vertical-align: top;
padding-bottom: 10px;
}
/**
* Bilder zueinander vertikal mittig ausgerichtet
*/
td.ceImageMiddle
{
vertical-align: middle;
padding-bottom: 10px;
}
/**
* Bilder zueinander vertikal unten ausgerichtet
*/
td.ceImageBottom
{
vertical-align: bottom;
padding-top: 10px;
}
/**
* Rahmen fuer Bilder
*/
img.ceImageBorder
{
border: 1px solid #000000;
}
/**
* Content-Element: Legacy
* (Content-Element aus dem alten System)
*/
/**
* Container um Legacy-Element herum
*/
div.ceLegacy
{
width: 100%;
}
/**
* Tabelle im Legacy-Element
* Trick: Durch die negativen margins bekommen wird die ganze Tabelle links-
* und rechtsbündig mit den übrigen Elementen, ohne dass der Innenabstand
* darunter leidet (siehe div in td)
* Ausserdem entsteht ganz oben und ganz unten kein zusätzlicher Abstand.
*/
table.ceLegacy
{
width: 100%;
border-spacing: 0px;
margin-left: -7px;
margin-right: -7px;
margin-bottom: 5px;
}
/**
* Tabellen-Zeile im Legacy-Element
*/
tr.ceLegacy
{
}
/**
* Tabellen-Zelle im Legacy-Element
*/
td.ceLegacy
{
}
/**
* Content in einer Tabellen-Zelle innerhalb des Legacy-Elements
*/
td.ceLegacy div.ceLegacyContent
{
padding-left: 7px;
padding-right: 7px;
padding-bottom: 15px;
}
/**
* für durch colspan verbundene Zellen
*/
td.ceLegacyCombined
{
}
/**
* Container in einer durch colspan verbundenen Zelle
*/
td.ceLegacyCombined div.ceLegacyContent
{
padding-left: 7px;
padding-right: 7px;
padding-bottom: 15px;
}
/**
* Content-Element: Table
*/
/**
* Container ums ganze Table-Element herum
*/
div.ceTable
{
width: 100%;
}
/**
* Container-Darstellung, wenn Rahmen aktiviert
*/
div.ceTableBorder
{
}
/**
* Tabelle des Table-Elements
*/
table.ceTable
{
table-layout: fixed;
}
/**
* Zelle in der Table-Tabelle
*/
table.ceTable td
{
padding: 15px;
}
/**
* Tabellen-Darstellung, wenn Rahmen aktiviert
*/
table.ceTableBorder
{
border-collapse: collapse;
}
table.ceTableBorder td
{
border: 1px solid #000000;
}
/**
* Tabellen-Darstellung, wenn _kein_ Rahmen aktiviert
* Trick: Durch die negativen margins bekommen wird die ganze Tabelle links-
* und rechtsbündig mit den übrigen Elementen, ohne dass der Innenabstand
* darunter leidet (siehe border-spacing in table)
* Ausserdem entsteht ganz oben und ganz unten kein zusätzlicher Abstand.
*/
table.ceTableBorderless
{
margin: -15px;
}
/* vim:ts=4:sw=4:fileencoding=UTF-8 */