html, body{
	background: none repeat scroll 0 0 #f1f1f1;
/*  background: -moz-linear-gradient(center top , #006699, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0); */
	width: 100%;
/* background: url("../img/meteo1bg.jpg") no-repeat fixed 0 0px; */
	background-size: 100% 100%; */
}

/* a{color: #006699; text-decoration: none;}
a:link{color: #006699; text-decoration: none;}
a:visited{color: #006699; text-decoration: none;}*/
a:hover{text-decoration: none;}

h5{border-bottom: 1px solid #ddd;}

ins{background-color: transparent;}

.uk-nav-default>li.uk-active>a{
	color: #fff;
	background-color: #1e87f0;
	
}

#page{
	position: relative;
	z-index: 1;
	top: -4px;
}

#page:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

#content{padding: 10px 10px 10px 10px; background-color: #f1f1f1;}

@media (max-width: 640px){
	#content{padding: 10px 10px 10px 10px;}
}

.m1-banner{width: 100%; max-height: 250px; overflow: hidden; text-align: center;}

.meteo-header {
/*  max-width: 1440px; width: 100%; margin: 0px auto 0px auto; */
}

.meteo-banner{
	background: url("/alt/images/banner_a.jpg") repeat-x 0px -30px;
	padding: 0px; 
	margin: 0px;
	height: 80px;
	width: 160px;
	display: block;
}

.meteo-banner2{
	background: url("/alt/images/banner_b.jpg") repeat-x;
	padding: 0px; 
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 80px;
	width: 200px;
	display: block;
}

.mo-heading2{text-transform: uppercase; font-size: 1rem; font-weight: 600; margin-bottom: 10px;}


.mo-forecast-listitem{cursor: pointer; border: 2px solid #fff;}
.mo-forecast-listitem:nth-child(even){
	background-color: #f8f8f8;
}

.mo-forecast-listitem:hover{background-color: #eeeeee;}

.mo-active{ border: 2px solid #A8D5FF;}



.wk-navbar{
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#444));
  background: #444 linear-gradient(to bottom, #444, #444) repeat scroll 0 0 border-box;
  color: #fff;
  border-top: 1px solid #333;
}

.wk-navbar-nav > li > a {
  text-shadow: none;
  color: #fff;
}

.wk-navbar-nav > li > a:active{
	background-color: transparent;
}

.wk-navbar-brand, .wk-navbar-toggle {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  text-shadow: none;
}

.wk-navbar-brand:focus, .wk-navbar-brand:hover {
  color: #eee;
}

.wk-navbar-toggle:focus, .wk-navbar-toggle:hover {
  color: #eee;
}

.wk-navbar-nav > li.uk-open > a, .wk-navbar-nav > li:hover > a, .wk-navbar-nav > li > a:focus {
  color: #eee;
  background-color: #333333;
}

.uk-tab > li > a {
  padding: 8px 6px;
}

.uk-breadcrumb{
	border-bottom: 1px solid #ccc;
}

.uk-breadcrumb > li:nth-child(n+2)::before {
  content: "»";
}

.header1{
 /* border-bottom: 2px solid #eee;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  overflow: visible;
  padding: 5px 0px 3px 0px;
  text-transform: uppercase;*/
}

.wr_tempbox {
/*  border: 1px solid #006699; */
  height: 20px;
  overflow: hidden;
  text-align: center;
  width: 42px;
  z-index: 1;
}

.wr_valuebox {
  position: absolute;
  border: 1px solid #999;
  line-height: 14px;
  overflow: hidden;
  text-align: center;
  width: 45px;
  z-index: 1;
  height: 14px;
}

.wr_valuebox_bg{
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  position: absolute;
}

.wr_tmax_bg {
  background-color: rgba(255,255,255,0.6);
  border: 1px solid #666;
  height: 18px;
  left: 0;
  line-height: 18px;
  position: absolute;
  top: 0;
  width: 40px;
}

.wr_tmin_bg {
  background-color: #006699;
  height: 14px;
  left: 0;
  line-height: 13px;
  position: absolute;
  top: 14px;
  width: 35px;
}
.wr_tmax {
  background: transparent none repeat scroll 0 0;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  height: 18px;
  left: 0;
  line-height: 18px;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 100%;
  z-index: 3;
}

.wr_gusts {
  background: transparent none repeat scroll 0 0;
  color: #dd0000;
  font-size: 12px;
  font-weight: bold;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  width: 100%;
  z-index: 3;
  position: absolute;
  left:0px;
}


.wr_tmin {
  background: transparent none repeat scroll 0 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 14px;
  left: 0;
  line-height: 14px;
  position: absolute;
  top: 14px;
  vertical-align: middle;
  width: 35px;
}

.rw_tmax{color:#990000; font-weight: bold; font-size: 16px;}
.rw_tmin{color:#000099; font-weight: normal; font-size: 16px;}

.topheader{color: #888; font-size: 10px;}

.topline{padding-bottom: 5px; border-bottom: 2px solid #ddd;}

.maplayer{position: absolute; top: 0px; left: 0px; visibility: hidden;width:100%;}

#page_margins{
	margin: 5px auto 5px auto;
	max-width: 1440px;
	position: relative;
	width: 100%;
}


#container {
	width: 980px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
	padding: 7px;
	background-color: #FFFFFF;
	display: block;
	position: relative;
	margin: 5px 3px 10px 3px;
	float:left;
}

.content_part {
  position: relative;
  width: 960px;
  display:inline-block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}


.div_part {
    display:block;
    border:none;
    color:white;
    height:2px;
    background: #eee;
	margin-top: 25px;
	background: -moz-linear-gradient(left,  #1072a9 0%, #8ecdeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1072a9), color-stop(100%,#8ecdeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #8ecdeb 0%, #1072a9 50%,#8ecdeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1072a9', endColorstr='#8ecdeb',GradientType=1 ); /* IE6-9 */
}

#header{
/*	max-width: 100%; width: 100%; z-index: 100; max-height: 110px; border: medium none; padding: 0px 0px 0px 0px; position: relative;*/
background: url("/images/banner2.jpg?z=1") repeat-x 0px 0px; 
}

/*
#header .banner{height: 60px; border-bottom: 0px solid #006699; padding: 0px 10px 0px 10px;background: none repeat scroll 0 0 #eeeeee;}

#header .wklogo{display: inline-block; padding-top: 5px; width: 100%; max-width: 300px;}
#header .socialmedia{right: 10px; height: 50px; position:absolute; top: 15px;}

#header .nav{position: relative; margin-bottom: 4px; z-index: 20;} */

.wk-container {max-width: 100%; padding: 0px 0px 0px 0px; margin: auto;}

#footer{
	height:200px; 
	position: relative;
	/* Gradient background */
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	border-radius: 4px 4px 0px 0px;
	}

.wr_city_link{
    font-size: 12px;
    padding-left: 10px;
	background-image: url(/images/staedtepunkt.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;	
	line-height: 12px;
}

.wr_city_link2{
	background-image: url(/images/staedtepunkt2.png);
}

.wr_city_link_u{
    font-size: 12px;
    margin-left: -45px;
	padding-top: 12px;
	background-image: url(/images/staedtepunkt.png);
	background-repeat: no-repeat;
	background-position: 45px 1px;	
	width: 100px;
	line-height: 12px;
	text-align: center;
}

.wr_city_link_r{
    font-size: 12px;
    margin-left: -100px;
	padding-top: 0px;
	padding-right: 10px;
	background-image: url(/images/staedtepunkt.png);
	background-repeat: no-repeat;
	background-position: 100px 1px;	
	width: 100px;
	line-height: 12px;
	text-align: right;
}

.lcol640 {
  float: left;
  width: 640px;
  padding-right: 20px;
}

.rcol300{
  float: right;
  width: 300px;
}

.breadcrumb {
  display: block;
  padding: 0px 0px 0px 0px;
}

.footerbox{
	padding: 10px;
	float:left;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	height: 170px;
	margin: 10px 10px 0px 10px;
	background: #013953;
/*	background: -moz-linear-gradient(top, #013953, #0272a7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); */
}

#footer a {
  color: #FFFFFF;
}

#footer a:hover{text-decoration: underline;}

#footer .sectionheader {color: #fff; font-weight: bold;text-shadow: 1px 1px 1px #000000; }

#footer ul{
  list-style: none outside none;
  margin: 0;
  padding: 0;
 } 

.op_100{ filter:alpha(opacity=100,finishopacity=100,style=2);-moz-opacity:1.0;opacity:1.0;}
.op_95{ filter:alpha(opacity=95,finishopacity=95,style=2);-moz-opacity:.95;opacity:.95;}
.op_90{ filter:alpha(opacity=90,finishopacity=90,style=2);-moz-opacity:.90;opacity:.90;}
.op_80{ filter:alpha(opacity=80,finishopacity=80,style=2);-moz-opacity:.80;opacity:.80;}
.op_70{ filter:alpha(opacity=70,finishopacity=70,style=2);-moz-opacity:.70;opacity:.70;}
.op_60{ filter:alpha(opacity=60,finishopacity=60,style=2);-moz-opacity:.60;opacity:.60;}
.op_50{ filter:alpha(opacity=50,finishopacity=50,style=2);-moz-opacity:.50;opacity:.50;}
.op_40{ filter:alpha(opacity=40,finishopacity=40,style=2);-moz-opacity:.40;opacity:.40;}
.op_20{ filter:alpha(opacity=20,finishopacity=20,style=2);-moz-opacity:.20;opacity:.20;}


#copyr {
  clear: both;
  background-color: #013953;
  color: #fff;
  font-size: 0.9em;
  line-height: 2em;
  text-align: center;
  
  }

 #copyr a {
  color: #FFFFFF;
}


span.divider {
  color: #999999;
  margin: 0 8px;
  font-size: 10px;
}

.clear{clear: both;}

.contentbox, .contentbox2{
display: inline-block;
margin-bottom: 15px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #ddd;
width: 100%;
position: relative;
}

.contentbox2{border-bottom: none;}

.cbox{
  border: 1px solid #cccccc;
  color: #000000;
  float: left;
  font-family: verdana;
  font-size: 10px;
  background-color: #fff;
  width: 308px;
}

.cbox_header {
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #eee, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0px;
	line-height:22px;
	padding-left: 5px;
	position: relative;
	text-align: left;
	text-shadow: 0 0 10px #FFFFFF;
}

.cbox_content{
padding: 4px;
text-align: center;
}


.rmenu {
  color: #000000;
  float: right;
  font-family: verdana;
  font-size: 11px;
  margin-bottom: 20px;
  padding: 0;
  width: 300px;
}

.rmenu_header {
  background-color: #107EB0;
  background-image: url("../images/header_bg.png");
  background-position: left top;
  background-repeat: repeat-x;
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 5px;
  position: relative;
}

.rmenu_content {
  background-color: #FFFFFF;
  border-bottom: 1px solid #107EB0;
  border-left: 1px solid #107EB0;
  border-right: 1px solid #107EB0;
  font-size: 11px;
  margin-bottom: 0;
  padding: 5px;
}

.rmenu_content2 {
  border: 2px solid #ccc;
  background: #eee; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  padding: 5px;
}

.rmenu_content ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.rmenu_content p {
  line-height: 14px;
  margin: 0;
  padding: 2px 0 2px 3px;
}

.rmenu_noshadow {
  color: #000000;
  float: right;
  font-family: verdana;
  font-size: 10px;
  margin-bottom: 10px;
  padding: 0;
  width: 300px;
}

ul.countrylist {
  font-size: 11px;
  list-style: none outside none;
  margin: 0;
  padding: 4px 0 0 3px;
}

ul.tabs {
  font-size: 12px;
  list-style: none outside none;
  height: 30px;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #1072a9;
}

ul.tabs li{display: inline; margin: 4px 1px 0px 0px;}

ul.tabs span {
  display: block;
  float: left;
  padding: 5px 3px 4px 3px;
  text-align: center;
  width: 67px;
}

ul.tabs a{text-decoration: none;}

ul.tabs li.act a{
  color: #ffffff;
}

ul.tabs li.act{
  color: #ffffff;
  float:left;
	background: #1072a9; /* Old browsers */
	background: -moz-linear-gradient(left,  #1072a9 0%, #8ecdeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1072a9), color-stop(100%,#8ecdeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* IE10+ */
	background: linear-gradient(to top,  #1072a9 0%,#8ecdeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1072a9', endColorstr='#8ecdeb',GradientType=1 ); /* IE6-9 */
}

ul.tabs li.nact{
  color: #006699;
  float:left;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

ul.menu2{
	font-size: 12px;
	list-style: none outside none;
	margin: 0;
	padding: 1px 0px 1px 0px;
	background: #1072a9; /* Old browsers */
	background: -moz-linear-gradient(left,  #1072a9 0%, #8ecdeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1072a9), color-stop(100%,#8ecdeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #1072a9 0%,#8ecdeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1072a9', endColorstr='#8ecdeb',GradientType=1 ); /* IE6-9 */
}

ul.menu2 li{margin: 1px 0px 1px 0px;}

ul.menu2 span{display: block; padding: 5px;}

ul.menu2 li.act{
	background: #1072a9; /* Old browsers */
	background: -moz-linear-gradient(left,  #1072a9 0%, #8ecdeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1072a9), color-stop(100%,#8ecdeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1072a9 0%,#8ecdeb 100%); /* IE10+ */
	background: linear-gradient(to right,  #1072a9 0%,#8ecdeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1072a9', endColorstr='#8ecdeb',GradientType=1 ); /* IE6-9 */
	line-height: 14px;
	color: #ffffff;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

ul.menu2 li.act a{color: #fff;}

ul.menu2 li.nact{
	cursor:pointer; 
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	line-height: 16px;
}


ul.citylist {
  font-size: 12px;
  list-style: none outside none;
  margin: 0;
  padding: 0 0 0 2px;
}

ul.citylist li{
	line-height: 18px;
}

ul.citylist li a{
	padding: 2px;
}

.Td_fcst_l{
  background-color: #EEEEEE;
  border-bottom: 1px dotted #CCCCCC;
  border-left: 1px solid #7ACDE2;
  border-right: 1px dotted #CCCCCC;
  border-spacing: 1px;
  color: #000000;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.contentblock, .contentblock_orange {
  border: 1px solid #7ACDE2;
  color: #000000;
  float: left;
  font-family: verdana;
  font-size: 10px;
  margin-bottom: 15px;
  width: 638px;
}

.contentblock_orange {
  border: 1px solid #FF5100;
}

.contentblock_header2, .contentblock_header_orange {
  background: url("../images/header_bg3.png") repeat-x scroll left 0 transparent;
  border-bottom: 1px solid #7ACDE2;
  color: #0084B6;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  margin: 0 0 7px;
  padding: 4px 5px 2px;
  position: relative;
  text-align: left;
  text-shadow: 0 0 10px #FFFFFF;
}


.contentblock_header_orange {
  background: url("../images/header_bg_or.png") repeat-x scroll left top transparent;
  border: medium none;
  color: #FFFFFF;
  margin: 0;
  position: relative;
  text-shadow: none;
}

.td_warn_l {
  border-bottom: 1px dotted #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  border-spacing: 1px;
  color: #000000;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.td_warn_m{
  color: #000000;
  border-bottom: 1px dotted #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
}

.td_header_warn{
  border-bottom: 1px solid #2299D1;
  border-left: 1px solid #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  background: #eee; /* Old browsers */
  border-spacing: 1px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}


.Td_fcst_m, .Td_fcst_m2{
	background: -moz-linear-gradient(top, #fff, #eee);
  color: #000000;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
}

.Td_header_list {
  border-bottom: 1px solid #2299D1;
	background: #eee; /* Old browsers */

  border-spacing: 1px;
  color: #dd0000;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

.remark{font-size: 10px; color: #666;}

.table_list{border-top: 2px solid #2299D1;border-bottom: 2px solid #2299D1;}
.table_warn{border-top: 2px solid #2299D1;border-bottom: 2px solid #2299D1;background: -moz-linear-gradient(top, #fff, #eee);}

.table_forecast{}

.tbl_fcst_max_temp{color: #dd0000;}

.tbl_fcst_min_temp{color: #3399ff;}


.table_contact {
  border-spacing: 0;
  font-family: verdana;
  font-size: 12px;
  line-height: 14px;
}

.warnungen_box {
  display: none;
  left: 500px;
  padding: 5px;
  position: absolute;
  top: 310px;
  width: 330px;
  z-index: 1000;
}

.header_b {
  background-position: 403px 0;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: visible;
  padding: 0 0 10px 1px;
  width: 470px;
}

.wr_warn_header {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 7px;
}

.wr_warn_date {
  color: #666666;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  padding: 7px;
}

.wr_warn_text {
  background-color: #FFFFFF;
  border-spacing: 0;
  padding: 7px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
}

.topnav{position:relative; top:0px; height: 40px; }

.wk_search_sword {
  background: none repeat scroll 0 0 white;
  border: 1px solid #BBBBBB;
  border-radius: 4px 4px 4px 4px;
  display: inline;
  height: auto;
  margin: 0;
  padding: 6px 40px 6px 5px;
  position: absolute;
  top: 1px;
  width: 220px;
}

.wk_search_submit {
  border: 0 none;
  height: 28px;
  left: 237px;
  padding: 0;
  position: absolute;
  top: 3px;
  width: 28px;
}

/* ==========================================================================
   WERBUNG
   ========================================================================== */

.topbanner {
	position: relative;
	text-align:right;
}

#adsky {
  float: left;
  margin-top: 20px;
}

.skyscraper {
  visibility: visible;
  z-index: 1;
  text-align: center;
  overflow: visible;
  width:160px;
  position: absolute;
  top: 0px;
}

.banner728x90 {
  height: 95px;
  margin-bottom: 10px;
  max-height: 95px;
  overflow: hidden;
  text-align: center;
}
   

/* ==========================================================================
   MENU
   ========================================================================== */


#menu {
	list-style:none;
	width:950px;
	margin:0px auto 0px auto;
	height:38px;
	padding:0px 10px 0px 10px;

	/* Rounded Corners */
	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; */

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
	
/*	border-right: 1px solid #002232;
	border-left: 1px solid #002232;  */

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:5px;
	border:none;
}

#menu li:hover {
	border: 1px solid #AAAAAA;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#FFFFFF));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("/img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("/img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #AAAAAA;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	
	z-index: 1000;	
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 7px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#006699;
}
#menu li:hover div a:hover {
	color:#FF6600;
}

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:20px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

#wkFooter2{text-align: left; position: relative; top: 0px; left: 0px; font-size: 12px; background-color: #0c5483;} 

#wkFooter2 i{width: 15px;}

#wkFooter2 p{color: #fff; text-align:right; padding-right: 12px; margin: 0px;}

#wkFooter2 a{color: #fff; }

#wkFooter2 h5{border-bottom: 1px solid #aaa; color: #fff;}

.meteo1-logo{background-image: url(../images/meteo1_logo_b_100.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	position: absolute;
	bottom: 20px;
	right: 12px;
	height:100px;
	width:100px;
	
}

/* .uk-active nav{border-bottom: 3px solid #006699; } */


.table_extremwerte th.tablesorter-headerAsc {
  background: url("../images/auf2.png") no-repeat scroll right 50% #ddd;
}

.table_extremwerte th.tablesorter-headerDesc {
  background: url("../images/ab.png") no-repeat scroll right 50% #ddd;
}

.oncl_link {
  color: #006699;
  cursor: pointer;
}

.table_extremwerte th {
  border-bottom: 2px solid #0084b6;
  border-top: 2px solid #0084b6;
  margin: 0;
  background-color: #eeeeee;
}

.table_extremwerte tfoot td {
  border-bottom: 2px solid #0084b6;
  border-top: 2px solid #0084b6;
  margin: 0;
  background-color: #eeeeee;
}

.wk-table-bio1{width: 100%;border-spacing: 0px; border-collapse: collapse;margin-bottom: 20px; margin-top: 5px;}

.wk-table-bio2{width: 100%; height: 100%; border-spacing: 0px; border-collapse: collapse;}

.wk-table-bio1 td{border-bottom: 1px solid #ccc;padding:0px;}
.wk-table-bio2 td{width: 8.333%; text-align: center; padding: 0px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;height:100%; border-bottom: none;}

.beobox {
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #888888;
  color: #000000;
  height: 14px;
  line-height: 12px;
  font-size: 12px;
  padding-top: 1px;
  width: 30px; 
  text-align: center;
  }

.city_link {
  background-image: url("/images/staedtepunkt.png");
  background-position: left 2px;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 13px;
  padding: 0 0 0 11px;
  position: absolute;
  width: auto;
}

.city_link a {
  color: #333333;
}

.city_link_r{
  background-image: url("/images/staedtepunkt.png");
  background-position: right 2px;
  background-repeat: no-repeat;
  left: -100px;
  position: absolute;
  text-align: right;
  padding-right: 10px;
  width: 100px;
  height: 15px;
}

.wk-header-margins{margin: 10px 0px 5px 0px;}

.sqrbox {
  border: 1px solid #dcdcdc;
  height: 15px;
  vertical-align: top;
  width: 15px;
}

.wk-text-schwach{color: #FFE019;}
.wk-text-stark{color: #dd0000;}
.wk-text-extrem{color: #C044FF;}


.wk-list{
	list-style-type: none;
	padding-left: 0px;
}

.wk-list li{line-height:24px;}
.wk-list li a:hover{text-decoration: underline;}

a:hover{text-decoration: underline;}

.uk-child-width-1-7 > * {
    width: calc(100% * 1 / 7.001);
 }
  
@media (min-width: 640px){
.uk-child-width-1-7\@s > * {
    width: calc(100% * 1 / 7.001);
  }
.uk-child-width-1-8\@s > * {
    width: calc(100% * 1 / 8.001);
  }
.uk-child-width-1-9\@s > * {
    width: calc(100% * 1 / 9.001);
  }
}

.m1-fcst-title{background-color: #222; border-radius: 4px; text-align: center; color: #fff;}
.m1-footer-title{font-weight: bold; font-size: 14px; text-transform: uppercase; color: #fff; width:100%; border-bottom: 1px solid #fff; line-height: 21px;}
hr{border-top: 1px solid #ccc;}

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all .3s ease;
    color: #fff;
    font-size: 20px;
}

.facebook {
    background: #3B5998;
    color: #fff;
}
.twitter {
    background: #55ACEE;
    color: #fff;
}

.wk-card{background-color: #f1f1f1;border-top: 2px solid #fff; border-bottom: 2px solid #1e87f0;}
.wk-card:hover{background-color: #f1f1f1; cursor: pointer;}
.wk-card-primary{background-color: #86BAEF; border-top: 2px solid #1e87f0; border-bottom: 2px solid #1e87f0;}