.small {font-size: 9pt}
.verysmall {font-size: 8pt}
.white {color: white; bgcolor: blue; font-size: 9pt}
.gray {color: #C6C6C6; font-size: 9pt}
td { font-size: 8pt }
img { font-family: Verdana; font-size: 9pt}
a { text-decoration: none; font-family: Verdana; color: black; }
.asmall {text-decoration: none; font-family: Verdana; font-size: 9pt}
.asmallwhite {text-decoration: none; font-family: Verdana; font-size: 9pt; color: #FFFFFF}

.header
{
   margin: 0;
}

.headertitle
{
   font-family: Verdana;
   font-size: 14pt;
   font-weight: bold;
}

.navigationheader
{
   font-family: Verdana;
   font-size: 13.5pt;
   padding: 14px 4px 4px 8px;
}

.navigation
{
   margin: 0;
   font-family: Verdana;
   font-size: 8pt;
   background-color: #FFFFFF;
   opacity: 1;
   filter:alpha(opacity=100);
}

.navigationbody
{
   padding: 20px 8px 8px 8px;
}

.content
{
   margin: 0;
   font-family: Verdana;
   font-size: 8pt;
}

.contentheader
{
   font-family: Verdana;
   font-size: 13.5pt;
   color: #404040;
   padding: 5px 4px 4px 8px;
}

.contentbody
{
   font-size: 8pt;
   padding: 20px 8px 4px 8px;
}

h1
{
   font-family: Verdana;
   font-size: 13pt;
   padding: 0px;
}

h2
{
   font-family: Verdana;
   font-size: 12pt;
   padding: 0px;
}

.listtable
{
   width: 99%;
   font-size: 8pt;
   overflow: hidden;
   border-width: 0px;
   border-color: #000080;
   border-style: solid;
   border-collapse: collapse;
   padding: 0px;
}

.listtablesmall
{
   width: 100%;
   font-size: 8pt;
   overflow: hidden;
   border-width: 0px;
   border-color: #000080;
   border-style: solid;
   border-collapse: collapse;
   padding: 3;
}

.listheader
{
   font-family: Verdana;
   font-size: 8pt;
   overflow: hidden;
   background-color: #D4D0C8;
   border-width: 0px;
   border-color: #000080;
   border-style: solid;
   padding: 3px;
}

.listheader A
{
   color: black;
}

.listitem
{
   font-family: Verdana;
   font-size: 8pt;
   overflow: hidden;
   background-color: #FCFCFC;
   border-width: 0px;
   border-color: #000080;
   border-style: solid;
   padding: 3;
}

.odd
{
   background-color: #FFFFFF;
}

.even
{
   background-color: #F0F0F0;
}

.bezahltodd
{
   background-color: #C0FFC0;
}

.bezahlteven
{
   background-color: #C0F0C0;
}

.calendartable
{
   width: 100%;
   font-size: 8pt;
   table-layout: fixed;
   overflow: hidden;
   border-width: 2px;
   border-color: #404040;
   border-style: solid;
   border-collapse: collapse;
}

.calendarheader
{
   overflow: hidden;
   font-size: 8pt;
   color: #202020;
   background-color: #D0D0D0;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendartoday
{
   overflow: hidden;
   font-size: 8pt;
   background-color: #80FF80;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendarweekday
{
   overflow: hidden;
   font-size: 8pt;
   background-color: #F8F8F8;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendarweekendday
{
   overflow: hidden;
   font-size: 8pt;
   background-color: #E0E0E0;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendarinvalidday
{
   background-color: #E0E0E0;
   padding: 3px;
}

.calendaritem
{
   font-size: 8pt;
   color: #404040;
}

.calendaritem A
{
   color: #0000C0;
}

.register
{
   float: left;
   padding: 6px 0px 6px 0px;
}

#registers
{
  margin-right: 30px !important;
}

.moduleselected
{
   color: #fff;
}

.moduleunselected
{
   color: #808080;
}

.tab
{
   color: black;
   background-color: white;
   border-top: #000 1px solid;
   border-left: #000 1px solid;
   border-right: #000 1px solid;
   padding: 5px;
}

.tabunselected
{
   color: black;
   background-color: #F0F0F0;
   border-top: #000 1px solid;
   border-left: #000 1px solid;
   border-right: #000 1px solid;
   padding: 5px;
}

.tab A
{
   color: black;
   font-weight: bold;
}

.tabunselected A
{
   color: #404040;
   font-weight: normal;
}

.tabspace
{
   border-bottom: #000 1px solid;
}

.tabdialog
{
   background-color: white;
   //border-left: #000 1px solid;
   //border-bottom: #000 1px solid;
   //border-right: #000 1px solid;
   //padding: 10px;
   padding: 10px 0 0 0;
   overflow: visible; 
}

.listsection
{
   background-color: #404040;
   color: white;
}

.dropdownmenu {position:absolute; border:1px solid black; font:normal 8pt Verdana; line-height:18px; z-index:100; background-color:#e0e0e0; }
.dropdownmenu a {width: 100%; display: block; text-indent: 3px; }
.dropdownmenu a:hover {background-color: yellow; }


.header
{
   color: #000080;
}

.navigationheader
{
   color: #000080;
}

.contentheader
{
   color: #000080;
}

.buttonline
{
   white-space:nowrap;
   min-height: 35px;
   display: inline;
}

.buttonitem
{
   padding: 2px 5px 6px 0px;
   min-height: 22px !important;
   outline-offset: 0px;
   float: left;
   display: inline;
   line-height: 22px;
   vertical-align: middle;
}

.button
{
   border: #808080 1px solid;
   background-color: #E0E0E0;
//   min-height: 16px !important;
//   max-height: 16px !important;
//   height: 16px !important;
//   line-height: 16px;
   vertical-align: middle;
   padding: 0;
}

.buttondropdown
{
   padding: 3px 6px 3px 6px;
   display: inline-block;
}

.buttondropdown i
{
   line-height: 16px;
}

.buttonicon
{
   padding: 3px 5px 3px 4px;
}

.buttonstandard
{
   padding: 3px 6px 3px 6px;
}

A
{
   color: #000080;
}

.listsection
{
   background-color: #000080;
   color: white;
}

.pdf5
{
   background-color: #FF7F01;
}

.pdf6
{
   background-color: #40FF40;
}

.message
{
/*   border: 1px solid #000; */
}

.messageheader
{
   background-color: lightgray;
   padding: 3px;
}

.messagebody
{
   padding: 0px 3px; 0px; 3px;
}

.messagefooter
{
   padding: 3px;
   color: gray;
   font-style: italic;
   text-align: right;
}

.headernavi
{
   font-style: bold;
   color: black !important;
}

.formularrequired
{
   border: 1px solid red;
   padding: 1px;
   color: red;
}

.title
{
   padding: 8px;
}

.fieldgroup
{
  width:100%;
  padding: 3px;
}

.fieldlabel
{
  margin: 0px 0px 10px 0px;
  text-align: right;
  float: left;
  padding: 3px;
  width: 120px;
  vertical-align: top;
}

.fieldlongtext
{
  text-align: left;
  width: 99%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.fieldcontrol
{
  float:left;
  padding:3px;
  width: 75%
}

.fieldcontrol45
{
  float:left;
  padding:3px;
  width: 45%
}

.fieldcontrol55
{
  float:left;
  padding:3px;
  width: 55%
}

.fieldcontrol65
{
  float:left;
  padding:3px;
  width: 65%
}

.fieldcontrolB
{
  float:left;
  padding:3px;
  width: 10%
}

@media (max-width: 600px)
{
  .fieldlabel
  {
    text-align: left;
    width:90%;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
  }
  .fieldcontrol
  {
    width:90%;
    margin: 0px 0px 10px 0px;
  }
}

.begleitertable .fieldlabel
{
  text-align: left;
  width: 50px;
}

.registertable
{
   width: 100%;
   border:0;
}

.fieldreguired
{
   background-color: #FF8080;
}

.listsection
{
   background-color: #808080;
   color: white;
   font-weight: bold;
   padding: 3px;
   margin-top: 10px;
}

.required
{
   padding-left:3px;
   color: red;
}