html {
  font-family: 'Abhaya Libre';
}
header {
  display: none
}

#ss1it, #ss2doceren, #ss3politics, #ss1it_demo, #ieerror, #ss1tvserver, #ss1oneonone, #ss1petool, #ss1memoryanalyser, #ss0index, #ss0index1, #ss2docerenhl {
  display: none;
  text-align:center;
  /*word-break: break-word;*/
}

.sha1code {
  word-break: break-all;
}

.leftImage, .video img, .foto {
  float: left;
}

.rightImage, .icon32, .address img {
  float: right;
}

.address img {
  margin-top:5px;
}

.icon32 {
  height: 32px;
}

.imageSize32 img {
  height: 48px;
}

.foto {
  width: 42%;
  /* width: 50%; */
  max-width: 200px;
  padding-right:10px;
}

@media only screen and (max-width: 600px) {
  .imageSize32 img {
    height: 32px;
  }
}

.politicsimg  {
  width: 256px;
}

@media only screen and (max-width: 579px) {
  .politicsimg  {
    width: 100%;
  }
}

.hidden {
  display: none;
}

.hiddenOpacit {
  opacity: 0;
}

.show {
  display: inline-block;
}

.collapse {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create more space for touch screens*/
  padding-top: 10px;
  padding-bottom: 10px;
}

.collapse::before {
  content: "  ";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.up_arrow::before {
  transform: rotate(-135deg);
}

.down_arrow::before {
  transform: rotate(45deg);
}

/*
#s1it:target, #s2doceren:target, #s3psychologie:target, #s1it_demo:target {
  display: block;
  animation: fadein 2s;
}*/

.selectedContent {
  display: block!important;
  /*animation: flyin 1s;*/
  animation: fadein 2s;
}

.insideWrapLeft {
  display: inline-block;
  text-align: left;
}

.insideWrapCenter {
  display: inline-block;
  text-align: center;

}


.flyinClass {
  animation: flyin 1s;
  overflow-y:scroll;
}

.whiteBorderColor {
  border: 2px solid #FFFFFF!important;
}

.maxContentSize {
  padding-left: 5%;
  padding-right: 5%;
  max-width: 600px;
}

.highLight {
  display: inline-block;
  animation: highlightKeyframe 1.5s;
}

a.block_link {
  /* Create more space for touch screens*/
  padding-top: 10px;
  padding-bottom: 10px;
}

a.block_link:link, a.block_link:visited {
  color:black;
}

a.block_link:active {
  color: black;
}

.thump {
  height:104px;
}

#ss2docerenhl a:hover {
  text-decoration-line: none;
}

a {
  /* Create more space for touch screens*/
  padding-top: 10px;
  padding-bottom: 10px;
}

a:link, a:visited {
  color:blue;
}

a:active {
  color: red;
}

a:hover {
  text-decoration-line: none;
}
#warningbox a, #warningbox a:link, #warningbox a:visited, #warningbox a:active {
  display: block;
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  color: #000;
  width:100%;
  background: #FFFFE1;
  border-bottom: 1px outset;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#warningbox a {
  /* Create more space for touch screens*/
  padding-top: 0px;
  padding-bottom: 0px;
}

#warningbox a:hover {
  color: #FFF;
  background: #3169B6;
  text-decoration: none;
}

#warningbox p{
  margin:0px;
  padding: 3px 10px 3px 10px;
  font-size:11px;
}

#warningbox img{
  width: 16px;
  height: 16px;
  border: 0px outset;
}

.jumpBouchStyle {
  display: inline-block;
  transform-origin: 0% 100% 0px;
  animation: jumpBounch 1.0s 0.1s ease-out forwards;
}

/*let my name jump :) */
H1 {
  /*cursor: default;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

H1>span {
  display: inline-block;
  transform-origin: 0% 100% 0px;
  opacity: 1;
  color: black;
}

.jumpBounchText>span {
  opacity: 0;
}

.jumpBounchText>span:nth-child(1), .jumpBounchText>span:nth-child(6), .jumpBounchText>span:nth-child(15) {
  animation: jumpBounch 1.0s 0.7s ease-out forwards;
}

.jumpBounchText>span:nth-child(2), .jumpBounchText>span:nth-child(7), .jumpBounchText>span:nth-child(14) {
  animation: jumpBounch 1.0s 0.8s ease-out forwards;
}

.jumpBounchText>span:nth-child(3), .jumpBounchText>span:nth-child(8), .jumpBounchText>span:nth-child(13) {
  animation: jumpBounch 1.0s .9s ease-out forwards;
}

.jumpBounchText>span:nth-child(4), .jumpBounchText>span:nth-child(9), .jumpBounchText>span:nth-child(12) {
  animation: jumpBounch 1.0s 1.0s ease-out forwards;
}

.jumpBounchText>span:nth-child(5), .jumpBounchText>span:nth-child(10), .jumpBounchText>span:nth-child(11) {
  animation: jumpBounch 1.0s 1.1s ease-out forwards;
}

.address {
  font: normal normal 400 9px/18.85px Arial;
  border-bottom: 2px solid #aaa;
  border-top: 1px solid #ddd;
  max-width: 600px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: left;
}

.langSelection {
  display: block;
  position:absolute;
  top:5px;
  right:5px;
}

@keyframes highlightKeyframe {
    0% { transform: scale(1); background: transparant; }
    50% { transform: scale(1.04); background: orange; }
    100%   { transform: scale(1); background: transparant; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes flyin {
 0%   { 
 opacity: 0;
 transform: translateY(-30%); 		
 }
 100% { 
 opacity: 1;
 transform: translateY(0%); 
 }
}

@keyframes jumpBounch {
0% {
  transform: scale(1.5) translateY(-15px);
  opacity: 1;
  color: orange;
}

30% {
  transform: scale(0.5);
  opacity: 1;
  color: green;
}

60% {
  transform: scale(1.2);
  opacity: 1;
  color: yellow;
}

90% {	
  transform: scale(0.8);
  opacity: 1;
  color: red;
}

100% {
  transform: scale(1);
  opacity: 1;
}
}