@charset "UTF-8";
body{
	font-family:sans-serif,Arial,sans-serif;
    margin: 0px;
    overflow-x: hidden;
	overflow-y: auto;
	height: auto;
}
a, img {
    border:none;
    outline:none
}
a{
	text-decoration:none;
	font-weight:bold;
	color:orange;
}
a:hover{
	color:black;
}
p{
	text-align: justify;
	}
div{
   display:block;
   }

td {
	text-align:center;
	}
table.non-center td{
	text-align: left;
}
ul {
   margin:0px;
   -webkit-padding-start: 0px;
}

#hamburger {
   display:none;     
}
nav ul {
   padding: 0;
   list-style: none;
    
}
nav ul li {
    display: block;
    position: relative;
    float: left;	
}
nav ul li a {
    display: block;
    text-decoration: none;
	color:white;
    padding: 3px 10px;
	min-width:75px;
    margin: 0px;
    white-space: nowrap;
}
nav ul li a img{
	border-radius:2px;
	}
nav ul li ul li a:hover {
	background: rgba(0,0,0,0.8);
	color:white;
}
nav li:hover ul {
    z-index:999;
    display: block;
    position: absolute;
	
}
nav li:hover li {
    z-index:999;
    float: none;
}
nav li:hover a { 
	/*border-bottom: 2px solid gray;*/ 
	color:black; 
    background:white;
	}
nav li:hover li a:hover {
    
}
nav li ul {
    display: none;
    max-height: 600px;
    overflow: auto;
}
.sub_menu{
	text-align:left;
	}
.menu-icon{
	font-size:smaller;
	margin-right:5px;
	color:#A0A0A0;
}
.station-selector{
	width:120px;
	}
nav{
      color:white;
	  text-align:center;
	  padding: 0px;
      border-spacing: 5px 0px;
      margin-left:0px;
	  height:27px;
	  z-index:99;
	  margin-top:8px;
	  display:block;
      }                 
li.h_button{
      min-width:4em;
      font-weight:bold;
      margin:0px;
	  margin-left:0px;
       }
#station_selector{
	box-shadow: 2px 3px 3px black; 
	z-index:2; 
	position:fixed; 
	background:white;
	text-align: left;
	color:black;
	display:none; 
	margin-bottom:0px; 
	margin-top:27px; 
	padding-top:2px; 
	padding-bottom:4px; 
	font-weight:bold;  
	padding-left:5px;
	}
#search_box{
		width:60px;
		border:0px;
		background:rgba(255,255,255,0.5);
		border-radius:0px;
		margin-top:4px;
		
		padding:0px 5px;
		margin-left:15px;
		color:white;
		height:27px;
		}
#search_box_normal{
	float:left; 
	background: whitesmoke; 
	border:1px solid black; 
	padding:5px;
	font-weight: bold;
}
#search_box::-webkit-input-placeholder {
   color: white;
}
#output_list_normal{
	position:absolute;
	margin-top: 5px;
	padding: 0 20px;
	left:0;
	background:rgba(0,0,0,0.9);
	text-align: left;
}
#output_list{
	position:absolute;
	top:35px;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.8);
}
.output_list div{
	padding:8px 0 8px 20px;
	border-bottom:1px solid gray;
}
.output_list a div{
	color: white;
}
.output_list div span{
	color: gray;
	font-size: smaller;
}
#top-line{
	background:rgba(30,30,30,0.95);
	height:35px; 
	position:fixed;
	top:0px;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
	z-index:89;
	
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    box-shadow: 0 3px 6px rgba(0,0,0,0.3); 
	}	   
#top-bg{
    position:fixed;
    left:0px;
    top:0px;
    z-index:-5;
    width:100%; 
    height:310px;
	background-repeat: no;
	background-size:cover;     
	opacity: 0.75;
    background-size:resize;
    }	

#header{
      height:125px;
      max-width:1020px;      
}
.main_logo{
			 margin-left:10px;
			 z-index:-1;
			 margin-top:46px;
			 max-width:30%;
	         }
.top_logo{
         margin-left:30px;
         height:100px;
         margin-top:10px;
		 max-width:60%;
	}

.curved{
       border: 0px solid black;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        
       }       
.container{
          max-width:1140px;
          margin:0 auto;
          }
.clear{
      clear:both;
      }
.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
}	  
.shadow{
  -moz-box-shadow:    5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow:         5px 5px 5px #ccc;
}

td.active{
       color:black;
       background-color:gray;
}
.active{
       color:black;
       font-weight:bold;
       color:#FF3333;
}
.login_butt{
	color: black;
	font-weight:bold;
	text-decoration: none;
	cursor: pointer;
}
.login_butt:hover{
	color:gray;
}
#login_error_msg{
	color:red; 
	font-size:0.8em; 
	padding-bottom:5px;
}
#login_box{
	z-index: 99;
	position:fixed;
	background: rgba(100,100,100,0.8);
	padding: 8px;
	margin:0;
    top:35px;
	right:0;
	display:none;
	max-width:200px;
	}
#login_box input{
	border: 0;
	border-radius: 0;
	margin-bottom:2px;
    padding:3px;  
	}    
#main{
     min-height:550px;
     padding-top:0px;
	 margin-top:60px;
     } 
.comment{
        color:black;
        background:white;
        width:800px;
        } 
#home{    
    color:black;
    background-color:white;
	background:rgba(255,255,255,0.95);
	margin:0px;
	padding:10px 20px;
} 
.home_title{
    padding-left:50px;
	padding-top:2px;
    font-weight:bold;
    font-size:x-large;
    
	}
.sub_title{
	font-weight:bold;
    font-size:large;
	color:#444444;
	}
.black_title{
	background: black;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	width:100%;
	}
.home_end{
    position:relative;
    left:750px;
    font-style:italic;
    font-weight:bold;
}
.img{
	padding:0;
	width:350px;
	color:black;
	border: 0px solid black;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left:20px;
} 
#footer_line{
	background: #454545;
	}
#footer_block{
	padding-top:10px;
	font-size:smaller;
	color:#E0E0E0;
	}
.lang-button{
	color:black;
	padding:1px 3px;
	display:inline-block;
	margin-bottom:3px;
	border-radius:2px;
	font-weight:600;
	text-decoration:none;
	background:orange;
}
.small_footer{
	display:none;
	}

.lang_img_small{
	height:17px;
	width:20px;			
	margin:0 2px;
}
.lang_img{
	height:17px; 
	width:25px;
	margin:0px 3px 5px 3px; 
	border-radius:1px;
}
.footer_div{
    float:left;
    vertical-align: top;
	text-align:left;
	width:13%;
	max-width:20%;
	border-right: 1px solid #CCCCCC;
	padding:5px 3%;
	}
.footer_head{
	color: white; /*#FF1111;*/
	margin:0px;
	padding:0px;
	margin-bottom:7px;
	border-bottom:1px solid white;
	font-weight:bold;
	font-size:larger;
	}

.footer_link{
	color:white;
	text-decoration: none;
	}
.social-icon{
	font-size:25px;
	padding-left:5px;
}
.social-icon:hover{
	color:white;
}
.last-foot{
	color:white;	
	background-color:#333333;
	padding:10px 0px;
	font-size:smaller;
}
.last-foot a{
	color: orange;
	text-decoration: none;
	font-weight:bold;
	}
.td_right td{
	text-align:right;
	}

.td_center td{
	text-align:center;
	}
.td_black{
	border-spacing: 1px 1px;
	background: rgba(0,0,0,0.8);
	}
.td_black td{
	background: white;
	text-align:left;
	}
.td_black th{
	background: black;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:1.2em;
	}
.hintbox{
	font-size:0.9em;
	color: gray;
	text-align: justify;
	padding:0px;
	}
#time{
      width:400px;    
      text-align:right;
     }    
#visitors
     {
     border-right:2px solid;
     text-align:center;    
     }
#made{
     text-align:right;
     }     
.left{
        padding: 0px 10px;
        text-align:left;
		  }
.log{
    font-size:0.8em;
    width:50em;
    border:2px solid black;
    margin-left:5em;
    }
.wind{
    width:10em;
}
.date{
    width:20em;
}
#links{
    font-size: 2em;
    position: absolute;
    bottom:0px;
    right:1em;    
    }
#e-mail{
       margin-top:0px;
       width:1000px; 
       margin-right:0px;
       margin-left:10px;
     margin-bottom:5px;     
       }     
.reply{
      margin:0 60px 0 30px; 
      padding:0px 5px;
      font-size:1.1em;
      background:whitesmoke;
      
      }  
.comments{
	font-align:left; 
	padding:0px 10px;
}           
.inputs{
	float:left; 
	width:104px;
	background: rgba(255,255,255,0.95);
	margin: 0px 10px  5px 0;
}
.inputb{
       vertical-align:top;
       text-align:left;  
       width: 426px;
       height: 149px;
       background: rgba(255,255,255,0.95);
       }
.buttsend{
      margin:5px 0 20px 0;
      background-color: rgba(255,255,0,0.5);
      width:130px;
      font-weight:bold;
      }  
input, .inputb {
    border: 1px solid black; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:3px;    
}      
#login_state{
	font-size:smaller;
	position:fixed;  
	right:0px; 
	z-index:99; 
	padding:0px; 
	margin:0px; 
	height:35px;
	}	
#takeit{
	margin:0px 30px;
	padding-top:20px;
}
.country_cont {display:none;}
.station_buttons a:hover {
	background: rgba(50,50,50,0.9);
	color: white;
}
.country_button{
	padding:2px 6px; 
	font-size:1.1em;
	
	}
.station_buttons{
	padding: 0px;
	text-align:left;
	}
.station_img{
	height:14px; 
	width:23px; 
	margin-right:5px;
	border:1px solid gray;
	}
.dynamic_button{ padding-left: 35px;}

.just_small{
	display:none;
	}
#page_mask{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	width:20%;
	background: rgba(0,0,0,0.5);
	z-index:999;
	}