@charset "utf-8";
/* COLUMN */
div#main_left{width:668px;margin:0;}
div#main_right{width:0;}
div#widgets{width:182px;}

/* TAB */
.tab-content-weer-image{float:left;width:385px;}
.tab-content-weer-image a{text-decoration:underline;}
.tab-content-weer-info{float:left;width:47%;margin-left:20px;}
.tab-content-weer-info p{margin-bottom:12px;}
.tab-content-weer-content-kiesuwstad{}
.tab-content-weer-content-perstad{margin-top:20px;}
.tab-content-weer-content-perstad-title{color:#6699CC;font-size:18px;font-weight:bold;}
.tab-content-weer-content-perstad-row{clear:both;margin:5px 0}
.tab-content-weer-content-perstad-row-item{float:left;width:70px;margin:0 35px;text-align:center;}
.tab-content-weer-content-perstad-row-item-first{float:left;width:70px;margin:0 35px 0 0;padding-left:10px;text-align:center;}
.tab-content-weer-content-perstad-row-item-last{float:left;width:70px;margin:0 0 0 35px;text-align:center;}
.tab-content-weer-content-perstad-row p{text-align:left;}
.tab-content-weer-content-perstad-row-backtotop{float:right;margin-bottom:5px;}
.tab-content-weer-content-perstad-row-backtotop a{font-size:10px;text-decoration:underline;}
.tab-content-weer-content-perstad-row-backtotop a:hover{color:#000;}

.column4{float:left;display:inline;margin-right:10px;}
.column4-small{width:110px;}
.column4-normal{width:145px;}
.column4-big{width:180px;}

ul.weer-list {margin-left:8px;}
ul.weer-list li{background-image:url(../images/website/pijl_nieuws.gif);background-repeat:no-repeat;padding-left:15px;}


/*********** WEATHER MAP (WM) ***********/
.wm_tle						{margin:15px 0 27px 0;}
.wm_bg						{position:relative; background:#2997FF url(http://www.kmi.be/meteo/html/2011/img/css_bg/wm_bg.jpg) 0 0 no-repeat; width:558px; height:349px; padding:5px 0 0 11px;}
.column_map					{float:left; background:transparent url(http://www.kmi.be/meteo/html/2011/img/css_bg/wm_map_newest.png) 0 0 no-repeat; width:369px; height:354px; position: relative;}
.column_map div				{position:absolute; text-align:center;}
	.wm_kust				{top:39px; left:43px; width: 75px;}
	.wm_kempen				{top:21px; left:224px; width: 75px;}
	.wm_centrum				{top:115px; left:144px; width: 75px;}
	.wm_ardennen			{top:167px; left:275px; width: 75px;}
	.wm_lotharingen			{top:258px; left:260px; width: 75px;}
	.wm_bft					{bottom:0; left:0; width:130px; height:130px;}
.column_map .double, .column_map .double .wm_kust, 
.column_map .double .wm_kempen, .column_map .double .wm_centrum, 
.column_map .double .wm_ardennen, .column_map .double .wm_lotharingen	{ width: 120px; }
	.double .wm_kust				{top:39px; left:8px;}
	.double .wm_kempen				{top:21px; left:189px;}
	.double .wm_centrum				{top:115px; left:109px;}
	.double .wm_ardennen			{top:167px; left:240px;}
	.double .wm_lotharingen			{top:258px; left:225px;}
.column_map .double img.first {float:left;}
.column_map .double img.second {float:right;}
.map_box .column_map p, #main .column_right .column_map p		{text-align:center; color:#fff; font-size:20px; font-stretch:normal; line-height:18px; 
																				border-top: 2px solid #fff; padding-top: 5px; margin-top: 5px;
																				font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600;}
#main #content .map_box .column_map img, #main .column_right .column_map img	{padding:0; display: block; margin: 0 auto;}

	#main .column_map .wm_bft a				{text-align:center; display:block; padding:15px 0 5px;}
	#main .column_map .wm_bft p				{font-size:32px; display:block; padding:0 0 10px 0; border:none;}
	#main #content .map_box .column_map .wm_bft p	{font-size:32px; border: none; margin: 0;}
	#main .column_map .wm_bft img, #main #content .map_box .column_map .wm_bft img {display: inline;
	}

.wm_bg .column_warning		{float:right; width:180px; height:354px; margin-top:-5px;
							background-color:#4D5D6D; background-color: rgba(53, 76, 95, 0.8); color: rgba(53, 76, 95, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC354C5F, endColorstr=#CC354C5F);}
.warning_rood, .warning_geel, .warning_groen, .warning_oranje, .wm_other	{text-align:center; font-size:13px; font-weight:bold; padding:5px 0 4px 0;}
	.warning_rood			{background:#B6080C url(http://www.kmi.be/meteo/html/2011/img/titles/warning_red.gif) 0 0 no-repeat; color:#F6F6F6;}
	.warning_geel			{background:#FFBC00 url(http://www.kmi.be/meteo/html/2011/img/titles/warning_yellow.gif) 0 0 no-repeat; color:#000;}
	.warning_oranje			{background:#1D2939 url(http://www.kmi.be/meteo/html/2011/img/titles/warning_blue.gif) 0 0 no-repeat; color:#F6F6F6;}
	.warning_groen			{background:#93C633 url(http://www.kmi.be/meteo/html/2011/img/titles/warning_green.gif) 0 0 no-repeat; color:#F6F6F6;}
	.wm_other				{background:#354B5E url(http://www.kmi.be/meteo/html/2011/img/titles/wm_other.gif) 0 0 no-repeat; color:#F6F6F6;}

.wm_icon_arrows			{background:transparent url(http://www.kmi.be/meteo/html/2011/img/icons/wt_icon_arrows.png) 0 0 no-repeat; position:absolute; top:16px; left:50px; z-index:100; width:18px; height:18px;}
.wm_icon_singlearrow	{background:transparent url(http://www.kmi.be/meteo/html/2011/img/icons/wt_icon_singlearrow.png) 0 0 no-repeat; position:absolute; top:16px; left:50px; z-index:100; width:18px; height:18px;}

.warning_large				{height:146px;}	
.warning_small img, .warning_large img, .wm_other_small	img		{float:left;}
.warning_small img 			{background-color: #061D30; opacity: 0.4; /* Standard: FF gt 1.5, Opera, Safari */
														filter: alpha(opacity=40); /* IE lt 8 */

														-ms-filter: "alpha(opacity=40)"; /* IE 8 */
														-khtml-opacity: 0.4; /* Safari 1.x */
														-moz-opacity: 0.4; /* FF lt 1.5, Netscape */}
	.wm_other_small .red, .wm_other_small .uv9tot10	{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/uv_red.png) 0 0 no-repeat;}
	.wm_other_small .orange, .wm_other_small .uv7tot8	{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/uv_orange.png) 0 0 no-repeat;}
	.wm_other_small .yellow, .wm_other_small .uv5tot6	{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/uv_yellow.png) 0 0 no-repeat;}
	.wm_other_small .green, .wm_other_small .uv1tot2, .wm_other_small .uv3tot4	{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/uv_green.png) 0 0 no-repeat;}

.wm_other_small a			{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/wm_other_bg.png) 0 0 no-repeat; width:90px; height:54px; display:block; float:left; text-decoration:none !important; position:relative;}
.wm_other_small a p			{color:#fff; font-weight:bold; font-size:13px; text-align:center; padding:19px 13px 0 0; position:absolute; top:0; right:0; width:32px;}

#main .shadow_570			{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/shadow_570.png) 0 100% no-repeat; width:570px; height:13px;}

/*tooltips*/
a.tt						{display:block;}
.tt_content			 		{background-color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000, endColorstr=#E5000000);
							z-index: 100; padding: 15px; color: #fff; position:absolute; width:170px; -webkit-box-shadow: 3px 3px 5px #171717; -moz-box-shadow: 3px 3px 5px #171717; box-shadow: 3px 3px 5px #171717;}
.tt_content	div				{display:block; text-align:center;}
.tt_content	img				{padding:0 2px 10px 2px;}


/*********** WEATHER TABLE (WT) ***********/
.wt_tle						{margin:5px 0 0 0;}
.wt_days					{width:420px; margin-left:150px;}
.wt_days p					{width:140px; float:left; text-align:center;}
.wt_days p a				{background:transparent url(http://www.kmi.be/meteo/html/2011/img/icons/wt_days.png) 100% 50% no-repeat; padding-right:13px; color:#191919; font-weight:bold; text-decoration:none;}
.wt_days p a:hover			{text-decoration:underline;}

.wt							{margin:3px 0 30px;}
.wt_row						{margin-bottom:1px;}
.wt_row h6					{background-color:#2997FF; color:#fff; width:126px; height:73px; float:left; font-size:18px; font-weight:bold; padding:12px; margin-right:11px; z-index:9;}
.wt_row div					{float:left; width:151px; height:97px; margin-left:-11px;}
.wt_row div div				{text-align:center; padding:5px 0 0 7px;}
.wt_row div div p			{color:#fff; font-size:15px; font-weight:bold; padding:5px 0 0 0;}
.wt_row div.cl_1			{z-index:8; position:relative;}
.wt_row div.cl_2			{z-index:7; position:relative;}
.wt_row div.cl_3			{width:140px;  z-index:6; position:relative;}
	.wt_row .wt_clear1		{background:url(../img/css_bg/wt_clear1.png) 0 0 no-repeat;}	
	.wt_row .wt_dark1		{background:url(../img/css_bg/wt_dark1.png) 0 0 no-repeat;}	
	.wt_row .wt_gray1		{background:url(../img/css_bg/wt_gray1.png) 0 0 no-repeat;}	
.wt_row div.subcl_1,
.wt_row div.subcl_2			{padding:0;}
.wt_row div.subcl_1 div,
.wt_row div.subcl_2 div		{width:70px; margin:0; text-align:center; padding:5px 0 0 2px;}
.wt_row div.subcl_1			{width:71px; margin-left:0;}
.wt_row div.subcl_2			{width:81px; margin:0 0 0 -1px; position:relative;}
.wt_row div.cl_1 .subcl_2 p,
.wt_row div.cl_2 .subcl_2 p,
.wt_row div.cl_3 .subcl_2 p	{color:#fff; font-size:15px; font-weight:bold; position:absolute; bottom:0; right:0; padding:3px 4px 3px 0; text-align:center; width:150px;}
.wt_row div.cl_3 .subcl_2 p	{right:-9px;}
	.wt_row .wt_clear2		{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/wt_clear2.png) 0 0 no-repeat;}	
	.wt_row .wt_dark2		{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/wt_dark2.png) 0 0 no-repeat;}	
	.wt_row .wt_gray2		{background:url(http://www.kmi.be/meteo/html/2011/img/css_bg/wt_gray2.png) 0 0 no-repeat;}
	.wt_row .wt_icon_arrows			{background:transparent url(http://www.kmi.be/meteo/html/2011/img/icons/wt_icon_arrows.png) 0 0 no-repeat; position:absolute; top:30%; left:48%; z-index:100; width:18px; height:18px;}
	.wt_row .wt_icon_singlearrow	{background:transparent url(http://www.kmi.be/meteo/html/2011/img/icons/wt_icon_singlearrow.png) 0 0 no-repeat; position:absolute; top:30%; left:48%; z-index:100; width:18px; height:18px;}
.wt_row div.cl_3 .subcl_2			{width:70px;}
.wt_row div.cl_3 .wt_icon_arrows, .wt_row div.cl_3 .wt_icon_singlearrow	{left:52%;}

#main .column_focus			{float:left; width:270px; margin-right:20px;}
#main .column_newsletter	{float:right; width:279px;}

.map_container	{padding:0 0 20px; background:#F4F4F4 url('http://www.kmi.be/meteo/html/2011/img/css_bg/wm_map_newest_subbg.jpg') no-repeat 261px 20px;}