html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: url(i/top-bg.jpg) top center no-repeat #41454e; font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #636363;    }
#outer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#inner { width: 1250px; margin: 0 auto;  position: relative;  }
img { border: none; }
input[type=text], input[type=password], option, select, textarea 
{ border: none; font-family: Verdana, Tahoma, Arial; font-size: 9pt; outline: none; margin:0; padding: 0 0 0 4px;  color: #3489eb; line-height: 25px;
    height: 25px; min-height: 25px; max-height: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
textarea { max-height: initial !important; }
.box100 { width: 100%; max-width: 100%; }
.box80 { width: 80%; }
.boxh50 { min-height: 50px; height: 50px; line-height: normal !important; }

.dottedborder { border: 1px dotted #0094ff !important; }
.dottedborderс { border: 1px dotted #0094ff !important; text-align: center; }
.borderleft { border-left: 1px dotted #0094ff; }

.easyTooltip { padding: 4px; border: 1px solid #fff; background: #37a4fb; color: #fff; min-width: 10px; max-width: 300px; font-size: 10pt; position: relative; z-index: 9; }

a { color: #fff;  }
    a:hover { text-decoration: none; }
 *:focus {outline: none;}
.bluea a, .bluelink { color: #005FCD !important; cursor: pointer; }
.bluea a:hover, .bluelink:hover { text-decoration: none; cursor: pointer;}
.white { color: #fff !important; }

.adminnav { position: absolute; left: 310px; top: 5px; width: auto; }
    .topnav a { display: inline-block; margin-right: 10px; }
.loginnav { position: absolute; right: 0; top: 5px; width: auto; }
.logo { position: absolute; left: 300px; top:20px; width: 478px; height: 53px; display: inline-block; background: url(i/logo.png) left top no-repeat; }
.logolozung { position: absolute; left: 355px; top: 75px; font-size: 14pt; color: #D1D1D1; font-family: 'Courier New', 'DejaVu Sans Mono', monospace; 
              text-shadow: 2px 2px 2px #555555; filter: dropshadow(color=#000000, offx=2, offy=2); }
.stamp { position: absolute; top: 25px; left: 820px; }
.bred { border: 1px dotted red; }
#main { display: block; position: absolute; left: 0px; top: 100px; min-height: 400px;}
#tblprinter { border-collapse: collapse; }
#tblprinter tr, #tblprinter td {  padding:0;margin: 0; vertical-align: top;}
    #tblprinter #r1_l { width: 124px; background: url(i/pr_l.png) left top no-repeat; min-height: 346px; max-height: 346px; height: 346px;}
    #tblprinter #r1_c { vertical-align: top; min-width: 1002px; max-width: 1002px; background-image: url(i/menu_bg1002.png); background-repeat: no-repeat; }
    #tblprinter #r1_r { width: 124px; background: url(i/pr_r.png) left top no-repeat; min-height: 346px; max-height: 346px; height: 346px; }

    #tblprinter #r2_l { }
    #tblprinter #r2_r { }
    
    #tblprinter #r3_l { width: 124px; height: 65px; min-height: 65px; background: url(i/printer_r3_left.png) left bottom no-repeat;  }
    #tblprinter #r3_r { width: 124px; height: 65px; min-height: 65px; background: url(i/printer_r3_right.png) left bottom no-repeat; }
    
    #tblprinter #r3_all { background: url(i/printer_bottom.png) no-repeat left top; height: 50px; }

#navholder { padding: 12px 0 0 10px; text-align: center; height:82px; margin: 0; }
    #navholder a { display: inline-block; text-transform: uppercase; text-decoration: none; height: 28px; line-height: 28px; vertical-align: middle; 
                   margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px dotted #dddddd;  font-family: 'PTSans'; font-size: 14pt; font-weight: normal; text-transform: uppercase; }
        #navholder a.navnew { background: url(i/icons/new24.png) no-repeat right 2px; padding-right: 30px; }
        #navholder a.last { border-right: none; }
#contentholder {  padding: 0px 33px 0 33px; width: 934px; min-height: 450px; height: auto; overflow: initial; border: 1px solid #fff; background-color: #ffffff; }
.boxtitle { font-size: 8pt; color: #666666; margin-top: 10px; }
.boxtitle0 { font-size: 8pt; color: #666666 !important; margin-top: 10px; }

.btn  { display: inline-block; background-color: #0047C7; vertical-align: middle; text-align: center; font-size: 12pt; font-family: 'PTSans'; 
        text-transform:uppercase; padding: 0 10px 0 10px; color: white; font-weight: bold; width: auto; height: 30px; border-radius: 4px; margin-top: 5px;
        line-height: 30px; text-decoration: none; opacity: 0.6; filter: alpha(opacity = 80); z-index: 300 }
.btn:hover { opacity: 1; filter: alpha(opacity = 100); }

.btnred  { display: inline-block; background-color: red; vertical-align: middle; text-align: center; font-size: 12pt; font-family: 'PTSans'; 
        text-transform:uppercase; padding: 0 10px 0 10px; color: white; font-weight: bold; width: auto; height: 30px; border-radius: 4px; margin-top: 5px;
        line-height: 30px; text-decoration: none; opacity: 0.6; filter: alpha(opacity = 80); z-index: 300 }
.btnred:hover { opacity: 1; filter: alpha(opacity = 100); }

.btnorder  { display: block; 
            background: url(i/icons/cart24.png) no-repeat #0047C7 95% 50%;
            vertical-align: middle; text-align: center; font-size: 12pt; font-family: 'PTSans'; text-transform:uppercase; padding-right: 35px; color: white; font-weight: bold;
            width: 104px; height: 30px; border-radius: 4px; margin-top: 5px;
            line-height: 30px; text-decoration: none; opacity: 0.6; filter: alpha(opacity = 80); z-index: 300 }
.btnorder:hover { opacity: 1; filter: alpha(opacity = 100); }


.nearbtn { height: 25px; line-height: 25px; display: inline-block; vertical-align: middle; margin: 5px 0 0 20px;}
.nearicon16 { display: inline-block; height: 16px; margin:0; padding:0; vertical-align: top;}
red, .red { color: red !important; font-weight: bold; }
.bigger { font-size: 140%; }

.invisible { visibility: hidden; }
.displaynone { display: none; }
.bordernone { border: none !important; }
.hidden { display: none; position: absolute; left: -2000px; }
.relative { position: relative; }
.m0 { margin: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml20 { margin-left: 20px !important; }
.ml10 { margin-left: 10px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml70 { margin-left: 70px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mb10 { margin-bottom: 10px !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr16 { margin-right: 16px; }
.mr20 { margin-right: 20px; }
.mb5 { margin-bottom: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pl30 { padding-left: 30px; }
.block { display: block; }
.inline-block { display: inline-block; }
.pad10 { padding: 10px; }
.pointer { cursor: pointer; }
.clr, .clear { clear: both; }
.error, .error2 { font-size: 9pt; font-weight: bold; color: #ff0000; margin-top: 10px; display: block; text-shadow: 1px 1px 2px #fff; filter: dropshadow(color=#fffff, offx=1, offy=1);}
.ok { font-weight: bold; color: #16478c; }
.l { float: left; }
.l5 { float: left; margin-left: 5px; }
.l10 { float: left; margin-left: 10px; }
.l20 { float: left; margin-left: 20px; }
.r { float: right; }
h1 { color: #005FCD; font-family: 'PTSans'; font-size: 15pt; font-weight: bold; text-transform: uppercase; }
h2 { color: #005FCD; font-family: 'PTSans'; font-size: 13pt; font-weight: normal; text-transform: uppercase; display: block; margin-top: 30px; }
h2.zero { color: #005FCD; font-family: 'PTSans'; font-size: 13pt; font-weight: normal; text-transform: uppercase; display: block; margin: 0; }
h2.zeroinline { color: #005FCD; font-family: 'PTSans'; font-size: 13pt; font-weight: normal; text-transform: uppercase; display: inline; padding:0; margin: 0; }
h3 { color: #005FCD; font-family: 'PTSans'; font-size: 15pt; font-weight: normal;  display: block; margin: 30px 0 0 0; font-weight: bold; }
h3.zero { color: #005FCD; font-family: 'PTSans'; font-size: 15pt; font-weight: normal;  display: block; margin: 0; font-weight: bold; }
h4 { color: #005FCD; font-family: 'PTSans'; font-size: 15pt; font-weight: normal; display: block;  margin: 0; }
h5 { color: #636363; font-family: 'PTSans'; font-size: 15pt; font-weight: bold; display: block;  margin: 0; }

b.comment { font-weight: bold; color: #b50000; }
.oicomment { font-weight: bold; color: #ff0000; }

.hr { width: 100%; height: 1px; border-bottom: 1px dotted #005FCD; }

.grid1 { width: 216px; }
.grid1pad { width: 155px; padding-left: 30px; margin-left: 30px; }
.grid2 { width: 454px; }
.grid3 { width: 712px; }
.grid3pad { width: 692px; margin-left: 20px; }
.grid4 { width: 928px; }

.gap5 { height: 5px; }
.gap10 { height: 10px; }
.gap20 { height: 20px; }
.gap30 { height: 30px; }

.modalBackground { background-image: url(i/overlay.png); filter: alpha(opacity=70); opacity: 0.7; z-index: 50 !important; }
.warning { position: absolute; left: -1000px; top: -1000px; box-shadow: 0 0 0 10px rgba(21,43,77,0.5); background-color: White; color: Black; font-size: 10pt; z-index: 100 !important;
           width: 330px; height: auto;  overflow: visible; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; }
.blockOverlay { background-image:url(i/overlay.png); background-color: white;}

.cartinformer { position: absolute; z-index:50; margin-left: 10px; width: 270px; margin-top: -5px; height: 35px; 
                font-size: 8pt; border-radius: 0 0 6px 6px; padding: 5px; background-color: #ADCDDA; }
    .cartinformer .cisummary { font-weight: bold; color: #00102D; }
    .cartinformer .cartconfirm { display: block; position: absolute; right: 0; bottom: 0; width: auto; background-color: #ff6a00; border-radius: 6px 0 6px 0; padding: 5px 10px 5px 10px;  text-decoration: none; color: white; font-weight: bold; cursor:pointer;}
        .cartinformer .cartconfirm:hover { background-color: #d05700; }
    .cartinformer .ciordernumber { position: absolute; right: 30px; top: 6px; color: #FF6A00; font-size: 8pt; font-weight: bold; }
    .cartinformer .ciclose { display: block; position: absolute; right: 2px; top: 5px; width: auto;  }

.snameholder { display: block; float: left; height: 40px; line-height: 40px; vertical-align: middle; width: 610px; position: relative;}
.sname0 { }
.spriceholder {  display: inline-block; float: left; height: 32px; line-height: 1em; vertical-align: middle; text-align: center; width: 170px; min-width:170px; max-width:170px; font-weight: bold; }
.sprice { position: relative; display: inline-block; height: auto; line-height: 1em; vertical-align: middle; text-align: center; font-weight: bold; margin-top: 8px; }
.sprice i { font-style: normal; font-size: 70%;  font-weight: normal; }
.line { position: absolute; height: 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #ff0000; }
.Tab { font-family: Verdana, Tahoma, Arial,'DejaVu Sans'; }
/*Header*/
.Tab .ajax__tab_header { color: #4682b4;  font-size: 12px; font-weight: normal; background-color: #ffffff; margin-left: 0px; }
/*Body*/
.Tab .ajax__tab_body { border-top: 2px solid #3489eb; padding-top: 25px; }
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab { -webkit-box-shadow:  0px -4px 7px -3px #3489EB; box-shadow:  0px -4px 7px -3px #3489EB; color: #ffffff; border: 1px solid #3489eb; background-color: #3489eb; height: 35px; line-height: 35px; vertical-align: middle; padding: 0 10px 0 10px; border-radius: 10px 10px 0 0; }
.Tab .ajax__tab_active .ajax__tab_inner { padding-left: 0px; color: #ffffff; }
.Tab .ajax__tab_active .ajax__tab_outer { padding-right: 0px; color: #ffffff; }
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab { color: #ffffff; border: 1px solid #005FCD; background-color: #005FCD; height: 35px; line-height: 35px; vertical-align: middle; padding: 0 10px 0 10px; border-radius: 10px 10px 0 0; }
.Tab .ajax__tab_hover .ajax__tab_inner { padding-left: 0px; }
.Tab .ajax__tab_hover .ajax__tab_outer { padding-right: 0px; }
/*Tab Inactive*/
.Tab .ajax__tab_tab { -webkit-box-shadow:  0px -4px 7px -3px #3489EB;
    box-shadow:  0px -4px 7px -3px #3489EB; color: #005FCD; border: 1px solid #d5dae1; background-color: #ffffff; height: 35px; line-height: 35px; vertical-align: middle; padding: 0 10px 0 10px; border-radius: 10px 10px 0 0; }
.Tab .ajax__tab_inner { color: #666666; padding-left: 0px; }
.Tab .ajax__tab_outer { color: #666666; padding-right: 0px; margin-right: 0px; }
.Tab h1, .Tab h2, .Tab h3, .Tab h4, .Tab h5 { background-color: transparent; display: block; color: black; text-align: left; padding:0; margin-left:0;}


 .chkholder { margin-top: 18px; }
input[type=checkbox] { display: inline-block; vertical-align: middle; }

/*AutoComplete flyout */
.completionList { border: 1px dotted #0094ff; margin: 0px; padding: 2px 0 2px 0; height: 100px; width: 250px; overflow: auto; background-color: #FFFFFF; }
.listItem { color: #1C1C1C; }
.itemHighlighted { background-color: #c9e4f8; cursor: pointer; }

#goweb { text-align: right; color: #DDDDDD; font-size: 8pt; margin: 3px 158px 50px 0;}
#goweb a { text-decoration: underline; }
#goweb a:hover { color: #ff6600; }