/*-------------------------------------------------------------*
 * Texte auf- und zuklappen                                                *
 *-------------------------------------------------------------*/
@media screen {
.ButtonSnappedCode {
   cursor: pointer;
   font-size: 10px;
   background-color : #E0E0E0;
   color: #C06060;
   border : 1px dotted #C0A0A0;
   line-height : 14px;
   display: inline-block;
   margin: 0 0 1px 0;
   padding: 0 0 0 0;
}

.ButtonExpandedCode {
   cursor: pointer;
   font-size: 10px;
   background-color : #E0E0E0;
   color: #C06060;
   border : 1px dotted #C0A0A0;
   line-height : 14px;
   display: inline-block;
   margin: 0 0 1px 0;
   padding: 0 0 0 0;
}

.HeadlineSnappedText {
   cursor: pointer;
}

.HeadlineExpandedText {
   cursor: pointer;
}

.DetailsSnapped {
   display: none;
}
.DetailsExtended {
   display: block;
}
   dfn {
  position: relative;
}
dfn:hover:after {
  content: attr(title);
  background: #fff;
  padding: 5px 12px;
  border: solid 1px #ddd;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size:10px;
  width:100px;
}
#copieddialog {
    margin: 0;
    position: absolute;
}
}
/*@media screen*/


@media print {
.ButtonSnappedCode {
   display: none;
}
.ButtonExpandedCode {
   display: none;
}
.DetailsSnapped {
   display: block;
}
.DetailsExpanded {
   display: block;
}
}
/* @media print */