/* $Revision: 1.17 $; $Date: 2007/01/19 13:12:08 $; $Author: ab $ */

/***********************************************************************/
/* Seitenbody **********************************************************/
body {
   padding-left: 2.5%;
   padding-right: 2.5%;
}
/* /Seitenbody *********************************************************/
/***********************************************************************/

/***********************************************************************/
/* Haupt-Rahmen für den Seitenkopf *************************************/
table.topframe {
   background-color: transparent;
   padding: 0px;
   border-collapse: collapse;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
table.topframe td {
   padding: 0px;
}
/* Mindestbreite für den Kopfbereich (innerhalb des "table.topframe") */
table.topminwidth {
   float:none;
   width: 300px;
   border-spacing: 0px;
   border-collapse: collapse;
   clear: both;
   background-color: transparent;
}
table.topminwidth td {
   padding: 0px;
}
/* Kopfzeilenrahmen (innerhalb des "table.topframe") */
table.topframe table.headerlineframe {
   background-color: transparent;
   width: 100%;
   border-collapse: collapse;
}
table.headerlineframe td {
   padding: 2px 0px;
}
table.headerlineframe td.hlf_menucell {
   width: 70%;
   vertical-align: top;
}
table.headerlineframe td.hlf_logo {
   text-align: left;
   width: 30%;
}
table.headerlineframe td.hlf_header {
   text-align: center;
   width: 40%;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: large;
   font-weight: bold;
   color: #000099;
}
table.headerlineframe td.hlf_logouser {
   text-align: right;
   width: 30%;
}
table.headerlineframe div.hlf_userlog {
   margin-right: 0px;
   margin-left: auto;
   margin-top: 12px;
   margin-bottom: 5px;
   text-align: right;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: x-small;
}
/* Anwendungs-Logo */
table.headerlineframe div.hlf_menulogo {
   margin-right: 0px;
   margin-left: auto;
   padding: 10px 0px 0px 10px;
}
/* Menueelemente */
div.hlf_menubar {
   margin: 0px 5px 10px 0px;
}
div.menubarentry {
   float: left;
   font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: small;
   text-decoration: underline;
   background-color: #cce1f2;
   margin: 0px;
   padding: 4px 30px 4px 4px;
   cursor: pointer;
   white-space: nowrap;
   /*width: 130px;*/
}
div.menuentry {
   font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
   font-size: small;
   background-color: #cce1f2;
   margin: 0px;
   padding: 4px 30px 4px 4px;
   white-space: nowrap;
   cursor: pointer;
   /*width: 160px;*/
}
div.submenu {
   position: absolute;
   visibility: hidden;
   /*width: 150px;*/
}
/* Zeile mit Navigation (pfad + historie), Hilfe + Drucken -Button (innerhalb des "table.topframe") */
table.navigationframe {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
}
table.navigationframe td {
   padding: 2px 0px;
}
table.navigationframe td.nf_historypath {
   text-align: left;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
}
table.navigationframe td.nf_pagebuttons {
   text-align: right;
   margin-left: auto;
   margin-right: 0px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
}
table.navigationframe td.nf_pagebuttons img {
   vertical-align: middle;
}
table.navigationframe td.nf_pagebuttons table { /* Workaround fuer Mozilla */
   margin-left: auto;
   margin-right: 0px;
}
/* Haupt-Rahmen für den Seitenkopf *************************************/
/***********************************************************************/

/***********************************************************************/
/* Haupt-Rahmen für den Seiteninhalt ***********************************/
table.bodyframe {
   background-color: transparent;
   border-collapse: collapse;
   padding: 0px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
table.bodyframe > td {
   padding: 0px;
}
/* Textklassen */
div.f_info,p.f_info {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: medium;
   font-weight: bold;
   /*color: #0000CC;*/
   color: #009933;
   color: #006600;
   text-align: center;
   margin: 18px auto;
}
div.f_error,p.f_error {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: medium;
   font-weight: bold;
   color: #FF0000;
   text-align: center;
   margin: 18px auto;
}
/* Notiz zu einem Text ob ".df_label", ".f_info" oder ".tf_label", aber immer im ".bodyframe" */
.f_textnote {
   font-size: smaller;
}
/* Tabelle für Willkommens und Favoriten (innerhalb des "table.topframe") */
table.overviewframe {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
}
table.overviewframe td {
   text-align: center;
}
/* Rahmen für die "favorites" */
table.favoritesframe {
   background-color: transparent;
   margin: 15px auto;
   border-collapse: collapse;
   width: 100%;
}
table.favoritesframe td {
   padding: 0px 50px;
}
table.favoritesframe p {
   width: 100%;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: small;
   font-weight: normal;
}
/* Favoritentabelle (innerhalb des "favoritenframe" und "<p>") */
table.favorites {
   background-color: transparent;
   border-collapse: collapse;
   margin: 6px;
   display: inline; /* FIXME: Opera unterstützt dieses Attribut nicht! */
}
table.favorites td {
   padding: 4px;
}
table.favorites a:link {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}
table.favorites a:visited {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}
table.favorites a:hover {
   text-decoration: none;
   cursor: hand;
   border: none;
}
table.favorites a:active {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}
/* Sprachentabelle nur zusammen mit "favorites" verwenden (innerhalb des "overviewframe") */
table.languages {
   background-color: transparent;
   margin-left: 0px;
   margin-right: auto;
   width: 100%;
}
table.languages td {
   text-align: left;
}
/* Ende "overviewframe" */
/* Rahmen für den Informationsboxen (innerhalb des "table.bodyframe") */
table.infoframe {
   background-color: #cce1f2;
   border-collapse: collapse;
   border-color: #cce1f2;
   border-style: outset;
   border-width: 2px;
   margin: 0px auto;
   width: 60%;
}
/* Tabelle zur Darstellung der Information des Informationsdienstes (innerhalb des "table.infoframe") */
table.infobox {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
}
table.infobox td.ib_icon {
   vertical-align: top;
   padding: 3px 4px;
   width: 1%;
}
table.infobox td.ib_type {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: #000000;
   padding: 3px;
}
table.infobox td.ib_text {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
   color: #000000;
   background-color: #dfeff9;
   padding: 3px;
}
/* Unsichtbarer Rahmen für die Anzeige von Meldungen */
table.message {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
}
table.message td.icon {
   text-align: right;
   width: 10%;
}
table.message td.message {
   margin-right: auto;
   width: 90%;
   padding-right: 10%;
}

/* Rahmen für das optionale Kopfformular (innerhalb des "table.bodyframe") */
table.bodyframe table.topformframe {
   background-color: #cce1f2;
   border-color: #cce1f2;
   border-style: outset;
   border-width: 2px;
   width: 100%;
}
table.topformframe td {
}
table.topformframe td.tff_form {
   vertical-align: top;
   padding: 5px;
   width: 99%; /* maximum */
}
table.topformframe td.tff_icon {
   vertical-align: top;
   padding-top: 10px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 10px;
   white-space: nowrap;
   text-align: center;
}
/* Kopfformular (z.B. Suchformular) (innerhalb des "table.topformframe") */
table.topformframe table.topform {
   width: 100%;
   border-collapse: collapse;
   background-color: #dfeff9;
}
table.topform th {
   text-align: left;
   font-weight: bold;
   color: #000099;
   padding: 4px;
}
table.topform td {
   padding: 5px;
}
table.topform td.tf_action {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   padding: 3px;
}
table.topform td.tf_label {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   padding: 2px;
}
table.topform td.tf_field {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   padding: 2px;
}
/* Feldbezogene Fehlermeldungen */
table.topform .tf_error {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: red;
}
/* Zelleninhalt im "topform" optional zentrieren */
table.topform td.tf_center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
/* Formularfelder im Topform */
/* input [type=text] */
table.topform .tf_text {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* input [type=password] */
table.topform .tf_password {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* textarea */
table.topform .tf_textarea {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* input [type=checkbox] */
table.topform .tf_checkbox {
}
/* input [type=radio] */
table.topform .tf_radio {
}
/* select */
table.topform .tf_select {
}
/* Hervorheben eines Eintrages in einer Selectbox */
table.topform select.tf_select option.df_option_headline {
   background-color: #DDDDDD;
}
/* Ausgrauen eines Eintrages in einer Selectbox */
table.topform select.tf_select option.df_option_disabled {
   color: #BBBBBB;
   font-style: italic;
}


/* Formulerfeld mit Pflichteingabe (zusätzliches Attribut) */
/* verwendbar für input[type=text|passwort|radio], textarea */
table.topform .tf_obligatory {
   background-color: #FFFFEE;
}
table.topform .tf_button {
   background-color: #ddf2ff;
   border-color: #eeffff #cce2ee #cce2ee #eeffff;
   border-width: 2px;
   border-style: outset;
   padding: 1px 3px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
}
/**********************/
/* Rahmen um den "table.resultframe", "table.dialogframe", "table.rider" und "table.formheader" */
table.maindialogframe {
   background-color: transparent;
   border-collapse: collapse;
   border-width: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}
table.maindialogframe td {
   padding: 0px;
}
div.mdf_info,p.mdf_info {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: #006600; /* alte Blau */
   text-align: center;
   margin: 10px auto;
}
div.mdf_error,p.mdf_error {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: #FF0000;
   text-align: center;
   margin: 10px auto;
}
/* Ergebnisrahmen in dem "resultlist" angezeigt wird (innerhalb des "table.bodyframe") */
table.resultframe {
   background-color: #cce1f2;
   border-color: #cce1f2;
   border-style: outset;
   border-width: 2px;
   width: 100%;
}
table.resultframe td {
}
/* input [type=submit|button] */
table.resultframe .rl_button {
   background-color: #ddf2ff;
   border-color: #eeffff #cce2ee #cce2ee #eeffff;
   border-width: 1px;
   border-style: outset;
   padding: 1px 2px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
}
/* oddeven? Zeilen im Ergebnis und in der Resultlist hevorheben */
table.resultframe .oddeven0 {
   background-color: #DFEFF9;
}
table.resultframe .oddeven1 {
   background-color: #CCE1F2;
}
/* nur für Gruppierte Bereiche z.B. Segelliste (wechsel zwischen _2 und _3) */
table.resultframe .oddeven2 {
   background-color: #BCD1E2;
}
/* nur für Gruppierte Bereiche z.B. Segelliste (wechsel zwischen _2 und _3) */
table.resultframe .oddeven3 {
   background-color: #DFEFF9;
}
/* Ergebnisliste in dem Suchergebnis oder Gesamtliste der Objekte angezeigt wird (innerhalb des "table.resultframe") */
table.resultlist {
   background-color: transparent;
   border-spacing: 2px;
   width: 100%;
}
table.resultlist th {
   border-style: solid;
   border-width: 1px;
   border-color: black;
   background-color: #cccccc;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: #000099;
   padding-top: 3px;
   padding-bottom: 3px;
   white-space: nowrap;
}
table.resultlist th img {
   vertical-align: middle;
}
table.resultlist td {
   padding: 2px;
   border-width: 1px;
   text-align: left;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
}
table.resultlist td img {
   vertical-align: middle;
}
/* Falls mit der Tabelle "compact" Sortierungsymbole verwendet werden */
table.resultlist th td {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: #000099;
   padding: 3px;
   white-space: nowrap;
}
/* Action-Icons für einen Datensatz */
table.resultlist td.rl_action {
   padding: 2px;
   white-space: nowrap;
   text-align: left;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
}
/* Abstand zwischen den Icons */
table.resultlist td.rl_action img {
   padding: 2px 3px;
}
table.resultlist td.rl_action input {
   padding: 2px 3px;
}
/* Eine Gruppenzelle innerhalb der resultlist */
table.resultlist td.rl_groupcolumn {
   vertical-align: top;
}
/* Eine Zelle hervorheben */
table.resultlist td.rl_highlight {
   padding: 2px;
   border-width: 1px;
   white-space: nowrap;
   text-align: left;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
}
/* Felder innerhalb einer Resultlist */
table.resultlist td.rl_center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

/* * table.treeview */
/* Baumdarstellung z.B. für eine Ordnerübersicht (innerhalb des "table.resultframe")  */
table.treeview {
   background-color: transparent;
   border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
}
table.treeview th {
   border-style: solid;
   border-width: 1px;
   border-color: black;
   background-color: #cccccc;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: left;
   color: #000099;
   padding: 3px 2px;
   white-space: nowrap;
}
/*  */
table.treeview td {
   padding: 2px 3px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
   text-align: left;
}
/* für einen eventuellen Abstand zwischen den Zellen */
table.treeview th.tv_cellspace {
   background-color: transparent;
   border-width: 0px;
   width: 2px;
}
/* Action-Icons für einen Datensatz */
table.treeview td.tv_nodetable {
   padding: 0px;
   vertical-align: middle;
   /*width: 90%;*/
}
/* Action-Icons für einen Datensatz */
table.treeview td.tv_action {
   padding: 2px;
   white-space: nowrap;
   text-align: left;
   width: 15%;
}
/* Knotenpunkticon in einer Baumdarstellung */
table.treeview td.tv_nodeicon {
   padding: 2px;
   margin: 0px;
   width: 18px;
   vertical-align: top;
}
/* Knotenpunktlinien */
table.treeview td.tv_nodeline {
   padding: 2px;
   vertical-align: top;
   width: 1%;
}
/* Knotenpunktname in einer Baumdarstellung */
table.treeview td.tv_nodename {
   padding: 2px 3px;
   margin: 0px;
   white-space: nowrap;
}
/* a disabled entry */
table.treeview td.tv_disabled {
   color: #888888;
   font-style: italic;
}
table.treeview td.tv_disabled a:link {
   color: #888888;
}
table.treeview td.tv_disabled a:visited {
   color: #888888;
}
table.treeview td.tv_disabled a:active {
   color: #888888;
}


/* Tabelle für die Formular-Überschrift oder auch für die Ergibnisliste */
table.formheader {
   margin: 10px auto 7px auto;
   border-style: outset;
   border-width: 2px;
   background-color: #dfeff9;
   border-color: #dfeff9;
}
table.formheader td {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: medium;
   font-weight: bold;
   padding: 3px 16px 3px 16px;
}
/* Registerreiter-tabelle zum umschalten zwischen den Dialogen */
table.rider {
   padding: 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   background-color: transparent;
   border-collapse: collapse;
}
table.rider tr.last td.start {
   background-color: #CCE1F2;
}

table.rider tr.last td.connection {
   background-color: #CCE1F2;
}

table.rider td {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: center;
   background-repeat: repeat-x;
   padding: 0px;
   margin: 0px;
}

table.rider td.start {
   padding: 0px;
   margin: 0px;
}

table.rider td.connection {
   padding: 0px;
   margin: 0px;
}

table.rider td.rider {
   padding: 0px;
   margin: 0px;
}

table.rider td.end {
   padding: 0px;
   margin: 0px;
}

table.rider td img {
   vertical-align: top;
}

table.resultframe {
   background-color: #cce1f2;
   border-color: #cce1f2;
   border-style: outset;
   border-width: 2px;
   width: 100%;
}
/* Der Rahmen für den aktuellen Dialog (Maindialog) */
table.maindialogframe table.dialogframe {
   border-style: outset;
   border-width: 2px;
   background-color: #cce1f2;
   border-color: #cce1f2;
   width: 100%;
}
table.dialogframe td {
   padding: 0px;
}
/* Zelle für eine Selectbox oder Suchbox für die Formulardaten */
table.dialogframe td.df_datafiltercell {
   padding: 6px 0px 6px 80px;
}

/* Tabelle/Rahmen für die Auswahl der Daten im Formular */
table.dialogframe table.datafilter {
   background-color: transparent;
   margin: 0px;
   width: auto;
   border: 1px outset #cce1f2;
}

/* Zelle für die Gruppierung von Formularfeldern */
table.dialogframe td.df_group {
   padding: 6px 0px 6px 80px;
}

/* Tabelle/Rahmen für die Gruppierung von Formularfeldern */
table.dialogframe td.df_group table.group {
   background-color: transparent;
   margin: 0px;
   width: auto;
   border: 1px outset #cce1f2;
}

/* oddeven? Zeilen im Dialog und in der Resultlist hervorheben */
table.dialogframe .oddeven0 {
   background-color: #DFEFF9;
}
table.dialogframe .oddeven1 {
   background-color: #CCE1F2;
}
/* nur für Gruppierte Bereiche z.B. Segelliste (wechsel zwischen _2 und _3) */
table.dialogframe .oddeven2 {
   background-color: #BCD1E2;
}
/* nur für Gruppierte Bereiche z.B. Segelliste (wechsel zwischen _2 und _3) */
table.dialogframe .oddeven3 {
   background-color: #DFEFF9;
}
/* Tabelle für das Dialogformular (innerhalb von "dialogframe" oder "dialogframesmall" */
table.dialogform {
   /*background-color: transparent;*/
   border-collapse: collapse;
   background-color: transparent;
   width: 100%;
}
table.dialogform th {
   border-style: solid;
   border-width: 1px;
   border-color: #cce1f2;
   background-color: #cccccc;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: center;
   color: black;
   padding: 2px 3px;
   /*white-space: nowrap;*/
}
table.dialogform th img {
   vertical-align: middle;
}
table.dialogform td {
   vertical-align: top;
   padding: 0px;
}
table.dialogform td img {
   vertical-align: middle;
}
/* Die Beschriftung des Formularfeldes */
table.dialogframe td.df_columnseparator {
   background-color: #9CB1D2;
   width: 1px;
}
/* Actionbutton/icons für eine Liste von Formulardaten */
table.dialogframe td.df_action {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
   padding: 3px 2px;
}
/* Abstand zwischen den Bildern */
table.dialogframe td.df_action img {
   margin: 2px 4px;
}
/* Die Beschriftung des Formularfeldes */
table.dialogframe td.df_label {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: right;
   padding: 3px 2px;
   vertical-align: middle;
}
/* Die Beschriftung des Formularfeldes innerhalb einer Liste von Werten */
table.dialogframe td.df_labellist {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: left;
   padding: 3px 2px;
}
/* Die Beschriftung eines hohen Formularfeldes */
table.dialogframe td.df_label_longfield {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   text-align: right;
   vertical-align: top;
   color: #000000;
   padding: 3px 2px;
}
/* Ein Formularfeld */
table.dialogframe td.df_field {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
   text-align: left;
   color: #000000;
   padding: 3px 4px;
   vertical-align: middle;
}
/* ein Formularfeld neben anderen hohen Feldern */
table.dialogframe td.df_field_longfield {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   color: #000000;
   padding: 3px 4px;
}
/* Feldbezogene Fehlermeldungen */
.df_error {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   color: red;
}
/* Zelleninhalt im "dialogform" optional zentrieren */
table.dialogframe td.df_center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
/* Formularfelder im Dialogform */
/* input [type=text] */
table.dialogframe .df_text {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* input [type=password] */
table.dialogframe .df_password {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* textarea */
table.dialogframe .df_textarea {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   background-color: white;
}
/* input [type=checkbox] */
table.dialogframe .df_checkbox {
}
/* input [type=radio] */
table.dialogframe .df_radio {
}
/* input [type=file] */
table.dialogframe .df_file {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
   border-width: 2px;
}
table.dialogframe .df_filebutton {
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   margin-top: 0px;
   border-width: 2px;
}
/* Selectbox */
table.dialogframe .df_select {
}
/* Hervorheben eines Eintrages in einer Selectbox */
table.dialogframe select.df_select option.df_option_headline {
   background-color: #DDDDDD;
}
/* Ausgrauen eines Eintrages in einer Selectbox */
table.dialogframe select.df_select option.df_option_disabled {
   color: #BBBBBB;
   font-style: italic;
}

/* Formulerfeld mit Pflichteingabe (zusätzliches Attribut) */
/* verwendbar für input[type=text|passwort|radio], textarea */
table.dialogframe .df_obligatory {
   background-color: #FFFFCC;
}
/* input [type=submit|button] */
table.dialogframe .df_button {
   background-color: #ddf2ff;
   border-color: #eeffff #cce2ee #cce2ee #eeffff;
   border-width: 1px;
   border-style: outset;
   padding: 1px 2px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: normal;
}
/* Tabelle für die Hauptbuttons des Dialogs (speichern, abbrechen, ..) */
table.dialogbuttonsframe {
   background-color: transparent;
   width: 100%;
}
table.dialogbuttonsframe td {
   padding: 8px;
   text-align: center;
}
/* Formularfelder inner halb des "dialogbuttonsframe" (buttons) */
input.dbf_button {
   background-color: #ddf2ff;
   border-color: #eeffff #cce2ee #cce2ee #eeffff;
   border-width: 2px;
   border-style: outset;
   padding: 2px 8px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   margin: 0px 4px;
}
button.dbf_button {
   background-color: #ddf2ff;
   border-color: #eeffff #cce2ee #cce2ee #eeffff;
   border-width: 2px;
   border-style: outset;
   padding: 2px 8px;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: small;
   font-weight: bold;
   margin: 0px 4px;
}
/* Verwendung: schmale Formulare (Rahmen) */
table.maindialogframe table.framesmall {
   margin-left: auto;
   margin-right: auto;
   width: auto; /* minimale Breite */
}
table.framesmall {
   margin-left: auto;
   margin-right: auto;
   width: auto; /* minimale Breite */
}
table.framesmall td {
   padding: 3px;
}
/* Haupt-Rahmen für den Seiteninhalt ***********************************/
/***********************************************************************/
/***********************************************************************/
/* Haupt-Rahmen für den Seitenfuss *************************************/
table.bottomframe {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
}
table.bottomframe td {
   padding: 0px;
}
table.footerlineframe {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
}
table.footerlineframe td.flf_line {
   height: 1px;
   background-color:#666666;
}
table.footerlineframe td.flf_version {
   text-align: right;
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: x-small;
}
table.footerlineframe td.flf_info {
   font-family: "Arial", "Helvetica", "Tahoma", "Verdana", sans-serif;
   font-size: x-small;
}
table.footerlineframe .flf_hidden {
   color: white;
}
/* TODO: Prüfen ob XHTML conform */
hr.ff_line {
}
/* Haupt-Rahmen für den Seitenfuss *************************************/
/***********************************************************************/

/* TODO [fr]: noch nicht ausreichend unterstütze Formate */
/*
input[type=text] {
   border-width: 5px;
   border-style: dotted;
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
}
input[type=checkbox] {
   border-width: 5px;
   border-style: outset;
   font-size: small;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 2px 3px;
   margin-top: 0px;
}
*/

/* HTML-Tags generell */
body {
   color: #000000;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: small;
   font-weight: normal;
   margin: 1px;
}
img {
   border: none;
   background-color: transparent;
}

/* Absatz-Formate (p) */
p {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: medium;
   font-weight: normal;
   color: #000000;
   margin: 6px 8px;
}
h1 /*p.title*/ {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 320%;
   font-weight: normal;
   color: #FF0000;
   margin: 20px;
   padding: 0px;
}
h2 /*p.headline*/ {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: large;
   font-weight: bold;
   color: #000099;
   margin: 5px;
   padding: 0px;
}
/* Text unter der Überschrift */
p.subheadline {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: small;
   font-weight: normal;
   color: #000099;
   margin: 0px;
}
/* Alte Klassen "deprecated" */
p.error,div.error {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: small;
   font-weight: bold;
   color: #ff0000;
   background-color: transparent;
}

/* Links */
a:link {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}
a:visited {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}
a:hover {
   text-decoration: none;
   cursor: hand;
   border: none;
}
a:active {
   text-decoration: underline;
   color: black;
   cursor: hand;
   border: none;
}

/* Allgemeine Klassen */
/* Textbereich hervorheben */
.highlight {
   font-weight: bold;
}

/* Block zentrieren */
.center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

/* Bereich während des Drag&Drops hervorheben */
.dragactive {
   background-color: #ffffe0 !important;
}

/* Designunabhängige Klassen (evtl. in neue Datei) */
/* Tabelle ohne Innenabstand und Zellabstand für blinde-Tabellen */
table.compact {
   background-color: transparent;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}
table.compact td {
   vertical-align: top;
   padding: 0px;
}
/* Formular 'inline' darstellen (kein neuer Block/ neue Zeile) */
form {
   display: inline;
}

/* DatePicker */
div.datePicker {
   display: none;
   position: absolute;
   border: 2px solid #000099;
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
}

div.datePicker table {
   background-color: #ffffff;
   border-collapse: collapse;
   border: 1px #CCE1F2 solid;
}

div.datePicker table th {
   text-align: center;
   border: 1px #CCE1F2 solid;
   padding: 1px;
}

div.datePicker table td {
   text-align: center;
   border: 1px #CCE1F2 solid;
   padding: 1px;
}

div.datePicker tr.month th {
   font-weight: bold;
   background: #CCCCCC;
   color: #000000;
}

div.datePicker tr.week td {
   font-weight: bold;
}

div.datePicker tr.month a {
   color: #FFFFFF;
   text-decoration: none;
}

div.datePicker tr.days a {
   text-decoration: none;
}

div.datePicker tr.time td {
   font-weight: bold;
   background: #CCCCCC;
   color: #000000;
}

div.datePicker tr.time a {
   text-decoration: underline;
}

div.datePicker tr.days td.selected {
   background: #CCE1F2;
}



/*******************************************************************************************/
/* Zeige was nicht richtig formatiert ist! *************************************************/
table {background-color: #FF0000;}
.field {background-color: red;}
.long_field {background-color: red;}
.label {background-color: red;}
.label_longfield {background-color: red;}
.ff_obligatory {background-color: green;}
.info {background-color: red;}
.bcent {background-color: red;}
.bleft {background-color: red;}
.bright {background-color: red;}
.txtcent {background-color: red;}
.txtleft {background-color: red;}
.txtright {background-color: red;}
.vtop {background-color: red;}
.vbottom {background-color: red;}
.vmiddle,.vmiddel {background-color: red;}
.radio {background-color: red;}
.select {background-color: red;}
.checkbox {background-color: red;}
.data {background-color: red;}
.textfield {background-color: red;}
/* Zeige was nicht richtig formatiert ist! *************************************************/
/*******************************************************************************************/

/*******************************************************************************************
Notizen:
   Angaben wie table > td oder auch table > tr > td funktionieren nicht (Teste ohne Space)

   FIXME [fr]: Opera macht kein "display: inline" bei table.favorites

   TODO [fr]: Elemente stärker verschachteln, mehr Zwang css richtig zu verwenden
   TODO [fr]: Umbau auf id's Eindeutige Elemente besser kennzeichnen?
   TODO [fr]: Confirmation, Informatisch, Fehlerseite weitere StyleSheets
   TODO [fr]: Druckbar, Nicht Druck
   TODO [js]: Websichere Farben verwenden. Insbesonders die Blautöne.

*******************************************************************************************/