.header_basics{
	width: 100%;
	background: #B4BFCE;
	background-image: -webkit-linear-gradient(top, #B4BFCE, #6E84A2);
	background-image: -moz-linear-gradient(top, #B4BFCE, #6E84A2);
	background-image: -ms-linear-gradient(top, #B4BFCE, #6E84A2);
	background-image: -o-linear-gradient(top, #B4BFCE, #6E84A2);
	background-image: linear-gradient(to bottom, #B4BFCE, #6E84A2);
	color: #ffffff;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.main_button{
	height: 6vw;
	margin-left: 5px; 
	margin-right: 10px; 
	vertical-align: top;
}
.main_table_calendar_td{
	width: 13.5vw;
	padding: 0;
	margin:0;
}
.main_table_calendar_button_today{
	border-radius: 10px;
	color: white;
	border: 5px solid black;
	padding: 2px;
	width: 100%;
	min-height: 10vw;
}
.main_table_calendar_button_tomorrow{
	border-radius: 10px;
	color: #555555;
	border: 5px solid black;
	padding: 2px;
	width: 100%;
	min-height: 10vw;
}
.main_table_calendar_button_yesterday{
	border-radius: 10px;
	color: #006633;
	border: 5px solid #959595;
	padding: 2px;
	width: 100%;
	min-height: 10vw;
}
.main_table_calendar_button_background_selected{
	background-color: #e9ce16;
}
.main_table_calendar_button_background_tomorrow{
	background-color: #cccccc;
}
.main_table_calendar_button_background_yesterday{
	background-color: white;
}
.main_table_calendar_button_border_actual{
	border: 5px solid red;
}
.main_table_calendar_button_border_selected{
	border: 5px solid #e9ce16;
}
.main_table_calendar_button_border_tomorrow{
	border: 5px solid black;
}
.main_table_calendar_button_border_yesterday{
	border: 5px solid #959595;
}
.main_table_calendar_button_text1_today{
	font-size: 5vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}
.main_table_calendar_button_text1_tomorrow{
	font-size: 5vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}
.main_table_calendar_button_text1_yesterday{
	font-size: 5vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #959595;
}
.main_table_calendar_button_text2_today{
	font-size: 3vw;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}
.main_table_calendar_button_text2_tomorrow{
	font-size: 3vw;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}
.main_table_calendar_button_text2_yesterday{
	font-size: 3vw;
	font-family: Arial, Helvetica, sans-serif;
	color: #959595;
}
.main_text_green_bold1 {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
}
.main_text_green_bold2 {
	font-size: 6vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
}
.main_text_green_bold3 {
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
}
.main_text_border_actual{
	border: 5px solid red;
}
.main_text_border_notactual{
	border: 5px solid white;
}
.main_text_border_selected{
	border: 5px solid #e9ce16;
}
.main_text_background_selected{
	background: #e9ce16;
}
.main_text_background_tomorrow{
	background: #cccccc;
}
.main_text_background_yesterday{
	background: white;
}
.main_text_tomorrow{
	font-size: 4vw;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
}
.main_text_wait{
	font-size: 3vw;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
}
.main_text_yesterday{
	font-size: 4vw;
	font-family: Arial, Helvetica, sans-serif;
	color: #959595;
	text-align: center;
}
.main_text_today{
	font-size: 4vw;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
}
.main_level_0{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffffff;
	color: #000000;
	border: 2px solid black;
}
.main_level_1{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #009600;
	color: #ffffff;
	border: 2px solid black;
}
.main_level_2{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffff00;
	color: #000000;
	border: 2px solid black;
}
.main_level_3{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffa000;
	color: #000000;
	border: 2px solid black;
}
.main_level_4{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ff3600;
	color: #ffffff;
	border: 2px solid black;
}
.main_level_5{
	padding: 3px;
	font-size: 4vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #b40082;
	color: #ffffff;
	border: 2px solid black;
}
.main_wait_backcolor{background-color: #42A0FF;}
#main_wait_progress{
	background: #AAAAAA;
	background-image: -webkit-linear-gradient(top, #CCCCCC, #222222);
	background-image: -moz-linear-gradient(top, #CCCCCC, #222222);
	background-image: -ms-linear-gradient(top, #CCCCCC, #222222);
	background-image: -o-linear-gradient(top, #CCCCCC, #222222);
	background-image: linear-gradient(to bottom, #CCCCCC, #222222);
}
.map_imgs {
	height: 6.5vw;
	margin: 4px; 
	opacity: 0.6;
	filter: alpha(opacity=60);
	float: right;		
}
.map_date_text {
	margin: 2.2vw;
	bottom: 5vw;
	right: 0;
	position: absolute;
	font-size: 3.6vw;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
}

/*********************************************/

	.detail_header_text1{
		font-size: 4vw;
	}
	.detail_header_text2{
		font-size: 5vw;
		font-weight: bold;
	}
	.main_header {
		height: 11vw;
		font-size: 6vw;
	}
	.main_button_map {
		height: 11vw;
		margin: 5px; 
	}
	.map{
		width: 100%;
		background: #cccccc;
	}	
	
	.ol-scale-line-inner{
		font-size: 2vw;
	}
	.ol-scale-line.ol-unselectable{
		left: 14vw;
	}