body{font-family: tahoma,arial,verdana,sans-serif;font-size: 11px;} 
#viewportcenter{min-width:700px;min-height:600px;}
#header h1 {color:#fff;font-size:16px;font-weight:normal;padding:5px 10px;}
#header {background-color:#15428B;color:#fff;font-size:11px;font-weight:normal;padding:5px 10px;}
#header .titel,#logintitle{font-size:16px;}
#header .rechts{position:absolute;right:10px;}
#azform .x-panel-body,#artsuche .x-panel-body,#adrsuche .x-panel-body,#azsuche .x-panel-body,#easuche .x-panel-body,#lagersuche .x-panel-body,#gfsuche .x-panel-body {background-color: #DFE8F6;}

.logo{height:20px;width:20px;float:left;margin-right:10px}
.x-grid-group-hd {background-color: #EBF3FD;}
.fett{font-weight:bold;}
.status2 .x-panel-tl .x-panel-header {color:red !important;}
.status3 .x-panel-tl .x-panel-header {color:green !important;}
.status4 .x-panel-tl .x-panel-header {color:black !important;}
.sonderpreis .x-panel-header{background-image: url("../img/white-top-bottom.gif")!important;}
.notify .x-window-body{background-color:#FFCC66;}

.doku{font-size:9px;}
.feld{font-weight: bold;}

#browser{color:red;font-weight:bold;}
#bar_zahl{font-size:25px;font-weight:bold;}
#bar_eingabe .x-btn-text{font-size:25px;font-weight:bold;}
#bar_eingabe .x-panel-body{background-color:#dddddd;}
#bar_anzeige td{ font: 16px/18px arial,tahoma,helvetica,sans-serif;}
#bar_artikel td{ font: 16px/18px arial,tahoma,helvetica,sans-serif;}
#bar_tasten .x-btn-text{font-size:15px;font-weight:bold;}
#bar_tasten .x-btn-mc {vertical-align:top;padding-top:5px;}
#bar_tasten .x-panel-body{background-color:#dddddd;}
#formdetails #formular{font-family: monospace;}
#bar_tasten .x-btn-mc{background:none;}
#bar_tasten .x-btn-over{background-image:url("../img/bg_hover.png") !important;}
.bg_evicigar{background-image:url("../img/bg_evicigar.png") !important;}
.bg_evicigar .x-btn-mc {background-image:none;}

.open_gf {color:#ff0000 !important;}
.x-grid3-row-alt {background-color: #F0F0FF !important;}
.subtext{font-size:9px;}

.bg_grey{background-image:url("../img/bg_gray.png") !important;}
.bg_orange{background-image:url("../img/bg_orange.png") !important;}
.bg_green{background-image:url("../img/bg_green.png") !important;}
.bg_red{background-image:url("../img/bg_red.png") !important;}
.bg_pink{background-image:url("../img/bg_red.png") !important;}
.bg_viol{background-image:url("../img/bg_viol.png") !important;}
.bg_blue {background-image:url("../img/bg_blue.png") !important;}
.bg_yellow {background-image:url("../img/bg_yellow.png") !important;}
.bg_white {background-image:url("../img/bg_white.png") !important;}

.grid_bg_red {background-color: #f2acc5 !important;}
.grid_bg_green {background-color: #c0f2b8 !important;}
.grid_bg_yellow {background-color: #f2efc6 !important;}
.grid_bg_blue {background-color: #a4cdf2 !important;}
.grid_bg_lightblue {background-color: #e7f9ff !important;}
.grid_bg_grey {background-color: #d8d5df !important;}

.grid_bg_red_l {background-color: #fcd9e5 !important;}
.grid_bg_blue_l {background-color: #d9e7f8 !important;}
.grid_bg_white_l {background-color: #ffffff !important;}
.grid_bg_green_l {background-color:#c0f2b8!important;}
.grid_bg_green_d {background-color:#a9db80!important;}

.mktree .x-panel-mc {background-color: #ffffff;}
#frmbarverkauf .x-masked-relative {position: absolute !important;}
#supinfo{z-index:10000;}
#artikelsprachgrid{border-right:1px solid #99BBE8;}
.dbsave {background-image: url(../img/database_save.png) !important;}
.dbrest {background-image: url(../img/database_error.png) !important;}
.dbdel {background-image: url(../img/database_delete.png) !important;}
.dbgo {background-image: url(../img/database_go.png) !important;}
.kellerbuch{background-image:url("../img/manage.png") !important;}
.sync{background-image:url("../img/fam/table_refresh.png") !important;}
.vcard{background-image:url("../img/fam/vcard.png") !important;}
.pdf{background-image:url("../img/fam/pdf.png") !important;}
.zeiterfassung{background-image:url("../img/fam/zeiterfassung.png") !important;}
.zeitmodell{background-image:url("../img/fam/zeitmodell.png") !important;}
.feiertage{background-image:url("../img/fam/feiertag.png") !important;}
.flugzeug{background-image:url("../img/fam/plane.png") !important;}
.sprache{background-image:url("../img/fam/sprache.png") !important;}
.ingram{background-image:url("../img/fam/ingram.png") !important;}
.amorti{background-image:url("../img/fam/amortisation.png") !important;}
.gutschein{background-image:url("../img/fam/gutschein.png") !important;}
.lade{background-image:url("../img/fam/coins.png") !important;}
.open{background-image:url("../img/fam/open.png") !important;}
.grafik{background-image:url("../img/fam/chart_organisation.png") !important;}
.check{background-image:url("../img/fam/check.png") !important;}
.upload{background-image:url("../img/fam/image_add.png") !important;}
.refresh,.load{background-image:url("../img/fam/refresh.png") !important;}
.export{background-image:url("../img/fam/export.png") !important;}
.sqlcode{background-image:url("../img/fam/sql.png") !important;}
.create{background-image:url("../img/fam/database_gear.png") !important;}
.tast1{background-image:url("../img/fam/user_gray.png") !important;}
.tast2{background-image:url("../img/fam/user_red.png") !important;}
.inrezept,.script,.lizenz,.werbe{background-image:url("../img/fam/script.png") !important;}
.projekt{background-image:url("../img/fam/projekt.png") !important;}
.grund {background-image:url("../img/fam/grund.png") !important;}
.faktu {background-image:url("../img/fam/accept.png") !important;}
.kfz {background-image:url("../img/fam/car.png") !important;}
.preis {background-image:url("../img/fam/preis.png") !important;}
.produktion {background-image:url("../img/fam/produktion.png") !important;}
.umbuchen {background-image:url("../img/fam/umbuchen.png") !important;}
.erechnung {background-image:url("../img/fam/e-rechnung.png") !important;}
.periodische {background-image:url("../img/fam/per-rechnung.png") !important;}
.gastro {background-image:url("../img/fam/pda.png") !important;}
.generate {background-image:url("../img/fam/cog.png") !important;}
.links {background-image:url("../img/fam/links.png") !important;}
.user {background-image:url("../img/fam/user_gray.png") !important;}
.adressen {background-image:url("../img/fam/adressen.gif") !important;}
.help {background-image:url("../img/fam/help.png") !important;}
.diverses {background-image:url("../img/fam/diverses.png") !important;}
.calendar {background-image:url("../img/fam/kalender.png") !important;}
.hardware {background-image:url("../img/fam/hardware.png") !important;}
.artikel {background-image:url("../img/fam/artikel.png") !important;}
.lager {background-image:url("../img/fam/house.png") !important;}
.adr,.email {background-image:url("../img/fam/email.png") !important;}
.kasse {background-image:url("../img/fam/kasse.png") !important;}
.geld {background-image:url("../img/fam/money.png") !important;}
.rezept {background-image:url("../img/fam/rezept.png") !important;}
.crm {background-image:url("../img/fam/crm.png") !important;}
.crm_import {background-image:url("../img/fam/crm_import.gif") !important;}
.menu {background-image:url("../img/fam/layout_edit.png") !important;}
.new,.add {background-image:url("../img/fam/add.gif") !important;}
.select {background-image:url("../img/fam/select.png") !important;}
.notnull {background-image:url("../img/fam/notnull.png") !important;}
.dupl {background-image:url("../img/fam/application_cascade.png") !important;}
.edit {background-image:url("../img/fam/cog_edit.png") !important;}
.save {background-image:url("../img/fam/save.gif") !important;}
.del {background-image:url("../img/fam/delete.gif") !important;}
.close{background-image:url("../img/fam/cross.gif") !important;}
.calc{ background-image:url("../img/fam/calc.png") !important;}
.printer{background-image:url("../img/fam/printer.gif") !important;}
.import {background-image:url("../img/fam/art_import.png") !important;}
.book_link {background-image:url("../img/fam/book_link.gif") !important;}
.book {background-image:url("../img/fam/kassabuch.png") !important;}
.folge {background-image:url("../img/fam/book_next.png") !important;}
.ok {background-image:url("../img/fam/accept.png") !important;}
.reset {background-image:url("../img/fam/cross.gif") !important;}
.dosplit {background-image:url("../img/fam/dosplit.png") !important;}
.anbo {background-image:url("../img/fam/book_link.gif") !important;}
.auft {background-image:url("../img/fam/auftrag.png") !important;}
.lief {background-image:url("../img/fam/lieferschein.png") !important;}
.rech {background-image:url("../img/fam/rechnung.png") !important;}
.guts {background-image:url("../img/fam/gutschrift.png") !important;}
.serv {background-image:url("../img/fam/brick_edit.png") !important;}
.best {background-image:url("../img/fam/cart.png") !important;}
.inventur {background-image:url("../img/fam/inventur.png") !important;}
.lagerein {background-image:url("../img/fam/lorry.png") !important;}
.logout {background-image:url("../img/fam/login.png") !important;}
.setup {background-image:url("../img/fam/folder_setup.png") !important;}
.gf {background-image:url("../img/fam/folder_gf.png") !important;}
.stammdaten {background-image:url("../img/fam/folder_stammdaten.png") !important;}
.statistik {background-image:url("../img/fam/statistik.png") !important;}
.formular {background-image:url("../img/fam/application_edit.png") !important;}
.expand {background-image:url("../img/fam/expand.png") !important;}
.compress {background-image:url("../img/fam/compress.png") !important;}
.work {background-image:url("../img/fam/folder_go.png") !important;}
.find{background-image:url("../img/fam/find.png") !important;}
.findclear{background-image:url("../img/fam/findclear.png") !important;}
.world{background-image:url("../img/fam/world.png") !important;}
.sort{background-image:url("../img/fam/sort.png") !important;}
.euro{background-image:url("../img/fam/euro.png") !important;}
.up{background-image:url("../img/fam/up.png") !important;}
.down{background-image:url("../img/fam/down.png") !important;}
.paragraph{background-image:url("../img/fam/paragraph.png") !important;}
.dokumente{background-image:url("../img/fam/book_open.png") !important;}
.lock{background-image:url("../img/fam/lock.png") !important;}
.zahlung{background-image:url("../img/fam/zahlung.png") !important;}
.kassabuch{background-image:url("../img/fam/kassabuch.png") !important;}
.buchen{background-image:url("../img/fam/kassabuch.png") !important;}
.dupli{background-image:url("../img/fam/dupli.png") !important;}
.medit{background-image:url("../img/fam/medit.png") !important;}
.rainbow{background-image:url("../img/fam/rainbow.png") !important;}
.ticket{background-image:url("../img/fam/ticket.png") !important;}
.planung{background-image:url("../img/fam/planung.png") !important;}
.grid{background-image:url("../img/fam/grid.png") !important;}
.diagnose{background-image:url("../img/fam/diagnose.png") !important;}
.medikation{background-image:url("../img/fam/medikament.png") !important;}
.info{background-image:url("../img/fam/error.png") !important;}
.sitzung{background-image:url("../img/fam/sitzung.png") !important;}
.auskunft{background-image:url("../img/fam/auskunft.png") !important;}
.storno{background-image:url("../img/fam/stornobtn.png") !important;}


.x-grid3-summary-row .x-grid3-cell-inner {background-color: #DFE8F6;font-size: 13px;font-weight: bold;padding-bottom: 4px;}
.x-grid3-row-selected{background-color: #FEFED6 !important;background-image: none;border-color: #a3bae9;}
.grid_bg_green.x-grid3-row-selected{background-color: #FEFE00 !important;background-image: none;border-color: #a3bae9;}
.x-item-disabled{color: #000;font-weight:bold;background-color: #efefef;background-image: none;}
.x-form-focus,textarea.x-form-focus{background-color:#f2efc6;background-image:none;}
.whiteback .x-window-body{background:#fff !important;}

.white{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.red {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f27c5c+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #f27c5c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#f27c5c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#f27c5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f27c5c',GradientType=0 ); /* IE6-9 */
}
.green{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefd+0,dce3c4+100 */
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
}
.blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,76acf7+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #76acf7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%,#76acf7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%,#76acf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#76acf7',GradientType=0 ); /* IE6-9 */
}
.yellow{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,ffea6f+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ffea6f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ffea6f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#ffea6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ffea6f',GradientType=0 ); /* IE6-9 */
}
.viol{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce81db+0,b86fc5+100 */
background: #ce81db; /* Old browsers */
background: -moz-linear-gradient(top,  #ce81db 0%, #b86fc5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ce81db 0%,#b86fc5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ce81db 0%,#b86fc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce81db', endColorstr='#b86fc5',GradientType=0 ); /* IE6-9 */
}
.brown{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,cb9b13+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #cb9b13 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#cb9b13 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#cb9b13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cb9b13',GradientType=0 ); /* IE6-9 */
}
.orange{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7f04+100 */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}
.grey{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
.pink{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcecfc+0,fba6e1+48,fba6e1+48,fd89d7+100,ff7cd8+100 */
background: #fcecfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcecfc 0%,  #fd89d7 100%, #ff7cd8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcecfc 0%,#fd89d7 100%,#ff7cd8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcecfc 0%,#fd89d7 100%,#ff7cd8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */

}