body, html{
		font-family: Arial;
		margin:0;
		padding:0;
		width:100%;

		min-height: 100%;
		font-size:12px; 

	-webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  
	  background:#C3C3C3;
  
	}
	
	#wrapper_classic{
		position: absolute;
		width:auto;
		height:100%;
		min-width: 100%;
		min-height:800px;
		text-align: center;
		background-color:transparent !important;

		
	}
	

		
	#teletext_frame{
		position:relative;
		margin:0 auto;
		top:105px;
		width:720px;
		height:505px;
		background:transparent;
		/*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/
	}
	
	@media only screen and (max-width: 790px) {
    	#wrapper_classic {
		        background-image: url( ../images/empty.png ) !important;
		    }
		 #teletext_frame{
			  top:50px;
		}
	}

	#teletext_loader_frame, #teletext_loader_frame_container{
		
		position:relative;
		left:0px;
		top:38px;
		height: 475px; 
		width: 490px; 
		border:none; 
		float:left;
		background:#000;
		padding-top:0px;
		display:inline;
		overflow-x: hidden;
	}
	
	#teletext_loader_frame{
		opacity:0;
		padding-top:5px;
	}
	
	#remote_control{
		position:relative;
		margin:0 auto;
		top:36px;
		left:2px;
		height: 475px; 
		width: 225px; 
		background: #999999;
		float:left;
	}
	
	#bottom_frame{
		position:absolute;
		margin:0 auto;
		top:513px;
		left:0px;
		height: 34px; 
		width:717px; 
		background: #999999;
	}


	 	
	.input_field, .input_field_search{ 
		position:relative;
		top:5px;
		left:-3px;
		font-size:20px;
		text-align: center; 
		color:#000; 
		background:#FFF; 
		padding:6px; 
		padding-top:4px; 
		padding-bottom:4px; 
		margin:0 auto; 
		margin-top:4px;
		margin-bottom:6px;
		border:solid 0px #666;  
		width:50%;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		
		-webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
		
	 }
	 
	 .input_field_search{ 
		position:absolute;
		font-size:12px;
		top:1px;
		left:8px;
		text-align: left; 
		padding:6px; 
		padding-top:4px; 
		padding-bottom:4px; 
		margin-left:0px; 
		margin-top:4px;
		width:112px;
		 float:left;
	 }
	 
	 .menu_button{
		 
		 position:relative;
		 font-size:12px;
		 padding-top:8px;
		 padding-bottom:14px;
		 background:#FFF;
		 width:96% !important;
		 height:7px;
		 margin-top:6px;
		 margin-left:3%;
		 float:left;
		 cursor:pointer;
		 text-align: left;
		 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		 
	 }
	 
	 .menu_bottom_button{
		 
		 position:absolute;
		 font-size:12px;
		 padding-top:0px;
		 padding-bottom:14px;
		 height:9px;
		 cursor:pointer;
		 
	 }
	 
	 .menu_bottom_button_text{
		 position:absolute;
		 text-align: center;
		 top:10px;
		 color:#FFF;
		 height:3px;
	 }
	 
	 .menu_bottom_button_text:hover, .menu_bottom_button_text:focus{
		 color:#FFF;
		 /*padding-top:10px;*/
		 transition: color 0.2s linear;
		 -o-transition: color 0.2s linear;
		 -moz-transition: color 0.2s linear;
		 -webkit-transition: color 0.2s linear;
	 }
	 
	 .number_button, #delete_number{
		 position:relative;
		 font-size:18px;
		 color:#333;
		 padding:14px;
		 background:#FFF;
		 top:33px;
		 width:39px;
		 padding-top:4px;
		 height:11px;
		 margin-left:6px;
		 margin-bottom:6px;
		 float:left;
		 cursor:pointer;
		 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	 }
	 
	 .number_button:hover, .number_button:focus,  .menu_button:hover, .menu_button:focus, #delete_number:hover, #delete_number:focus{
		 background:#666;
		 color:#FFF;
		 transition: background-color 0.2s linear;
		 -o-transition: background-color 0.2s linear;
		 -moz-transition: background-color 0.2s linear;
		 -webkit-transition: background-color 0.2s linear;
	 }
	 
	 .svg-fill:hover, .svg-fill:focus {
		 transition: color 0.2s linear;
		 -o-transition: color 0.2s linear;
		 -moz-transition: color 0.2s linear;
		 -webkit-transition: color 0.2s linear;
	 }
	 
	 .button_disabled{
			pointer-events: none;	 
	 }
	 
	 a{
		 color:#000;
		 text-decoration: none;
	 }
	 
	#close_search_bar{
		position:absolute; left:0px; top:36px; width:490px; height:24px; padding-top:11px; background:#FF0; text-align: center; 
	}
	
	/* Header */
	
	#header{
		position:absolute; left:0px; top:0px; background:#333; width:717px; height:34px;
	}
	
	.header_logos{
		position:absolute;
		width:62px;
		height:34px;
		cursor:pointer;
	}
	
	#header_logo_zdf{
		background:url( '../images/zdf_logo.svg' );
		left:10px;
	}
	
	#header_logo_zdf_info{
		background:url( '../images/zdf_info_text_logo.svg' );
		left:72px;
	}
	
	#header_logo_zdf_neo{
		background:url( '../images/zdf_neo_text_logo.svg' );
		left:140px;
	}
	
	#header_logo_3sat{
		background:url( '../images/3sat_text_logo.svg' );
		left:214px;
	}
	
	#header_logo_zdf:hover, #header_logo_zdf:focus{
		background:url( '../images/zdf_logo_active.svg' );
	}
	
	#header_logo_zdf_info:hover, 	#header_logo_zdf_info:focus{
		background:url( '../images/zdf_info_text_logo_active.svg' );
	}
	
	#header_logo_zdf_neo:hover, #header_logo_zdf_neo:focus{
		background:url( '../images/zdf_neo_text_logo_active.svg' );
	}
	
	#header_logo_3sat:hover, #header_logo_3sat:focus{
		background:url( '../images/3sat_text_logo_active.svg' );
	}

	#link_mobile_version{
		left:560px;	
	}
		
	#print_page{
		left:660px;	
	}
	
	#share_page_google{
		left:400px;
		top:4px;
	}
	
	#share_page_twitter{
		left:350px;
		top:6px; 
	}
	
	#share_page_facebook{
		left:300px; 
		top:6px;
	}
	
	#init_search{
		position:absolute; 
		top:5px; 
		left:137px; 
		width:25px; 
		height:25px; 
		float:left; 
		cursor:pointer; 
		overflow:hidden;	
	}
	
	.menu_button_num_span{
		position:absolute; 
		left:180px !important;
	}
	
	.menu_button_label_span{
		position:relative; 
		left:10px;
	}
	
	#main_navigation{
		position:relative;
		height:213px; 
		width:220px; 
		top:34px; 
		border:solid 0px red; 
		overflow-y:auto; 
		overflow-x:hidden;
	}
	
	
				#impressum{
					left:498px;
				}
					
				#datenschutz{
					left:578px;
				}
				
				#kontakt{
					left:663px
				}
				
				.refresh_first{
					position:absolute; left:457px; top:3px; width:30px; height:30px; cursor:pointer
				}
					
				#page-navigation{
					position:relative; top:10px; left:5px;
				}
						
				#prevpg{
					position:relative; top:5px; left:0px; width:40px; height:40px; float:left; cursor:pointer
				}
					
				.refresh_second{
					position:absolute; left:135px; top:5px; width:40px; height:40px; opacity:0.5; cursor:pointer;
				}
				
				#nextpg{
					position:relative; top:5px; right:10px; width:40px; height:40px; float:right; cursor:pointer
				}
					
				#page_navigation_subpages{
					position:relative; top:20px; left:5px; display:block;
				}
						
				#prevpg_subpages{
					position:relative; top:5px; left:3px; width:40px; height:40px; float:left; cursor:pointer; display:none;
				}
					
				#nextpg_subpages{
					position:relative; top:5px; right:10px; width:40px; height:40px; float:right; cursor:pointer; display:none;
				}
	
	
	#consent_button{
		position:absolute; background:transparent; border:none; color:#FFF; z-index:10; left:220px; top:8px; opacity:1; font-size:12px; background:transparent; cursor:pointer; margin:0px;
	}
	
	
/* LOADER */

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  border: 8px solid #FFFFFF;
  border-right-color: transparent;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  display: inline-block;
  margin-top:200px; 
  width:18px; 
  height:18px
}