/*########################################################################################//
####
##      (((DESiGN by JMD)))
#
###############################################[2017]###*/
		@import url("/gfx/js/jquery-ui.css");
		@font-face {
		  font-family: 'Montserrat';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fontz/montserrat.woff2) format('woff2');
		}
		@font-face {
		  font-family: 'Roboto';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Roboto'), local('Roboto-Regular'), url(fontz/roboto_400.woff2) format('woff2');
		}
		@font-face {
		  font-family: 'Roboto';
		  font-style: normal;
		  font-weight: 700;
		  src: local('Roboto Bold'), local('Roboto-Bold'), url(fontz/roboto_700.woff2) format('woff2');
		}
		/* latin */
		@font-face {
		  font-family: 'Nunito';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Nunito Regular'), local('Nunito-Regular'), url(fontz/nunito_400.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
		}
		/* cyrillic */
		@font-face {
		  font-family: 'Marmelad';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Marmelad'), local('Marmelad-Regular'), url(fontz/marmelad_cyr.woff2) format('woff2');
		  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
		}
		/* latin-ext */
		@font-face {
		  font-family: 'Marmelad';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Marmelad'), local('Marmelad-Regular'), url(fontz/marmelad_latext.woff2) format('woff2');
		  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
		}
		/* latin */
		@font-face {
		  font-family: 'Marmelad';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Marmelad'), local('Marmelad-Regular'), url(fontz/marmelad_lat.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
		}
		/* latin-ext */
		@font-face {
		  font-family: 'Teko';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Teko Regular'), local('Teko-Regular'), url(fontz/teko_latext.woff2) format('woff2');
		  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
		}
		/* latin */
		@font-face {
		  font-family: 'Teko';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Teko Regular'), local('Teko-Regular'), url(fontz/teko_latin.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
		}
		/* latin-ext */
		@font-face {
		  font-family: 'Teko';
		  font-style: normal;
		  font-weight: 700;
		  src: local('Teko Bold'), local('Teko-Bold'), url(fontz/teko_latext_bold.woff2) format('woff2');
		  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
		}
		/* latin */
		@font-face {
		  font-family: 'Teko';
		  font-style: normal;
		  font-weight: 700;
		  src: local('Teko Bold'), local('Teko-Bold'), url(fontz/teko_latin_bold.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
		}
		body { background: #101b23; color: #bbb; font-family: 'Marmelad', sans-serif; margin-top:65px;
		  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								  }
		#hd, .hd { color: #F3E2A9; }
		#fullhd, .fullhd { color: #9F81F7; }

		#logo {
			top:0px;
			width:100%;
			height:80vh;
			max-height:100%;
			background-image: url('serienplaner.png');
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
		}
		.rlsbox, .st, .lnkhint, .tv , .sort, .eintrag, .edit {
		-webkit-transition-timing-function: ease-in;
		-webkit-transition-duration: 80ms;
		-moz-transition-timing-function: ease-in;
		-moz-transition-duration: 80ms;
		}
		.rlsbox:hover, .st.hover, .lnkhint:hover, .tv:hover, .sort:hover, .eintrag:hover, .edit:hover {
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 80ms;
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 80ms;
		}
		a { color:#ddd; }
		a.lnk { color:#fff; text-decoration: none; }
		a:hover, #lnk:hover, .lnk:hover, #lnk.active, .lnk.active {
		cursor:pointer; color: #fda500;
		text-shadow: 0px 0px 4px #fda500; }
		
		.u {
		text-decoration: underline;
		}
		
		.txtcust {
		color: #fda500;
		text-shadow: 0px 0px 4px #fda500; }
		}
		
		.lnkhint { border-bottom: 0px dashed #000; text-decoration:none; }
		.rdb:hover {
		color: #fda500;
		cursor:default;
		}
		
		.smalltext {
		font-family: 'Teko', sans-serif;
		}

		.pwfeld { width: 250px; height:20px; background: #101b23; color:#fff; border:1px #4e89b1 solid; display: inline;	}
		.feld { width: 250px; height:27px; margin:0.5px; background: #101b23;	color: #ffff00;	border:1px #4e89b1 solid; display: inline;	}
		.splight { float:left; }
		.sp { float:left; width:50px; }
		
		#suchfeld { display: block; float:left; }
		.sf { font-family: 'Montserrat', sans-serif; font-size: 14px; height: 28px; display:inline; }
		.title { color: #ba8200; cursor:default; } /* 447799 6195b8 95b8d0 */
		.rlsbox {
		width:100%;
		height:35px;
		float:left;
		}

		.tv {
			float:left;
			padding: 5px;
			border: 1px solid #4e89b1;
			margin:0.5px;
		}
		.tv:hover, .tv:focus {
			background-color:#274559;
			border:1px dashed #fda500;
			border-radius:4px 4px 4px 4px;
			box-shadow: 0px 0px 4px #6195b8;
		}
		.tvact {
			color: #53c653;
			background-color:#274559;
			box-shadow: 0px 0px 4px #0fdbff;
			/*border-radius:4px 4px 4px 4px;*/
			border: 1px dashed #bbb;
		}

		.sort {
			font-family: Arial;
			float:left;
			font-size: 12px;
			padding: 1px;
			padding-left:5px;
			padding-right:5px;
			border: 1px solid #4e89b1;
			margin:0.5px;
		}
		.sort:hover {
			background-color:#274559;
			border:1px solid #fda500;
		}
		
		.tvtime {
			font-weight:bold;
		color: #6195b8;
		width:120px;
		text-align:center;
		display: block;
		float:left;
		}
		.rlsbox:hover > div > .title {
		color:#fff;
		background-color:#5C6A73;
		margin-left:-5px;
		padding-left:5px;
		padding-right:5px;
		border:1px;
		border-radius:2px 2px 2px 2px;
		text-shadow: 0px 0px 4px #fff;
		}
		/*.rlsbox:target > div > .title, .rlsbox.active > div > .title {*/
		.rb:target + div > div > .title, .rlsbox.active > div > .title {
		color:#fff;
		background-color:#b37400;
		margin-left:-5px;
		padding-left:5px;
		padding-right:5px;
		border:1px;
		border-radius:2px 2px 2px 2px;
		text-shadow: 0px 0px 4px #fff;
		}
		
		.tvsender { color:#555; }
		.rlsbox:target > div > .tvsender, .rlsbox:hover > div > .tvsender, .rlsbox.active > div > .tvsender {
		color:#fda500;
		}
		
		.rlsbox:hover > div > .tvtime {
		color:#fff;
		background-color:#ca0000;
		border:1px;
		border-radius:2px 2px 2px 2px;
		text-shadow: 0px 0px 4px #fff;
		}
		
		.rlsbox:hover {
		color:#fff;
		text-shadow: 0px 0px 4px #fff;
		}
		
		.rlsbox:hover > div > font.tvtermin {
		color:#fff;
		}
		
		/*.rlsbox.active {
		margin-left:5px;
		}*/
		
		/*.rlsbox:target > div > .tvtime, .rlsbox.active > div > .tvtime{*/
		.rb:target + div > div > .tvtime, .rlsbox.active > div > .tvtime{
		color:#fff;
		background-color:#ca0000;
		border:1px;
		border-radius:2px 2px 2px 2px;
		text-shadow: 0px 0px 4px #fff;
		}
		
		.rlsbox:hover > .st {
		color: #F5DA81;
		text-shadow: 0px 0px 4px #F5DA81;
		}
		
		.tvbadge {
		color: #bbb;
		font-family: Arial;
		font-size:14px;
		padding-left:3px;
		padding-right:3px;
		background-color:#274559;
		}
		
		.tvbadgeaktiv {
		background-color:#5f2e2e;
		}
		
		font.tvtermin {
			font-size:12px;
			color:#808080;
		}		
		
		.rlsbox:hover > div > .lnkhint, .rlsbox.active > div > .lnkhint {
		border-bottom: 1px dashed #6195b8; text-decoration:none;
		}
		
		.menu {
			background: #101b23;
			box-shadow: 0px 5px 3px #101b23;
			position: fixed;
			left: 0px;
			top: 0px;
			padding-left: 5px;
			padding-top: 5px;
			width: 100%;
		}

		.embed-container {
		display:none;
		z-index:5;
		background: #101b23;
		border: 1px #ff0000 solid;
		position: absolute; 
		
		/*padding-bottom: 50%; /* 56.25% ratio 16x9 */
		padding-bottom: 45%; /* 56.25% ratio 16x9 */
		height: 0;
		left:50%;
		margin-left:-48%;
		top: 5%;
		/*overflow: hidden; */
		width: 96%;
		height: auto !important;
		}

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

		/* ratio 4x3 */
		.embed-container.ratio4x3 {
		  padding-bottom: 75%;
		}

		/*.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }*/
		.infobox:hover { cursor:help; }
		.infobox span { visibility:hidden; position:absolute; left:40px; margin-top:1.4em; padding:1px; text-decoration:none; }
		.infobox:hover span, .infobox:focus span, a.infobox:active span {
		visibility:visible; left:30px;
		border:1px solid #c30; color:#fff; background:#000; }
		
		.closelnk {
		cursor:pointer;
		position:absolute;
		top:-12px;right:-12px;
		}
		
		.draglnk {
		position:absolute;
		bottom:-12px;right:-12px;
		}	
		
		/*.closelnk:hover {
		text-shadow: 0px 0px 4px #fff;
		}*/
		
		.eintrag {
		position:fixed;
		top:39px;
		width:471px;
		left:-495px;
		background:#101b23; /*2f526a*/
		border: 1px solid #4e89b1;
		padding:5px;
		}
		
		.editfenster {
			display:block;position:absolute;top:39px;left:-90px;width:0px;height:0px;
		}
		
		.editfenstershow {
			left:6px;
		}
		
		.eintragact {
		z-index:4;
		position:fixed;
		box-shadow: 0px 0px 3px #4e89b1;
		left:6px;
		padding:5px;
		}
		
		.edit {
		position:absolute;
		width:471px;
		left:-500px;
		background:#101b23; /*2f526a*/
		border: 1px solid #4e89b1;
		padding:5px;
		}
		
		.editact {
		z-index:4;
		cursor:-moz-grab;
		cursor:-webkit-grab;
		position:absolute;
		box-shadow: 0px 0px 3px #4e89b1;
		left:0px;
		padding:5px;
		}
		
		.grabbing {
		cursor:-moz-grabbing;
		cursor:-webkit-grabbing;
		}
		
		.button {
			height:31px;
		}
		
		.button:hover {
			background:#2f526a;
		}
		
		#ck-button {
			margin-left:1px;
			margin-top:1px;
			background-color:#101b23;
			/*border-radius:4px;*/
			border:1px solid #4e89b1;
			overflow:auto;
			float:left;
		}

		#ck-button:hover {
			background:#2f526a;
		}

		#ck-button label {
			float:left;
			/*width:50px;*/
			/*height:40px;*/
		}

		#ck-button label span {
			text-align:center;
			padding-top:4px;
			padding-left:3px;
			padding-right:3px;
			height:25px;
			display:block;
			cursor:pointer;
		}

		#ck-button label input {
			position:absolute;
			top:70px;
			visibility:hidden;
		}

		#ck-button input:checked + span, #ck-button input:checked > label {
			background-color:#4e89b1;
			color:#fff;
		}
		
		#sfw {
		display:inline;
		font-size:12pt;
		position:fixed;
		z-index:6;
		width:390px;
		margin-top:34px;
		margin-left:1px;
		padding-left:10px;
		padding-bottom:10px;
		border:1px solid #4e89b1;
		color:#ddd;
		background-color:#101b23;
		box-shadow: 0px 0px 3px #4e89b1;
		}
		
		.sml { font-size:12px; font-style: italic; }
		.sse:hover {
		cursor:pointer;
		/*background:#2f526a;*/
		}
		
		.ssold {
		color:#777;
		font-style: italic;
		}