/* Basic */

	html {
		min-width: 100%;
		min-height: 100%;
	}
	body {
		width: 100%;
		min-height: 100%;
		overflow-y: auto;
		background-attachment: fixed;
	}
	.js table.linkrows tr:hover {
		background-color: #eee;
	}
	.js table.linkrows td:hover {
		cursor: pointer;
	}
	.js table.linkrows td a {
		text-decoration: none;
		color: #000000;
	}
	#wrapper {
		padding-bottom: 20px;
	}
	@media (min-width: 737px) {
		#wrapper, #main, .panel {
			width: 100%;
		}
	}
	@media (min-width: 900px) {
		#wrapper, #main, .panel {
			width: 45em;
		}
	}

/* Home */

	#home {
		padding-top: 1em;
		text-align: center;
	}
	#home > div.brand {
		display: inline-block;
		margin-bottom: 0.5em;
	}
	#home > div.brand > img {
		height: 10em;
		float: left;
	}
	#home > div.brand > a {
		float: left;
	}
	#home > div.brand > a > img {
		height: 10em;
	}
	#home > div.brand > h1 {
		float: left;
		line-height: 4em;
		height: 4em;
		font-size: 2.5em;
		padding-left: 0.2em;
	}
	#home > section > h2 {
		font-size: 1.5em;
		color: #aaa;
		font-weight: inherit;
	}
	#home > section {
		letter-spacing: -0.015em;
		display: block;
		width: 100%;
		margin-bottom: 2em;
		color: #000000;
	}
	@media screen and (max-width: 736px) {
		#home > div.brand > img, 
		#home > div.brand > a, 
		#home > div.brand > h1 {
			float: none;
		}
		#home > div.brand > h1 {
			font-size: 2.15em;
			height: 2em;
			line-height: 1.5em;
		}
		#home > section > h2 {
			font-size: 1.25em;
		}
		#home > section {
			margin-bottom: 0.5em;
		}
	}
	@media screen and (min-width: 737px) {
		#home > section {
			margin: 0.5em 0 0 0;
		}
	}
	#home > section > a
	#home > section > div {
		color: #000000;
		text-decoration: none;
		display: block;
		margin-left: -0.5em;
		padding-left: 0.5em;
	}
	#home > section > a:hover {
		background-color: #EEEEEE;
	}
	#home > section > a > div, #home header > section > div > div {
		float: right;
		padding-right: 0.5em;
	}
	#home table {
		width: 100%;
	}
	#home table td {
		width: 25%;
		text-align: right;
		padding-right: 25%;
		padding-left: 1em;
	}
	#home table td:first-child {
		text-align: left;
		padding-left: 25%;
		padding-right: 1em;
	}
	@media screen and (max-width: 736px) {
		#home table td {
			padding-right: 1em;
		}
		#home table td:first-child {
			padding-left: 1em;
		}
	}

/* Stream page */

	@media screen and (min-width: 737px) {
		#me header {
			width: 50%;
		}
	}
	#me header > .tags {
		position: static;
		font-size: 1em;
		line-height: 1.2em;
		letter-spacing: -0.015em;
		margin: 1em 0;
		color: #aaa;
	}
	@media screen and (min-width: 737px) {
		#me header > .tags {
			position: absolute;
			left: 0;
			bottom: 0;
		}
	}
	#me header > h1 {
		position: static;
		margin-top: 40px;
		line-height: 1em;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	#me header > p {
		position: static;
		margin-top: 0.5em;
        color: #888;
	}
	#me .pic::before {
		background: none;
	}
	#me .pic .arrow {
		display:none;
		position: absolute;
		right: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		text-decoration: none;
		opacity: 0.2;
		margin-top: 0em;
		font-size: 7em;
	}
	#me .pic:hover .arrow {
		display: block;
		width: 100%;
		padding-right: 0em;
		padding-top: 0em;
	}

	div.videocontent {
		max-width: 640px;
	}
	div.videocontent object {
		position:absolute;
		top:0px;
		left:0px;
	}
	#stream .row {
		text-align: center;
		margin-top: 40px;
	}
	@media screen and (max-width: 736px) {
		#stream .row {
			margin-top: 20px;
		}
	}
	#stream .message {
		margin: 0 2em 2em 2em
	}
	#stream a {
		text-align: center;
		color: #666666;
	}
	#stream a:hover {
		color: #333333;
	}
	#stream a > span {
		width: 100%;
		display: inline-block;
	}
	/* More streams section */
	#all_streams.row {
		margin-top: 30px;
	}
	#all_streams.row .\31 2u {
		cursor: pointer;
	}
	#all_streams.row .\34 u {
		font-size: unset;
	}


	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* ratio 16x9 */
		height: 0;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Video.JS player */

	.vjs-default-skin .vjs-big-play-button {
		left: 40%;
		top:35%;
	}
	.video-js .vjs-big-play-button {
		border:0.01px solid #2B333F;
		border:0.01px solid rgba(43,51,63,.7);
	}
	.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
		border-color:#73859f;
		border-color:rgba(115,133,159,.5);
	}
	.vjs-menu li {
		text-transform: none;
	}
	.vjs-menu li:first-child {
		padding: 0px 0px;
	}

/* VLC Icon */

	@font-face {
		font-family: 'piraten-live';
		src:url('/assets/fonts/piraten-live.eot?osoqux');
		src:url('/assets/fonts/piraten-live.eot?#iefixosoqux') format('embedded-opentype'),
			url('/assets/fonts/piraten-live.ttf?osoqux') format('truetype'),
			url('/assets/fonts/piraten-live.woff?osoqux') format('woff'),
			url('/assets/fonts/piraten-live.svg?osoqux#piraten-live') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.icon-vlc {
		font-family: 'piraten-live';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.icon-vlc:before {
		content: "\e600";
	}
	
/* Kontakt */

	.\34 u {
		font-size: 0.6em;
	}
	.\38 u {
		line-height: 4em;
	}
	
/* Footer */

	#footer {
		padding-top: 1em;
	}
    #footer .tor {
        padding: 0.5em;
        line-height: 1.5em;
        background-color: #FFFFFF;
        color: #000000;
    }
    #footer .tor a {
        display: block;
        color: #AAAAAA;
    }
	#footer .menu li {
		display:inline-block
	}
	#footer .menu li:before {
	display:inline;
	content:'\2022';
	opacity:0.5;
	padding:0 0.75em 0 0.75em
	}
	#footer .menu li:first-child:before {
	display:none
	}
	#footer .menu,
	#footer .copyright {
		margin-bottom: 0;
		line-height: 1em;
	}
	#footer .tor + .menu,
	#footer .copyright {
		margin-top: 0.5em;
	}
	
/* Embed */

	body {
		text-align: center;
	}
	body #wrapper {
		text-align: left;
	}
	body > .message {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #777777;
		font-size: 14pt;
		line-height: 1.75em;
		-webkit-text-size-adjust: none;
		margin: 20% auto;
	}

/* ToolsMenu customizations */

	.snap-content {
		padding-top: 41px;
	}
	@media (max-width: 736px) {
		.snap-content {
			padding-top: 34px;
		}
	}
	.snap-content {
		background: unset !important;
		background-image: url("/assets/css/images/overlay.png"), url("/assets/css/images/bg.jpg") !important;
		background-repeat: repeat, no-repeat !important;
		background-size: auto, 100% 100% !important;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #777777;
	}