/* Copyright (C) 2002-2007 by Home of the Brave Web http://home.of.the.brave.de
E-Mail info@brave.de */
/* $Revision: 1.24 $ $Date: 2010/01/25 10:58:31 $ */
/* owner: Nico.Westermann@brave.de */
/*** GRUNDLEGENDE FORMATIERUNGEN *****************************/
body {
color: #000;
font-family: Verdana,Arial,Sans-Serif;
margin:0;
padding:0;
}
/*** LAYOUT **************************************************/
table#layout {
height: 100%;
width:100%;
background-color: white;
background-image:url(/Icons/Big_Ant.jpg);
background-repeat:no-repeat;
background-color:black;
}
#layout #column_navigation {
height:100px;
margin:0;
padding:0;
vertical-align:bottom;
}
#column_content {
height: 100%;
line-height: 160%;
padding:15px 0 40px 0;
width:55em !important;
}
#column_margin {
background:url(/Icons/3d_Right.jpg) repeat-y left top;
background-color: white;
padding:0;
height: 100%;
width:23%;
}
#column_center {
padding:0;
width:47.5em;
background-color:white;
}
.nomargin #column_center table {
width:45em !important;
}
#column_left_top {
width:5%;
}
#column_margin_top {
vertical-align:bottom;
}
#column_left {
background:url(/Icons/3d_Left.jpg) repeat-y right top;
background-color:white;
}
#column_right {
background-color:white;
}
#column_center_top {
height:70px;
}
.nomargin #column_content {
padding:0 !important;
margin:0 !important;
}
#content_main {
width:100% !important;
}
/*** BASIS SCHRIFTGRADE ***************************************/
/* Grundlegende Schriftformatierungen: Diese Schriftgrade auch in der fontsizes.xml eintragen! */
#column_content {
font-size:0.7em;
}
#column_center {
font-size: 0.8em;
}
image, td {
font-size: 0.8em;
}
#column_margin {
font-size: 0.7em;
}
.level_2 {
font-size:0.85em;
}
.level_3 {
font-size:0.9em;
}
#nav_meta {
font-size:0.92em;
}
/*** INHALTE DER SPALTEN *************************************/
/** NAVIGATION **/
ul#nav_tree {
margin:0;
padding:0px;
list-style:none;
white-space: nowrap;
position:relative;
left:-1px;
}
#nav_tree li {
display:inline;
}
#nav_tree a, #nav_tree .current {
text-decoration:none;
text-align:center;
padding:5px 10px 4px 6px;
text-decoration:none;
}
.level_1 li {
margin:0 1px 0 1px;
padding:5px 0 1px 5px;
background:url(/Icons/Tab_Left.gif) no-repeat top left;
background-repeat:no-repeat;
background-position:0 5;
}
*> .level_1 li {
-moz-opacity:.9 !important;
background-position:top left;
}
#column_navigation .level_1 a, #column_navigation .level_1 span.current {
background: url(/Icons/Tab_Right.gif) no-repeat top right;
filter:Alpha(opacity=100, finishopacity=80, starty=0, style=1);
height:1em;
}
#column_navigation li.active,#column_navigation li.active a, #column_navigation .level_1 span.current {
-moz-opacity:1 !important;
filter:Alpha(opacity=100, finishopacity=100, starty=0, style=0) !important;
}
.level_2, .level_3, .level_4 {
float:left;
margin:0;
background-color:white;
width:100%;
padding:0;
display:block;
}
.level_2 {
padding-top:8px;
padding-bottom:10px;
background-color:none;
background:url(/Icons/Tab_Right.gif) right top;
border-bottom:1px solid #DDACB9;
width:100%;
padding-left:1.1em;
}
*> .level_2 {
margin-left:1px !important;
width:98% !important;
}
.level_2 .current, .level_3 .current, .level_4 .current {
padding:0 !important;
font-weight:bold;
}
#nav_tree .level_2 li, .level_2 a {
background-image:none !important;
background-color:white;
padding:0 !important;
margin-bottom:0 !important;
margin-top:0 !important;
-moz-opacity:1 !important;
filter:alpha(opacity=100) !important;
font-weight:normal !important;
}
.level_2 a, .level_2 .current {
border-right:1px solid #AE3B56;
margin:0 2px 0 0;
padding-right:5px !important;
}
.level_3 {
padding:6px 0 0 0;
white-space: normal;
}
li.last a, #nav_tree .last .current {
border-right:none;
}
li.last {
padding-right:10px;
}
/* "sie sind hier"-Navigation */
#nav_here {
}
/* aktuelle Seite in der "sie sind hier"-Navigation */
#nav_here .active {
}
/* MARGINALSPALTE */
#content_margin {
margin-top: 20px;
}
/* UEBERSCHRIFTEN */
h1 {
font-size: 1.6em;
font-weight:normal;
}
h2 {
font-size: 1.3em;
font-weight:normal;
margin-bottom:1em;
}
h3 {
}
/* LINKS */
a, a:link, input.link, a:visited {
color: AE3B56;
}
a:hover, input.link:hover {
text-decoration: none;
color: CC4A68;
}
input.link {
overflow: visible;
border: none;
text-decoration: underline;
background-color: transparent;
cursor: pointer;
padding: 0;
margin: 0;
}
/* LINK-STILE */
/* Vordefinierte Link-Stile */
a.external {
background: url(/Icons/External.gif) no-repeat right !important;
padding-right: 12px;
}
a.download {
background: url(/Icons/Download.gif) no-repeat right !important;
padding-right: 12px;
}
a.up {
background: url(/Icons/Up.gif) no-repeat right !important;
padding-right: 12px;
}
a.next, a.forward {
background: url(/Icons/Next.gif) no-repeat right !important;
padding-right: 12px;
}
a.previous {
background: url(/Icons/Previous.gif) no-repeat right !important;
padding-right: 12px;
}
/* Eigene Link-Stile, definiert in link_styles.xml */
a.dummy_link {
background-color: yellow;
}
/* TABELLEN */
/*
Verschiedene Tabellen moeglich:
- table.regular = Standardtabelle, wird im Content der Seite angezeigt
- table.invisible = Unsichtbare Tabelle, zu Layoutzwecken, z.B. Strukturieren von Formularen
- Tabellen aus Tabellen-Stilen
*/
table.regular {
width: 99.9%;
margin: 5px 0;
border-collapse: collapse;
}
td {
padding:5px;
vertical-align:top;
}
table.regular table.regular, .active table, form.block table {
background-color: transparent !important;
}
table.regular td {
vertical-align:top;
padding:5px;
}
table.regular td {
border: 1px solid #B8B8B8;
}
table.invisible td {
border: none;
}
td.active, #layout tr.active {
background-color: #F2F2F2;
}
form.block td, table.regular table.regular td {
/* verhindert, dass Tabellen in Formularen angezeigt werden + verhindert sichtbare tabellenverschachtelungen, z.B. Admin -> Seiten-Eigenschaften */
border: none;
}
/* td.title = hervorgehobene Zelle */
/* tr.title = hervorgehobene Reihe */
#layout table.regular td.title, #layout table.regular tr.title td {
background-color: #ECECEC;
font-weight: bold;
}
/* ungerade Reihen (1, 3, 5 etc.) */
table.regular tr.odd {
}
/* gerade Reihen (2, 4, 6 etc.) */
table.regular tr.even {
}
/* erste Reihe */
table.regular tr.first {
}
/* letzte Reihe */
table.regular tr.last {
}
/* erste Spalte */
table.regular td.first {
}
/* letzte Spalte */
table.regular td.last {
}
/* Eigene Tabellenstile, definiert in table_block_styles.xml */
.dummy_table table {
background-color: #ECECEC;
}
/* TOOLS */
/* Tools = Optionen auf der Seite, z.B. Buttons fuer Alternative Ausgebeformate oder Skins */
/* Alle Toolboxen sind von einem div mit der id "tools_xy" umschlossen:
- div#tools_skins = Dropdown fuer Skin-Darstellung
- div#tools_font = Schriftgroessenwahl
- div#tools_versions = Buttons fuer alternative Ausgabeformate
In allen Toolboxen befindet sich mind. ein Formular mit der Klasse "tools"
*/
form.tools {
display: inline;
}
div#tools_skins, div#tools_font, div#tools_language, div#tools_versions, #tools_login {
display: block;
padding:0 0 3px 0;
}
#tools {
background: url(/Icons/Right_Hr.gif) no-repeat left bottom;
margin:20px 0 15px 0;
padding:0 5px 10px 0px;
}
#tools_font h3 {
display:inline;
padding:0 3px 0 0 !important;
font-weight:normal;
font-size:1em;
}
#tools_font .button {
width:2.5em;
}
#tools_search div, #tools_search {
padding:0 !important;
margin:0;
}
#tools form {
background-color:transparent !important;
}
#tools_skins h3 {
display:none;
}
/* FORMULARE */
form {
background-color: #ECECEC;
}
form.block {
/* Formular soll als Block dargestellt werden, z.B. bei "Seite per E-Mail verschicken" */
padding: 5px 5px 5px 15px;
border: 1px solid #B8B8B8;
border-left:none;
border-right:none;
}
form.invisible {
/* "heimliche" Formulare, werden nicht eindeutig dargestellt */
background-color: transparent;
}
textarea.input, iframe {
width: 99%;
}
fieldset {
/* kommt u.a. vor unter "Seite als E-Mail versenden" und in Formularen */
border: none;
margin: 0;
padding: 0;
}
fieldset.marked {
/* hervorgehobenes fieldset, soll gleich mit "tr.active td" / "td.active sein" (siehe Tabellen) */
background-color: #F2F2F2;
}
legend {
font-weight: bold;
}
label {
/* Beschreibung des Formularfeldes. display:block; ist wichtig, damit nach der Beschreibung ein Umbruch eingefuegt wird */
display: block;
cursor: pointer;
}
label.check {
/* Checkboxen-Labels werden nicht umgebrochen! */
display: inline;
}
.check {
border:none !important;
background-color:transparent;
}
.input, input, select {
border:1px solid #DDACB9;
font-size:0.95em;
background-color:white;
padding-left:2px;
}
iframe {
margin: 2px;
margin-left:0;
border: 1px solid #DDACB9;
background-color: #fff;
font-family: Verdana, Sans-Serif;
font-size: 1.1em;
padding:2px;
}
.input.required {
/* Pflichtfelder */
}
.input.disabled {
/* inaktive Felder */
}
/* Fehlermeldungen */
p.error, label.error {
font-weight: bold;
color: red;
border-color: red;
}
input.error, textarea.error {
border-color: red;
}
.input:focus {
border-color:#848484;
}
/* LINKS ZUM SEITENANFANG */
.jumper_top a {
background: url(/Icons/Up.gif) no-repeat left;
margin-left:10px;
padding-left:15px;
margin-top:20px;
}
.block_jumper_top a {
/* Link am Ende eines Blocks */
margin-bottom: 2em;
}
/* GEMISCHTES */
/* Spezial-Boxen an der Seite */
#call_me {
margin-bottom:5px;
background: url(/Icons/Right_Hr.gif) no-repeat left bottom;
}
#call_me .fone, #call_me .mail {
display:block;
margin:11px 0 5px 0;
background-repeat:no-repeat;
padding-left:40px;
background-position:5px 3px;
}
.fone {
background-image:url(/Icons/Fone.gif);
}
.mail {
background-image:url(/Icons/Mail.gif);
}
#call_he h2 {
font-size:2em;
color:#C8C6C7;
}
#info_boxes {
}
#info_boxes .download_anton_pdf, #info_boxes .try_anton, #info_boxes .visit_hob {
padding:10px 5px 10px 50px;
background-repeat:no-repeat;
}
#info_boxes .download_anton_pdf {
background: url(/Icons/Pdf.gif) no-repeat left;
background-position: 12px 13px;
}
#info_boxes .try_anton {
background: url(/Icons/Try.gif) no-repeat left;
background-position: 12px 13px;
}
#info_boxes .visit_hob {
background: url(/Icons/Hob_Kugel.gif) no-repeat left;
background-position: 12px 13px;
}
/* alles eingerückte im content-bereich: */
h1, h2, .block {
padding-left:15px;
padding-right:15px;
}
/* alles eigerückte im margin-bereich */
#call_me {
padding:10px 10px 10px 10px;
}
.margin_h {
font-size:1.6em;
color: #C8C6C7;
}
#column_navigation img {
position:absolute;
margin-left:470px;
top:50px;
}
#holder {
width:43em;
}
#footer {
border-top:1px solid #DDACB9;
padding:15px;
margin: 10px 0 10px 0;
}
/* Logo */
/* Meta-Navigation */
#nav_meta {
padding: 4px 0 6px 10px;
}
#nav_meta .separator {
padding:0;
margin:0;
}
#nav_meta a, #nav_meta .active {
padding:3px;
text-decoration:none;
margin-right:3px;
color:#b2b2b2;
font-size:0.95em;
}
#nav_meta .active {
color:#e2e2e2;
}
.separator {
color: #B8B8B8;
}
img.regular {
}
/* Bilder, mit Bildbeschreibung: ![]()
Beschreibung