@font-face {
	font-family: 'ZeitungMicro';
	src: url("/_css/ZeitungMicroPro-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ZeitungMicroBold';
	src: url("/_css/ZeitungMicroPro-Bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ZeitungVF';
	src: url("/_css/ZeitungPro-VF.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DuosInAndOutline';
	src: url("/_css/DuosInAndOutline-VF.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DuosWrite';
	src: url("/_css/DuosWrite-VF.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Braille';
	src: url("/_css/Braille-VF.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AToB';
	src: url("/_css/AtoB-VF.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@media only screen and (max-width: 600px) {
   	.m{
        display: none;
    }
    .s{
    	display: inline;
    }	
}

@media only screen and (min-width: 600px) {
   	.m{
        display: inline;
    }
    .s{
    	display: none;
    }
}

.ss01{
	font-feature-settings: "ss01" 1; /* hack to get safari rendering it correctly */
}

.ss02{
	font-feature-settings: "ss10" 1; /* hack to get safari rendering it correctly */
}

body{
	padding:5px;
	font-family: 'ZeitungMicro';
	color:#333;
	background: #fff;
}

a, a:visited{
	color:#f60;
	text-decoration: none;
}
a:hover, a:visited:hover{
	color:#f60;
	text-decoration: none;
}

.basicSlider{
	margin-left:10px;
}

.p5{
	padding:5px;
}


.p10{
	padding:10px;
}

.p20{
	padding:10px;
	padding-top:20px;
	padding-bottom:5px;
}

.small{
	font-size:85%;
	font-family: 'ZeitungMicro';
}

.small b{
	font-family: 'ZeitungMicroBold';
	font-weight: normal;
	font-style: normal;
}


.editText{
	font-size:10vw;
	word-wrap: break-word;
	line-height:1em;
	max-height:600px !important;
	overflow:hidden;
	padding-top:20px;
}
.fontinfo{
	max-width: 400px;
	line-height: 1.4em;
	font-size: 0.9em;
	font-family: 'ZeitungMicro';

}

.fontinfo b{
	font-family: 'ZeitungMicroBold';
	font-weight: normal;
	font-style: normal;
}




 

*:focus {
    outline: none;
}
hr{
	margin-top:30px;
	padding-bottom:30px;
	border:0px;
	border-top:1px solid #ccc;
}



/* Video stuff  */
/* =============  */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swf-holder {	
	width:100%;
    height:100%;
    background:#ff0;
 }
.swf-holder object {
    display:block;
    width:100%;
    height:100%;
 }
 
 

/* Zeitung stuff  */
/* =============  */

#ZeitungTorchOuter{
	width:100%;
	font-weight: normal;
    font-style: normal;
    background: #000;
	width: 100%;
	overflow:hidden;
	cursor:move;
}

#ZeitungTorchInner{
	width:5000px;
	overflow:hidden;
	background:#000;
	color:#fff;
	font-size:6.4em;
	line-height:1.2em;
	padding:0px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 
}



/* A to B stuff   */
/* =============  */

#clock{
	font-family:'AToB';
	clear:both;
	position: relative;
	height:0px;
	width:320px;
	height:160px;
	text-align:center;
	margin-top:200px;
	color:#333;
}
.clockline{
	border-bottom: 1px dotted #444;
	margin: -1px;
	height:0px;
	clear:both;
	position:absolute;
	width: 100%;
	top: 0;
	left:0;
}
.floatr{
	float: right;
	position: relative;
}
.floatl{
	float: left;
	position: relative;
}
#clockInfo{
	font-size: 120px;
	line-height:170px;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	margin: 0 auto;
	position: absolute;
	top: -75px;
	left: 80px;
	background: #fff;
	z-index: 1000;
	border: 2px solid #333;
}

.bullet{
	background: #333;
	color:#fff;
	padding: 0px;
	width: 31px;
	height:31px;
	border-radius: 20px;
	border: 0px solid #444;
	font-size:24px;
	text-align:center;
	top:-15px;
	line-height:35px;
	transition: background-color 0.5s ease;
	cursor:pointer;
}
.bullet:hover{
	background:#000;
	color:#fff;
}


#waterToWine, #onetwothree{
	font-family:'AToB';
	margin-top:50px;
	font-size:25vw;
	line-height:1em;
}





/**
* asRange v0.3.4
* https://github.com/amazingSurge/jquery-asRange
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
/**
* asRange v0.3.4
* https://github.com/amazingSurge/jquery-asRange
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.asRange {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #ddd;
  border-radius: 8px;
}
.asRange .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px;
}
.asRange .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #ff6600;
  border-radius: inherit;
}
.asRange .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit;
}
.asRange .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}
.asRange .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}
.asRange .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px; 
  -webkit-transition: opacity .3s ease-in-out 0s; 
  transition: opacity .3s ease-in-out 0s;
}
.asRange .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.asRange .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #ff6600;
  border-radius: 9px;
}
.asRange .asRange-scale {
  display: none;
}

.asRange-scale {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #cfcdc7;
  border-radius: 8px;
}
.asRange-scale .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px;
}
.asRange-scale .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #6ba1ad;
  border-radius: inherit;
}
.asRange-scale .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit;
}
.asRange-scale .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}
.asRange-scale .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}
.asRange-scale .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px; 
  -webkit-transition: opacity .3s ease-in-out 0s; 
  transition: opacity .3s ease-in-out 0s;
}
.asRange-scale .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.asRange-scale .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #7ebdcb;
  border-radius: 9px;
}
.asRange-scale .asRange-scale {
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  background: url("../image/scale.png") no-repeat 0 center transparent;
}
.asRange-scale .asRange-scale li {
  position: absolute;
  top: 18px;
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  text-align: center;
}
.asRange-scale .asRange-scale li:first-child {
  left: 0;
}
.asRange-scale .asRange-scale li:nth-child(2) {
  left: 33.3%;
}
.asRange-scale .asRange-scale li:nth-child(3) {
  left: 66.6%;
}
.asRange-scale .asRange-scale li:last-child {
  left: 100%;
}