/* $header: $                                  */
/* Copyright 2004 - 2018 by KukiSoft           */
/* DownloadButton.css                          */
/*                                             */
/* Zweck:                                      */
/* Formatierung der Download-Buttons.          */

.resizebutton
{
  width: 3.7em;
  height: 2em;
  
  font-weight: bold;
  
  opacity: 0.4;  /* Der Button wird transparent dargestellt. */
}

.dlbutton
{
  opacity: 0.4;  /* Der Button wird transparent dargestellt. */
}

.dlbutton a
{
  color: #fff;
}

.a-btn
{
  padding: 10px 30px 10px 70px;
}

.a-btn-disabled
{
  padding: 10px 30px 10px 30px;
}

.a-btn, .a-btn-disabled
{
  border-radius: 50px;
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  margin: 10px;
  background:#fff;
  background:linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
  box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
  transition:box-shadow 0.3s ease-in-out;
}

.a-btn-symbol
{
  font-family:'WebSymbolsRegular', cursive;
  color:#555;
  font-size:20px;
  text-shadow:1px 1px 2px rgba(255,255,255,0.5);
  position:absolute;
  left:20px;
  line-height:32px;
  transition:opacity 0.3s ease-in-out;
}

.a-btn-text
{
  display:block;
}

.a-btn-text-l
{
  font-size: 20px;
  color: #d7565b;
  line-height: 16px;
  font-weight: bold;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
}

.a-btn-text-rbottom
{
  font-size: 10px;
  color: #d7565b;
  line-height: 16px;
  font-weight: bold;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
}

.a-btn-slide-text
{
  font-family: Arial, sans-serif;
  font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
  font-size: 12px;
  /* letter-spacing:1px; */
  /* text-transform:uppercase; */
  color: #555;
  text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}

.a-btn-slide-icon
{
  position: absolute;
  top: -30px;
  width: 22px;
  height: 22px;
  background: transparent url(../images/arrow_down_black.png) no-repeat top left;
  left: 20px;
  opacity: 0.4;
}

.a-btn:hover, .a-btn-disabled:hover
{
  background: #fff;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}

.a-btn:hover .a-btn-symbol
{
  opacity:0;
}

.a-btn:hover .a-btn-slide-icon
{
  animation:slideDown 0.9s linear infinite;
}

.a-btn:active
{
  /* background:#d7565b; */
  background:#BFCFFF;
  box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
}

.a-btn:active .a-btn-text
{
  color:#fff;
  text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}

.a-btn:active .a-btn-slide-text
{
  color:rgba(0,0,0,0.4);
  text-shadow:none;
}

@keyframes ButtonMakeOpacity
{
  from {opacity: 1;}
  to {opacity: 0.4;}
}

@keyframes ButtonRemakeOpacity
{
  from {opacity: 0.4;}
  to {opacity: 1;}
}

@keyframes slideDown
{
  0% { top: -30px; }
  100% { top: 80px;}
}