/* global */
#cluetip-close img 			{position:absolute;border: 0;top:1px;right:6px;}
#cluetip-title 				{background:pink;height:30px;overflow:hidden;font-size:120%;text-decoration:none;text-align:center;margin:0px 0px 0px 0px;border-radius: 8px;}
#cluetip-title #cluetip-close 		{margin:7px 0px 0px 0px;}
#cluetip-waitimage 			{width: 43px; height: 11px; position: absolute; background-image: url(../graphics/cluetip/wait.gif);}
.cluetip-arrows 			{display:none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0;}
#cluetip-extra 				{display:none;}


/***************************************
   =cluetipClass: 'owin' produktivita/owinobs
-------------------------------------- */
.cluetip-owin  				{position:relative;float:left;background-color:transparent;}
.cluetip-owin #cluetip-outer 		{width:800px;max-width:1000px;min-height:100px;border:1px solid #ccc;position: relative;font-size:80%;background-color: #fefefe;
					 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 8px;}
.cluetip-owin:before, .cluetip-owin:after {position:absolute;z-index:-1;content:"";width:40%;height:10px;left:20px;bottom:10px;background:transparent; -webkit-transform: skew(-3deg) rotate(-3deg); -moz-transform: skew(-3deg) rotate(-3deg); -ms-transform: skew(-3deg) rotate(-3deg); -o-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg);
					 box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);}
.cluetip-owin:after 			{left: auto;right: 20px; -webkit-transform: skew(3deg) rotate(3deg); -moz-transform: skew(3deg) rotate(3deg); -ms-transform: skew(3deg) rotate(3deg); -o-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg);}
.cluetip-owin #cluetip-inner 		{width:100%; height:100%; padding: 0px 0px 0px 0px; display: inline-block; font-family:Arial,Tahoma,Verdana;}
.cluetip-owin div #cluetip-close 	{text-align: right; margin: 0 5px 10px; color: #900;}
/* owin   arrows */
.clue-right-owin .cluetip-arrows 	{background-image: url(../graphics/cluetip/arrowleft.gif); top: 100%;                              height: 11px;width: 22px;}
.clue-left-owin .cluetip-arrows 	{background-image: url(../graphics/cluetip/arrowright.gif);          left: 100%;margin-right: -11px;}
.clue-top-owin .cluetip-arrows 		{background-image: url(../graphics/cluetip/arrowdown.gif); top: 100%;left: 50%; margin-left: -11px;height: 11px;width: 22px;}  
.clue-bottom-owin .cluetip-arrows 	{background-image: url(../graphics/cluetip/arrowup.gif);   top:-11px;left: 50%; margin-left: -11px;height: 11px;width: 22px;}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default 			{background-color: #d9d9c2;}
.cluetip-default #cluetip-outer 	{position: relative;margin: 0;background-color: #d9d9c2;}
.cluetip-default h3#cluetip-title 	{margin: 0 0 5px;padding: 8px 10px 4px;font-size: 1.1em;font-weight: normal;background-color: #87876a;color: #fff;}
.cluetip-default #cluetip-title a 	{color: #d9d9c2;font-size: 0.95em;}  
.cluetip-default #cluetip-inner 	{padding: 10px;}
.cluetip-default div#cluetip-close 	{text-align: right;margin: 0 5px 5px;color: #900;}
/* default arrows */
.clue-right-default .cluetip-arrows 	{background-image: url(../graphics/cluetip/darrowleft.gif);}
.clue-left-default .cluetip-arrows 	{background-image: url(../graphics/cluetip/darrowright.gif);left: 100%;margin-right: -11px;}
.clue-top-default .cluetip-arrows 	{background-image: url(../graphics/cluetip/darrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;}  
.clue-bottom-default .cluetip-arrows 	{background-image: url(../graphics/cluetip/darrowup.gif);top: -11px;left: 50%;margin-left: -11px;height: 11px;width: 22px;}

/***************************************
   =cluetipClass: 'owin_historie'
-------------------------------------- */
.cluetip-owin_historie			{background-color: transparent;}
.cluetip-owin_historie #cluetip-outer 	{border: 2px solid #222;position: relative;background-color: #ccc;width: 800px;font-size:80%;}
.cluetip-owin_historie h3#cluetip-title	{margin: 0 0 5px;padding: 2px 5px;font-size: 14px;font-weight: bold;font-family: Arial;background-color: #444;color: #ccc;}
.cluetip-owin_historie #cluetip-inner 	{padding: 0 5px 5px;display: inline-block;font-family:Arial,Tahoma,Verdana;}
.cluetip-owin_historie div#cluetip-close {text-align: right;margin: 0 5px 5px;color: #900;}
/* owin_historie arrows */
.clue-right-owin_historie .cluetip-arrows {background-image: url(../graphics/cluetip/arrowleft.gif);top: 100%;height: 11px;width: 22px;}
.clue-left-owin_historie .cluetip-arrows {background-image: url(../graphics/cluetip/arrowright.gif);left: 100%;margin-right: -11px;}
.clue-top-owin_historie .cluetip-arrows {background-image: url(../graphics/cluetip/arrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;}  
.clue-bottom-owin_historie .cluetip-arrows {background-image: url(../graphics/cluetip/arrowup.gif);top: -11px;left: 50%;margin-left: -11px;height: 11px;width: 22px;}

/***************************************
   =cluetipClass: 'owin_rounded for GDPR'
-------------------------------------- */
.cluetip-owin_rounded			{background-color: #ccc;top:0px;border:2px solid #aaa;padding: 0px 4px 0px 4px;border-radius: 8px;}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded 			{background: transparent url(../graphics/cluetip/bl.gif) no-repeat 0 100%;margin-top: 10px; margin-left: 12px;}
.cluetip-rounded #cluetip-outer 	{background: transparent url(../graphics/cluetip/tl.gif) no-repeat 0 0;margin-top: -12px;}
.cluetip-rounded #cluetip-title 	{background-color: transparent;padding: 12px 12px 0;margin: 0 -12px 0 0;position: relative;}
.cluetip-rounded #cluetip-extra 	{position: absolute;display: block;background: transparent url(../graphics/cluetip/tr.gif) no-repeat 100% 0;top: 0;right: 0;width: 12px;height: 30px;margin: -12px -12px 0 0;}
.cluetip-rounded #cluetip-inner 	{background: url(../graphics/cluetip/br.gif) no-repeat 100% 100%;padding: 5px 12px 12px;margin: -18px -12px 0 0;position: relative;}
.cluetip-rounded div#cluetip-close 	{text-align: right;margin: 0 5px 5px;color: #009;background: transparent;}
.cluetip-rounded div#cluetip-close a 	{color: #777;}
/* rounded arrows */
.clue-right-rounded .cluetip-arrows 	{background-image: url(../graphics/cluetip/rarrowleft.gif);}
.clue-left-rounded .cluetip-arrows 	{background-image: url(../graphics/cluetip/rarrowright.gif);left: 100%;margin-left: 12px;}
.clue-top-rounded .cluetip-arrows 	{background-image: url(../graphics/cluetip/rarrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;}  
.clue-bottom-rounded .cluetip-arrows 	{background-image: url(../graphics/cluetip/rarrowup.gif);top: -23px;left: 50%;margin-left: -11px;height: 11px;width: 22px;}