/* basic styles ------------------------------------------------------------ */
body, .help, .prn, p, form, input, .radio, textarea, table, select, td, ul, a
                {font-family: verdana; font-size: 12px; font-weight: normal; background-color: transparent; color: black;text-decoration: none; overflow: visible !important;}
body            { margin: 0px; padding: 0px; overflow: visible !important; }
table           { border-collapse: collapse; }
img             { border: none; }

.clear          { clear: both; }
.title          { font-size: 17px; }
.nSelect        { height: 20px; width: 80px; position: absolute; }
.imgCur         { cursor: pointer; }
.inputDelault   { border: 1px solid rgb(198,198,198); width: 200px; height: 22px; vertical-align:top; }
.inputColor     { border: 1px solid rgb(180,180,180); width: 200px; height: 22px; vertical-align:top; }
.inputColorMulti
                { border: 1px solid rgb(180,180,180); width: 317px; height: 50px; }
.multiInput     { border: 1px solid rgb(180,180,180); width: 520px; height: 50px; }
.shortInput     { border: 1px solid rgb(180,180,180); width: 50px;  height: 22px; }
.shortInputNumeric   
                { border: 1px solid rgb(180,180,180); width: 50px;  height: 22px; text-align:right; }
.normalInput    { border: 1px solid rgb(180,180,180); width: 150px; height: 22px; }
.numericInput   { border: 1px solid rgb(180,180,180); width: 75px;  height: 22px; text-align: right; }
.selectColor    { border: 1px solid rgb(180,180,180); width: 200px; height: 22px;}
.selectColorSmall
                { border: 1px solid rgb(180,180,180); width: 70px;  height: 22px; }
.checkColor     { border: 1px solid rgb(180,180,180); width: 18px;  height: 18px; }
.bigText        { margin: 5px; text-align: left; font-size: 14px; font-weight: bold; }
.redText        { color: Red; }
.txtColor       { color: rgb(26,150,142); }
.tblText        { border: 1px solid rgb(198,198,198); width: 100%; height: 100%; }
.textarea       { border: 1px solid rgb(180,180,180); width: 650px; height: 100px; min-width: 650px; min-height: 100px; resize: none; }
.checkbox       { margin-left:0px; vertical-align:middle; height: 18px; }

/* Mainframe --------------------------------------------------------------- */
.mfCenter       { margin: 0px; margin-left: auto; margin-right: auto; width: 1000px; height: 525px; margin: 10px; }
#mfTop          { width: 100%; height: 90px; }
.mfLogo         { width: auto; max-height: 60px; background-repeat: no-repeat; background-position:right; }
.masterlogo     { width: auto; max-height: 60px; background-repeat: no-repeat; background-position:right; position:absolute; top:0px; }
.cobrandinglogo { width: 220px; }
#mfZoom         { display: none; }
.DynLayer       { background: rgb(255, 255, 255); border-radius: 5px; border: 1px solid rgb(2,138,200); z-index: 99; }
#mfPopup        { background-color: white; margin-left: 5px; position: absolute; top: 109px; z-index: 9998; border: 0px solid red; padding: 25px; width: 960px; height: 550px; 
                  background: transparent; }
#mfInfo         { background-color: white; margin-left: 250px; position: absolute; top: 300px; z-index: 9999; border: 1px solid gray; padding: 25px; }
#mfOrderSetting { background-color: white; margin-left: 150px; position: absolute; top: 100px; width: 610px; z-index: 99; border: 1px solid gray; padding: 25px; }
.infoText       { margin: 5px; text-align: left; font-size: 14px; }
.loginInfoTxtR  { margin-left: 5px; color:Red; }
.loginInfoTxtB  { margin-left: 5px; color:Black; }
#mfDisplay      { width: 1007px; height: 547px; border: 0px solid #C8D9D9; margin-left: 7px; margin-top: 10px; float: left; text-align: left; background-color: transparent; }
#mfDisplayWait  { width: 1015px; height: 560px; background-image: url(Media/Gui/wait_60.gif); background-position: center center; background-repeat: no-repeat; position: absolute; 
                  top: 140px; z-index: 9999;}
#mfSection      { width: 370px; height: 400px; border: 1px solid #C8D9D9; overflow: hidden; margin-left: 20px; margin-top: 15px; float: left; }
#mfStepper      { width: 964px; height: auto; float: left; margin: 20px; margin-top: 0px; }
#mfSelection    { width: 1010px; height: 565px; border: 0px solid #C8D9D9; margin-left: 7px; margin-top: -586px; float: left; text-align: left; background-color: white; position: absolute; }
#mfMain         { width: 100%; height: 530px; background-color: white; }
/*#mfRelief       { background-color: white; margin-left: 5px; position: absolute; top: 109px; z-index: 9998; border: 0px solid red; padding: 25px; width: 960px; height: 550px; }*/

/* ---Menü-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mfMenu         { width: 1007px; font-size: 24px; font-weight: bold; margin-top: 7px; margin-right: 7px; margin-left: 7px; padding-top: 6px; padding-right: 6px; vertical-align: top; 
                  border:0px solid pink; }
.MenuTable      { border-collapse: collapse; width: 1000px; position: relative; z-index: 1; direction: ltr; }
.MenuTdLevel1   { text-align: center; border-left: none; }

/* -- Flyout -- */
.flyout-container
                { position: relative; z-index: 2; text-align: left; top: -2px; visibility: hidden; width: 100%; }
.flyout-inner   { background-color: white; min-width: 200px; overflow: auto; position: absolute; border: 1px solid rgb(180,180,180); top: 2px; margin-left: 0px; padding-bottom: 10px; 
                  visibility: hidden; z-index: 99; display: block; float: left; }
.flyout-container.show, .flyout-container.show .flyout-inner
                { visibility: visible; top: 6px; }
.flyout-container.show .column
                { display: none; }
.show           { display: none; }

/* ---Button-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btnMenu        { cursor: pointer; cursor: hand; border-top: 1px solid rgb(198,198,198); border-bottom: 1px solid rgb(198,198,198); border-left: 1px solid rgb(198,198,198); 
                  text-align: center; font-weight: bolder; text-decoration: none; padding-left: 5px; padding-right: 10px; background-image: url('Media/GUI/buttonBG_Menue.png'); 
                  background-repeat: repeat-x; width: 150px; }
.btnMenuBegin   { cursor: pointer; cursor: hand; text-align: center; text-decoration: none; border-top: 1px solid rgb(198,198,198); border-bottom: 1px solid rgb(198,198,198); 
                  border-left: 1px solid rgb(198,198,198); border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; 
                  padding-left: 5px; padding-right: 10px; background-image: url('Media/GUI/buttonBG_Menue.png'); background-repeat: repeat-x; height: 35px; width: 250px; }
.btnMenuEnd     { cursor: pointer; cursor: hand; text-align: center; text-decoration: none; border: 1px solid rgb(198,198,198); border-top-right-radius: 5px; border-bottom-right-radius: 5px; 
                  -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; padding-left: 5px; padding-right: 10px; background-image: url('Media/GUI/buttonBG_Menue.png'); 
                  background-repeat: repeat-x; }
.btnSubMenu     { color: Blue;  }
.btnDefault     { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: middle; font-weight: bolder; text-decoration: none; border-radius: 5px; 
                  -moz-border-radius: 5px; padding-left: 20px; padding-right: 20px; background-image: url('Media/GUI/buttonBG_Menue.png'); background-repeat: repeat-x; height: 25px; }
.btnDefaultColor { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: middle; font-weight: bolder; text-decoration: none; border-radius: 5px; 
                  -moz-border-radius: 5px; padding-left: 20px; padding-right: 20px; background-image: url('Media/GUI/buttonBG_Menue.png'); background-repeat: repeat-x; height: 25px; color: rgb(26,150,142);}
                  
.btnTest         { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: middle; font-weight: bolder; text-decoration: none; border-radius: 5px; 
                  -moz-border-radius: 5px; padding-left: 3px; padding-right: 3px; 
                  background-image:url('Media/GUI/details.png'),url('Media/GUI/buttonBG_Menue.png'); background-repeat:no-repeat, repeat-x; background-position: center center ; height: 21px; width:30px;}

.btnTestEdit     { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: middle; font-weight: bolder; text-decoration: none; border-radius: 5px; 
                  -moz-border-radius: 5px; padding-left: 3px; padding-right: 3px; 
                  background-image:url('Media/GUI/bearbeiten.png'),url('Media/GUI/buttonBG_Menue.png'); background-repeat:no-repeat, repeat-x; background-position: center center ; height: 21px; width:30px;}
.btnIcon        { cursor: pointer; cursor: hand; text-align: center; vertical-align: middle; padding: 5px; height: 24px; width: 24px; }

.btnSearchTest  { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center;  margin-right:-1px; font-weight: bolder; text-decoration: none; 
                  border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; padding-left: 3px; padding-right: 3px; 
                  background-image:url('Media/GUI/lupe.png'),url('Media/GUI/buttonBG_Menue.png'); background-repeat:no-repeat, repeat-x; background-position: center center ; height: 22px; width:35px;}

.btnSearchFavourite  { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center;  margin-left:-1px; font-weight: bolder; text-decoration: none; 
                  border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; padding-left: 3px; padding-right: 3px; 
                  background-repeat:no-repeat, repeat-x; background-position: center center ; height: 22px; width:35px;}
                  
.btnFavourite_active  { background-image:url('Media/GUI/star_active.png'),url('Media/GUI/buttonBG_Menue.png'); }

.btnFavourite_inactive  { background-image:url('Media/GUI/star_inactive.png'),url('Media/GUI/buttonBG_Menue.png'); }
                  
.btnPreviousNew { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center;  margin-right:-1px; font-weight: bolder; text-decoration: none; 
                  border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; padding-left: 3px; padding-right: 3px; 
                  background-image:url('Media/GUI/pfeil_previous.png'),url('Media/GUI/buttonBG_Menue.png'); background-repeat:no-repeat, repeat-x; background-position: center center ; height: 22px; width:35px; }
                  
.btnNextNew     { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center;  margin-left:-1px; font-weight: bolder; text-decoration: none; 
                  border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; padding-left: 3px; padding-right: 3px; 
                  background-image:url('Media/GUI/pfeil_next.png'),url('Media/GUI/buttonBG_Menue.png'); background-repeat:no-repeat, repeat-x; background-position: center center ; height: 22px; width:35px; }
                  
.icon           { cursor: pointer; cursor: hand; vertical-align: text-bottom; padding-right: 5px; }
.btnLogoSearch  { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/lupe.png'); }
.btnLogoDelete  { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/loeschen.png'); width: 20px; height:20px;}
.btnAssign      { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/zuordnen.png'); width: 20px; }
.btnAssignHover { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/zuordnen_hover.png'); width: 20px; }
.btnEdit        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/bearbeiten.png'); width: 20px; height:20px;}
.btnDelete      { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/loeschen.png'); width: 20px; height:20px;}
.btnDetail      { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/details.png');  width: 20px; height:20px;}
.btnConfi       { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/konfigurieren.png'); width: 20px; height:20px;}
.btnFavo        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/favorit.png'); width: 20px; height:20px;}
.btnFavo_on     { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/favorite_active1.png'); width: 20px; height:20px;}
.btnFavo_off    { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/favorite_inactive1.png'); width: 20px; height:20px;}
.btnDealerID    { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/Kreis.png'); width: 20px; height:20px;}
.btnBerechnen   { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/berechnen.png'); width: 20px; height:20px; }
.btnMail        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/E-Mail.png'); width: 15px !important;}
.btnWWW         { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/Webseite.png'); width: 15px !important;}
.btnPrint       { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/drucken.png'); }
.btnDownload    { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/laden.png'); width: 20px; height:20px;}
.btnPrevious    { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/pfeil_previous.png'); }
.btnNext        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/pfeil_next.png'); }
.btnHeader      { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/dpfeil.png'); background-position: right; 
                  border: 0 none; padding-right: 13px; margin-left: -9px; white-space: nowrap; }
.btnHeaderASC   { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/dpfeil_asc.png'); background-position: right; 
                  border: 0 none; padding-right: 13px; margin-left: -9px; white-space: nowrap; }
.btnHeaderDESC  { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/dpfeil_desc.png'); background-position: right; 
                  border: 0 none; padding-right: 13px; margin-left: -9px; white-space: nowrap; }
.btnHeaderX     { border: 0px solid rgb(198,198,198); padding-right: 13px; margin-left: -9px; white-space: nowrap; }
.btnShowOrder   { cursor: pointer; cursor: hand; border: 0 none; padding-right: 20px; margin-left: -9px; white-space: nowrap; }
.btnShowOrder1  { cursor: pointer; cursor: hand; border: 0 none; padding-right: 20px; margin-left: -9px; white-space: nowrap; }
.btnMinus       { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/minus_spalte.png'); background-position: center; }
.btnPlus        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/plus_spalte.png'); background-position: center; }
.btnUp          { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/up.png'); background-position: center; }
.btnDown        { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/down.png'); background-position: center; }
.btnNow         { cursor: pointer; cursor: hand; border: 0px solid rgb(198,198,198); background-repeat: no-repeat; background-image: url('Media/GUI/plus_spalte.png'); }
.btnCombiPlus   { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: top; font-weight: bolder; text-decoration: none; border-radius-top: 5px;
                  background-repeat: no-repeat; background-image: url('Media/GUI/plus_spalte.png'); background-position: center; width:10px; height:12px;}
.btnCombiMinus  { cursor: pointer; cursor: hand; border: 1px solid rgb(198,198,198); text-align: center; vertical-align: bottom; font-weight: bolder; text-decoration: none; border-radius-bottom: 5px; 
                  background-repeat: no-repeat; background-image: url('Media/GUI/minus_spalte.png'); background-position: center; width:10px; height:12px;}


#mfBreadCrumb   { width: 767px; height: 20px; font-size: 7px; font-weight: bold; margin-left: 7px; padding: 3px; border:0px solid orange; }
#mfFooter       { width: 985px; font-size: 10px; font-weight: bold; margin-left: 4px; margin-top: 580px; padding: 3px; border:0px solid gray; }
#mfToolbar      { width: 985px; margin-left: 7px; border:0px solid red; }
#mfToolbarBack  { margin-top: -9px; margin-left: 0px; padding-left: 20px; height: 26px; width: 985px; border: 1px solid rgb(198,198,198); border-radius: 5px; -moz-border-radius: 5px; 
                  background-image: url('Media/GUI/buttonBG_Menue.png'); background-repeat: repeat-x; vertical-align: middle; padding-top: 0px; }
#mfToolbarLeer  { margin-left: 10px; padding-left: 0px; background-color: Lime; width: 990px; height: 50px; background-color: Yellow; margin-top: -30px; }
.input          { border: 1px solid #BEC0BF; width: 200px; height: 20px; }

/* --- Grid ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mGrid          { width: 100%; background-color: transparent; margin: 5px 0 10px 0; }
.mGrid td       { padding-right: 12px; }
.mGrid th       { padding: 4px 2px; color: Black; background-image: url('Media/GUI/tblHeaderBG.png'); background-repeat: repeat-x; }
.mGrid .pgr table
                { margin: 5px 0; }
.mGrid .pgr td  { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; line-height: 12px; }
.mGrid .pgr a   { color: #666; text-decoration: none; }
.mGrid .pgr a:hover
                { color: rgb(198,198,198); text-decoration: none; }

/* Login   ------------------------------------------------------------------*/
#LoginForm      { width: 450px; height: 250px; border: 1px solid #B4B4B4; background-color: #FFFFFF; position: absolute; top: 40px; margin-left: 568px; z-index: 999; }
.loginDiv       { margin-left: 15px; margin-top: 15px; }
.loginDiv a     { margin-left: 90px; color: #B4B4B4; position: relative; top: 3px; }
.logintxt       { position: absolute; margin-left: 615px; color: #B4B4B4; width: 300px; text-align: right; top: 19px; }
.loginClose, .rallayerClose, .HandlelayerClose
                { margin-left: 324px; top: -1px; border-color: #B4B4B4; width: 20px; height: 20px; }
.loginClose a, .rallayerClose a
                { font-size: 14px; color: Black; margin: 0; top: 0; }
.loginfailedDiv { position: absolute; margin-left: 90px; width: 254px; top: 142px; }
#mfPrev a, #mfNext a
                { font-size: 14px; font-weight: bold; background-color: transparent; }
#mfPrev         { float: left; padding-left: 20px; margin: 0px; margin-top: 15px; background-color: transparent; background-image: url(Media/icons/add.png); background-repeat: no-repeat; }
#mfPrev:hover   { background-image: url(Media/icons/addpeople.png); }
#mfNext a       { color: white; }
#mfNext         { float: right; padding: 5px; margin: 0px; margin-top: 15px; background-color: #8FB301; }
#mfNext:hover, #mfNext a:hover
                { background-color: #009197; }

/* AppFrame  --------------------------------------------------------------- */
#appFrameDsp    { width: 100%; height: 100%; }

/* Coverflip --------------------------------------------------------------- */
.ui-jcoverflip  { position: relative; }
.ui-jcoverflip--item
                { position: absolute; display: block; }

/* Navigation -------------------------------------------------------------- */
.navigation     { top: 63px; font-size: 14px; font-weight: bold; height: 30px; text-align: left; background-color: Transparent; cursor: default; position: absolute; width: 990px; }
.navigation span.text
                { font-size: 14px; font-weight: bold; float: left; margin-top: 3px; margin-right: 10px; }
.navigation span.large
                { font-size: 18px; margin-top: 1px; }
.navigation ul  { padding: 0px; margin: 0px; list-style-type: none; }
.navigation li  { padding: 0px; margin: 0px; list-style-type: none; float: left; }
.navigation li.menuitem * span.enumerate
                { padding-right: 6px; margin-left: -1px; }
.navigation li.menuitem, .navigation li.menuitemact, .navigation li.menudummy
                { margin: 0px; margin-right: 6px; height: 24px; background-repeat: no-repeat; }
.navigation li.menuitemact a span.enumerate
                { color: white; }
.navigation li.menuitemact
                { background-image: url(Media/GUI/bullet_green.gif); }
.navigation li.menudummy
                { background-image: none; }
.navigation li a 
                { background-color: transparent; padding: 1px; font-size: 14px; font-weight: bold; padding-left: 6px; }
.navigation li a:hover
                { color: #009197; }
.navigation li.menuitemact a
                { color: #8FB301; }
.navigation ul ul
                { display: none; }
.navigation ul li:hover ul
                { display: block; }
.navigation ul ul li
                { float: none; }
#tool           { margin-left: 655px; }
.NoHistory      { filter: Alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; }

/* Elemente aus TabDialog -------------------------------------------------- */
.tabBaseClass   { width: 100%; height: 27px; top: 0px; left: 0px; position: relative; }
.tabClass       { float: left; margin-right: -1px; background-color: white; padding: 4px; border: 1px solid rgb(30,140,189); cursor: pointer; cursor: hand; }
.tabClassActive { height: 19px; border-bottom: none; }
.tabClassInActv { height: 18px; margin-bottom: 1px; }
.slideClass     { width: 200px; }
.slideActive    { background-image: url(Media/gui/sminus.jpg); }
.slideInActv    { background-image: url(Media/gui/splus.jpg); }
.slideHead      { height: 18px; width: 100%; cursor: hand; cursor: pointer; border: 0px solid rgb(198,198,198); background-image: url('Media/GUI/button_mitte.png'); background-repeat: repeat-x; }
.slideText      { background-color: transparent; position: relative; }
.slideContent   { height: 0px; display: none; }
.ddmenuClass    { text-align: center; vertical-align: text-bottom; float: left; font-size: 28px; }
.ddmenuActive   { background-image: url(Media/gui/sminus.jpg); }
.ddmenuInActv   { background-image: url(Media/gui/splus.jpg); }
.ddmenuDrop     { background-color: Red; }
.ddmenuHead     { height: 11px; width: 100%; font-weight: bold; cursor: hand; cursor: pointer; background-image: url('Media/GUI/buttonBG_Menue.png'); background-repeat: repeat-x; padding: 10px; 
                  margin: 10px; vertical-align: bottom; }
.ddmenuText     { background-color: transparent; position: relative; }
.ddmenuContent  { height: 0px; display: none; }

/* Dynlayer -----------------------------------------------------------------*/
.DynLayer       { background-image: url(Media/gui/wait_20.gif); background-position: center center; background-repeat: no-repeat; background-color: white; }

/* HoverStyles --------------------------------------------------------------*/
#tooltip        { border: 1px solid black; background-color: #FFFFFF; }

/* SymButton ----------------------------------------------------------------*/
.symbutton      { margin: 1px; cursor: pointer; cursor: hand; float: left; }
#mfLanguage     { position: relative; right: -46px; top: 8px; z-index: 999; }
#mfLanguage img { position: absolute; margin-top: 3px; margin-top: -6px;}
#mfLanguage div select
                { height: 20px; margin-left: 26px; margin-top: -9px;}
.bdr            { background-color: Red; text-align: center; }
.bkgrd          { background-color: Blue; }
.tblCell        { padding: 4px; }
.uploadIMG      { border: 1px solid #B4B4B4 !important; margin-top: 5px; margin-left: 15px; position: relative; cursor: pointer; }
.setBackGround  { background-color: #1E8CBD; }
.pdfload        { background-color: white; border: 1px solid gray; height: 115px; position: absolute; text-align: center; margin-left: 350px; top: 230px; width: 400px; }
.closesendorder { border: 1px solid gray; margin-left: 330px; position: absolute; }
.pdfload iframe { left: 40px; position: absolute; top: 25px; }
#sendInfo       { position: absolute; top: 17px; left: 10px; text-align:center; }
.inputOrderText, .inputOrderRegards
                { width: 420px; resize: none; }
.inactiveBlue   { background: transparent; color: Black; }
.activeBlue     { background: #1E8CBD; color: White; }
.popuptable     { margin-left: auto; margin-right: auto; position: relative; background: white; border: 1px solid gray; border-collapse: separate; padding: 20px; top: 150px; -moz-opacity:1.0; 
                  filter:alpha(opacity=100); opacity:1.0; font-family: verdana; font-size: 12px;  }
.modalBackground { left: 0px; right: 0px; top: 0px; width: 100%; height: 100%; position: fixed; overflow: visible; background-color: #474747; filter: alpha(opacity=0); opacity: 0.0; }  
           
/* general purpose debug container ----------------------------------------------------------- */
#___debug       { position:absolute; top:10px; left: 10px; z-index:999;	background-color: yellow; border: 1px solid black; }    

/* Print ------------------------------------------------------------------------------------- */
#prPage			{ }
#prLogo			{ }

/* diverse ----------------------------------------------------------------------------------- */
.trenner		{ border-bottom:1px solid black; }

#pdflist	    { width: 250px;}
#pdflist div    { max-height: 300px; overflow:auto; margin-bottom: 15px; width: 255px;}
.pwdError       { visibility: hidden; color: Red; }


/* rowEditor ----------------------------------------------------------------------------------- */
#rowEditor			{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 1; display:flex; justify-content: center; align-items: center; }
.rowEditorContent	{ padding: 2em; background-color:#FFF; position:relative; border:1px solid rgba(34,36,38,.1); box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); border-radius: .28571429rem; }
.rowEditorClose		{ position:absolute; bottom:0.5em; right:1em; cursor:pointer; }
.rowEditorEdit		{ position:absolute; bottom:0.5em; right:6em; cursor:pointer; margin-right: 2em; }
.noEdit				{ background-color: #CCC; pointer-events: none; cursor: no-drop; }

.rowEdit, .rowDelete{ height: 18px; width:17px; margin-right:10px; cursor:pointer; }
.rowEdit			{ background-image: url(Media/Icons/edit.png); background-position: center center; background-repeat: no-repeat }
.rowDelete			{ background-image: url(Media/Icons/delete.png); background-position: center center; background-repeat: no-repeat }
.rowOptionsDiv		{ display: flex; }



.EditorRow span		{ font-weight: bold; min-width: 10em; }
.EditorRow div		{ display: flex; }
.EditorRow			{ margin-bottom: 1em; }
.EditorRow input	{ border:1px solid rgba(34,36,38,.1); padding: 0.5em; }