﻿body              { font-family: Helvetica; padding: 0px; font-size: 14px; color: #000; }
.b                { FONT-WEIGHT: bold;}
.CR               { color: #000; height: 16px; padding: 1px  2px 1px 2px; FONT-WEIGHT: bold;height: 24px;  margin: 0px; }
.label            { color: #000; padding: 1px  2px 1px 2px; FONT-WEIGHT: bold;  margin: 0px; }
.labelklein       { font-size: 12px; color: #000; padding: 1px 2px 1px 2px;     margin: 0px; }
.label14          { font-size: 14px; color: #000; padding: 1px 2px 1px 2px;     margin: 0px; }
.labelDet         { font-size: 12px; color:#71706f;padding: 1px  2px 1px 2px; margin: 0px; }
.link             { font-size: 12px; padding: 1px  2px 1px 2px; margin: 0px; }
.inp,.inpErr      { font-size: 14px; background: #eeeeee; color: #000; BORDER: #aaa 1px solid; height: 32px; padding: 3px; margin: 0px;
                        outline: 0; border-radius: 4px;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
                        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }
.inp              { background: #eeeeee; }
.inpErr              { background: #F5DA81; }
.AutoComplete     {	FONT-SIZE: 14px; BORDER: #aaa 1px solid; padding: 3px;}
.info             {	BORDER: #aaa 1px solid; margin: 0px; padding: 0px 4px 0px 4px; color:Blue;}
.message          {	margin: 0px; padding: 0px 4px 0px 4px; }
.errorX           {	BACKGROUND: #f63939; BORDER: #334166 1px solid; margin: 0px; padding: 0px 4px 0px 4px; }
.Panel            {	margin: 0px; padding: 0px; }
h3                { padding-top: 1px; padding-bottom: 1px; margin: 0px 0px 0px 0px; }

.combo     { FONT-SIZE: 14px; cursor:pointer;BACKGROUND: #eeeeee; color: #000; BORDER: #aaa 1px solid; height: 32px; padding: 5px;
                    outline: 0; border-radius: 4px;
                   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
                    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }
.Pg       {  border-style: none; background-color: white; border-spacing: 0px; margin: 0px; padding: 0px; color:#555; }
.tdx      {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 0px 1px 1px; color:#dc6163; }
.tdxr      {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; color:#dc6163; }
.tdxsel    {  margin: 0px; padding: 6px 9px 6px 9px; background-color: #c90c0f;   border-style: solid; border-color: black; border-width: 1px 0px 1px 1px; color:white; }
.tdx:hover,.tdxr:hover { cursor:pointer; background-color: #eeeeee;  }
.td1      {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 0px 1px; color:#555555; }
.td1x     {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 0px 1px; color:#555555; }
.tdb      {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; color:#555555; }
.tdbx      {  margin: 0px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; color:#555555; }
.td10     {  padding: 9px; }
.td1:hover,.tdb:hover { cursor:pointer; background-color: #f5f5f5; color: #aaaaad }


* { box-sizing: border-box; }
.left  { background-color:white; padding:10px; float:left; width:34%; }
.main  { background-color:white; padding:10px; float:left; width:33%; }
.right { background-color:white; padding:10px; float:left; width:33%; }

.leftE  { background-color:white; padding:10px; float:left; width:34%; }
.mainE  { background-color:white; padding:10px; float:left; width:33%; }
.rightE { background-color:white; padding:10px; float:left; width:33%; }

.gesamteBreite { background-color:white; padding:10px; float:left; width:100%; }
@media (max-width:900px) { .left, .main, .right { width:100%; } }
@media (max-width:900px) { .leftE, .mainE, .rightE { width:100%; } }

.t1         { float:left; padding: 6px 9px 6px 9px; margin-left: -1px; border-width: 1px; border-style: solid; border-color: black; color:#dc6163;} 
.t1dxsel    { background-color: #c90c0f; color:white;   }
.t1:hover   { cursor:pointer; background-color: #eeeeee;  }
.terg       { max-width:500px; margin-bottom: -1px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; color:#555555; }
.terg:hover { cursor:pointer; background-color: #f5f5f5; color: #aaaaad }
.tergE      { max-width:500px; margin-bottom: -1px; padding: 6px 9px 6px 9px; background-color: white; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; color:#555555; }

.button   { FONT-WEIGHT: bold; FONT-SIZE: 15px; background-color: #c90c0f; color: white; height: 34px;  }
.button:hover { cursor:pointer; background-color: #960c0f; color: white; height: 34px; }
.button, .button:hover { cursor:pointer; border: 1px solid grey; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.PanelDetail  { border: 1px solid grey; max-width:550px; width:96%; font-family:"Open Sans",sans-serif; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: white; 
                -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
              }
.PanelDetailKey  { border: 0px solid grey; max-width:550px; width:96%; font-family:"Open Sans",sans-serif; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: white; 
                -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
              }
.PanelDetailR {	clear: both; border: 0px solid grey; border-image: none; padding:2px; margin: 2px; background-color: white; width:100% }
.box1 { float: left; width: 56%; }
.box2 { float: right; width: 42%; }
.box3 { float: left; width: 30%; }
.box4 { float: right; width: 68%; }
.box5 { float: left; width: 65%; }
.box6 { float: right; width: 33%; }

.divbody { border: 1px solid grey;  padding: 12px; background-color: white; position:absolute ; z-index:400; width:424px; height:100%;  font-size:12px; color:#71706f; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.divrow { background-color: white;  }
.i { font-style:italic; }
.divgesamt { }
.divverein { color:#c90c0f; font-size:24px; }
.div14b { FONT-WEIGHT: bold; font-size:14px; color:#333333}
.hrdet  { clear: both; margin-top: 14px; margin-bottom: 14px; border: 0; border-top: 1px solid #eee; }
.tn_web { width: 20px; height: 20px; background-image: url(bilder/web.gif); float:left; } 
.tn_mail { width: 20px; height: 20px; background-image: url(bilder/mail.gif); float:left; } 
.tn_telefon { width: 20px; height: 20px; background-image: url(bilder/telefon.gif); float:left; } 
.tn_google { width: 20px; height: 20px; background-image: url(bilder/google.gif); float:left; } 
.tn_close { width: 20px; height: 20px; background-image: url(bilder/close.gif); float:left; } 
#tn_close { float: right; margin: 0px; 	width: 20px; height: 20px }

 .completionListElement
    {
       list-style-type:none;
        margin:0px 0px 0px 1px;
       padding:0px;
       border:1px solid #cecece;
       background-color:#efefef;
       box-shadow:0px 3px 6px 0px #B8B8B8;
       cursor:pointer;
    }        
    .listItem
    {
       list-style-type:none; 
       padding:5px;
    }        


    .AutoComplete_ListItemHilite
  {
   color: #4B4B4B; padding:5px;  background-color:#cecece;
  }
   .AutoComplete_ListItemHiliteText
  {
   color: #ce0000;  font-weight:bold;
   }