/* IE8 bugaround ECOM-2216 */
body #mce_0_start {
  display: none;
}

body {
   background-color: var(--colorMainBackground);
}

td.button {
  COLOR: var(--colorPrimary); background-color:var(--colorMainBackground); FONT-SIZE: 11px; FONT-STYLE: normal; line-height:18px; padding-left:5px; padding-right:5px;
}
td.normal {
  COLOR: var(--colorPrimary); FONT-SIZE: 14px; FONT-STYLE: normal
}
td.header {
  COLOR: var(--colorPrimary); FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: bold; text-align: left;
}
td.small {
  COLOR: var(--colorPrimary); FONT-SIZE: 11px; FONT-STYLE: normal; FONT-WEIGHT: normal
}
td.tButton {
  padding-left: 3px;
  font-size: 0px;
  text-align: center;
}
p.text {
  COLOR: var(--colorPrimary);; FONT-SIZE: 14px; FONT-STYLE: normal; TEXT-ALIGN: left; WIDTH: 85%; min-width: 5cm
}
.text {
  COLOR: var(--colorMainBackground); FONT-SIZE: 14px; FONT-STYLE: normal; TEXT-ALIGN: left
}


a, a:link, a:visited {
  color: var(--colorPrimary);
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
}

a.btn {
  background-color: #b0b0b0;
}

a.btn:hover, a.btn:active {
  background-color: #ec601a;
}

a.tButton {
  width: 100%;
  height: 14px;
  display: block;
  padding-top:3px;
  padding-bottom:3px;
  /* padding-left:5px; */
  /* padding-right:5px; */
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: var(--colorMainBackground);
  background-color: #b0b0b0;
}
a.tButton:hover, a.tButton:active {
  background-color: #ec601a;
  text-decoration: none;
}
a.tButton:normal {
  background-color: #ec601a;
  text-decoration: none;
}
a.shade, div.shade {
  background:url(../images/shade_g.gif);
  background-repeat: repeat-x;
  background-size: 100% 100%; /* FF: ansonsten wg. height 100% */
  width: 100%;
  /*height: 100%;*/
  display: block;
  border-top:1px solid #ACACAC;
  border-left:1px solid #ACACAC;
  border-right:1px solid #888888;
  border-bottom:1px solid #888888;
  padding-top:3px;
  padding-bottom:3px;
  /* padding-left:5px; */
  /* padding-right:5px; */
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: var(--colorMainBackground);
  outline: none;
}
a.shade:hover, a.shade:focus, a.shade:active, div.shade:hover, div.shade:focus {
  background:url(../images/shade_h.gif);
  background-size: 100% 100%; /* FF: ansonsten wg. height 100% */
  border-top:1px solid #FFCC83;
  border-left:1px solid #FFCC83;
  border-right:1px solid #FDB54F;
  border-bottom:1px solid #FDB54F;
  text-decoration: none;
  outline: none;
  color: var(--colorMainBackground);
}
a.shade:normal {
  background:url(../images/shade_g.gif);
  text-decoration: none;
  color: var(--colorMainBackground);
}
a.sButton, div.sButton {
  background-color: #b3b3b3;
  width: 100%;
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: var(--colorMainBackground);
  outline: none;
}
a.sButton:hover, a.sButton:focus, a.sButton:active, div.sButton:hover, div.sButton:focus {
  background-color: #ec601a;
  text-decoration: none;
  outline: none;
  color: var(--colorMainBackground);
}
a.sButton:normal {
  background-color: #b0b0b0;
  text-decoration: none;
  color: var(--colorMainBackground);
}
a.dfn:normal, a.dfn:link, a.dfn:visited {
  color: red;
}
a.dfn:hover, a.dfg:active {
  color: #ec601a;
}

a.emailaddr {
  display: inline-block;
  height:12px;  
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #ccc;
  background: #f5f5f5;
  background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
  text-decoration: none;
  word-break: break-all;
  color: var(--colorPrimary);
  cursor: default !important;
  font-weight: normal;
  font-size:14px;
  line-height:11px;
  padding:1px 5px 1px 5px !important;
  margin:0px 3px 1px 0px;
}

a.emailaddr > small {
  display:inline-block;
  cursor: pointer !important;
  width:12px;
  height:12px;
  /* background-image: url(../common/images/close_x.gif); */
  background-repeat: no-repeat;
  vertical-align:top;
  /* margin-right:-4px; */
  margin-right:-6px;
  margin-left:3px;
}

a.clickable {
  cursor: pointer !important;
}

a.invalidaddr {
  color: red !important;
}

.toolbarButton {
  color: var(--colorPrimary);
  background-color: #E5E5E5;
  height: 16px;
  width: 16px;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #E5E5E5;
  cursor: pointer;
  cursor: hand;
}

.toolbarButtonRaised, .toolbarButton:hover {
  color: var(--colorPrimary);
  background-color: #E7E7E7;
  height: 16px;
  width: 16px;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  border: 1px outset;
  cursor: pointer;
  cursor: hand;
}

.toolbarButtonLink {
  width: 18px;
  height: 16px;
  color: var(--colorPrimary);
  font-size: 0px;
  padding: 0px;
  text-align:center;
  vertical-align:middle;
  display:block;
}

td.toolbarButtonRaised a:hover {
  text-decoration: none;
  color: var(--colorPrimary);
}


textarea {
  resize: none;
}


em.cat1, em.cat2, em.cat3, em.cat4, em.cat5, em.tip { font-style: normal; }

.cat1 { color: var(--colorPrimary); background-color: #FFD0D0; }
.cat2 { color: var(--colorPrimary); background-color: #FFFFD0; }
.cat3 { color: var(--colorPrimary); background-color: #D0FFD0; }
.cat4 { color: var(--colorPrimary); background-color: #D0E0FF; }
.cat5 { color: var(--colorPrimary); background-color: #D0FFFF; }

.tip { color: var(--colorPrimary); background-color: #FFA0A0; }

a.dialnumber {
    border-radius: 10px;
    border: 1px solid #aaaaff;
    padding: 0px 5px 0px 22px;
    background: url(../images/phone.gif);
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-position: 4px -1px;
    color: var(--colorPrimary);;
    font-size: 11px;
    text-decoration: none;
}

div#busy {
  position: absolute; 
  
  left: 50%;
  margin-left: -75px; /* -150/2 */
  top: 50%;
  margin-top: -25px; /* -50/2 */
  
  z-index: 999;
  width: 150px;
  height: 50px;
  line-height: 50px; /* = height == text vertical center (bei einer Zeile) */

  background-color: var(--colorMainBackground);
  border: 2px solid #ec601a;
  color: var(--colorPrimary);;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
  white-space:nowrap;
}


html, body, textarea, iframe, .scroll {
scrollbar-3dlight-color:var(--colorScrollbar3dlight);
scrollbar-arrow-color:var(--colorScrollbarArrow);
scrollbar-base-color:var(--colorScrollbarBase);
scrollbar-darkshadow-color:var(--colorScrollbarDarkshadow);
scrollbar-face-color:var(--colorScrollbarFace);
scrollbar-highlight-color:--colorScrollbarHighlight;
scrollbar-shadow-color:var(--colorScrollbarShadow);
scrollbar-track-color:var(--colorScrollbarTrack);
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
::-webkit-scrollbar { width: 18px; height: 18px; }
::-webkit-scrollbar-track {
  background:var(--colorScrollbarTrackBackground);
/*  box-shadow: 3px 3px 10px rgba(0,0,0,.25) inset; */
}
::-webkit-scrollbar-thumb {
  background: var(--colorScrollbarThumbBackground);
/*  border-radius: 10px; */
  border:1px solid var(--colorScrollbarThumbBorder); 
/* box-shadow: -3px -3px 6px rgba(210,210,210,1) inset,3px 3px 3px rgba(255,255,255,1) inset; */
}
::-webkit-scrollbar-button:horizontal{
  width: 15px;
}
::-webkit-scrollbar-button:vertical{
  height: 15px;
}
::-webkit-scrollbar-button:vertical:decrement{
  background-image: url(../images/arrow-up.png), -webkit-linear-gradient(left,  var(--colorScrollbarTrack) 50%,var(--colorScrollbarTrack) 100%) ;
  background-repeat: no-repeat;
  background-position: 5px 5px, 0 0;
}
::-webkit-scrollbar-button:vertical:increment{
  background-image: url(../images/arrow-down.png), -webkit-linear-gradient(left,  var(--colorScrollbarTrack) 50%,var(--colorScrollbarTrack) 100%) ;
  background-repeat: no-repeat;
  background-position: 5px 5px, 0 0;
}
::-webkit-scrollbar-button:horizontal:decrement{
  background-image: url(../images/arrow-left.png), -webkit-linear-gradient(top,  var(--colorScrollbarTrack) 50%,var(--colorScrollbarTrack) 100%) ;
  background-repeat: no-repeat;
  background-position: 5px 5px, 0 0;
}
::-webkit-scrollbar-button:horizontal:increment{
  background-image: url(../images/arrow-right.png), -webkit-linear-gradient(top,  var(--colorScrollbarTrack) 50%,var(--colorScrollbarTrack) 100%) ;
  background-repeat: no-repeat;
  background-position: 4px 5px, 0 0;
}
::-webkit-resizer { 
  background: var(--colorScrollbarCornerBackground) url(../images/resizer.png)no-repeat 2px 4px;
  border-top:1px solid var(--colorScrollbarTrack);
  border-left:1px solid var(--colorScrollbarTrack);
}
::-webkit-scrollbar-corner {
  background: var(--colorScrollbarCornerBackground);
  border-top:1px solid var(--colorScrollbarTrack);
  border-left:1px solid var(--colorScrollbarTrack);
}


.nmtooltip {
  position: absolute;
  border: 1px solid #999999;
  display: none;
  padding: 3px 8px;
  color: var(--colorPrimary);
  
  /* runde ecken */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  /* shadow */
  box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);

  /* verlauf */
/*background: #f5f5f5; */
 background-color: #F3F2F0;

/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */ /* IE9 */
/*background: -moz-linear-gradient(top,  var(--colorMainBackground) 0%, #d9d9d9 100%); */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--colorMainBackground)), color-stop(100%,#d9d9d9)); */
/*background: -webkit-linear-gradient(top,  var(--colorMainBackground) 0%,#d9d9d9 100%); */
/*background: -ms-linear-gradient(top,  var(--colorMainBackground) 0%,#d9d9d9 100%); */ /* IE10 */
/*background: linear-gradient(to bottom,  var(--colorMainBackground) 0%,#d9d9d9 100%); */

}

.ie7 .nmtooltip, .ie8 .nmtooltip {
  /* verlauf + shadow */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='var(--colorPrimary);') progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--colorMainBackground)', endColorstr='#d9d9d9',GradientType=0 );
}

span.closetab {
  background: url(../images/close.gif) no-repeat;
  width: 10px;
  height:10px;
  cursor: pointer;
  display:inline-block;
  margin: -5px -20px 0 0;
  padding: 1px 4px 2px 4px;
  position: relative;
  float: right;
  text-align: center;
  vertical-align: top;
}

span.marked {
    background-color: var(--colorAccent);
    border-radius: 8px;
    color: var(--colorMainBackground);
    display: inline-block;
    font-size: 11px;
    height: 11px;
    min-width:4px;
    letter-spacing: 0px;
    margin: -11px -11px 0 0;
    padding: 0px 4px 4px 4px;
    position: relative;
    float: right;
    text-align: center;
    vertical-align: top;
    z-index: 10;
}

span.grey {
    background-color: var(--colorPrimary) !important;
}