html, body {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
background-image:url(./files/bg_main.jpg);
background-color:#FFFFFF;
text-decoration: none;
text-align: center;
padding: 10;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}
a:link {color:#000000}
a:visited {color:#000000}
a:hover {color:#000000}
a:active {color:#000000}
#main {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
width: 786px;
text-align: left;
background-color: #FFFFFF;
padding: 0px;
margin: 0 auto;s /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height: 100%; /* Mindesthöhe für den IE */
height: auto !important; /* Important Regel für moderne Browser */
overflow: hidden !important; /* FF Scroll-leiste */
}
#header
{
margin: 0 auto;
text-align: center;
white-space: nowrap;
border:none;
margin-left:8px;
margin-bottom:0px;
margin-right:8px;
margin-top:8px;
}
#navigation
{
text-align: center;
height: 64px;
line-height: 64px;
white-space: nowrap;
border:none;
margin-left:8px;
margin-bottom:1px;
margin-right:8px;
margin-top:1px;
}
#content {
width: 780px;
overflow: hidden !important; /* FF Scroll-leiste */
background-image:url(./files/content-background.gif);
padding-left: 5px;
margin-left:8px;
}
#content #rechteseite {
width: 530px;
padding-top:10;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
margin-top:10px;
float: right;
font-size: 13px;
}
.text_normal {
font-size: 11px;
}
#content #linkeseite {
font-size: 11px;
width: 210px;
padding-left: 5px;
padding-right: 5px;
float: left;
}
#footer {
margin-top: 10px;
text-align: center;
margin-bottom: 20px;
color: #FFFFFF;
}
h1 {
font-size: 22px;
font-weight: bold;
}
h2 {
font-size: 18px;
font-weight: bold;
}
h3 {
font-size: 13px;
font-weight: bold;
}
table {
font-size: 11px;
}
.linksmall_weiss { font-size 9px; color: #FFFFFF; font-size: 10px }
.linksmall_weiss:link {color:#FFFFFF}
.linksmall_weiss:visited {color:#FFFFFF}
.linksmall_weiss:hover {color:#FFFFFF}
.linksmall_weiss:active {color:#FFFFFF}
.flLeft {float:left;}
.flRight {float:right;}
.flTop {float:inherit; padding-top:12px;}
/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x
Ab: Version 4.5 Community Editon
Stand: 22.01.2008
Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-)
Funktioniert nicht mit Formular-Generator < v.4.43
/*
/* Formular Definition */
/* Div das das Formular umschließt */
.formgen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}
.formgen form
{
line-height : 150%;
width: 500px;
}
/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock
{
margin-bottom: 2px;
background-color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
width: 210px;
height: 100px;
margin-left: 4px;
}
/* Textfeld */
.formgen .formtext
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 210px;
background-color: #FFFFFF;
margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
display: block;
height: 30px;
}
/* Hinweistext */
.formgen .formhinweis
{
font-weight: bold;
color: #003366;
font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
font-weight: bold;
color: #003366;
margin-top:20px;
}
/* Passwortfeld */
.formgen .formpassword
{
width: 210px;
background-color: #FFFFFF;
margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
border: 1px solid #990000;
}
/* Label */
.formgen label {
font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
width: 220px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 200px;
background-color: #CCCCCC;
margin-left: 4px;
}
/* Sende-Button */
.formgen .formsubmit
{
width: 30%;
}
/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 520px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #FFFFFF;
}
/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Fehlermeldung nach Versand */
.formgen .forminfo {
color: #FFFFFF;
background-color: #990000;
border: 1px dashed #000000;
margin: 5px;
padding: 5px;
}
/* Markierung der Labels bei Fehler */
.formgen .formerror {
color: #FFFFFF;
background-color: #990000;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
table.standard {
border-spacing:2px;
frame:box;
width:100%;
border: 1px inset
font-size: 13px;
}
table.standard th {
border-style:outset;
border-width:1px;
padding:4px;
}
/* Vom Image Fader benötigte styles */
/*
* image_fade_wrapper
* Dient um die relative Positon des image_fade-Elements auf zuheben.
* REDAXO: hier wird der Rahmen gesetzt und es k?nne auch padding und margin angegeben werden.
*/
.image_fade_wrapper {
border: 1px solid #FFF;
background-color: #C9D5D5;
}
/* image_fade
* Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k?nnen
* Breite und H?he sind notwendig, damit der Brower die Gr?sse des Image Faders kalkulieren kann.
* REDAXO: F?r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr?sse der Bilder gesetzt.
*/
.image_fade {
position: relative;
float: left;
width: 350px;
height: 350px;
border: none;
}
/* image_fade img
* Absolute Position und top, left = 0 muss gesetzt werden.
* REDAXO: Kein margin und padding angeben.
*/
.image_fade img {
position: absolute;
top: 0;
left: 0;
border: none;
margin: 0;
padding: 0;
}
.clear{
clear: both;
}
/* ENDE - Vom Image Fader ben?tigte styles */
/**
* ---------------------------------------------------------------------------------
* Fancy BOX Modul: 3-01 - Bild & Galerie (jscript)
* Stand: 05-2009
* ---------------------------------------------------------------------------------
*/
#galerie {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
/* display: block; */
}
.galerie-image {
/* width: 270px; */ /* wird im Modul Galerie bestimmt! */
float: left;
position: relative;
padding: 5px;
}
.galerie-image img {
padding: 10px;
border:1px solid #aaa;
}
/*
Guestbook Addon
@author staab[at]public-4u[dot]de Markus Staab
@author www.public-4u.de
@package redaxo3
@version $Id: guestbook.css,v 1.9 2006/10/08 18:53:24 koala_s Exp $
*/
/*
Formular Styles
*/
/* Formular */
.a63-form {
width: 400px;
}
/* Eingabefelder */
.a63-form input, .a63-form textarea {
border: 1px solid black;
margin: 1px 2px 1px 2px;
width: 250px;
background-color: #F6F4EF;
}
.a63-form input:focus, .a63-form textarea:focus {
background-color: #EEEEEE;
}
/* Text-Eingabefeld*/
.a63-form textarea {
height: 100px;
}
/* Beschriftungen der Eingabefelder */
.a63-form label {
width: 100px;
float: left;
padding-left: 5px;
}
/* Buttons */
.a63-form .a63-fsubmit {
width: 100px;
margin: 0px;
margin-top: 5px;
background-color: #D6D3CE;
}
/* Buttons-Layer*/
.a63-form .a63-buttons {
padding-left: 105px;
}
/* Zusatztext-Layer*/
.a63-form .a63-info {
text-align: right;
padding: 0px 5px 5px 0px;
}
/* Fehlermeldungs-Layer*/
.a63-form div.error {
font-weight: bold;
padding-top: 0px;
padding-bottom: 10px;
}
/*
Listen Styles
*/
/* Einträge-Layer */
.a63-entries .a63-entry {
padding-bottom: 10px;
border-bottom: 1px dotted #859885;
}
.a63-entries p {
margin: 0px;
padding: 0px;
}
/* Pagination-Layer */
.a63-entries .a63-pagination {
text-align: right;
}
/* Pagination-Links */
.a63-entries .a63-pagination a {
padding-left: 2px;
padding-right: 2px;
}
/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
font-weight: bold;
text-decoration:underline;
}
.a63-entries ul li {
list-style-type: none;
display: inline;
}
/*
Allgemeine Formatierungen
*/
/* Beschriftungen */
.a63-entries .a63-label {
float: left;
width: 70px;
}
/* Werte */
.a63-entries .a63-value {
padding-left: 70px;
}
/* Mozilla */
li.a63-pagination {
list-style-type: none;
}
/* Ausgabe der Dateiversion
möglichst unauffällig und klein */
.Modulversion {
font-size: 0.5em;
color: #aaaaaa;
/* color: #dddddd; */ /* (fast) unsichtbar*/
}
/* ***********
Adminbereich
************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */
.style47
{mso-number-format:General;
mso-style-name:Euro;}
.style0
{mso-number-format:General;
text-align:general;
vertical-align:bottom;
white-space:nowrap;
mso-rotate:0;
mso-background-source:auto;
mso-pattern:auto;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;
border:none;
mso-protection:locked visible;
mso-style-name:Standard;
mso-style-id:0;}
.font6
{color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:italic;
text-decoration:none;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.font11
{color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
mso-font-charset:0;}
.font12
{color:windowtext;
font-size:8.0pt;
font-weight:400;
font-style:italic;
text-decoration:none;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.font17
{color:windowtext;
font-size:9.0pt;
font-weight:400;
font-style:italic;
text-decoration:none;
font-family:Arial, sans-serif;
mso-font-charset:0;}
.font20
{color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:italic;
text-decoration:none;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.font21
{color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
text-decoration:none;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl66
{mso-style-parent:style0;
color:windowtext;
font-size:12.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl67
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl68
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:right;}
.xl69
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
text-decoration:underline;
text-underline-style:single;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl70
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
text-decoration:underline;
text-underline-style:single;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl71
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:center;}
.xl72
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl73
{mso-style-parent:style47;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl74
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl75
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl76
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:center;}
.xl77
{mso-style-parent:style0;
color:windowtext;
font-size:8.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl78
{mso-style-parent:style0;
color:windowtext;
font-size:8.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:center;}
.xl79
{mso-style-parent:style0;
color:windowtext;
font-size:8.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:center;}
.xl80
{mso-style-parent:style0;
color:windowtext;
font-size:8.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl81
{mso-style-parent:style0;
color:windowtext;
font-size:8.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl82
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:center;}
.xl83
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl84
{mso-style-parent:style0;
color:windowtext;
font-size:12.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl85
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl86
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl87
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl88
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-family:Arial, sans-serif;
mso-font-charset:0;}
.xl89
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl90
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl91
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl92
{mso-style-parent:style0;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl93
{mso-style-parent:style0;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl94
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"mmm\\ yy";}
.xl95
{mso-style-parent:style0;
font-size:8.0pt;}
.xl96
{mso-style-parent:style0;
font-size:9.0pt;}
.xl97
{mso-style-parent:style0;
color:windowtext;
font-size:9.0pt;
font-style:italic;
text-decoration:underline;
text-underline-style:single;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl98
{mso-style-parent:style0;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\\-\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl99
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
mso-number-format:"\#\,\#\#0\.00\\ \0022€\0022\;\[Red\]\\-\#\,\#\#0\.00\\ \0022€\0022";
text-align:center;}
.xl100
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl101
{mso-style-parent:style0;
font-weight:700;}
.xl102
{mso-style-parent:style0;
color:windowtext;
font-size:10.0pt;
font-weight:700;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl103
{mso-style-parent:style0;
font-size:12.0pt;
font-weight:700;
font-style:italic;
font-family:"Verdana ";
mso-generic-font-family:auto;
mso-font-charset:0;
text-align:left;}
.xl104
{mso-style-parent:style0;
font-size:10.0pt;
font-family:Verdana, sans-serif;
mso-font-charset:0;}
.xl105
{mso-style-parent:style0;
color:windowtext;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;
text-align:left;}
.xl106
{mso-style-parent:style0;
color:windowtext;
font-weight:700;
font-style:italic;
font-family:Verdana, sans-serif;
mso-font-charset:0;}