body {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
}

h1 {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

h2 {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0066FF;
}

h3 {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

h4 {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

h5 {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

a:link {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #0066ff;
}

a:link.eventlink {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #0066ff;
}
a:link.event {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #ffffff;
}
a:visited.eventlink {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #0066ff;
}
a:visited.event {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #ffffff;
}

a:visited {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #0066FF;
}

a:active{
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: none;
  color: #0066FF;
}

a:hover{
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: underline;
  color: #0066FF;
}
a:hover.event{
  font-family: Arial, Helvetica, Swiss, sans-serif;
  text-decoration: underline;
  color: #ffffFF;
}

a.strong-link {
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: underline;
  color: #000099;
}

p {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
}

ul {
  font-family:Arial, Helvetica, Swiss, sans-serif;
  font-style: normal;
  font-size: 10pt;
  list-style-image:url(<dtml-var imagePath>/punkt.gif);
  list-style-position:outside;
}

th {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  color: #000000;
}

td {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
}

/* Styles for Boxes and Tables*/
tr.boxheader {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 12pt;
  font-weight:bold;
  color: #ffffff;
  background-color: #0066ff;
}

td.boxheader {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 12pt;
  font-weight:bold;
  color: #ffffff;
  background-color: #0066ff;
}
td.eventboxheader {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight:normal;
  color: #ffffff;
  background-color: #0066ff;
}
th.tbheadermodern {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  color: #000000;
  background-color: #88bbff;
}

th.tbheaderlight {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  color: #000000;
  background-color: #ffffff;
}


td.interiormodern {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #88bbff;
}

td.interiorlight {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ffffff;
}

td.newsbox {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  color: #ffffff;
  background-color: #0066ff;
}
/* Style for Highlighting in Search*/
.highlighted {
  color: #0066FF;
  font-weight:bold;
}


/* Styles for News and Events */
.neheader {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #0066ff;
}

.publisher{
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 8pt;
  font-style: italic;
  text-align: right;
}

.imageTitle {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

/* Display Last Change */
.stand {
        font-family:Arial, Helvetica, Swiss, sans-serif;
        font-size:10px;
        color:#000000;
        }
/* Top Navigation Bar */
.topLink {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18pt;
  color: #ffffff;
  background-color: #0066ff;
}

.welcome {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18pt;
  color: #000000;
  background-color: #999999;
}
/* Left Navigation Bar */
.navigation {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18pt;
  color: #0066ff;
  background-color: #cccccc;
}
/* bottom navigation bar */
.bottomLink {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18pt;
  color: #ffffff;
  background-color: #0066ff;
}

/* Begin KONTENTOR Styles */
/* Styles for Forms */
td.form-label {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  background-color: #0066ff;
}

td.form-labelRequired {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  background-color: #0066ff;
}

td.form-field {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  background-color: #88bbff;
}



td.form-fieldHelp {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ffffcc;
}

.form-fieldRemark {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
}
/* End Styles for Forms */

th.table {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 18pt;
  color: #ffffff;
  background-color: #0066ff;
}

td.table {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
}

td.tableBold {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

td.tableColor {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #88bbff;
}
/* currently not in use?? */
.managementButtonBar {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #bfbfbf;
}
/* currently not used */
.smartBox {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartEvent {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartHeader {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartImage {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartJoin {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartLink {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartNewsItem {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartTable {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}

.smartTextBlock {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-color: #ff0000;
}
/* end currently not used */

#divTooltip {
  position:absolute;
  top:0px;
  visibility:hidden;
  z-index:200;
  background-color:#cccccc;
  layer-background-color:#cccccc;
}
.normalStyle {
  padding:2px;
  top:100px;
  background-color:#000000;
  layer-background-color:#aaaaaa;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}

.netscape4Style {
  padding:0px;
  top:100px;
  background-color:#000000;
  layer-background-color:#aaaaaa;
  border:1px solid #000000;
}

/* Objekte editieren */
.editableItem {
  background-color:#ffffcc;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  border:1px solid #000000;
}

.unpublished {
  background-color:#ffffcc;
  border-width:1px;
  border-style:solid;
  border-color:#eeeebb;
  border:1px solid #eeeebb;
  color: #cccccc;
}

.editable {
  background-color:#efefef;
  border-width:1px;
  border-style:solid;
  border-color:#cccccc;
  border:1px solid #cccccc;
  color: #999999;
}

.editableFocussed {
  background-color:#C8FFD2;
  border-width:1px;
  border-style:solid;
  border-color:#cccccc;
  border:1px solid #cccccc;
  color: #999999;
}

.editableFocussedAcquired {
  background-color:#ff9966;
  border-width:1px;
  border-style:solid;
  border-color:#cccccc;
  border:1px solid #cccccc;
  color: #999999;
}
/* Ende Objekte editieren */

/* System Message */
.system-msg {
  font-family: Arial, Helvetica, Swiss, sans-serif;
  font-size: 10pt;
  background-color: #ffffcc;
  border:  1px solid #000000;
        margin-left: 3px;
  margin-bottom: 6px;
  margin-top: 6px;
        margin-right: 21px;
  padding: 4px;
  width: 90%;
  color: #660033;
}
/* End System Message */
.location-bar {
  background-color: #efefef;
  border: none;
}

/* Here are the standard Wizard Components CSS Classes */

td.WizardBorder {
  background-color:      black;
}

td.WizardLogo {
  background-color:      white;
}

td.WizardOverview {
  background-color:      #dddddd;
}

ol.WizardOverview {
  margin-left:           2em;
  padding-left:          0px;
}

td.WizardDescription {
  background-color:      white;
}

td.WizardMainWindow {
  background-color:      #ffffff;
  height:                300px;
}

td.WizardStatus {
  color:                 #ffffff;
  background-color:      #0063ff;
}

td.WizardNavigationBar {
  background-color:      #dddddd;
}


/* Form-specific CSS classes */

td.WizardFormLabel {
  vertical-align:        middle;
}

td.WizardFormTextAreaLabel {
  vertical-align:        top;
}

td.WizardFormField {
}

.WizardFormRequired {
  font-weight:           bold;
}


/* HTML Element Classes */

td.WizardBox {
  background-color:      white;
}

/* Some general Classes */

.important {
  font-weight:           bold;
}

/* The class definitions from the WYSIWYG editor and Kontentor button bar */

.textedit {
        height: 150;
        font-family: Arial;
        background-color: window;
        border: 2px inset buttonface; padding:5;
}

TD.rebar { padding:0; padding-bottom:2; padding-top:2;
        font-family: "MS Sans Serif"; font-size: xx-small; vertical-align: middle;
}

.rebar SPAN {
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;
        padding: 0; margin: 0; padding-bottom:1; padding-top:1;
}

.rebar_spacer {
        border-top: 1px solid buttonhighlight;
        padding: 0; margin: 0; height: 4;
}

.rebar_start {
        margin:0;
        background-color: buttonface;
        border-top: 2px solid buttonhighlight;
        border-left: 2px solid buttonhighlight;
        border-bottom: 2px solid buttonshadow;
        border-right: 2px solid buttonshadow;
        width: 3px;
}
SPAN.rebar_sep {
        margin:0;
        background-color: buttonface;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        width: 2px;
}

SPAN.label { border:0; position:relative; top: -1;}

INPUT.rebar_button {
        border: 1px solid buttonface;
        height: 20;
}

SELECT.rebar_button {
        border: 1px solid buttonface;
        font-size: xx-small;
        height: 75%;
}

IMG.rebar_button {
        border: 1px solid buttonface; margin:0; padding:0;
}

IMG.rebar_button_hover {
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;
}

IMG.rebar_button_down {
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
}

#color { position: absolute;
        width:300; height: 260;
        display: none;
        background-color: red; border: 2px outset buttonface }

<dtml-if "browser()=='IE'">

TABLE.topFrame {
        background-color: buttonface;
}

.topFrame SPAN {
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;
        padding: 0; margin: 0; padding-bottom:1; padding-top:1;
}

IMG.topFrame_button {
        border: 1px solid buttonface; margin:0; padding:0;
}

IMG.topFrame_button_hover {
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;

}
IMG.topFrame_button_down {
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
}

.topFrame_spacer {
        border-top: 1px solid buttonhighlight;
        padding: 0; margin: 0; height: 30px;
}

.topFrame_start {
        margin:0;
        background-color: buttonface;
        border-top: 2px solid buttonhighlight;
        border-left: 2px solid buttonhighlight;
        border-bottom: 2px solid buttonshadow;
        border-right: 2px solid buttonshadow;
        width: 3px;
        height: 30px;
}

SPAN.topFrame_sep {
        margin:0;
        background-color: buttonface;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        width: 2px;
        height: 30px;
}

.topFrame_spacer {
        border-top: 1px solid buttonhighlight;
        padding: 0; margin: 0; height: 30px;
}

.topFrame_start {
        margin:0;
        background-color: buttonface;
        border-top: 2px solid buttonhighlight;
        border-left: 2px solid buttonhighlight;
        border-bottom: 2px solid buttonshadow;
        border-right: 2px solid buttonshadow;
        width: 3px;
        height: 30px;
}

SPAN.topFrame_sep {
        margin:0;
        background-color: buttonface;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        width: 2px;
        height: 30px;
}

IMG.single_button_OLD {
        margin: 2px;
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;
        background-color: buttonface;
}

IMG.single_button {
        margin: 2px;
}

IMG.editBar_button {
        margin: 1px;
}

<dtml-else>

TABLE.topFrame {
        background-color: #CCCCCC;
}

.topFrame SPAN {
}

IMG.topFrame_button {
}

IMG.topFrame_button_hover {
        border-top: 1px solid buttonhighlight;
        border-left: 1px solid buttonhighlight;
        border-bottom: 1px solid buttonshadow;
        border-right: 1px solid buttonshadow;

}
IMG.topFrame_button_down {
        border-bottom: 1px solid buttonhighlight;
        border-right: 1px solid buttonhighlight;
        border-top: 1px solid buttonshadow;
        border-left: 1px solid buttonshadow;
}

.topFrame_spacer {
        border-top: 1px solid #CCCCCC;
        padding: 0; margin: 0; height: 30px;
}

.topFrame_start {
}

SPAN.topFrame_sep {
}
/* The class definitions from the WYSIWYG editor and Kontentor button bar for Netscape */
</dtml-if>

TD.topFrame { padding:0; padding-bottom:2; padding-top:2;
        font-family: "MS Sans Serif"; font-size: xx-small; vertical-align: middle;
}

.row-normal {
  background-color: #ffffff;
  border: none;

}

.row-hilite {
  background-color: #efefef;
  border: none;
}
/* ZOPE Style */
.form-help {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #333333;
}

.std-text {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #333333;
}

/* tabs in kontentor */
.tab-small {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #333333;
}

.strong-header {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background-color: #000000;
  color: #ffffff;
}

.list-header {
  background-color: #c0c0c0;
  border: none;
}

.list-item {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
}

.list-nav {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.section-bar {
  background-color: #c0c0c0;
  border: none;
}

.form-title {
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  color: #333333;
}

.form-label {
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: #333333;
}

.form-optional {
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 10pt;
  color: #333333;
}

.form-element {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
}

.form-text {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: #333333;
}

.form-mono {
  font-family: monospace;
  font-size: 12px;
  text-decoration: none;
}

.form-element input
{font-size:10px;
vertical-align: middle;}

.form-element select
{font-size:10px;
vertical-align: bottom;}

.form-element submit
{font-size:10px;
vertical-align: top;
}

.submit
{font-size:10px;
vertical-align: middle;
}