/* HTML5 ✰ Boilerplate */
* {
  margin: 0;
  padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {   margin: 0px 50px 10px 50px; padding-left: 15px;  border-left: 3px solid #1B91FF; }
blockquote:before, q:before { content: ""; }
blockquote:after, q:after { content: ""; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small;  height:auto; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html {  }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; color:#000; }
nav ul, nav li, ul li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea {  } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: text-top; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background:#1C91FF; color:#fff; text-shadow: none; }
::selection { background:#1C91FF; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color:#1C91FF; }
button {  width: auto;  }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


/********************************************
        PRIMARY STYLES
 ********************************************/
body      {font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#464646; background-color:#DFDFDF;}

#container    {z-index:2; position:absolute; top:0; left:0; width:100%}
.wrapper    {width:1014px; margin:0 auto;}

.turn_off_bg    {position:fixed; top:105px; right:0; z-index:-1;}
.ie6 .turn_off_bg {position:absolute; top:105px; right:0;}

.bold, strong   {font-family:Helvetica, Arial, sans-serif; font-weight:600; font-stretch:normal; color:#000;}

/*TABLES*/
table       {font-size:14px; color:#000; width:100%;}
table th      {text-align:left; font-weight:bold; padding:0 5px;}
table tr      {border-bottom:1px solid #D4D4D4;}
table tr.titles   {border-bottom:none; background-color:#fff;}
table tr.values   {color:#1C91FF; background-color:#fff;}
table tr.values td  {padding-top:5px; padding-bottom:15px;}
tr:nth-child(2n+3)  {background-color:#EEEEEE;}
tr:nth-child(2n+4)  {background-color:#F7F7F7;}
  table.novalues tr:nth-child(2n+2) {background-color:#EEEEEE;}   
  table.novalues tr:nth-child(2n+3) {background-color:#F7F7F7;}
  table.novalues th         {padding-bottom:25px;}
table td      {padding:10px 5px;}
table td.empty    {color:#000000;}
table td,
table th      {border-left:1px solid #D4D4D4;}
table td.side_th,
table th.side_th  {border-left:none; max-width:150px;}
.table        {padding-bottom:35px;}
.table .legende   {color:#FF0000 !important; font-size:12px !important; float:right; padding:20px 0 0 0 !important;}

#main.sub #content #zon_maan th     {margin:0; padding:0;}
#main.sub #content #zon_maan th.side_th {width:144px; vertical-align:top;}
#main.sub #content #zon_maan th img   {margin:0 0 -5px 0; padding:0;}
#main.sub #content #zon_maan .side_th {font-weight:bold;}

/********************************************
         SPLASH
 ********************************************/
#taalkeuze          {background-color:#FFFFFF;} 
#taalkeuze #wrap      {width:630px; height:217px; margin:200px auto 0;}
#taalkeuze #content     {background:url(../img/css_bg/shadow_630.png) 0 100% no-repeat; padding:0 0 17px 0;}
#taalkeuze .one_third   {width:210px; float:left;}
#taalkeuze h1       {background:url(../img/css_bg/splash_bg.jpg) 0 0 no-repeat; height:200px;}
#taalkeuze h1 img     {padding:52px 0 0 29px;}
#taalkeuze ul       {margin:0;}
#taalkeuze li a       {background-color:#DFDFDF; color:#000; font-weight:bold; font-size:14px; border-bottom:1px solid #C7C7C7; border-top:1px solid #FBFBFB; 
              padding:16px 0 15px 20px; display:block; text-decoration:none;}
#taalkeuze li.first a   {border-top:1px solid #DFDFDF;}
#taalkeuze li.last a    {border-bottom:none;}
#taalkeuze li a:hover   {background-color:#1C91FF; color:#fff;}
#taalkeuze li.first a:hover {border-top:1px solid #1C91FF;}
#taalkeuze li.last a:hover  {border-bottom:none;}


/********************************************
        HEADER
 ********************************************/
header        {background:url(../img/css_bg/bg_mainnav.png) 0 0 no-repeat; width:1014px; height:98px; position:relative; z-index:500;}
#mainnav li     {float:left; height:85px; border-left:1px solid #000; border-right:1px solid #434346; position:relative;}
#mainnav li a   {display:block; font-size:17px; font-weight:bold; color:#999999; text-decoration:none; padding:45px 20px 10px 20px;}
#mainnav li form  {padding:45px 20px 0 20px;}
#mainnav li.first a     {background:url(../img/general/logo_kmi_header.png) 0 5px no-repeat; width:65px; height:78px; text-indent:-9999px; padding:0 18px 0 0;}
#mainnav li.first a.lang_nl {background-image:url(../img/general/logo_kmi_header.png);}
#mainnav li.first a.lang_fr {background-image:url(../img/general/logo_kmi_header_fr.png);}
#mainnav li.first a.lang_en {background-image:url(../img/general/logo_kmi_header_en.png);}
#mainnav li.first a.lang_de {background-image:url(../img/general/logo_kmi_header_de.png);}
  #mainnav li.first   {border-left:none;}
  #mainnav li.last    {border-right:none;}
  
  #mainnav li form          {margin-top:-5px; float:right; *padding-right:45px;}
  #mainnav li form input.form_text  {background:#3C3C3E url(../img/css_bg/search_text.gif) 0 0 no-repeat; width:188px; height:19px; border:none; color:#fff; padding:5px 10px 0 10px;}
  #mainnav li form input.form_btn   {background:transparent url(../img/btns/search.png) 0 0 no-repeat; width:30px; height:30px; text-indent:-9999px; font-size:0; line-height:0; border:none; margin-left:-20px; display:inline;}

#mainnav li.active a    {background:transparent url(../img/icons/mainnav_active.png) 50% 100% no-repeat; color:#fff;}
#mainnav li ul        {display:none;}
#mainnav li ul li     {clear:both; /*width:265px;*/ width:200px; background-color:#1779D6; height:40px; border-top:1px solid #61B2FF; border-bottom:1px solid #175FAC; border-left:none; border-right:none;}
#mainnav li ul li a     {padding:13px 10px; font-size:12px; /*background:transparent url(../img/icons/arrow_link.png) 94% 50% no-repeat;*/}
  #mainnav li ul li a:hover {background-color:#175FAC;}

#mainnav li:hover, #mainnav .ie-hover       {background:#1779D6 url(../img/css_bg/bg_mainnav_hover.jpg) 0 0 repeat-x; border-bottom:1px solid #175FAC;}
#mainnav li:hover a, #mainnav .ie-hover a     {color:#fff;}
#mainnav li:hover ul, #mainnav .ie-hover ul     {display:block; position:absolute; left:-28px; top:86px;}
#mainnav li.first:hover, #mainnav li.last:hover,
#mainnav .ie-hover.first, #mainnav .ie-hover.last {background:none; border-bottom:none;}

#language_nav   {position:absolute; top:8px; right:43px;}
#language_nav li  {float:left;}
#language_nav li a  {color:#fff; text-decoration:none; font-size:12px; padding:0 5px;}
#language_nav li.active a, #language_nav li a:hover {color:#999999;}
#language_nav li.rss a  {padding:0 5px 0 15px;}

  /*header ie6*/
  .ie6 header         {background:url(../img/css_bg/bg_mainnav_ie6.jpg) 0 0 no-repeat; width:1014px; height:86px; margin:0 0 13px 0;}
  .ie6 #mainnav li.first a  {background:url(../img/general/logo_kmi_header_ie6.png) 0 0 no-repeat; width:65px; height:78px;}
  .ie6 #mainnav li form   {top:-2px;}
  .ie6 #mainnav li ul li a  {width:245px;}

/********************************************
        CONTENT
 ********************************************/
#main     {background-color:#F4F4F4; padding:0 42px 20px 19px; position:relative;}
#main a:hover {text-decoration:underline;}
#main h1    {font-size:28px; color:#191919; padding:0 0 5px 22px;}
#main h2    {font-size:22px; color:#000;}
#main h2 a    {color:#000; text-decoration:none; background:transparent url(../img/icons/arrow_h3.png) 100% 60% no-repeat; padding-right:28px;}
#main h3    {font-size:16px; color:#000; padding-bottom:25px;}
.column_focus h3, .column_newsletter h3   {font-size:22px !important;}

#main .top_date, #main .top_update  {font-size:15px; font-weight:bold; color:#999; padding-top:27px; padding-bottom:21px;}
#main .top_date           {color:#191919; padding-right:20px; padding-left:22px; float:left;}
#nextupdatetext {visibility: hidden;}

#main .twitter-share-button, #main #fb, #main .gplus    {position:absolute !important; top:27px; right:42px; z-index:5;}
#main .twitter-share-button   {right:190px;}
#main .gplus          { right:230px; }      

/*********** HOME SUBNAV ***********/
#main #home_subnav      {margin-left:20px; background-color:#DFDFDF; margin-bottom:27px;}
#main #home_subnav li   {float:left; display:inline; border-left:1px solid #C7C7C7; border-right:1px solid #F7F7F7; height:35px;}
#main #home_subnav li.first {border-left:none;}
#main #home_subnav li.last  {border-right:none;}
#main #home_subnav li a   {display:block; float:left; padding:11px 17px 0 17px; text-decoration:none; font-weight:bold; font-size:12px; color:#141414;}

#main #home_subnav li a span    {background:transparent url(../img/icons/arrow_home_subnav.png) 100% 50% no-repeat; color:#999; padding-right:20px;}

  #main #home_subnav li.active, #main #home_subnav li:hover, #main #home_subnav .ie-hover     {background-color:#1C91FF; border-right:1px solid #1C91FF;}
  #main #home_subnav li.active a, #main #home_subnav li:hover a, #main #home_subnav .ie-hover a {color:#fff;}
  #main #home_subnav li.active a      {background:transparent url(../img/css_bg/home_subnav_active.gif) 50% 100% no-repeat; padding-bottom:15px; line-height:15px;}
  
  #main #home_subnav li.active a span, #main #home_subnav li:hover a span,  
  #main #home_subnav .ie-hover a span   {background:transparent url(../img/icons/arrow_link.png) 100% 50% no-repeat; padding-bottom:0; color:#fff;}

#main .column_left    {width:364px; float:left; margin-right:19px;}
#main .column_right   {width:570px; float:left;}

  /*home_subnav ie6*/
  .ie6 #main #home_subnav     {background:url(../img/css_bg/home_subnav_ie6.gif) 0 0 repeat-x;}
  .ie6 #main #home_subnav li.active a     {background:transparent url(../img/css_bg/home_subnav_active_ie6.gif) 50% 100% no-repeat;}
  .ie6 #main #home_subnav li.active, .ie6  #main #home_subnav li:hover, .ie6 #main #home_subnav .ie-hover     {border-right:1px solid #F4F4F4;}
  .ie6 #main #home_subnav li a span     {background:transparent url(../img/icons/arrow_home_subnav.gif) 100% 50% no-repeat; color:#999; padding-right:20px;}
  .ie6 #main #home_subnav .ie-hover a span  {background:transparent url(../img/icons/arrow_link.png) 100% 50% no-repeat !important; padding-bottom:0; color:#fff !important;}

#main .gradient_bg    {background: #FFF; /* old browsers */
            background: -moz-linear-gradient(top, #F4F4F4 1%, #F4F4F4 9%, #FBFBFB 30%, #FFFFFF 100%); /* firefox */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F4F4F4), color-stop(9%,#F4F4F4), color-stop(30%,#FBFBFB), color-stop(100%,#FFFFFF)); /* webkit */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
            padding:15px 22px 30px 22px; line-height:20px;}
#main .shadow_363   {background:url(../img/css_bg/shadow_363.png) 0 100% no-repeat; width:363px; height:13px;}

/*gradient_bg ie*/
.ie6 #main .gradient_bg ul li a   {right:22px;}
.ie6 #main .gradient_bg ul li p span, .ie7 #main .gradient_bg ul li p span, .ie8 #main .gradient_bg ul li p span  {margin-top:-20px;}

/* 20140820: new model for image in front of text */
div.imgandtext, 
div.imgandtext280 {display: table; padding: 10px 0px;}
div.imgandtext    img,
div.imgandtext280 img {width: 230px;}
div.imgandtext    div,
div.imgandtext280 div {vertical-align: middle; display: table-cell; padding: 0px 10px;}
div.imgandtext    p, 
div.imgandtext280 p {vertical-align: middle; display: table-cell;}
div.imgandtext280 img {width: 280px;}

div.imgandtextair {padding: 10px 60px;}
div.imgandtextair p {padding: 0px 10px 0px 70px !important;}

/* 20140820: new model for 2 images next */
div.images2next {vertical-align: middle; width: 700px; margin-left: auto; margin-right: auto; display: block;}
div.images2next img {width: 335px; vertical-align: middle; padding: 5px;}


/* 20150428 : **** CLIMATE - ATLAS *********/
#climate_atlas a.navigation_element {text-decoration:none;padding:2px 5px 2px 5px;cursor: pointer; cursor: hand;}
#climate_atlas a.navigation_element:hover {background-color: #1C91FF;color:#FFF}

#main.sub .faqCategorie {padding: 40px 0px 3px;}

/*********** RADARCAROUSEL ***********/
#main .radarCarousel        {margin:20px 0 0 0;}
#main .radarCarousel ul       {margin-left:0;}
#main .radarCarousel ul li      {position:relative; width:321px; height:224px;}
#main .radarCarousel ul li a    {text-decoration:none;}
#main .radarCarousel ul li span.radar, 
span.radar  {position:absolute; top:0; left:0; width:276px; height:26px; color:#fff; font-size:12px; padding:5px 0 0 45px; overflow:hidden; line-height:20px; 
      background-color:#7C7172; background:rgba(124,113,114); background:rgba(124,113,114,0.75); background-position:0 0; background-repeat:no-repeat;}
#main .radarCarousel ul li span.radar a, span.radar a       {color:#fff; text-decoration:none;}
#main .radarCarousel ul li span.radar a:hover, span.radar a:hover {text-decoration:underline;}
  #main .radarCarousel ul li span.neerslagradar, span.neerslagradar {background-image:url(../img/css_bg/car_neerslag.png);}
  #main .radarCarousel ul li span.bliksem, span.bliksem       {background-image:url(../img/css_bg/car_lightning.png);}
  #main .radarCarousel ul li span.satelliet, span.satelliet     {background-image:url(../img/css_bg/car_satelite.png);}
  #main .radarCarousel ul li span.webcam, span.webcam         {background-image:url(../img/css_bg/car_webcam.png);}
  #main .radarCarousel ul li span.temperatuur, span.temperatuur   {background-image:url(../img/css_bg/car_temp.png);}
  #main .radarCarousel ul li span.wind, span.wind           {background-image:url(../img/css_bg/car_wind.png);}
#main .radarCarousel ul li span.radar_time, span.radar_time       {position:absolute; top:5px; right:10px; color:#fff; font-size:12px; line-height:20px;}
#main .radarCarousel ul li a .zoom  {position:absolute; top:206px; right:0; margin-right:-1px;}
  #main .radarCarBtns       {margin:3px auto 9px auto; width:auto;}
  #main .radarCarBtns tr      {border-bottom:none;}
  #main .radarCarBtns td      {border-left:none; padding:0;}
  #main .radarCarBtns a     {background: url(../img/btns/car.png) no-repeat scroll 0 0 transparent; color: transparent; cursor: pointer; display: block; float: left; font-size: 0; width: 12px; height: 11px;
                  margin-right: 3px; text-indent: -9999px;}
  #main .radarCarBtns a:hover,    
  #main .radarCarBtns a.in    {background-image: url(../img/btns/car_active.png);}

#main .shadow_321   {background:url(../img/css_bg/shadow_321.png) 0 100% no-repeat; width:321px; height:13px;}

#main .gradient_bg h2       {color:#1B91FF; padding-bottom:15px;}
#main .gradient_bg .copy p    {font-size:17px; line-height:23px;}

/*********** NEWS ***********/
#main .news       {padding:13px;}
#main .news h3      {float:left; padding-bottom:20px;}
#main .news .rss    {float:right; margin-top:6px;}
#main .news .article  {clear:both;}

#main .article a img    {float:left; margin-right:20px;}
#main .article h4     {padding:5px 0 0 0;}
#main .article h4 a     {font-size:20px; color:#1991FF; text-decoration:none;}
#main .article p      {padding:10px 0;}
#main .article p a      {color:#171717; text-decoration:none;}
#main .article .full_article,
#main.sub #content a.action {color:#050505; font-size:12px; font-weight:bold; text-decoration:none; background:transparent url(../img/icons/arrow_full_article.png) 100% 50% no-repeat; padding-right:15px;}
#main .article .news_date {font-size:13px; padding:0;}
#main .article a:hover,
#main.sub #content a.action:hover {text-decoration:underline;}

/*********** WEATHER MAP (WM) ***********/
.wm_tle           {margin:15px 0 27px 0;}
.wm_bg            {position:relative; background:#276db3 url(../img/css_bg/wm_bg_merged.jpg) 0 0 no-repeat; width:558px; height:349px; padding:5px 0 0 11px;}
.column_map         {float:left; width:369px; height:354px; position: relative;}
/** 20140108 Stephane: .column_map          {float:left; background:transparent url(../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;}
  .wm_bft a       {color: #FFF!important;}
  .wm_bft .tt:hover   {text-decoration: none;}
.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;}
#main #content .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 .tt       {text-align:center; display:block; padding:25px 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(../img/titles/warning_red.gif) 0 0 no-repeat; color:#F6F6F6;}
  .warning_geel     {background:#FFBC00 url(../img/titles/warning_yellow.gif) 0 0 no-repeat; color:#000;}
  .warning_oranje     {background:#1D2939 url(../img/titles/warning_blue.gif) 0 0 no-repeat; color:#F6F6F6;}
  .warning_groen      {background:#93C633 url(../img/titles/warning_green.gif) 0 0 no-repeat; color:#F6F6F6;}
  .wm_other       {background:#354B5E url(../img/titles/wm_other.gif) 0 0 no-repeat; color:#F6F6F6;}

.wm_icon_arrows     {background:transparent url(../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(../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(../img/css_bg/uv_red.png) 0 0 no-repeat;}
  .wm_other_small .orange, .wm_other_small .uv7tot8 {background:url(../img/css_bg/uv_orange.png) 0 0 no-repeat;}
  .wm_other_small .yellow, .wm_other_small .uv5tot6 {background:url(../img/css_bg/uv_yellow.png) 0 0 no-repeat;}
  .wm_other_small .green, .wm_other_small .uv1tot2, .wm_other_small .uv3tot4  {background:url(../img/css_bg/uv_green.png) 0 0 no-repeat;}

.wm_other_small a     {background:url(../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:12px; text-align:right; padding:19px 4px 0 0; position:absolute; top:0; right:0;}

#main .shadow_570     {background:url(../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(../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(../img/css_bg/wt_clear2.png) 0 0 no-repeat;}  
  .wt_row .wt_dark2   {background:url(../img/css_bg/wt_dark2.png) 0 0 no-repeat;} 
  .wt_row .wt_gray2   {background:url(../img/css_bg/wt_gray2.png) 0 0 no-repeat;}
  .wt_row .wt_icon_arrows     {background:transparent url(../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(../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;}

/*********** FOCUSCAROUSEL ***********/
#main .focusCarousel        {margin:15px 0 0 0;}
#main .focusCarousel ul       {margin-left:0;}
#main .focusCarousel ul li      {position:relative; height:203px; text-align: center;}
#main .focusCarousel ul li a    {text-decoration:none; cursor:pointer;}
#main .focusCarousel ul li a span {background: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000, endColorstr=#E5000000); 
                  position:absolute; bottom:0; left:0; width:222px; height:47px; color:#fff; font-size:16px; padding:13px 35px 13px 13px; text-align: left;}
#main .focusCarousel ul li .carArrow{position:absolute; bottom:10px; right:10px;}
  #main .focusCarBtns       {margin:3px auto 9px auto; width:auto;}
  #main .focusCarBtns tr      {border-bottom:none;}
  #main .focusCarBtns td      {border-left:none; padding:0;}
  #main .focusCarBtns a     {background: url(../img/btns/car.png) no-repeat scroll 0 0 transparent; color: transparent; cursor: pointer; display: block; float: left; font-size: 0; width: 12px; height: 11px;
                  margin-right: 3px; text-indent: -9999px;}
  #main .focusCarBtns a:hover,    
  #main .focusCarBtns a.in    {background-image: url(../img/btns/car_active.png);}
  
#main .shadow_270   {background:url(../img/css_bg/shadow_270.png) 0 100% no-repeat; width:270px; height:13px;}

/*********** NEWSLETTER ***********/
#main .newsletter_box     {margin:15px 0 0 0; background-color:#fff;}
#main .newsletter_box p     {color:#1B91FF; font-weight:bold; padding:12px 45px 0 15px;}
#main .newsletter_box p a   {color:#1B91FF;}
#main .newsletter_box ul    {margin-left:10px; padding:6px 45px 0 15px;}
#main .newsletter_box li    {list-style-image:url(../img/icons/list_style.gif); font-size:13px; color:#191919; line-height:18px;}
#main .newsletter_box li a    {color:#191919;}
#main .newsletter_box a:hover {text-decoration:none;}
#main .newsletter_box hr    {margin:10px 0; border-color:#F3F3F3; border-width:2px; *margin:3px 0;}

#main .newsletter_box form          {padding:0 0 10px 10px;}
#main .newsletter_box form input.form_text  {background:#F3F3F3 url(../img/css_bg/e-mail.jpg) 0 0 no-repeat; width:200px; height:25px; border:none; padding:5px 10px 0 10px; margin-right:7px;}
#main .newsletter_box form input.form_btn {background:transparent url(../img/btns/e-mail.png) 0 0 no-repeat; width:29px; height:30px; text-indent:-9999px; font-size:0; line-height:0; border:none; display:inline;}


#main .shadow_279   {background:transparent url(../img/css_bg/shadow_279.png) 0 100% no-repeat; width:279px; height:13px;}

/*********** SUBHOME ***********/
#main.sub       {padding:0; position:relative;}
#main.sub .bg_sub   {background:#1C91FF url(../img/css_bg/bg_sub.jpg) 0 0 no-repeat; height:108px; padding:37px 0 0 53px; position:relative;}
#main.sub h1      {font-size:28px; color:#191919; padding:0 0 25px 0;}
#main.sub h2      {font-size:22px; color:#1B91FF; padding:0 0 15px 0;}
#main.sub h2 a      {color:#1B91FF; text-decoration:none !important; background:transparent url(../img/icons/arrow_h3.png) 100% 30% no-repeat; padding-right:28px;}
#main.sub h2 a:hover  {text-decoration:underline !important;}
#main.sub h2.nav_tle a  {font-size:30px; color:#fff; text-decoration:none !important; background:none; cursor:pointer;}
#main.sub h2.nav_tle a:hover  {text-decoration:none; !important}
#main.sub h3      {font-size:16px; color:#000; padding-bottom:25px;}
#main.sub #content p  {padding:0 0 25px 0; color:#000; line-height:22px;}
#main.sub #content p a  {color:#000;}
#main.sub #content p a:hover  {text-decoration:none;}

#main.sub .column_content ul      {margin:0 0 25px 15px;}
#main.sub .column_content ul li     {list-style-type:disc; color:#000; font-weight:normal; font-size:13px; line-height:18px;}
#main.sub .column_content ul li a   {color:#000;}
#main.sub .column_content ul li a:hover {text-decoration:none;}

#subnav         {position:absolute; bottom:0; left:53px; margin:0;}
#subnav li        {background:url(../img/css_bg/bg_subnav.jpg) 0 0 repeat-x; height:44px; float:left; margin:0 1px 1px 0;}
#subnav li a      {color:#444; font-size:15px; font-weight:bold; text-decoration:none; padding:13px 20px; display:block;}
#subnav li:hover    {background:url(../img/css_bg/bg_subnav_active.jpg) 0 0 repeat-x;}
#subnav li.active   {background-image:none; background-color:#fff;}
#subnav li.active, #subnav li.active:hover    {height:45px; margin-bottom:0; background:#fff url(../img/icons/subnav_active.png) 50% 90% no-repeat;}
#subnav li.active a   {color:#191919;}
#subnav li:hover a    {text-decoration:none; color:#191919;}

#main .intro, #main.sub #content .intro         {padding:40px 40px 40px 32px; font-size:18px; line-height:25px; color:#464646}
#main .intro p, #main.sub #content .intro p       {padding:0;}
#main .intro a, #main.sub #content .intro a       {color:#191919;}
#main .intro a:hover, #main.sub #content .intro a:hover {text-decoration:none;}

#main.sub h2.overview     {font-size:16px; color:#000; padding:0;}
#main.sub h2.overview a     {color:#000; text-decoration:none; background:transparent url(../img/icons/arrow_h3.png) 100% 60% no-repeat; padding-right:28px; display:inline; 
                *display:inline-block; *background-position:100% 93%;}
#main.sub h2.overview a:hover {text-decoration:underline;}

.menu         {background-color:#fff; padding:22px 0 37px 32px;}
.menu a:hover     {text-decoration:underline;}
.menu .column     {float:left; width:220px; margin-right:20px;}
.menu .column img   {background:transparent url(../img/css_bg/shadow_220.png) 0 100% no-repeat; padding-bottom:13px; margin-top:15px;}
.menu .column a     {display:block;}
.menu .faq        {width:460px;}
.menu .faq ul     {margin:15px;}
.menu .faq ul li    {color:#191919; list-style-type:disc;}
.menu .faq ul li a    {color:#191919; text-decoration:none; font-weight:bold; font-size:13px; line-height:18px;}

.files            {padding:35px 40px 25px 32px;}
#main.sub .article      {width:215px; float:left; margin-right:25px; padding:7px 0 0 0;}
#main.sub .article.last   {margin-right:0;}
#main.sub .article a img  {float:none; padding:0 0 7px 0;}
#main.sub .article h3   {height:40px; padding-bottom:0;}
#main.sub .article h3 a   {font-size:16px;}

/*********** SUBPAGINA ***********/
#content          {padding:35px 42px 25px 32px; background-color:#fff;}
#columnnav          {width:200px; margin:0 40px 0 0; float:left;}
#columnnav ul       {margin:0;}
#columnnav li       {border-bottom:1px solid #D4D4D4;}
#columnnav li a       {font-size:15px; font-weight:bold; text-decoration:none; color:#191919; padding:10px; display:block;}
#columnnav li:hover, #columnnav li.active     {background-color:#1C91FF; border-bottom:1px solid #fff;}
#columnnav li:hover a, #columnnav li.active a   {color:#FCFCFC; text-decoration:none;}

#columnnav + .column_content {width:700px; float:left;}

#main.sub #content .column_content .intro   {padding:0 0 27px 0;}

#main.sub #content #contentnav, #main.sub #content .paginatie       {margin: 0; padding:0 0 25px 0;}
#main.sub #content #contentnav li, #main.sub #content .paginatie li     {float:left; padding:1px 0 10px 0; list-style-type:none;}
#main.sub #content #contentnav li a, #main.sub #content .paginatie li a   {font-size:20px; color:#999; text-decoration:none !important; border-left:1px solid #D4D4D4; height:25px; padding:0 12px;}
#main.sub #content #contentnav li.first a                   {border-left:none; padding-left:0;}
#main.sub #content #contentnav li:hover a, #main.sub #content #contentnav li.active a,
#main.sub #content .paginatie li:hover a, #main.sub #content .paginatie li.active a   {text-decoration:none !important; color:#1B91FF;}
#main.sub #content #contentnav li.active, #main.sub #content .paginatie li.active   {background: url(../img/icons/contentnav_active.png) 50% 100% no-repeat;}
#main.sub #content #contentnav.small li a, #main.sub #content .paginatie li a     {font-size:15px; height:16px;}
  #main.sub #content .paginatie           {border-bottom:1px solid #ccc; padding-bottom:0 5px 12px 5px;}
  #main.sub #content .paginatie ul          {float:left; margin:0; padding-bottom:12px;}
  #main.sub #content .paginatie li.first a      {border:none;}
  #main.sub #content .paginatie .nxt-prev       {float:right; padding-top:5px;}
  #main.sub #content .paginatie .nxt-prev a     {font-size:12px; text-decoration:none; display:block; float:left; color:#434326; padding:0 20px;}
  #main.sub #content .paginatie .nxt-prev a:hover   {text-decoration:underline;}
  #main.sub #content .paginatie .nxt-prev a.prev    {border-right:1px solid #ccc; background:url(../img/icons/prev_page.png) 0 40% no-repeat;}
  #main.sub #content .paginatie .nxt-prev a.next    {background:url(../img/icons/next_page.png) 100% 40% no-repeat;}
  #main.sub #content .paginatie.bottom        {border-top:1px solid #ccc; border-bottom:none; padding:12px 5px 0 0; margin-top:20px;}
  #main.sub #content .paginatie.bottom li       {float:left; padding:10px 0 1px 0; list-style-type:none;}
  #main.sub #content .paginatie.bottom li.active    {background: url(../img/icons/contentnav_active_up.png) 50% 0 no-repeat;}
  #main.sub #content .paginatie.bottom .nxt-prev    {padding-top:12px;}
#main.sub #content #contentnav.smallest li        {padding:1px 0 6px; list-style-type:none; background-position:55% 100%;}
#main.sub #content #contentnav.smallest li a      {font-size:14px; padding:0 7px;}
#main.sub #content #contentnav.smallest li.first a    {padding-left:7px;}
#main.sub #content #contentnav.smallest li a.empty    {color:#CACACA;}    

#main.sub #content #buttonsnav          {margin:0 0 25px 0;}
#main.sub #content #buttonsnav li       {float:left; list-style-type:none;}
#main.sub #content #buttonsnav li a       {width:76px; height:28px; text-indent:-9999px; display:block;}
#main.sub #content #buttonsnav .map       {background:url(../img/btns/map_btn.jpg) 0 0 no-repeat;}
#main.sub #content #buttonsnav .map:hover   {background-position:-76px 0;}
#main.sub #content #buttonsnav .active .map   {background-position:-152px 0;}
  #main.sub #content #buttonsnav .map_nl      {background:url(../img/btns/nl/map_btn.jpg) 0 0 no-repeat;}
  #main.sub #content #buttonsnav .map_nl:hover  {background-position:-76px 0;}
  #main.sub #content #buttonsnav .active .map_nl  {background-position:-152px 0;}
  #main.sub #content #buttonsnav .map_fr      {background:url(../img/btns/fr/map_btn.jpg) 0 0 no-repeat;}
  #main.sub #content #buttonsnav .map_fr:hover  {background-position:-76px 0;}
  #main.sub #content #buttonsnav .active .map_fr  {background-position:-152px 0;}
  #main.sub #content #buttonsnav .map_en      {background:url(../img/btns/en/map_btn.jpg) 0 0 no-repeat;}
  #main.sub #content #buttonsnav .map_en:hover  {background-position:-76px 0;}
  #main.sub #content #buttonsnav .active .map_en  {background-position:-152px 0;}
  #main.sub #content #buttonsnav .map_de      {background:url(../img/btns/de/map_btn.jpg) 0 0 no-repeat;}
  #main.sub #content #buttonsnav .map_de:hover  {background-position:-76px 0;}
  #main.sub #content #buttonsnav .active .map_de  {background-position:-152px 0;}
#main.sub #content #buttonsnav .table     {background:url(../img/btns/table_btn.jpg) 0 0 no-repeat; padding:0;}
#main.sub #content #buttonsnav .table:hover   {background-position:-76px 0;}
#main.sub #content #buttonsnav .active .table {background-position:-152px 0;}
  #main.sub #content #buttonsnav .table_nl      {background:url(../img/btns/nl/table_btn.jpg) 0 0 no-repeat; padding:0;}
  #main.sub #content #buttonsnav .table_nl:hover    {background-position:-76px 0;}
  #main.sub #content #buttonsnav .active .table_nl  {background-position:-152px 0;}
  #main.sub #content #buttonsnav .table_fr      {background:url(../img/btns/fr/table_btn.jpg) 0 0 no-repeat; padding:0; width:74px;}
  #main.sub #content #buttonsnav .table_fr:hover    {background-position:-74px 0;}
  #main.sub #content #buttonsnav .active .table_fr  {background-position:-148px 0;}
  #main.sub #content #buttonsnav .table_en      {background:url(../img/btns/en/table_btn.jpg) 0 0 no-repeat; padding:0; width:74px;}
  #main.sub #content #buttonsnav .table_en:hover    {background-position:-74px 0;}
  #main.sub #content #buttonsnav .active .table_en  {background-position:-148px 0;}
  #main.sub #content #buttonsnav .table_de      {background:url(../img/btns/de/table_btn.jpg) 0 0 no-repeat; padding:0; width:85px;}
  #main.sub #content #buttonsnav .table_de:hover    {background-position:-85px 0;}
  #main.sub #content #buttonsnav .active .table_de  {background-position:-170px 0;}

#main.sub #content #mapnav          {margin:0; background-color:#DFDFDF;}
#main.sub #content #mapnav li       {float:left; display:inline; border-left:1px solid #C7C7C7; border-right:1px solid #F7F7F7; height:35px;}
#main.sub #content #mapnav li.first     {border-left:none;}
#main.sub #content #mapnav li.last      {border-right:none;}
#main.sub #content #mapnav li a       {display:block; float:left; padding:9px 17px 8px 17px; text-decoration:none; font-weight:bold; color:#141414;}
  #main.sub #content #mapnav li.active, #mapnav li:hover      {background-color:#1C91FF; border-right:1px solid #1C91FF;}
  #main.sub #content #mapnav li.active a, #mapnav li:hover a    {color:#fff !important; text-decoration:none;}
  #main.sub #content #mapnav li.active a              {background:transparent url(../img/css_bg/home_subnav_active.png) 50% 100% no-repeat; padding-bottom:14px; position:relative; z-index:5;}

#main.sub .map_container  {padding:0 0 20px; background:#F4F4F4 url('../img/css_bg/wm_map_newest_subbg_merged.jpg') no-repeat 261px 20px;}
#main.sub .map_box      {position:relative; width:397px; height:343px; padding:12px 0 20px 12px; float:right; margin:20px 40px 20px 10px;}
#main.sub .column_map   {float: right;}
#main.sub .map_content    {padding:20px 35px;}
#main.sub .map_content h2 {font-size:20px; color:#1991FF; padding:20px 0 5px;}
#main.sub .map_content p  {padding:0 !important;}
#main.sub .next_days .column_map p    {font-size: 18px;}

#main.sub .audiobutton    {background:url(../img/btns/audio.jpg) 0 0 no-repeat; width:201px; height:28px; display:block; text-indent:-9999px; float:left;}

#main.sub .shadow_700   {background:transparent url(../img/css_bg/shadow_700.png) 0 100% no-repeat; height:13px;}

/*********** CONTENT TABLE (CT) ***********/
#main.sub .ct       {width:700px;}
#main.sub .ct_day     {background:url(../img/css_bg/ct_day.png) 0 0 no-repeat; width:187px; height:300px; float:left; margin-left:-12px; position:relative;}
#main.sub .ct_day.cl_1    {margin-left:0; z-index:9;}
#main.sub .ct_day.cl_2    {z-index:8;}
#main.sub .ct_day.cl_3    {z-index:7;}
#main.sub .ct_day.cl_4    {width:174px;  z-index:6;}
  #main.sub .ct_day.cl_4 .subcl2  {width:87px; }

#main.sub .ct_day h6    {font-size:18px; font-weight:normal; color:#fff; text-align:center; padding:10px 0;}
#main.sub .ct_icons     {margin-top:3px; position:relative;}

#main.sub .ct_day .ct_dark1 {background:url(../img/css_bg/ct_dark1.png) 0 0 no-repeat; height:100px;}
#main.sub .ct_day .ct_gray1 {background:url(../img/css_bg/ct_gray1.png) 0 0 no-repeat; height:100px;}
#main.sub .ct_day .ct_clear1{background:none; height:100px;}

#main.sub .ct_day .subcl1,
#main.sub .ct_day .subcl2 {float:left; width:100px; height:100px; position:relative;}
#main.sub .ct_day .subcl1 {width:99px}
#main.sub .ct_day .subcl2 {margin-left:-12px;}
  .ct_day .ct_clear2    {background:url(../img/css_bg/ct_clear2.png) 0 0 no-repeat;}
  .ct_day .ct_dark2   {background:url(../img/css_bg/ct_dark2.png) 0 0 no-repeat;}
  .ct_day .ct_gray2   {background:url(../img/css_bg/ct_gray2.png) 0 0 no-repeat;}
  
#main.sub .ct_day a     {display:block; text-align:center; padding:15px 10px 0 0;}
#main.sub .ct_icon_arrows {position:absolute; top:35px; left:78px; background:url(../img/icons/wt_icon_arrows.png) 0 0 no-repeat; z-index:10; width:18px; height:18px;}
#main.sub .ct_icon_singlearrow   {position:absolute; top:35px; left:78px; background:url(../img/icons/wt_icon_singlearrow.png) 0 0 no-repeat; z-index:10; width:18px; height:18px;}
#main.sub .ct_day.cl_4 .subcl2 a      {padding:15px 0 0 0;}

#main.sub #content .ct_day p      {font-size:22px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; color:#fff; text-align:center; padding:12px 10px 0 0; clear:both;}
#main.sub #content .ct_day.cl_4 p   {padding-right:0;}
#main.sub #content .ct_day .ct_bft    {width:187px; margin-top:9px;}
#main.sub #content .ct_day .ct_bft img  {padding-bottom:0;}
#main.sub #content .ct_day .ct_bft p  {font-size:25px;}
#main.sub #content .ct_day.cl_4 .bft  {padding-right:0;}

/*********** GRAPHICS NAV ***********/
#main.sub #content #graphicsnav         {margin:0 0 22px 0; border-bottom:1px solid #D4D4D4;}
#main.sub #content #graphicsnav li        {background-color:#eee; border:1px solid #D4D4D4; height:19px; float:left; margin:0 -1px -1px 0; padding:12px 0; list-style-type:none;}
#main.sub #content #graphicsnav li a      {color:#999; font-size:15px; font-weight:bold; text-decoration:none; text-align:center; padding:0 20px;}
#main.sub #content #graphicsnav li:hover, #graphicsnav li.active    {background-color:#fff;}
#main.sub #content #graphicsnav li.active   {background:url(../img/icons/subnav_active.png) 50% 100% no-repeat; border-bottom:1px solid #fff;}
#main.sub #content #graphicsnav li.active a   {color:#191919;}
#main.sub #content #graphicsnav li:hover a    {text-decoration:none; color:#191919; background-color:#fff;}


/*********** COMPOSITE PAGE ***********/
#main.sub #content          {padding-bottom:25px;}
#main.sub #content .column_img    {float:left; margin-right:30px;}

#main.sub .column_content img     {padding-bottom:25px;}
#main.sub .column_content hr      {margin:0 0 25px 0; clear:both;}

#main.sub .column_content .simple_list        {margin:0 0 25px 0;}
#main.sub .column_content .simple_list li     {list-style-type:none; color:#566C83; font-weight:normal; font-size:13px; line-height:18px;}
#main.sub .column_content .simple_list li a     {color:#566C83;}
#main.sub .column_content .simple_list li a:hover {text-decoration:none;}
#main.sub .column_content .simple_list li ul    {margin:0 0 8px 15px;}
#main.sub .column_content .simple_list li ul li a {color:#717890;}

#main.sub .column_content .movie    {padding:25px 0;}
.audioplayer              {padding:25px 25px 22px 25px;}
#main.sub .column_content .audio object {margin:0 0 30px 0;}

#main.sub #content .column_content .links     {padding-bottom:25px; margin:0;}
#main.sub #content .column_content .links li    {color:#1A91FF; line-height:24px; list-style-type:none;}
#main.sub #content .column_content .links a     {color:#1A91FF; text-decoration:underline;}
#main.sub #content .column_content .links a:hover {text-decoration:none;}
#main.sub #content .column_content .dwnld     {background:url(../img/btns/dwnld.png) 0 50% no-repeat; padding-left:25px;}
#main.sub #content .column_content .ext_link    {background:url(../img/btns/ext_link.png) 100% 50% no-repeat; padding-right:25px; color:#1A91FF;}
#main.sub #content .column_content .ext_link:hover  {text-decoration:none;}

#main.sub #content .slash_oplijsting    {padding:0 0 25px 0;}
#main.sub #content .slash_oplijsting a    {color:#1B91FF;}
#main.sub #content .legende_item      {width:180px; float:left;}
#main.sub #content .legende_item img    {float:left; padding:0 10px 15px 0;}
#main.sub #content .legende_item p      {padding:0 0 15px 0;}

#main.sub #content .zoekres h2, #main.sub #content .zoekres p {padding:0 0 5px;}
#main.sub #content .zoekres .dwnld    {background-position:100% 50%; padding:0 25px 0 0;}
#main.sub #content .zoekres p a     {text-decoration:none;}
#main.sub #content .zoekres p a:hover {text-decoration:underline;}

#main.sub #content #AZ_producten    {margin:0; padding-top:0;}
#main.sub #content #AZ_producten h2   {font-size:26px; color:#000; padding-bottom:0;}

#main.sub #content .back_to_top     {margin-bottom:20px; padding-bottom:5px;}
#main.sub #content .back_to_top a   {background:url(../img/icons/top_link.png) 100% 30% no-repeat; padding:0 18px 0 0; color:#1A91FF; text-decoration:underline; float:right;}
#main.sub #content .back_to_top a:hover {text-decoration:none;}
#main.sub #content .back_to_top.line  {border-bottom:1px solid #ccc;}

#main.sub #content .news_item     {margin-bottom:25px;}
#main.sub #content .news_item p     {padding-bottom:10px;}
#main.sub #content .news_item p a   {text-decoration:none;}
#main.sub #content .news_item p a:hover {text-decoration:underline;}
#main.sub #content .news_item .date   {font-weight:bold; color:#000; padding:5px 0 10px 0;}
#main.sub #content .news_item .date span  {padding-top:3px;}
#main.sub #content .news_item .date .name {border-left:2px solid #000; padding-left:8px; margin-left:8px;}

#main.sub #content h3.linkpp      {padding-bottom:7px;}
#main.sub #content h2.contact_number  {float:left; padding:5px 12px 0 28px; height:30px; background:url(../img/icons/contact.gif) 0 0 no-repeat;}
#main.sub #content p.contact_nr_inf {line-height:40px;}

#main.sub #content #google_maps {border-top:1px solid #ccc; margin:25px 0; padding-top:10px;}

#main.sub #content .bestelrij     {margin-bottom:25px;}
#main.sub #content .bestelrij .rij    {color:#000;}
#main.sub #content .bestelrij .rij .l {float:left; font-weight:bold; width:130px;}
#main.sub #content .bestelrij .rij .r {float:left;}

.lightboxLink { float: right; padding-bottom: 25px; }
.lightboxContent p {width: 466px; padding: 25px !important; max-height: 350px; overflow-x: hidden; overflow-y: auto;}

/*ACHORS NAV*/
#main.sub #content .anchors_nav       {margin:0 0 35px; background-color:#eee; padding:10px 0 10px 30px;}
#main.sub #content .anchors_nav li      {line-height:18px; font-size:14px; color:#999;}
#main.sub #content .anchors_nav li a    {color:#999; display:block; padding:4px 0; text-decoration:none;}
#main.sub #content .anchors_nav li a:hover  {color:#1C91FF;}


/*UV*/
.uv1tot2  {color:#99CC00;}
.uv3tot4  {color:#99CC00;}
.uv5tot6  {color:#FFCC00;}
.uv7tot8  {color:#FF6600;}
.uv9tot10 {color:#FF3300;}
.CO     {color:#FF3300;}
.hooikoortszwak   {color:#99CC00;text-transform:uppercase;}
.hooikoortsmatig  {color:#ffcc00;text-transform:uppercase;}
.hooikoortshoog   {color:#ff3300;text-transform:uppercase;}

/*LEGENDE WIND-REGEN*/
#main.sub #content .wind, #main.sub #content .regen, #main.sub #content .ijzelsneeuw, #main.sub #content .onweer, #main.sub #content .mist, #main.sub #content .stormtij, #main.sub #content .onweerregen, #main.sub #content .onweerwind, #main.sub #content .onweerwindregen  {margin:0;}
#main.sub #content .wind li, #main.sub #content .regen li, #main.sub #content .ijzelsneeuw li, #main.sub #content .onweer li, #main.sub #content .mist li, #main.sub #content .stormtij li, #main.sub #content .onweerregen li, #main.sub #content .onweerwind li, #main.sub #content .onweerwindregen li{margin-bottom:15px; min-height:30px; padding-left:45px; font-weight:normal; list-style-type:none;}
#main.sub #content .wind li.groen   {background:url(../img/legenda_icons/wind_groen.gif) 0 0 no-repeat;}
#main.sub #content .wind li.geel    {background:url(../img/legenda_icons/wind_geel.gif) 0 0 no-repeat;}
#main.sub #content .wind li.oranje    {background:url(../img/legenda_icons/wind_oranje.gif) 0 0 no-repeat;}
#main.sub #content .wind li.rood    {background:url(../img/legenda_icons/wind_rood.gif) 0 0 no-repeat;}
#main.sub #content .regen li.groen    {background:url(../img/legenda_icons/regen_groen.gif) 0 0 no-repeat;}
#main.sub #content .regen li.geel   {background:url(../img/legenda_icons/regen_geel.gif) 0 0 no-repeat;}
#main.sub #content .regen li.oranje   {background:url(../img/legenda_icons/regen_oranje.gif) 0 0 no-repeat;}
#main.sub #content .regen li.rood   {background:url(../img/legenda_icons/regen_rood.gif) 0 0 no-repeat;}
#main.sub #content .ijzelsneeuw li.groen  {background:url(../img/legenda_icons/sneeuw_groen.gif) 0 0 no-repeat;}
#main.sub #content .ijzelsneeuw li.geel   {background:url(../img/legenda_icons/sneeuw_geel.gif) 0 0 no-repeat;}
#main.sub #content .ijzelsneeuw li.oranje {background:url(../img/legenda_icons/sneeuw_oranje.gif) 0 0 no-repeat;}
#main.sub #content .ijzelsneeuw li.rood   {background:url(../img/legenda_icons/sneeuw_rood.gif) 0 0 no-repeat;}
#main.sub #content .onweer li.groen   {background:url(../img/legenda_icons/onweer_groen.gif) 0 0 no-repeat;}
#main.sub #content .onweer li.geel    {background:url(../img/legenda_icons/onweer_geel.gif) 0 0 no-repeat;}
#main.sub #content .onweer li.oranje  {background:url(../img/legenda_icons/onweer_oranje.gif) 0 0 no-repeat;}
#main.sub #content .onweer li.rood    {background:url(../img/legenda_icons/onweer_rood.gif) 0 0 no-repeat;}


#main.sub #content .mist li.groen   {background:url(../img/legenda_icons/mist_1.gif) 0 0 no-repeat;}
#main.sub #content .mist li.geel    {background:url(../img/legenda_icons/mist_2.gif) 0 0 no-repeat;}
#main.sub #content .mist li.oranje  {background:url(../img/legenda_icons/mist_3.gif) 0 0 no-repeat;}
#main.sub #content .mist li.rood    {background:url(../img/legenda_icons/mist_4.gif) 0 0 no-repeat;}
#main.sub #content .stormtij li.groen   {background:url(../img/legenda_icons/coastal_1.gif) 0 0 no-repeat;}
#main.sub #content .stormtij li.geel    {background:url(../img/legenda_icons/coastal_2.gif) 0 0 no-repeat;}
#main.sub #content .stormtij li.oranje  {background:url(../img/legenda_icons/coastal_3.gif) 0 0 no-repeat;}
#main.sub #content .stormtij li.rood    {background:url(../img/legenda_icons/coastal_4.gif) 0 0 no-repeat;}
#main.sub #content .onweerregen li.groen  {background:url(../img/legenda_icons/onweer_1_rain.gif) 0 0 no-repeat;}
#main.sub #content .onweerregen li.geel   {background:url(../img/legenda_icons/onweer_2_rain.gif) 0 0 no-repeat;}
#main.sub #content .onweerregen li.oranje {background:url(../img/legenda_icons/onweer_3_rain.gif) 0 0 no-repeat;}
#main.sub #content .onweerregen li.rood   {background:url(../img/legenda_icons/onweer_4_rain.gif) 0 0 no-repeat;}
#main.sub #content .onweerwind li.groen   {background:url(../img/legenda_icons/onweer_1_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwind li.geel    {background:url(../img/legenda_icons/onweer_2_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwind li.oranje  {background:url(../img/legenda_icons/onweer_3_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwind li.rood    {background:url(../img/legenda_icons/onweer_4_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwindregen li.groen  {background:url(../img/legenda_icons/onweer_1_rain_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwindregen li.geel   {background:url(../img/legenda_icons/onweer_2_rain_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwindregen li.oranje {background:url(../img/legenda_icons/onweer_3_rain_wind.gif) 0 0 no-repeat;}
#main.sub #content .onweerwindregen li.rood   {background:url(../img/legenda_icons/onweer_4_rain_wind.gif) 0 0 no-repeat;}

/*LINKS PAGE*/
#main.sub #content .categorie .l  {float:left; width:130px; margin:0 15px 0 0;}
#main.sub #content .categorie .r  {float:left;}
#main.sub #content .categorie .r h4 a   {font-size:14px; color:#000; text-decoration:none; background:transparent url(../img/icons/arrow_full_article.png) 100% 50% no-repeat; padding-right:15px;}
#main.sub #content .categorie .r h4 a:hover {text-decoration:underline;}

/*IMAGE VIEWER*/
.image_viewer         {width:700px; margin:0 0 20px 0;}
.image_viewer img       {padding:0 !important;}
.image_viewer div a       {background-image:url(../img/icons/player_sprite.jpg); background-repeat:no-repeat; width:42px; height:42px; display:block; text-indent:-9999px; float:left; cursor:pointer;}
.image_viewer .navigation   {background-color:#38383A; margin-top:-5px;}
.image_viewer .navigation .r    {float:left;}
.image_viewer .navigation .l    {float:right;}
  .image_viewer .r .play    {background-position:0 0; padding:0 1px 0 0;}
  .image_viewer .r .play:active, .image_viewer .r .play.active{background-position:-43px 0;}
  .image_viewer .r .stop    {background-position:-86px 0;}
  .image_viewer .r .stop:active, .image_viewer .r .stop.active{background-position:-129px 0;}
  .image_viewer .l .vorige    {background-position:-172px 0; padding:0 1px 0 0;}
  .image_viewer .l .vorige:active {background-position:-215px 0;}
  .image_viewer .l .volgende  {background-position:-258px 0;}
  .image_viewer .l .volgende:active {background-position:-301px 0;}
#main.sub #content .image_viewer p, #fancybox-content .image_viewer p {float:left; padding:11px 0 0 !important; text-align:center; text-transform:uppercase; width:530px; color: #FFFFFF; font-size:13px;}
.image_viewer p span        {border-right:1px solid #000; padding-right:7px; margin-right:5px;}
#fancybox-content .image_viewer {margin:0}
.image_viewer .play, .image_viewer .stop, .image_viewer .vorige, .image_viewer .volgende { outline: none; }

/*IMAGE WITH CAPTION*/
#main.sub #content .img_with_caption { margin:0 0 25px 0; text-align: center; }
#main.sub #content .img_with_caption img { margin:0; padding:0; }
#main.sub #content .img_with_caption p { font-size:11px; font-weight:bold; background-color:#eee; *background-color:#fff; color:#4D4D4D; padding:5px 10px; width: 680px; display: inline-block;}


/*********** CONTENTCAROUSEL ***********/
#main.sub .contentCarBox        {width:363px;}
#main.sub .contentCarousel        {margin:0; position:relative;}
#main.sub .contentCarousel ul     {margin-left:0;}
#main.sub .contentCarousel ul li    {position:relative; height:223px;}
#main.sub .contentCarousel ul li a    {text-decoration:none; cursor:pointer;}
  #main.sub .contentCarBtns       {margin:3px auto 9px auto; width:auto;}
  #main.sub .contentCarBtns tr      {border-bottom:none;}
  #main.sub .contentCarBtns td      {border-left:none; padding:0;}
  #main.sub .contentCarBtns a     {background: url(../img/btns/car.png) no-repeat scroll 0 0 transparent; color: transparent; cursor: pointer; display: block; float: left; font-size: 0; width: 12px; height: 11px;
                      margin-right: 3px; text-indent: -9999px;}
  #main.sub .contentCarBtns a:hover,    
  #main.sub .contentCarBtns a.in      {background-image: url(../img/btns/car_active.png);}
#main.sub .contentCarousel .zoom      {position:absolute; bottom:0; right:0; z-index:3; padding:0;}
  
/*********** FORMS ***********/
#main.sub #content .form-row      {margin-bottom:15px; position:relative;}
#main.sub #content .form-l        {width:170px; float:left;}
#main.sub #content .form-l label    {line-height:27px;}
#main.sub #content .form-r        {width:515px; float:right;}
#main.sub #content .form-r input,
#main.sub #content .form-r textarea   {width:290px; background-color:#F3F3F3; padding:7px 10px 4px 10px; color:#4A4A4A;}

#main.sub #content .aantal_tekens   {padding-top:5px; font-size:12px;}
#main.sub #content .submit_box      {float:right; background:url(../img/btns/submit_bg.jpg) 0 0 repeat-x; border:1px solid #000; padding-right:8px;}
#main.sub #content .submit_knop     {display:block; background:url(../img/btns/submit_arrow.png) 100% 50% no-repeat; height:40px; font-size:14px; font-weight:bold; color:#333333; 
                    border:none; text-align:left; padding:0 40px 0 10px; cursor:pointer;}
#main.sub #content .sterretje     {border-top:1px solid #ccc; padding:7px 0 0 0; font-size:12px; color:#000; margin:0 0 25px 0;}

#main.sub #content .warning       {background:url(../img/css_bg/warning_arrow.gif) 10px 0 no-repeat; width:312px; float:left; margin-top:2px;}
#main.sub #content .warning p     {background-color:#EE0202; color:#fff; padding:5px 10px 3px 10px; display:block; margin:5px 0 0 0; font-size:12px;} 

#main.sub #content .form_false, #main.sub #content .form_true   {height:19px; width:19px; position:absolute; top:5px; right:172px;}
#main.sub #content .form_false      {background:url(../img/icons/form_false.gif) 0 0 no-repeat;}
#main.sub #content .form_true     {background:url(../img/icons/form_true.gif) 0 0 no-repeat;}

#main.sub #content .form-r select   {width:200px;}
#main.sub #content #categoriezoek .form-r input   {width:auto; margin:0 5px 0 0;}
#main.sub #content #categoriezoek .form-r label   {margin:0 10px 0 0;}
#main.sub #content .formrow_publicatie        {margin-bottom:25px;}
#main.sub #content .formrow_publicatie .form-r input  {width:180px; margin-bottom:20px;}
#main.sub #content .formrow_publicatie .form-r select {margin-bottom:20px;}
#main.sub #content .formrow       {margin-bottom:8px;}
#main.sub #content .formrow .l      {float:left; width:200px; font-weight:bold; color:#000;}
#main.sub #content .formrow .r      {float:right; width:500px; text-align:left;}
#main.sub #content .formrow label   {position:absolute; left:-1000em;}
#main.sub #content .r select      {width:260px; padding:2px 0 0 3px;}
#main.sub #content #productlist     {margin-bottom:25px;}
#main.sub #content #productinfo ul li ul  {margin-bottom:0;}

/********************************************
        PREFOOTER
 ********************************************/
#prefooter      {background:url(../img/css_bg/bg_prefooter.jpg) 0 0 no-repeat; width:944px; height:362px; padding:25px 40px 0 30px; overflow: hidden; margin: 8px 0px;}
#prefooter a:hover  {text-decoration:underline;}

#prefooter .column01, #prefooter .column02, #prefooter .column03  {float:left; width:220px; margin-right:20px;}
#prefooter .column04  {float:right; width:195px;}

#prefooter h6     {color:#1B91FF; font-size:18px; margin-bottom:10px;}
#prefooter ul     {margin-bottom:15px; margin-left:0;}
#prefooter ul li    {width:220px; border-bottom:1px solid #666; padding:6px 0 6px 0;}
#prefooter ul li.last {border:none;}
#prefooter ul li a    {text-decoration:none; color:#fff; font-size:12px; padding-left:2px; width:218px; background:transparent url(../img/icons/arrow_link.png) 100% 50% no-repeat; display:block;}

#prefooter .column04 ul li    {width:195px; padding:10px 0 15px 0;}
#prefooter .column04 ul li.first{padding-top:0;}
#prefooter .column04 ul li a  {font-size:18px; color:#999; width:193px; background:transparent url(../img/icons/arrow_circle_link.png) 100% 50% no-repeat;}
#prefooter .column04 ul li a:hover  {color:#ccc;}

  #prefooter li form input.form_text  {background:#3C3C3E url(../img/css_bg/search_text.gif) 0 0 no-repeat; width:170px; height:19px; border:none; color:#fff; padding:5px 10px 0 10px;}
  #prefooter li form input.form_btn {background:transparent url(../img/btns/search.png) 0 0 no-repeat; width:30px; height:30px; text-indent:-9999px; font-size:0; line-height:0; border:none; margin-left:-30px; display:inline;}


/********************************************
        FOOTER
 ********************************************/
footer      {background-color:#F4F4F4;}
footer a:hover  {text-decoration:underline;}

.topfooter img    {float:left; padding:0 20px 0 30px; margin-bottom:10px;}
.topfooter p    {padding:20px 40px 0 0; color:#333;}

#subfooter      {clear:both; border-top:1px solid #D4D4D4; padding:20px 0 35px 30px;}
#subfooter ul   {margin-left:0;}
#subfooter ul li  {float:left;font-size:12px; font-weight:bold; color:#191919; padding-right:15px;}
#subfooter ul li a  {color:#191919; text-decoration:none;}
#subfooter p    {float:right; font-size:12px; font-weight:bold; color:#191919; padding-right:35px; margin-top:-5px;}
#subfooter p a    {padding-left:5px;}
#subfooter a:hover  {text-decoration:underline;}




.ir { display: block; text-indent: -999em;  background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px;  padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0;  position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#bannerHomePage { background-color: #1C91FF; color: white; margin: 0 0 10px 20px; padding: 5px 10px; font-size: 16px; display: inline-block;}



@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  .twitter-share-button, header, ul#mainnav, div#prefooter, a#lightbox, div#backstretch, div[class^="shadow"], .column_focus, .column_newsletter, .radarCarBtns, .focusCarBtns, #columnnav ,#contentnav{
      display:none !important;
      visibility: hidden !important;
  }
  .map_container, .bg_sub { background: none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  .wrapper {width:100% !important;}
  .map_box { background: url('/meteo/html/2011/img/css_bg/wm_map_newest_subbg.jpg') no-repeat 0px 0px}
  a, a:visited { color: #444 !important; text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after,ul.clearfix>li>a:after,ul#mainnav>li>a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  .wt_le {page-break-after:avoid; page-break-before:avoid;}
  .wt, .map_box {page-break-inside:avoid;}
  .wt_days, .wt_row, .wt *, .column_map *, .double, .double *  {
        page-break-after:avoid;
        page-break-before:avoid;
        page-break-inside:avoid;
  }
  body { background-color: transparent; }
  #main, #main .gradient_bg            {background: transparent;}
  .column_content {width: 100% !important}
 
}


#logoresp img{ display: none;}
#div14daysresp{ display: none;}
#div14daysresp img{ width: 570px; margin: 0px 0px 15px 0px;}

@media only screen and (max-device-width: 4.5in)
     , only screen and (max-device-width: 640px)  {
  #fb{display: none;}
  #twitter-widget-0{display: none;}
  .gplus{display: none;}
  #backstretch{display: none;}
  /*.news{display: none;}*/
  .wrapper{width: 640px;}
  #main .column_left{width: 600px;}
  .column_right{margin-left: 14px;}
  #home_subnav{display: none;}
  #main .top_date {padding-right: 0px;}
  .turn_off_bg{display: none;}
  .topfooter p{padding: 10px 40px 0px 40px;}
  
  .radarCarousel{display: none; margin-left: 120px !important;-moz-transform: scale(1.1);}
  .shadow_321{display: none;}
  .radarCarBtns{display: none; margin: 12px auto 9px !important;}
  .fixedImageradar{width: 100%;text-align: center;padding: 20px 0px;}
  .fixedImageradar img{width: 500px;}
  
  .wt_row h6 {font-size: 22px;}
  .wt_row h6 p {display: none;}
  .wt_row div.cl_1 .subcl_2 p, .wt_row div.cl_2 .subcl_2 p, .wt_row div.cl_3 .subcl_2 p{font-size: 17px;}
  .wt_row div div p {font-size: 17px;}
  .image_viewer {width: 570px;}
  #main.sub #content .image_viewer p{width: 400px;}
  #main.sub h1 {padding: 15px 0px 25px;}
  
  /* Compatibility resp. design for specific pages */
  /* Webcams map */
  #vizualisation{
    zoom: 0.8;
    -ms-zoom: 0.8;
    -webkit-zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: left top;
  }
  
  /* Meteoz & Nova */
  table.meteozTable img {max-height: 160px !important;}
  
  /* ForecastDetailed */
  #ajaxblock{
    width: 700px;
    zoom: 0.8;
    -ms-zoom: 0.8;
    -webkit-zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: left top;
  }
  #main.sub .map_content h2, #ajaxblock h2 {font-size: 26px;}
  #main.sub .map_content p, #ajaxblock p {font-size: 20px !important; line-height: 26px !important;}
  /*#main.sub #content #contentnav li a, #main.sub #content #contentnav li:hover a, #main.sub #content #contentnav li.active a {font-size: 24px;}*/
  #main.sub #content #mapnav li a {font-size: 24px;}
  #main.sub #content #graphicsnav li.active a,#main.sub #content #graphicsnav li a {font-size: 22px;}
  #main.sub #content #graphicsnav {border-bottom: none;}
  #bannerHomePage { font-size: 20px; }

/* Menu resp design v2 */
/*  
#mainnav  {
    overflow: hidden;
    clear: both;
    margin: 20px 0 0 0;
}
#mainnav li  {
    float: none;
    height: auto;
    border: none;
    border-top: 1px solid #ffffff;
}
#mainnav li a  {
    padding: 20px;
    color: #ffffff;
}
#mainnav li ul  {
    display: block;
    margin: 0;
}
#mainnav li ul li  {
    width: auto;
    height: auto;
    margin: 0;
    background: #444444;
    border: none;
    border-top: 1px solid #ffffff;
}
#mainnav li ul li a  {
    padding: 20px 20px 20px 30px;
}
#mainnav li form  {
    display: none;
}
#mainnav li:hover  {
    border: none;
    border-top: 1px solid #ffffff;
}
#mainnav li:hover ul  {
    position: static;
    left: auto;
    top: auto;
    border: none;
}
*/
/*#mainnav{display: none}*/
  #mainnav li {height: 38px;}
  #mainnav li.first {width: 26px;}
  #mainnav li form {display: none}
  #mainnav li a {padding: 5px 12px 0px; font-size: 20px;}
  #mainnav li.first a{background-size: 32px 36px; width: 26px; height: 36px; padding: unset;}
  ul {margin-left: 7px;}
  #mainnav li:hover ul{display:none;}

  
  
  #prefooter {width: 600px; height: 280px;padding: 25px 20px 0px 20px;}
  #prefooter .column02{display: none;}
  #prefooter .column04{float: left;}
  #prefooter .column01, #prefooter .column02, #prefooter .column03  {width:180px;}
  #prefooter .column03 h6:nth-child(3),#prefooter .column03 ul:nth-child(4) {display: none;}
  #prefooter .column01 ul:nth-child(2) li a,#prefooter .column03 ul:nth-child(2) li a{font-size: 16px;}
  #prefooter ul li {width:180px;}
  #prefooter ul li a {width:178px;}
  .menu{display: none}
  
	#nextupdatetext{display: none;}
	.rss{display: none;}
	#language_nav{display: none; background-color: #333; top: 0px; right: 0px;}
	#language_nav li {float: none; padding: 20px 0px;}
	#language_nav li a {font-size: 18px; color: #999;}
  header{background: none; width: 100%; height: 0px;}
  header  {
    width: 640px;
    height: auto;
    background: #333333;
    overflow: hidden;
}

  body{font-size: 17px;}
  #main .gradient_bg .copy p {font-size: 20px;}
  #main .gradient_bg #weathertext_nowcast{font-size: 18px;}

  #logoresp img{ display: block;}
  #div14daysresp{ display: block;}

  #subnav li {float: right; width: 320px;position: initial;}
  #subnav li a {font-size: 18px;}
  #subnav li.active{background: #336699;}
  #subnav li.active a {color: white;}
  #subnav li.active a:hover {background: #003366;}
  #subnav {left: 250px; position:initial;}
  #main.sub .bg_sub {height: initial;}
  #main.sub h2.nav_tle a {position: absolute;}
  #main.sub .column_content ul li a {font-size: 17px;}
  .wm_bg .column_warning p {font-size: 16px; padding: 3px 0px 2px;}
  
  #columnnav + .column_content {width: 570px;}
  #columnnav {width: 570px;}
  #columnnav li {float: left; }
  #columnnav li a {font-size: 18px;}
  
/*  #main.sub #content .img_with_caption img,#main.sub .column_content img { width: 570px;}*/
  #main.sub #content .img_with_caption img,.img_with_caption img, .image img {width: 570px;}
  #main.sub #content .img_with_caption p {width: 550px;}
  
  #main.sub #content #zon_maan th img {width: 106px;height: auto;}
  
  #taalkeuze #wrap {width: auto;height: auto;margin: 0px; width: 100%;}
  #taalkeuze #content {background: none; padding: 0px; width: 210px; margin: 0 auto;}
  #taalkeuze h1 img {padding: 0px 25px;}
  #taalkeuze h1.one_third { height: 97px;}
  
  
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../img/icons/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;background-color:#000}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none}#fancybox-outer{position:relative;width:100%;height:100%}#fancybox-content{background-color:#fff;width:428px;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102}#fancybox-content h6{color:#1991ff;font-size:20px;padding:20px 0 0 20px}#fancybox-content p{padding:5px 20px;color:#171717;line-height:18px}#fancybox-content form{padding:5px 20px 20px;font-weight:bold;color:#171717}#fancybox-content input{margin-right:5px}#fancybox-content span.radar{width:655px}#fancybox-content .radar_time{right:20px}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:5px;width:30px;height:30px;background:transparent url(../img/btns/fancybox-close.png) 90% 90% no-repeat;cursor:pointer;z-index:1103;display:none;text-indent:-9999px}.ie6 #fancybox-close{right:-15px}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;outline:0;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:0;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('../img/icons/blank.gif');z-index:1102;display:none}#fancybox-left{left:7px}#fancybox-right{right:35px}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:42%;left:-9999px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;width:47px;height:47px}#fancybox-left-ico{background:url(../img/icons/lightbox_prev.png) 0 0 no-repeat}#fancybox-right-ico{background:url(../img/icons/lightbox_next.png) 0 0 no-repeat}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:8px}#fancybox-right:hover span{left:auto;right:2px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../img/icons/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../img/icons/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:0;height:100%;background-image:url('../img/icons/fancybox-y.png');background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../img/icons/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../img/icons/fancybox-x.png');background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../img/icons/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../img/icons/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../img/icons/fancybox.png');background-position:-40px -122px}#fancybox-title{margin:0 !important}#fancybox-title-inside{background-color:#eee;color:#000;padding:10px 10px 8px;margin:-10px 0 0 0;font-size:11px;font-weight:bold;position:relative;z-index:5000;overflow:visible}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.boroen   {background:url(../img/legenda_icons/onweer_1_wind.gif) 0 0 no-repeat;}
  
