* {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}
body {
   font-size: 12px;
   background-color: #396da5;
   margin: 10px 0px 10px 0px;
   scrollbar-arrow-color: black;
   scrollbar-face-color: #d6d3ce;
}

div#fenster {
  margin: 10px auto;
  width: 1000px;
  background-color: #d6d3ce;
  padding: 2px 0px;
  border-top: 1px solid white;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-left: 1px solid white;
  min-height: 600px; 
}


/* ajax*/
div.fenster { position: absolute; background-color: transparent; background-image: url(../images/style/dimm.png); background-repeat: repeat; margin: 0; padding: 20px 18px 100px 18px; left: -1px; top: 0; z-index: 999; border: 1px solid black; min-height: 450px; }
div.screen { margin: 0; padding: 0; background-color: #d6d3ce; color: WindowText; position: static; z-index: 1000; border: 2px groove black; }
div.screen div.titel,
div.screen div.body,
div.screen div.statuszeile { width: 100%; }
div.screen div.titel { height: 20px; padding: 2px 0; background-color: activeCaption; background-color: none; color: captionText; }
div.screen div.titel p,
div.screen div.titel h1 { margin: 0; padding: 0; font-size: 16px; font-weight: bold; vertical-align: middle; color: captionText; position: absolute; }
div.screen div.titel h1 { padding: 0 0 0 10px; text-align: left; font-size: 16px; font-weight: bold; color: captionText; }
div.screen div.titel p { text-align: right; right: 22px; }
div.screen div.body { padding: 10px; width: 938px; }
div.screen div.statuszeile { height: 20px; padding-bottom: 0; padding-top: 0; margin-top: 0; background-color: #d6d3ce; color: ButtonText; border-top: 1px solid ButtonShadow; }
div.screen div.statuszeile p { line-height: 16px; margin: 0; padding: 0; text-align: right; border-top: 1px solid ButtonHighlight; }
div.screen div.statuszeile a,
div.screen div.statuszeile span { cursor: pointer; text-decoration: none; padding: 2px 5px; border-left: 1px solid ButtonShadow; }



h1,
h2,
h3 { padding-bottom: 2px; margin-bottom: 5px; }
h1 { font-size: 16px; padding: 20px 5px 20px 5px; color: WindowText; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 13px; font-weight: bold; }
img { border: 0px; }
a {
  cursor: pointer;
  cursor: hand;
}
a:link,
a:visited,
a:hover { color: WindowText; }
form { display: inline; }
textarea, input, select,input[type="file"] {
  font-size: 13px;
} 
 
div {  }
div#titelzeile,
div#kopf,
div#topnav,
div#content { 
  background-color: #d6d3ce;
  padding: 10px; 
  
}
div#content { 
  position: relative; 
  padding: 1px;  
}

div#content h1.titelzeile{
   margin: 0px 0px 2px 0px;
   padding: 6px 15px 6px 15px;
}

table.liste {
   border: 1px solid WindowText;
   font-size: 11px;
   margin-bottom: 50px;
   width: 100%;
   background-color: ActiveBorder; 
}
table.liste thead th {
   background-color: GrayText;
   color: CaptionText;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   padding: 5px 8px 5px 8px;
   border-bottom: 5px solid ActiveBorder;
}
table.liste thead th.gruppe {
   background-color: GrayText;
   color: CaptionText;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   padding: 1px 8px 1px 8px;
   border-bottom: 0px solid GrayText;
}
table.liste thead th a {
   color: HighlightText;
}
table.liste thead th.datasort {
  padding-left: 0px;
}    
table.liste thead th div.datasort{
  position: relative;
  padding: 0;
  margin: 0;  
}                        
table.liste thead th a.datasort img{
  position: absolute;
  left: 0px;
  top: 8px;
}
table.liste thead th sup.datasort {
  position: absolute;
  left: 2px;
  top: -6px;
  color: activecaption;  
}
table.liste thead td {
  text-align: center;
}  

table.liste tfoot {
   border-top: 5px solid ActiveBorder;
   background-color: silver;
}
table.liste tfoot tr th,
table.liste tfoot tr td { border-top: 5px solid ActiveBorder; padding: 10px 8px 5px 8px; background-color: silver; }
table.liste tfoot tr.betrag th,
table.liste tfoot tr.betrag td,
table.liste tfoot tr.mwst th,
table.liste tfoot tr.mwst td  { border-top: 5px solid ActiveBorder; padding: 10px 8px 5px 8px; text-align: right; }
table.liste tfoot tr.betrag th,
table.liste tfoot tr.betrag td  { font-weight: bold; }
table.liste tfoot tr.mwst th,
table.liste tfoot tr.mwst td  { border-top: 1px solid ButtonShadow; padding: 3px 8px 2px 8px; font-weight: normal; font-size: 10px; }
table.liste tbody { border-collapse: collapse; }
table.liste tbody tr th { text-align: left; }
table.liste tbody tr th,
table.liste tbody tr td { border-width: 1px; border-style: solid; border-color: silver ActiveBorder ActiveBorder silver; font-size: 11px; padding: 2px 8px 3px 8px; vertical-align: middle; background-color: white; line-height: 14px; }
table.liste tbody tr th { font-weight: bold; }
table.liste tbody tr th p { font-weight: normal; margin-top: 3px; }
table.liste tbody tr td { font-weight: normal; }
.keinpreis th,
.keinpreis td { text-decoration: line-through; }
table.liste tbody tr th.betrag,
table.liste tbody tr td.betrag { text-align: right; }
table.liste tbody tr th.datum,
table.liste tbody tr td.datum,
table.liste tbody tr th.ziffer,
table.liste tbody tr td.ziffer { text-align: center; }
table.liste tbody tr.gz th,
table.liste tbody tr.gz td,
table.liste tbody tr.gz th div,
table.liste tbody tr.gz td div { background-color: #d6d3ce; }
table.liste tbody tr.ungz th,
table.liste tbody tr.ungz td,
table.liste tbody tr.ungz th div,
table.liste tbody tr.ungz td div { background-color: white; }
.selected { background-image: url(../images/selected.png); }
table.liste tbody tr.selected th,
table.liste tbody tr.selected td,
table.liste tbody tr.selected th div,
table.liste tbody tr.selected td div { 
  background-image: url(../images/selected.png); 

}
table.liste tbody tr td.zn {
   background-color: GrayText;
   color: CaptionText; 
   width: 20px;
   padding-left: 3px;
   padding-right: 3px; 
   text-align: center;  
}
.markiert { background-image: url(../images/markiert.png); }
table.liste tbody tr.markiert th,
table.liste tbody tr.markiert td,
table.liste tbody tr.markiert th div,
table.liste tbody tr.markiert td div { background-image: url(../images/markiert.png); }

table.liste tbody tr:hover th div,
table.liste tbody tr:hover td div,
table.liste tbody tr:hover th,
table.liste tbody tr:hover td,
table.liste tbody tr:hover th a,
table.liste tbody tr:hover td a,
.hover { background-color: Highlight; color: HighlightText; }
table.liste tbody tr.gz td.ex,
table.liste tbody tr.gz:hover td.ex { background-color: #d6d3ce; color: black; vertical-align: middle; }
table.liste tbody tr.ungz td.ex,
table.liste tbody tr.ungz:hover td.ex { background-color: white; color: black; vertical-align: middle; }
table.liste tbody tr:hover td.ex a  { background-color: transparent; color: ButtonText; }
table.liste tbody tr td.leer { background-color: white; color: black; text-align: center; padding: 15px 0; font-size: 13px; }
table.liste tbody tr.pseudofoot td { border-top: 5px solid ActiveBorder; border-bottom: 5px solid GrayText; background-color: silver; color: black; text-align: center; padding: 5px 0; font-size: 13px; }
table.wwk tbody .gz { background-color: white; }
table.wwk tbody .ungz { background-color: white; }
table.wwk tbody tr:hover th,
table.wwk tbody tr:hover th a,
table.wwk tbody tr:hover td,
table.wwk tbody tr:hover td a,
.hover { background-color: transparent; color: WindowText; }
table.liste tbody td input { }

table.liste tbody tr td.f_img{
  width: 20px;
  padding: 2px 0 0px 0px;  
  margin: 0; 
}

table.p50 { width: 49%; }
table.p75 { width: 74%; }


.clear { clear: both; }



.seite1,
.seite2,
.seite3,
.seite4,
.seite5 {
   display: none;
}
.seiteHl {
   display: table-cell;
}
.seiteHl_ie {
   display: inline-block;
}   



table.tabs {
   margin-top: 30px;   
}
thead tr.tabs {
   background-color: #d6d3ce;
   position: absolute;
   margin-top: -23px;
   padding: 0 0 0 0;
   border: 0;   
}
thead tr.tabs td {
   padding: 0;   
}
thead tr.tabs div {
   margin: 0;
   padding: 0;
   height: 18px;
   position: relative;
   top: -2px;

}
thead tr.tabs div ul {
   list-style: none;
   margin: 0;  
   padding: 0;
   border: none;
}
thead tr.tabs div li {
   display: block;
   padding: 0;
   float: left;
   width: auto;
}
thead tr.tabs div a {
   color: Black;
   display: block;
   width: auto;
   text-decoration: none;
   margin: 0;
   padding: 2px 10px;
   border-left: 1px solid white;
   border-top: 1px solid white;
   border-right: 1px solid #888;
   font-size: 11px;
   text-decoration: none;
   padding-top: 3px;
}

thead tr.tabs div a:visited {
   color: Black;
   font-size: 11px;
}
thead tr.tabs div a:hover,
thead tr.tabs div.tabby a:active {
   font-size: 11px;
   text-decoration: none;
   border-top: 2px solid #ff9a31;
   color: black;
   background-color: transparent;
}
thead tr.tabs div a.here {
   position: relative;
   z-index: 102;
   margin: -5px 0px 0px 0px;
   padding: 5px 10px;
   text-decoration: none;
   font-size: 11px;
   color: Black;
   border-top:2px solid #ff9a31;
}    


div.linkbox {
   width: 230px;
   float: right;
   top: 0;
   border: 1px solid black;
   border-right: 3px solid ThreedDarkShadow;
   border-bottom: 3px solid ThreedDarkShadow;
   padding: 5px 10px;
   background-color: window;
   color: windowtext;
}
div#funktionen {
   top: 26px;
   left: 740px;
   position: absolute;
   padding: 0 0 0 0;
   font-weight: bold;
}
div#funktionen button {
   font-weight: bold;
   width: 100px;
}
div.funktionen {
   border: 1px solid GrayText;
   padding: 10x 15px;
   margin: 0;
   width: 230px;
   background-color: #d6d3ce;
}
div.funktionen.hidden {
   width: auto;
}
div.funktionen  dl {
   padding: 0;
   margin: 0;
}
div.funktionen dt,
div.funktionen dd,
div.funktionen a {
   text-decoration: none;
   color: WindowText;
}
div.funktionen dt {
   font-weight: bold;
   margin: 0;
   padding: 5px 5px;
}

div.funktionen dt.headline {
   background-color: ActiveCaption;
   color: CaptionText;   
}
div.funktionen dd {
   font-weight: normal;
   margin: 0;
   padding: 3px 15px;
   line-height: 20px;
   border-top: 1px solid #d6d3ce;
   border-bottom: 1px solid #d6d3ce;
}
div.funktionen dd:hover {
   background-color: ThreedHighlight;
   border-top: 1px solid ThreedDarkShadow;
   border-bottom: 1px solid ThreedDarkShadow;
   cursor: pointer;
   cursor: hand;
}
div.funktionen dd:hover a {
   cursor: pointer;
   cursor: hand;
}
div.funktionen dd + dt {
   border-top: 1px solid ThreedDarkShadow;
}

div.funktionen.lbox dd  {
   line-height: 10px;
   border-top: 1px solid ThreedDarkShadow;
   padding: 3px 1px;   
}

div.domTTOverlib div.funktionen {
   width: auto;
}
div.funktionen div.foot {
   border-top: 1px solid GrayText;
   background-color: silver;
}

input[type="submit"] {
  font-weight: bold;
  font-size: 11px;
}
button.disabled {
   color: GrayText;
}
table thead tr.scroll td,
table tfoot tr.scroll td {
   padding: 5px 2px 0 2px;
/*   background-color: Window;*/
}
table tfoot tr.scroll td {
   border-top: 1px solid ThreedDarkShadow;
   background-color: #d6d3ce;
}
table thead tr.scroll td {
   border-bottom: 1px dotted CaptionText;
   border-bottom: 2px solid ThreedShadow;
   background-color: ActiveCaption;
   color: CaptionText;
   border-top: 1px solid WindowText;
}
table thead tr.scroll td ul,
table tfoot tr.scroll td ul {
   width: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
table tfoot tr.scroll {
   position: absolute;
   margin-top: 5px;
   border: none;
}



table tfoot tr.scroll td {
   border: none;
}
table thead tr.scroll td ul li,
table tfoot tr.scroll td ul li {
   display: block;
   margin: 0 5px 1px 5px;
   padding: 5px 5px 5px 5px;
   float: left;
}
table thead tr.scroll td ul li button,
table tfoot tr.scroll td ul li button {
   font-size: 11px;
   font-weight: bold;
   width: 100px;
}
table thead tr.scroll td ul li.disable button,
table tfoot tr.scroll td ul li.disable button {
   color: GrayText;
}
table thead tr.scroll td ul li a {
   color: CaptionText;
   font-weight: bold;
}
table tfoot tr.scroll td ul li a {
   color: WindowText;
   font-weight: bold;
}
table thead tr.scroll td ul li.disable,
table tfoot tr.scroll td ul li.disable {
   color: GrayText;
   font-weight: bold;
}
table thead tr.scroll td ul li.scrolldescription,
table tfoot tr.scroll td ul li.scrolldescription {
   font-weight: bold;
   font-size: 11px;
/*   left: 230px;*/
   left:: 0;
/*   position: absolute;*/
   text-align: left;
   width: 320px;
}
table thead tr.scroll td ul li.function,
table tfoot tr.scroll td ul li.function {
   position: absolute;
   right: 0;
   text-align: right;
}

/*
 * Formulare.
 */ 
 
div.formular {
   width: 100%;
   margin: 0 0 10px 0;
   padding: 0;
   background-color: #d6d3ce;
   color: WindowText;
   border: 1px solid black;
}
div.formular .titel,
div.formular .body,
div.formular .statuszeile {
   width: 100%;
   margin: 0;
   padding: 0;
}
div.formular .titel {
   height: 20px;
   padding: 2px 0;
   background-color: activeCaption;
   color: captionText;
   vertical-align: middle;
   overflow: hidden;
}
div.formular .titel h1 {
   margin: 0;
   padding: 0 0 0 8px;
   text-align: left;
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: captionText;

}
div.formular .titel p {
   margin: 0;
   padding: 0;
   text-align: right;
   float: right;
   position: absolute;
   right: 16px;
}
div.formular .titel p a {
  color: white;
  font-weight: bold;
}
div.formular .spalte11,
div.formular .spalte12,
div.formular .spalte13,
div.formular .spalte14,
div.formular .spalte23,
div.formular .spalte34 {
   float: left;
   padding: 0;
   margin: 20px 0 0 20px;
   position: relative;
}
div.formular .spalte11 {
   width: 92%;
}
div.formular .spalte12 {
   width: 46%;
}
div.formular .spalte13 {
   width: 30%;
}
div.formular .spalte14 {
   width: 22%;
}
div.formular .spalte13 ol{
   margin-left: 0;
   padding-left: 7%;
}
div.formular .spalte23 {
   width: 62%;
}
div.formular .spalte34 {
   width: 73%;
}

div.formular table{
   width: 100%;
} 

div.tooltip {
   background-color: white;
   border-left: 1px solid black;
   border-right: 1px solid black;   
   border-top: 1px solid black;   
   border-bottom: 1px solid black; 
   padding: 10px;
}
div.datenblatt {
   background-color: white;
   border-left: 15px solid ThreedShadow;
   border-right: 15px solid ThreedShadow;   
   border-top: 25px solid ThreedShadow;   
   border-bottom: 25px solid ThreedShadow; 
   padding: 10px;
   min-width: 250px;
   min-height: 200px;
}
table.datenblatt {
   background-color: #d6d3ce;
}
div.formular table,
table.datenblatt {
   margin: 0 20px 20px 0;
   padding: 0;
   border: 1px solid ActiveCaption;
   empty-cells: show;
   border-collapse: collapse;
}

div.formular thead td,
div.formular thead th,
table.datenblatt thead td,
table.datenblatt thead th {
   text-align: left;
   padding: 5px 10px;
   background-color: activeCaption;
   color: captionText;
}
div.formular tfoot,
table.datenblatt tfoot{
   display: none;
}   
div.formular tbody th,
div.formular tbody td,
table.datenblatt tbody th,
table.datenblatt tbody td {
   vertical-align: top;
   padding: 5px 10px;
   text-align: left;
}
div.formular tbody th,
table.datenblatt tbody th {
   border-right: 3px solid activeCaption;
   background-color: ThreedShadow;
   font-weight: normal;
   width: 115px;
}
div.formular tbody th.zw {
   font-weight: bold;
}
div.formular .body tbody td { 
}      
div.formular input[type="text"],
div.formular input[type="file"],
div.formular select,
div.formular textarea {
   border: 2px solid ThreedShadow;
   padding: 0 0 0 2px;
   margin: 0;
}
div.formular input[type="checkbox"],
div.formular input[type="radio"] { 

  border:0px; 
  vertical-align: middle; 
}


div.formular input:focus,
div.formular select:focus,
div.formular textarea:focus {
   background-color: ThreedLightShadow;
}
div.formular td.err input,
div.formular td.err select,
div.formular td.err textarea,
div.formular td.err input:focus,
div.formular td.err select:focus,
div.formular td.err textarea:focus {
   border-color: red;
   background-color: #ffffaa;
}
div.formular td.err,
div.formular .body div.err {
   color: red;
}
 
 
 
 
div.formular table.formular {
  border: 1px solid activeCaption; 
}
div.formular table.formular tbody td,
div.formular table.formular tbody th {
  border: 0;
}
div.formular table.formular tbody td.sgrid {
  border-left: 1px solid activeCaption;
  border-right: none;
}
div.formular table.formular tbody tr:hover th.sgrid {
  background-color: Highlight;
}





div.formular .statuszeile {
   height: 16px;
   padding-bottom: 2px;
   background-color: appWorkspace;
   color: CaptionText;
}
div.formular .statuszeile p {
   padding: 2px 10px;
   text-align: right;
}
div.formular .statuszeile p a {
   color: CaptionText;
   text-decoration: none;
}

textarea.breit,
textarea.breite11 {
   width: 207px;
   padding: 0 0 0 2px;
}
textarea.breite11,
input.breit,
input.breite11 {
   width: 207px;
   padding: 0 0 0 2px;
}
select.breit,
select.breite11 {
   width: 213px;
   padding: 0 0 0 2px;
}
textarea.breite13,
input.breite13 {
   width: 64px;
   padding: 0 0 0 2px;
}
select.breite13 {
   width: 70px;
   padding: 0 0 0 2px;
}
textarea.breite23,
input.breite23 {
   width: 135px;
   padding: 0 0 0 2px;
}
select.breite23 {
   width: 133px;
   padding: 0 0 0 2px;
}
textarea.breite14,
input.breite14 {
   width: 46px;
   padding: 0 0 0 2px;
}
select.breite14 {
   width: 48px;
   padding: 0 0 0 2px;
}
textarea.breite34,
input.breite34 {
   width: 151px;
   padding: 0 0 0 2px;
}
select.breite34 {
   width: 151px;
   padding: 0 0 0 2px;
}
textarea.breite12,
input.breite12 {
   width: 99px;
   padding: 0 0 0 2px;
   position: inherit;
}
select.breite12 {
   width: 103px;
   padding: 0 0 0 2px;
}

select.breite113{
   width: 282px;
   padding: 0 0 0 2px;
}
textarea.breite113,
input.breite113 {
   width: 277px;
   padding: 0 0 0 2px;
}

select.breite123{
   width: 345px;
   padding: 0 0 0 2px;
}
textarea.breite123,
input.breite123 {
   width: 340px;
   padding: 0 0 0 2px;
}
textarea.breite22,
input.breite22 {
   width: 408px;
   padding: 0 0 0 2px;
}

input.dd{
   width: 45px;
   padding: 0 0 0 2px;
}
select.dd{
   width: 45px;
   padding: 0 0 0 2px;
}
select.yy{
   width: 60px;
   padding: 0 0 0 2px;
}
input.yy{
   width: 60px;
   padding: 0 0 0 2px;
}

div.formular .body samp {
   font-size: 9px;
   font-weight: normal;
   padding: 0 5px;
   margin: 0;
   font-style: italic;
}
strong.zw {
   font-weight: bold;
}
div.kalender {
  display: none;
  position: absolute;
  width: 158px;
  padding: 0;
  margin: 0;
  border: 1px solid black;
}

div.kalender {
  padding-left: 0;
  margin: 0;
}
div.kalender div.foot{
  clear: both;
  background-color: silver;
  line-height: 17px;
  margin: 0px;
  padding: 0px;
}
div.kalender div.foot span.close{
  float: right;
  position: absolute;
  line-height: 16px;
  right: 1px;
}
a.kalender {
  position:relative;
  bottom: -3px;
  left: 2px;
}
.yui-skin-sam .yui-calendar .calheader{
  background-color: ActiveCaption;
}
.yui-skin-sam .yui-calcontainer{
  padding: 0;
}
.yui-skin-sam .yui-calendar .calnavright{
  margin-right: 1em;  
}
.yui-skin-sam .yui-calendar .calnavleft{
  margin-left: 1em;  
} 
.yui-skin-sam .yui-calendar .calweekdayrow th{
  border: 1px solid threedshadow;
  border-bottom: 1px solid #cccccc;  
  border-collapse: collapse;
}

.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}




#menu {
   width: 100%;
   float: left;
}
#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
   white-space: nowrap;
   background-color: #d6d3ce;
}
#menu a, #menu h2 {
   font-weight: normal;
   font-size: 14px;
   display: block;
   border-width: 1px;
   border-style: none;
   margin: 0;
   padding: 3px 10px;
   background-color: #d6d3ce;
   text-decoration: none;
   color: black;
}
#menu a {
   padding: 5px 10px 5px 10px;
}
#menu h2 {
   color: black;
}
#menu h2:hover {
   background-color: #000066;
   color: white;
}
#menu a:hover {
   color: white;
   background: #000066;
}
#menu li {
   position: relative;
   z-index: 1000;
}
#menu li.trenner {
   height: 0px;
   background-color: #d6d3ce;
   border-bottom: 1px solid white;
   border-top: 1px solid gray;
   margin-left: 6px;
   margin-right: 6px;
}
#menu li.children a:after {
   content:" ...";
   text-align: right;
}
#menu li.nochildren a:after {
   content:"";
   text-align: right;
}
#menu ul ul {
   position: absolute;
   z-index: 500;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   border-color: #8f8f8f gray;
}
#menu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
   display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
   display: block;
}

div#menu ul ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul ul li:hover ul ul ul {
   display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul {
   display: block;
}


/* bcmenu */

#bcmenu,
.bcmenu {
   width: 100%;
   float: left;
   border-bottom: 1px solid #888;
   margin-bottom: -2px;
}
#bcmenu ul,
.bcmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
   white-space: nowrap;
   background-color: #d6d3ce;
}
#bcmenu a, #menu h2,
.bcmenu a, .menu h2 {
   font-weight: normal;
   font-size: 14px;
   display: block;
   border-width: 1px;
   border-style: none;
   margin: 0;
   padding: 3px 10px;
   background-color: #d6d3ce;
   text-decoration: none;
   color: black;

   line-height: 20px;
}
#bcmenu a,
.bcmenu a {
   padding: 5px 10px 5px 10px;
}

#bcmenu h2 a,
.bcmenu h2 a {
   float: left;
}

#bcmenu h2,
.bcmenu h2 {
   color: black;
   margin: 0;
   padding: 1px 5px;
}
#bcmenu h2 img {
padding: 7px 15px;
}
#menu h2:hover, #bcmenu a:hover,
.menu h2:hover, .bcmenu a:hover {
   color: white;
   background: #000066;
}
#bcmenu li,
.bcmenu li{
   position: relative;
   z-index: 800;
}
#bcmenu li.trenner {
   height: 0px;
   background-color: #d6d3ce;
   border-bottom: 1px solid white;
   border-top: 1px solid gray;
   margin-left: 6px;
   margin-right: 6px;
}
#bcmenu li.children a:after {
   content:" ...";
   text-align: right;
}
#bcmenu li.nochildren a:after,
.bcmenu li.nochildren a:after {
   content:"";
   text-align: right;
}
#bcmenu ul ul {
   position: absolute;
   z-index: 500;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   border-color: #8f8f8f gray;
}
#bcmenu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%;
}
div#bcmenu ul ul, div#bcmenu ul li:hover ul ul, div#bcmenu ul ul li:hover ul ul {
   display: none;
}

div#bcmenu ul li:hover ul, div#bcmenu ul ul li:hover ul, div#bcmenu ul ul ul li:hover ul {
   display: block;
}

img.bcmenue{
  position: relative;
  top: 3px;
}


hr.hr_bread{
  border: 1px solid #d6d3ce;
}
div.bread{
  text-decoration:underline;
}
/* bcmenu Ende */


hr {
margin: 0;
}


.logout{
   position: absolute;
   right: 0px;
   font-size: 13px;   
}



div.logo{
  border: none;
  float: right;
  position: relative;
 
}
div.logo img{
  position: absolute;
  right: 0px;
  height: 87px;
  border-left: 1px solid #888;
}

h1.titelzeile {
   font-size: 12px;
   margin: 0px 0px 2px 0px;
   padding: 6px 15px 6px 15px;
   background-image: url(redmond-fake.jpg);
   background-repeat: repeat-y;
   background-position: right top;
   color: white;
   font-weight: bold;
}





div#topnav {  
  border-bottom: 1px solid ThreedDarkShadow; 
  padding-top: 10px; 
  padding-bottom: 10px; 
} 
div#content {  
  border-top: 1px solid white; 
}                    

div#topnav #logo { float: right; overflow: visible; margin: 0 0 0 0; padding: 0 0 0 0px; min-width: 100px;}
div#topnav #logo img { margin: 0 0; padding: 0; border: 2px solid ButtonShadow; }
div#topnav .navigation { margin: 0; padding: 0;}
div#topnav .navigation ul { list-style: none; margin: 0; padding: 0;  width: 840px;}
div#topnav .navigation ul.scroll { list-style: none; margin: 0; padding: 10px 0 0 0; clear: both; height: 0; background-color: transparent; border: none; }
div#topnav .navigation li u { font-weight: bold; }
div#topnav .navigation li div { padding-left: 50px; }
div#topnav .navigation li { display: block; margin: 0; padding: 0; float: left; }
div#topnav .navigation li button { margin: 0; padding: 0; width: 155px; font-size: 11px; }
div#topnav .navigation ul.scroll li button { font-weight: bold; width: 100px; }
div#topnav .navigation ul.scroll li.dis button { color: GrayText; }
div#topnav .navigation li.moreinfo span { float: left; display: block; margin-right: -16px; left: -16px; position: relative; height: 12px; }
div#topnav .navigation li.here button { font-weight: bold; }





/* Tabs */
div.tabs {
  margin: 0; 
  padding: 0; 
  width: 100%; 
}
div.tabs div.reiter {
  float: left;
  padding: 4px 10px;
  padding-top: 2px;  
  padding-bottom: 7px;  
  background-color: #d6d3ce; 
  border-left: 1px solid ThreedHighlight; 
  border-top: 1px solid ThreedHighlight; 
  border-right: 1px solid ThreedDarkShadow;

}
div.tabs div.reiter.hervorgehoben {  
  position: relative; 
  top: -5px;  
  padding: 0px;
  padding-top: 2px;  
  padding-bottom: 7px;  
    
  border: none;
  border-left: 1px solid ThreedHighlight;  
  border-right: 1px solid ThreedDarkShadow;  
  border-top: 1px solid activecaption; 
  border-top: 1px solid #FF9933;   
}
div.tabs div.reiter a,
div.tabs div.reiter.hervorgehoben a {  
  text-decoration: none;  
}                
div.tabs div.reiter a{   
  border-left: 1px solid transparent; 
  border-right: 1px solid transparent;  
}
div.tabs div.reiter.hervorgehoben a,
div.tabs div.reiter.hervorgehoben span{  
  font-weight: bold;
  position: relative;  
  top: 5px; 
  left: 1px;  
  margin-left: -2px;  
  border-left: 1px solid ThreedHighlight;  
  border-right: 1px solid ThreedDarkShadow;
  padding: 4px 10px;
  padding-top: 2px;  
  padding-bottom: 7px;
}


#msgarea { border: none; margin: 10px auto; padding: 5px 20px; background-color: ButtonFace; }
#msgarea ul { list-style: none; margin: 0; padding: 0; }
#msgarea ul li.warning,
#msgarea ul li.confirm,
#msgarea ul li.info { border: 1px solid MenuText; padding: 15px 25px; font-size: 12px; margin: 10px 0 20px 0; letter-spacing: normal; text-align: center; }
#msgarea ul li.warning { color: #EE3338; border: 3px solid #EE3338; background-color: white; font-weight: bold; font-style: ; letter-spacing: 1px; }
#msgarea ul li.confirm { background-color: green; color: white; }
#msgarea ul li.info { background-color: Window; color: MenuText; }

/* Buttons */
p.button a, a.button, input.button { 
  background-color: ButtonFace; 
  color: ButtonText; 
  border-width: 1px; 
  border-style: solid; 
  text-align: center; 
  vertical-align: middle;  
  height: 25px; 
  width: 125px;  
  line-height: 25px; 
  margin: 2px 2px 2px 2px; 
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; 
  font-weight: normal; 
  display: block;  
}

/* Button einzeln */
a.button, input.button {
  font-weight: bold;
}