/*
 * adapted from 
 * "Redoing the Github ribbon in CSS"
 * http://people.mozilla.com/~jbalogh/ribbon/ribbon.html 
 */

.ribbon-holder {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 22em;
}

.right.ribbon-holder {
  right: 0;
}

.left.ribbon-holder {
  left: 0;
}

.ribbon,
.ribbon:hover {
  text-decoration: none;
}

.ribbon {
  font-family: Arial;
  letter-spacing: -.1px;
  opacity: 0.95;

  padding: 0.25em 0;
  position: relative;
  top: 8em;

  /* Defaults friendly for white pages. */
  box-shadow: 0 0 13px #888;
    -moz-box-shadow: 0 0 13px #888;
    -webkit-box-shadow: 0 0 13px #888;
  color: #FFF;
  display: block;
  line-height: 1.35em;
}

.ribbon .text {
  padding: 0.1em 6em;
  text-align: center;
}

.ribbon a {
  border: none;
}

.right .ribbon {
  transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter:progid:DXImageTransform.Microsoft.Matrix(M11='0.707106781', M12='-0.707106781', M21='0.707106781', M22='0.707106781', sizingMethod='auto expand');
  right: -9em;
}

.left .ribbon {
  transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    /*XXX rotiert nur den kasten, nicht den text
*/      filter:progid:DXImageTransform.Microsoft.Matrix(M11='0.707106781', M12='-0.707106781', M21='0.707106781', M22='0.707106781', sizingMethod='auto expand');
/*    */
  left: -9em;
}

.white.ribbon {
  color: #111;
  background-color: #F5F5F5;
  background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#fff));
  box-shadow: 0 0 13px #999;
    -moz-box-shadow: 0 0 13px #999;
    -webkit-box-shadow: 0 0 13px #999;
#  text-shadow: 0 0 .05em;
  text-shadow: 0 0 0.1em #888;
}

.white.ribbon .text {
  border: 1px solid #cecece;
}

.red.ribbon {
  background-color: #9a0000;
  background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000));
}

.red.ribbon .text {
  border: 1px solid #bf6060;
}

.green.ribbon {
  background-color: #006e00;
  background: -webkit-gradient(linear, left bottom, left top, from(#006e00), to(#007200));
}

.green.ribbon .text {
  border: 1px solid #6bac6b;
}

.darkblue.ribbon {
  background-color: #121621;
  color: #ecedee;
}

.darkblue.ribbon .text {
  border: 1px solid #53565e;
}

.orange.ribbon {
  background-color: #E57504;
  background: -webkit-gradient(linear, left bottom, left top, from(#dc7202), to(#ee7906));
}

.orange.ribbon .text {
  border: 1px solid #ebaa65;
}

.gray.ribbon {
  background-color: #6d6d6d;
  background: -webkit-gradient(linear, left bottom, left top, from(#6a6a6a) to(#6d6d6d));
}

.gray.ribbon .text {
  border: 1px solid #a4a4a4;
}