/* @override 
	http://devel.meteonews.ch/css-4270/layout.css
	http://meteonews.ch/css-4270/layout.css */


@import"core.css";
@import"syntax.css";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);

/* --------------------------------------------------------------
    Screen Styles © 2017 MeteoNews | Michele Stanelli
-------------------------------------------------------------- */

/* span ggf. automatisch kürzen */
.shorten {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.colcontent {
    background-color: #ffffff;
    text-align: left;
    /* benoetigt Firefox .tool .quelle  */
    position: relative;
 	border-bottom: 1px solid rgba(205, 205, 205, 0.5);
	
 }
.ModuleFooter .colcontent, .ModuleW3CLink .colcontent, .ModuleDebug .colcontent, .Module3hForecastDaySelect .colcontent, .ModuleSocialMedia .colcontent, .topnav.ModuleLangSelect .colcontent, .alertActiv .colcontent,
.ModuleAdTemplate .colcontent {
    background-color: transparent !important;
    border: none;
	padding: 0;
}
 div.galerie a img, .searchBoxText, .ModuleSearchBar input {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.teaser{
	min-height: 210px;
}

/* @group Background Theme */

/*Module Background & Border*/
body{
    background-color: transparent;
}
body.mood_friendly{
    background: url(../img/friendly.jpg) 0 0 repeat-x fixed rgb(241, 243, 244);
}

body.mood_dull{
    background: url(../img/dull.jpg) 0 0 repeat-x fixed rgb(241, 243, 244);
}
body.mood_rainy{
    background: url(../img/rainy.jpg) 0px 0 repeat-x fixed rgb(241, 243, 244);
}
body.mood_snowy{
    background: url(../img/snowy.jpg) 0px 0 repeat-x fixed rgb(241, 243, 244);
}

body.mood_thundery{
    background: url(../img//thundery.jpg) -80px 0 repeat-x fixed rgb(241, 243, 244);
}
.page {
	background-color: rgb(241, 243, 244);
}


#footer .page {
    background-image: none;
    background-color: transparent;
}
.page .section .col6 {
    /* padding-bottom: 1600px; */
    /* margin-bottom: -1600px; */
    background-color: rgb(241, 243, 244);
}
/* @end */

/* @group Layout */

/* @group Menu */

.menu {
	display: none;
  	position: relative;
	left: 1.5em;
  	width: 30px;
  	height: 24px;
  	cursor: pointer;
  	z-index: 10000;
  	float: left;
	top: 6px;
}
.menu:hover .menu-hamburger:before,
.menu:hover .menu-hamburger:after {
  width: 24px;
}
.menu.is-active .menu-hamburger {
  background: none;
}
.menu.is-active .menu-hamburger:before,
.menu.is-active .menu-hamburger:after {
  top: 0;
  width: 24px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu.is-active .menu-hamburger:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu.is-active .menu-hamburger:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.menu-hamburger {
  position: relative;
  width: 24px;
  height: 4px;
  margin: 10px 0;
  background: #000;
  border-radius: 4px;
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-hamburger:before, .menu-hamburger:after {
  content: '';
  display: block;
  width: 24px;
  height: 4px;
  background: #000;
  position: absolute;
  border-radius: 4px;
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-hamburger:before {
  top: -8px;
  left: 0;
  width: 22px;
}
.menu-hamburger:after {
  top: 8px;
  width: 16px;
  left: 0;
}

/* @end */

/* @group Sidebar */
 .sidebar {
    float: left;
    width: 160px;
}
.sidebar .sidecontent {
margin: 0 0 8px;
background-color: #ffffff;
}
/* @end */
 #container {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}


.site {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 100px;
	max-width: 1140px;
  	position: relative;
  	z-index: 1;
}

#header_werbung {
    width: 100%;
    float: right;
}
#main {
    margin-top: 45px;
}
.fix {
    margin: 0;
    position: fixed;
    z-index: 200;
    background-color: #ffffff;
    padding: 10px 0 4px;
}

.searchBoxText:hover {
    color: #000000;
}
.searchBoxIcon {
    position: relative;
    float: right;
    top: -28px;
    left: -5px;
}
.lang {
    border: none !important;
}
.aright {
    text-align: right !important;
}
#footer {
    display: inline-block;
    color: #cccccc;
    min-height: 100px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    background-color: #404040;
	z-index: 100;
	position: relative;
	max-width: 960px;
	padding-top: 10px;
}
* img {
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}
/* @end */

/* @group Color / Link */
 input, textarea {
    color: #404040;
}
:focus {
	outline-style: none;
}

a {
    color: #ff606a;
}
.ModulePostNav li a,
.ModuleMajorCities li a {
	color: #4d4d4d;
}
.ModulePostNav li:after,
.ModuleMajorCities li:after{
	content: "⟩";
	float: right;
	color: transparent;
}
.ModulePostNav li:hover:after,
.ModuleMajorCities li:hover:after{
	content: "⟩";
	float: right;
	color: #ff606a;
}

a:visited {
    color: #;
}
a:active {
    color: #4d4d4d;
}
a:hover,
.ModulePostNav li a:hover,
.ModuleMajorCities li a:hover {
    color: #ff606a;
    text-decoration: underline;
    
}
.teaser h2 a{
	color: #4d4d4d;
}
.teaser:hover h2 a{
	color: #ff606a;
	text-decoration: underline;
}

.ModuleSearchResults a, a.link, #searchResults li a, .topnav li a, .ModuleFeedback input[type="submit"] {
    text-decoration: none;
}
.ModuleFeedback .subject {
    display: none;
    visibility: hidden;
}
.quiet {
    color: #666666;
}
a.wiki_edit, .Module3hForecastDaySelect a, ul#buttons li, a.mehr, .ModuleSearch a, ul.tab_nav li a, input[type="submit"], input[type="reset"], a.toggleButton {
    white-space: nowrap;
    text-align: right;
    text-decoration: none;
    padding: 1px 5px;
    font-size: 11px;
    line-height: 18px;
    border: none;
    margin-bottom: 4px;
    color: #4d4d4d;
    border-radius: none;
}


a.mehr:hover,
.ModuleSearch .colcontent a:hover,
input[type="submit"]:hover {
    color: #ff606a;
}
ul#buttons li.button_trans, ul#buttons li.button_trans:hover,
input[type="submit"] {
    background: #f0f3f4;
}
.ModuleFeedback input[type="reset"] {
    color: #4d4d4d;
}
.ModuleSearch a{
    font-size: 13px;
	border-left: 2px solid transparent;
}
.ModulePostNav li {
	margin-top: 4px;
/*	border-bottom: 1px dashed #f1f2f3;*/
}


#forecast_table td a {
    font-size: 12px -1px;
}
a.toggleButton {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 20px;
    text-decoration: none;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}
a.toggleButton.out {
    background: url(../img/toggle_out.png) no-repeat 2px #e6e6e6;
}
a.toggleButton.in {
    background: url(../img/toggle_in.png) no-repeat 2px #e6e6e6;
}
a.toggleButton:hover {
    background-color: #d6d6d6;
    color: #000;
}
a:hover.wiki_edit, #forecast_table td a:hover, .ModuleObs1hLatest td a:hover, .Module3hForecastDaySelect a:hover, .Module3hForecastDaySelect li.aktiv a, .ModuleSearch a:hover, a.aktiv, ul.tab_nav li.aktiv a, ul.tab_nav li:hover a, ul#buttons li:hover, input[type="reset"]:hover {
    text-decoration: none;
}
a.external.text {
    padding-left: 16px;
    background: url(../img/icons/external_link_icon.gif) no-repeat;
}
a[href$=".pdf"]{
	padding-left: 20px;
	height: 16px;
	line-height: 1.5;
	background: url('/img/icons/pdf_icon.gif') no-repeat left center;
	margin-left: 10px;
}

.mehr, a.mehr,
.ModuleSearch .colcontent a,
.ModuleSearchBar input[type="submit"],
span.messzeit a {
    white-space: nowrap;
    display: inline-block;
    line-height: 1.1em;
	margin: 4px 2px 4px 0;
	padding: 4px;
	position: relative;
	
	background-color: transparent;
	color: #000;
	border: 1px solid #dee2e3;
	font-weight: normal;
	font-style: normal;
}
span.messzeit  a.tool {
	border: none;
}

.mehr:hover, a.mehr, ul.calnav li a{
	background-color: #f1f2f3;
	color: #000000;
	border: 1px solid #dee2e3;
}

#forecast_table a.mehr {
	white-space: normal;
}

a.wiki_edit {
    margin-right: 5px;
    display: inline-block;
}


span.temp_hoch, .temp_hoch, .ttmax, .temp_avg {
    color: #ca0002;
}
.MNChartBase .temp_avg,
.climateReviewTemp {
    color: #ca0002;
}
.MNChartBase .temp_min {
    color: #404040;
}
.MNChartBase .temp_water, .wasser_temp {
    color: #3878bf;
}
.MNChartBase .temp_range {
    color: #e7e7e7;
}
.MNChartBase .precip,
.climateReviewPrecip {
    color: #448bb6;
}
.MNChartBase .precip_range {
    color: #4FA2D4;
}
.MNChartBase .sun,
.climateReviewSun {
    color: #FFC000;
}
.MNChartBase .windforce {
    color: #BBBBBB;
}
.MNChartBase .gustforce {
    color: #9BBF93;
}
.MNChartBase .uv_index {
    color: #fed128;
}
/* @end */

/* @group Font */

/* font-family (grösse wurde bereits definiert) */
html {
	font-size: 100.01%;
}
html, body {
	font-size: 13px;
}

body {
 	line-height: 1.5;
 	font-weight: normal;
 	font-family: 'Open sans', Arial, Helvetica, sans-serif;
 	color: #4d4d4d;
 	
 }
 h1, h2, h3, h4 {
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
 }
.medieninfo h1 {
	line-height: 1.2;
}

h2:first-of-type,
h2 a{
	
	position: relative;
	font-size: 1.2rem;
	text-decoration: none;
	padding-left: 0;
/*	text-transform: uppercase;*/
}

h2 {
	padding: 3px 3px 3px 0;
    line-height: 1.1;
    font-size: 1.2rem;
	margin-top: 9px;
}
h2.nonfirst {
    background: none;
    margin-top: 9px;
}
h3 {
    font-size: 1.1rem;
    padding: 3px 3px 3px 0;
}
h4.title {
    margin: 0 0 18px;
    line-height: 18px;
    font-weight: normal;
    font-style: italic;
}
h4 {
    margin-bottom: 18px;
}
pre, code {
    font-family:"Courier New", Courier, mono;
	white-space: normal;
	overflow: hidden;
}
.colcontent p {
	display: inline-block;
}
p.mehr_inhalt{
	padding-left: 0;
}
.colcontent p:after{
	content: ".";
	color: transparent;
}
p.copyright {
    margin-bottom: 20px;
}
#searchResults li {
    padding: 0;
    list-style-position: inside;
    margin: 0 0 3px -15px;
}
#searchResults li a {
    color: #000000;
}
#searchResults li a:hover {
    color: #ff606a;
}
.searchDetails {
    font-size: 11px;
    color: #b3b3b3;
    margin-left: 10px;
}
.messzeit {
    font-size: 11px;
}
span i {
    margin-left: 5px;
    font-size: 11px;
    white-space: nowrap;
}
/* @end */

/* @group Table */
.table-container{
	width: 100%;
	overflow-x: auto;
	_overflow: auto;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	display: inherit;
}

/*für iOS*/
.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}


table {
    border-collapse: collapse;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
table.wikitable{
    margin-left: 5px;
    display: block;
}
table.wikitable td,
table.wikitable th {
	padding-right: 5px;
}

table.wikitable td:last-child {
	text-align: left;
}
table.wikitable p {
	padding: 5px;
}

tbody.on {
    display: table-row-group;
}
tbody.off {
    display: none;
}
.ModuleDailyForecast tbody tr th {
    width: 13%;
}
.ModuleDailyForecast tbody tr th:first-child {
    width: 18%;
}
th, td {
    vertical-align: middle;
    white-space: wrap;
    text-align: right;
}
th span {
    white-space: wrap;
	font-weight: bold;
}
th span span {
    font-size: 9px;
    margin-left: 3px;
}
th:last-child, td:last-child {
    background: none;
    border-right: 0;
}
th.last, td.last {
    background: none;
}
 tr.detail_night td {
    background-color: #f1f2f3;
 	padding: 0;
 	border-top: 1px solid #e2e6e7;
 }
tr.detail_night td:last-child {
    background-color: #f1f2f3;
}
tr.detail_night td:first-child {
	background-color: transparent;
	border-color: transparent;
}

tr.detail_night td img, td img {
    padding: 0;
	margin: 0 0 0 auto;
	z-index: 100;
}
span.source img {
    width: 160px;
    max-width: 100%;
}
tr.detail_night td img {
    width: auto;
    height: 33px;
}
/*tbody tr{
    border-bottom: 1px solid transparent;
}

tbody tr:hover{
    border-bottom: 1px solid #f2f2f2;
}*/
tbody tr.detail_night td img {
    position: relative;
    left: 55%;
}
.halfnight {
    width: 25px;
}
/* @end */

/* @group Module SunMoon */
.ModuleSunMoon tr{
	border-bottom: none;
}
.ModuleSunMoon td {
	text-align: right !important;
	width: 20px;
}
.ModuleSunMoon td:last-child {
	padding-left: 50px;
}

td.sun {
	width: 40px;
	padding-left: 10px;
	
}

td.moon {
	width: 40px;
	padding-left: 10%;
}
/*td {
	width: 10%;*/
}
td:last-of-type {
	padding-left: 3%;
}
/* @end */

/* @group Modul NewsTeaser */
.ModuleNewsTeaser li {
	margin-bottom: 6px;
}
.ModuleNewsTeaser li a span{
	position: relative;
	top: 5px;
}

.ModuleNewsTeaser span.datum {
	font-size: 12px;
	width: 100%;
	display: block;
	margin-top: -7px;
}

/* @end */

/* @group Module */




/* @group SocialMedia */
 .ModuleSocialMedia .colcontent {
    height: 36px;
 }
.ModuleSocialMedia input, .ModuleSocialMedia button {
    float: left;
    border: 0 none;
}
.ModuleSocialMedia p {
    display: inline;
}
.ModuleSocialMedia input {
    display: inline-block;
}
.ModuleSocialMedia a.mehr {
    float: right;
	margin-top: 3px;
	font-size: 14px;
	padding: 8px;
}
/* @end */
/* @group social Links */
 button.social-links-small, button.social-links {
    border: 0;
}
.social-links-small {
    background: url(../img/icons/Logos-social-40.png) no-repeat transparent;
    width: 34px;
    height:34px;
    display:block;
    overflow:hidden;
    text-indent:-1000em;
    z-index: 200;
    float: left;
    cursor: pointer;
}
.small-facebook {
    background-position:-41px 0px;
}
.small-facebook:hover {
    background-position:-41px -40px;
}
.small-google-plus {
    background-position:-120px 0px;
}
.small-google-plus:hover {
    background-position:-120px -40px;
}
.small-twitter {
    background-position:-80px 0px;
}
.small-twitter:hover {
    background-position:-80px -40px;
}
.small-pinterest {
    background-position:-160px 0px;
}
.small-pinterest:hover {
    background-position:-160px -40px;
}
.small-rss {
    background-position:0px 0px;
}
.small-rss:hover {
    background-position:0px -40px;
}
.small-contact {
    background-position:-200px 0px;
}
.small-contact:hover {
    background-position:-200px -40px;
}

/* @end */

/* @group ModuleButtons */

.ModuleButtonsTemplate{
	background-color: rgb(241, 243, 244);
}
.sidecontent a{
    max-width: 100%;
}
.sidecontent a img{
    margin-right: auto;
    margin-left: auto;
}
/* @end */

/* @group Module Box height */
 .height1 .colcontent {
    min-height: 120px;
}
.height2 .colcontent {
/*    height: 190px;*/
	height: auto;
}
.height3 .colcontent {
    min-height: 319px;
}
.height4 .colcontent {
    min-height: 459px;
}
.height5 .colcontent {
    min-height: 579px;
}
.height6 .colcontent {
    min-height: 699px;
}
.height7 .colcontent {
    min-height: 819px;
}
.height8 .colcontent {
    min-height: 939px;
}
/* @end */

/* @group Biowetter */
 .MNHPModuleWithScalesSliders table th {
    text-align: left;
}
.MNHPModuleWithScalesSliders table tr td {
    height: 20px;
}
.MNHPModuleWithScalesSliders .slider_bg {
    display: block;
    width: 60px;
    height: 10px;
    background-image: linear-gradient(left, #00f900 5%, #ff9900 60%, #ff0000 100%);
    background-image: -o-linear-gradient(left, #00f900 5%, #ff9900 60%, #ff0000 100%);
    background-image: -moz-linear-gradient(left, #00f900 5%, #ff9900 60%, #ff0000 100%);
    background-image: -webkit-linear-gradient(left, #00f900 5%, #ff9900 60%, #ff0000 100%);
    background-image: -ms-linear-gradient(left, #00f900  5%, #ff9900 60%, #ff0000 100%);
    margin-top: 4px;
    background-color: #ff0000;
}
span.slider_bg:hover:after, span.slider_bg:focus:after{
	padding: 3px 6px;
	background: #4c4d4c ;
	content: attr(alt);
	position: relative;
	left: 0;
	white-space:nowrap;
  	z-index:200;
  	color:#fff;
	bottom: 18px;
	box-shadow: #4d4d4d 0px 1px 3px;
	-webkit-user-select: none;
}
.MNHPModuleWithScalesSliders .slider {
    display: block;
    height: 10px;
    background-color: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-left: 0%;
}
.MNHPModuleWithScalesSliders .sl_button {
    display: block;
    float: left;
    height: 16px;
    position: relative;
    left: 0;
    line-height: 16px;
    padding-left: 3px;
    color: #4d4d4d;
    font-size: 12px;
    width: 11px;
    margin-top: -3px;
}
.ModuleTemplateHPChartAirPollutants div.MNChartBase {
    height: 220px;
}
.ModuleTemplateHPChartAirPollutants td.chart-airpollutant {
    color: #448bb6;
}
/* @end */

/* @group AlertsMap */
 .ModuleAlertsMapFullsize .colcontent {
    display: block;
    position: relative;
}
.ModuleAlertsMapPreviewTiny img {
    max-width: 337px;
    width: 87%;
	margin-right: auto;
	margin-left: auto;
}
#types {
    width: 225px;
    position: absolute;
    top: 25px;
    right: 10px;
}

#types ul {
    margin: 0;
}
#types ul li {
    float: left;
    border-bottom: rgb(0, 255, 0) 3px solid;
    margin: 0 2px 2px 0;
}
#types ul li img {
    background-color: #e6e6e6;
    border: 1px solid #ffffff;
    margin: 0;
}
#types ul li img:hover {
    border-color: #4d4d4d;
}
#popup {
    width: 213px;
    position: absolute;
    top: 155px;
    right: 10px;
    display: inline-block;
    background-color: white;
}
#popup_alerts7,
#popup_alerts8,
#popup_alerts10 {
	width: 213px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: inline-block;
    background-color: white;
}
#popup span,
#popup_alerts7 span,
#popup_alerts8 span,
#popup_alerts10 span
 {
    width: 208px;
    float: left;
    display: block;
    margin-bottom: 2px;
    padding-left: 5px;
}
#popup span strong,
#popup_alerts7 span strong,
#popup_alerts8 span strong,
#popup_alerts10 span strong{
    display: block;
}
/*#popup h3 {
    font-size: 90%;
}*/
#popup_warn {
    display: block;
    position: absolute;
    z-index: 50;
    width: 340px;
    top: 0;
    right: 0;
    padding-right: 5px;
    padding-left: 5px;
/*    font-size: 90%;*/
    background-color: #e6e6e6;
    border-bottom-color: #cccccc;
}
#popup_warn span {
    float: left;
    margin-bottom: 4px;
    padding-left: 5px;
    width: 325px;
    border-left-width: 10px;
    border-left-style: solid;
    background-color: #ffffff;
    color: #404040;
}
#popup_warn h3 {
    margin-top: 4px;
}
#levels {
    width: 225px;
    position: absolute;
    top: 115px;
    right: 10px;
}
#levels ul {
    margin-left: -2px;
}
#levels ul li {
    float: left;
    border: 1px solid #ffffff;
    width: 16px;
    height: 16px;
}
#levels ul li:hover {
    border: 1px solid #4d4d4d;
}


@media screen and (max-width: 600px) {

	.ModuleAlertsMapTemplate #mapimage {
		margin-bottom: 66px;
	}
	#types {
	    width: auto;
	    position: relative;
	    display: inline-table;
	    height: 80px;
		margin-left: 12px;
	}
	#levels {
	    width: auto;
	    position: relative;
		float: left;
		padding-right: 10px;
		top: 18px;
		left: 2px;
	}
	#levels ul {
	    margin-left: -2px;
	}
	#levels ul li {
	    float: left;
	    border: 1px solid #ffffff;
	    width: 30px;
	    height: 30px;
	}
	#levels ul li:hover {
	    border: 1px solid #4d4d4d;
	}
	#popup_warn {
	    display: block;
	    position: absolute;
	    z-index: 50;
	    width: 340px;
	    padding-right: 5px;
	    padding-left: 5px;
	/*    font-size: 90%;*/
	    background-color: #e6e6e6;
	    border-bottom-color: #cccccc;
		left: 5px !important;
		top: 350px !important;
	}
	#popup {
	    width: 213px;
	    position: absolute;
	    top: 310px;
	    left: 5px;
	    display: inline-block;
	    background-color: white;
	}

}



/* @end */

/* @group Skigebiet */
 .ModuleAvalanchesDanger td img {
    width: 50px;
}
td.toboggan {
    background: url(../img/icons/schlitten_16.png) left no-repeat;
}
td.crosscountry {
    background: url(../img/icons/langlauf_16.png) left no-repeat;
}
td.ski {
    background: url(../img/icons/ski_16.png) left no-repeat;
}
/* @end */

/* @group Feedback Formular */
 .ModuleFeedback form {
    width: 310px;
    margin-top: 12px;
}
.ModuleFeedback form label {
    width: 100%;
    display: block;
    padding-left: 5px;
}
.ModuleFeedback input[type="text"], .ModuleFeedback input[type="email"], .ModuleFeedback textarea {
    width: 303px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #e6e6e6;
}
.ModuleFeedback hr {
    width: 310px;
    padding: 0;
    margin: 5px 0;
    border: none;
}
.ModuleFeedback input.form_error, .ModuleFeedback textarea.form_error {
    border: 1px solid #ff606a;
}
/* @end */


/* @group MeteonewsTV */
 .ModuleMeteonewsTV .colcontent a img.noscript {
/*    width: 208px;*/
/*    margin-left: 5px;*/
    margin-bottom: 3px;
/*    margin-top: 3px;*/
}
.ModuleMeteonewsTV a img.has_animation {
    background-color: transparent;
    position: relative;
    top: 80px;
    left: 90px;
    z-index: 5;
    margin-top: -38px;
    border: none;
}
.ModuleMeteonewsTV .colcontent object#flash {
    margin-left: 5px;
}
a.play {
	display: block;
	position: absolute;
	width: 97%;
	height: 79%;
	z-index: 3;
	background: url(../img/video-play-button.png) center center no-repeat transparent;
	background-size: 80%;
	z-index: 100;
	
}
a.play:hover{
	background: url(../img/video-play-button_hover.png) center center no-repeat ;
	background-size: 80%;
}
img.vorschau {
	width: 100%;
}

/* @end */

/* @group Footer */
 .ModuleFooter a {
    color: #cccccc;
}
/* @end */

/* @group Header */
 div.section.header div.col8 .colcontent {
    display: inline-block;
    margin-bottom: 9px;
    border: none;
    margin-top: 9px;
}
/* @end */

/* @group Obs1hLatest */
 .ModuleObs1hLatest dt {
    width: 100%;
    padding-left: 2px;
    clear: left;
    background-color: #f2f2f2;
    font-weight: normal;
    font-style: normal;
}
.ModuleObs1hLatest dd {
    margin-left: 60%;
    font-weight: bold;
}
.ModuleObs1hLatest dd span {
    float: left;
}
.ModuleObs1hLatest dd span img {
    margin: 0 5px 0 0;
    padding-top: 2px;
}
.MNHPModuleObs1hLatest table td img {
    margin-right: 0;
    float: right;
    margin-left: 5px;
}
/* @end */

/* @group Sat | Precip | Radar */
.MNHPModuleMaps.modul td,
.ModuleMapsPreview td {
    padding-bottom: 15px;
}
.FullsizeMap.colcontent {
    display: inline-block;
    width: 100%%;
}
.map_layer0 {
    z-index: 10;
}
.map_layer1 {
    z-index: 20;
}
.map_layer2 {
    z-index: 25;
}
.map_layer3 {
    z-index: 40;
}
.map_layer4 {
    z-index: 50;
}
.map_layer5 {
    z-index: 60;
}
.map_layer6 {
    z-index: 70;
}
.map_layer7 {
    z-index: 80;
}
.map_layer8 {
    z-index: 90;
}
.map_layer9 {
    z-index: 100;
}
.map_layer10 {
    z-index: 110;
}
.content_layer {
    position: relative;
}
.content_layer img, span.group div.map_title {
    position: absolute;
}
.ModuleMapsPreview table {
    max-width: 660px;
}
.ModuleMapsPreview td{
	padding: 4px;
}
table.center {
    width: 100%;
}
.center td, .center tr {
    background: none;
    border: none;
    vertical-align: top;
    text-align: center;
}
.ModuleMapsPreview tr:hover {
    background: none;
}
.group{
	position: relative;
	display: inline-block;
	width: 100% !important;
	height: auto !important;
	min-width: 210px;
	padding-top: 68%;
}

.group img{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	max-width: 100% !important;
	height: 100% !important;
}

span.group, span.group a img, span.group a div.map_title {
    width: 100%;
    height: auto;
}
span.group {
    display: inline-block;
    position: relative;

}
span.group a img{
	max-width: 100%;
	min-height: 150px!important;
}

.ModuleSatPreviewTiny img {
    height: auto;
/*    border-bottom: 1px solid #4d4d4d;*/
}
.map_title {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.map_title p {
    display: inline-block;
    width: 96%;
    color: white;
    text-decoration: none;
    padding: 4px;
    background: url('../img/map_title_bg.png') repeat;
}
.content_layer a {
    text-decoration: none;
}
.ModulePrecipTemplate table img {
    position: absolute;
}
.ModuleSatTemplate div a img, .ModulePrecipTemplate div a img {
    margin-right: auto;
    margin-left: auto;
}
.ModuleSatTemplate p, .ModuleSatTemplate table tbody tr td p, .ModulePrecipTemplate p, .ModulePrecipTemplate table tbody tr td p {
    display: inline-block;
    text-align: left;
}
.ModuleSatTemplate table tbody tr td, .ModulePrecipTemplate table tbody tr td {
    padding: 5px;
}
img#map_img, img#precip_img {
/*    max-width: 500px;
    margin-right: 100px;*/
    float: left;
    position: relative;
    width: 100%;
}
.map_img_content, .map_img_content_layer {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.map_img_content img {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    
}
.map_img_content_layer img,
.map_img_content_layer canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
}
div.map_nav {
    width: 160px;
    min-height: 330px;
    margin-right: 10px;
    padding-left: 500px;
    margin-bottom: 10px;
    
    display: inline;
}
div.slider_container {
    clear: left;
	padding-top: 0;
	padding-left: 5px;
}
div.slider_nav {
    float: left;
	margin-top: 1px;
}
div.slider_outer {
	margin-left: 140px;
	margin-right: 20px;
}
div#slider {
    z-index: 25;
}
.ModuleRadarTemplate .precip_img_content img, .ModuleRadarTemplate .precip_img_content, .ModuleRadarTemplate div.precip_nav {
    height: 320px;
    min-height: 320px;
}
ul#buttons {
    display: inline-block;
    margin-left: 0;
    
    position: relative;
    display: block;
    height: 3em;
    cursor: pointer;
    border-radius: 1.4em;
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0)),  #f0f3f4;
    box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}


ul#buttons li {
    float: left;
    margin-right: 16px;
    list-style: none;
	border-radius: 100%;
    background: linear-gradient(#f5f5f5 10%, #eeeeee);
    box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
	height: 2.5em;
	width: 1.8em;
	position: relative;
	top: 3px;
	left: 4px;
}
ul#buttons li:last-of-type{
	margin-right: 8px;
}
ul#buttons li img {
	position: relative;
	left: 3px;
	top: 7px;
}
ul#buttons li #button_prev img{
	position: relative;
	left: 1px;
}
ul#buttons li:hover, ul#buttons li.started{
    background: linear-gradient(#cecece 15.9%, #f5f5f5 88.8%);
    box-shadow: inset 0 0 0.30em rgba(224, 224, 224, 0.9), 0 0.2em 1px rgba(185, 185, 185, 0.5);
	-moz-box-shadow: inset 0 0 0.30em rgba(224, 224, 224, 0.9), 0 0.2em 1px rgba(185, 185, 185, 0.5);
}
div.map_nav ul li, div.precip_nav ul li {
    margin-left: 0;
}
div.map_nav p img, div.precip_nav p img {
    margin: 0;
    padding: 0;
}
div.map_nav > div {
	display: none;
}
div.map_nav #localtime {
	display: inline-block;
	position: relative;
	top: -35px;
	left: 140px;
	font-size: 20px;
}

/* @end */

/* @group Map Slider */


/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
.noUi-target, .noUi-target * {
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-ms-touch-action:none;
	touch-action:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.noUi-target {
	position:relative;
	direction:ltr;
}
.noUi-base {
	position:relative;
	z-index:1;
}
.noUi-connect {
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0;
	
}
.noUi-origin {
	position:absolute;
	height:0;
	width:0;
	
}
.noUi-handle {
	position:relative;
	z-index:1;
	
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
	-webkit-transition:top .3s, right .3s, bottom .3s, left .3s;
	transition:top .3s, right .3s, bottom .3s, left .3s;
}
.noUi-state-drag * {
	cursor:inherit!important;
}
.noUi-base, .noUi-handle {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.noUi-horizontal {
/*	height: 14px;*/
}
.noUi-horizontal .noUi-handle {
	
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	background: linear-gradient(#f5f5f5 10%, #eeeeee);
	box-shadow: inset 0 0.2em 0.15em rgb(255, 255, 255), 0 0.2em 0.2em rgba(0, 0, 0, 0.43);
	left: -1.25em;
	-moz-box-shadow: inset 0 0.2em 0.15em rgb(255, 255, 255), 0 0.2em 0.2em rgba(0, 0, 0, 0.43);
	top: -0.8em;
}
.noUi-vertical {
	width:18px;
}
.noUi-vertical .noUi-handle {
	width:28px;
	height:34px;
	left: -7px;
	top: -17px;
}
.noUi-target {
	position: relative;
	display: block;
	height: 3em;
	cursor: pointer;
	border-radius: 3em;
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0)),  #f0f3f4;
	box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}
.noUi-target:before,
.noUi-base{
	height: 1em;
	position: absolute;
	border-radius: 1em;
	transition: 250ms ease-in-out;
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)),  #b3b3b3;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 1) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(68, 204, 102, 0.7) inset;
	left: 1.5em;
	right: 1.5em;
	top: 1em;
}
.noUi-connect {
	background:#3FB8AF;
	border-radius:50%;
	box-shadow:inset 0 0 3px rgba(51, 51, 51, .45);
	-webkit-transition:background 450ms;
	transition:background 450ms;
}
.noUi-draggable {
	cursor:ew-resize;
}
.noUi-vertical .noUi-draggable {
	cursor:ns-resize;
}
.noUi-handle {
	border:1px solid #D9D9D9;
	border-radius:50%;
	background:#FFF;
	cursor:default;
	box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
	
	
	}
.noUi-active {
	box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after, .noUi-handle:before {
	content:"";
	display:block;
	position:absolute;
	height:14px;
	width: 1px;
	background:#E8E7E6;
	left: 12px;
	top: 7px;
}
.noUi-handle:after {
	left: 15px;
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
	width:14px;
	height:1px;
	left:6px;
	top:14px;
}
.noUi-vertical .noUi-handle:after {
	top:17px;
}
[disabled] .noUi-connect {
	background:#B8B8B8;
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
	cursor:not-allowed;
}
.noUi-pips, .noUi-pips * {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.noUi-pips {
	position:absolute;
	color:#999;
}
.noUi-value {
	position:absolute;
	white-space:nowrap;
	text-align:center;
	margin-top: 3px;
}
.noUi-value-sub {
	color:#ccc;
	font-size: 10px;
}
.noUi-marker {
	position:absolute;
	background:#CCC;
}
.noUi-marker-large, .noUi-marker-sub {
	background:#AAA;
}
.noUi-pips-horizontal {
	padding-top: 5px;
	padding-bottom: 10px;
	height:80px;
	top: 83%;
	width: calc(100% - 3em);
	left: 1.5em;
}
.noUi-value-horizontal {
	-webkit-transform:translate3d(-50%, 50%, 0);
	transform:translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width:2px;
	height:5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
	height:10px;
}
.noUi-marker-horizontal.noUi-marker-large {
	height:15px;
}
.noUi-pips-vertical {
	padding:0 10px;
	height:100%;
	top:0;
	left:100%;
}
.noUi-value-vertical {
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	padding-left:25px;
}
.noUi-marker-vertical.noUi-marker {
	width:5px;
	height:2px;
	margin-top:-1px;
}
.noUi-marker-vertical.noUi-marker-sub {
	width:10px;
}
.noUi-marker-vertical.noUi-marker-large {
	width:15px;
}
.noUi-tooltip {
	display: block;
	position: absolute;
/*	background: rgba(63, 64, 63, 0.75);*/
	color: #fff;
	padding: 0 5px;
	text-align: center;
	white-space: nowrap;
	z-index: 30;
}
.noUi-horizontal .noUi-tooltip {
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	
	position: absolute;
	left: 50%;
	bottom: 195%;
	background-color: rgba(63, 64, 63, 0.75);
	color: #ffffff;
/*	height: 30px;*/
	line-height: 30px;
	border-radius: 5px;
	padding: 0 10px;
/*	content: attr(data-tooltip);*/
	white-space: nowrap;
	text-align: center;
}
.noUi-tooltip .uhrzeit{
	float: left;
	text-align: center;
	width: 100%;
	padding: 0;
	margin-top: -14px;
	font-weight: bold;
}
.noUi-horizontal .noUi-tooltip:after{
	position: absolute;
	left: 41%;
	top: 46px;
	border-top: 7px solid rgba(63, 64, 63, 0.75);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
}
.noUi-horizontal .noUi-tooltip.slider-data-messwert:after{
	border-top: 7px solid rgba(63, 64, 63, 0.75);
}
.noUi-horizontal .noUi-tooltip.slider-data-prognose:after{
	border-top: 7px solid rgba(215, 0, 0, 0.75);
}
.noUi-horizontal .noUi-tooltip.slider-data-modell:after{
	border-top: 7px solid rgba(222, 222, 222, 0.75);
}

.noUi-horizontal .noUi-tooltip.slider-data-messwert{
	background-color: rgba(63, 64, 63, 0.75);
}
.noUi-horizontal .noUi-tooltip.slider-data-prognose{
	background-color: rgba(215, 0, 0, 0.75);
}
.noUi-horizontal .noUi-tooltip.slider-data-modell{
	background-color: rgba(222, 222, 222, 0.75);
	color: #222222;
}

.noUi-vertical .noUi-tooltip {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top:	50%;
	right:	120%;
}


/* @end */

/* @group IsobarsAndFronts */
 .ModuleIsobarsAndFronts img {
    width: 697px;
}
.ModuleIsobarsAndFronts img.isobars {
    width: 697px;
}
/* @end */

/* @group WebcamsPreview */
 .ModuleWebcamsPreview .colcontent {
    display: block;
}
.galerie div {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
	width: 100%;

}
.galerie span.destination {
/*    color: white;*/
    z-index: 5;
    display: inline-block;
    position: absolute;
    width: 97px;
    height: 92px;
    text-decoration: none;
    padding-left: 2px;
    border-left: 2px solid #ff606a;
    font-size: 10px;
    margin-top: -17px;
	margin-bottom: 20px;
	margin-left: -2px;
	line-height: 9px;
}

.videoplayer div {
    display: block;
}

.vjs-loading-spinner{
	display: none !important;
}
.ModuleEventCrosslinks div.galerie {
    margin-bottom: 7px;
}
.ModuleEventCrosslinks.modul span.destination {
    width: 160px;
    height: 112px;
}
.ModuleWebcamsPreviewTiny .galerie div {
    margin-left: 1px;
}
div.galerie a.cam {
    float: left;
    z-index: 10;
    text-decoration: none;
    margin: 4px 0 0;
    padding: 17px 3px 3px 2px;
}
div.galerie a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.ModuleEventCrosslinks.modul div.galerie img {
    border: 1px solid #ffffff;
    opacity: 0.40;
    filter: alpha(opacity=40);
}
div.galerie a.selected {
    background-color: #000;
    color: #ffffff;
}
.ModuleEventCrosslinks.modul div.galerie a.selected img, .ModuleEventCrosslinks.modul div.galerie a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
img.selected {
    border: 1px solid #ffffff;
    margin-bottom: 0;
    z-index: 5;
}
div.galerie a img.has_animation {
    background-color: transparent;
    position: relative;
    top: 57px;
    left: 30px;
    z-index: 5;
    margin-top: -38px;
    border: none;
}
div.galerie a img {
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* @end */


/* @group on off */
 .on {
    display: inline;
}
.off {
    display: none;
}
/* @end */

/* @group Charts */
 div#chart-obs24h, div#chart-obs24h-temp, div#chart-obs24h-sun, div#chart-obs24h-precip, div#chart-obs24h-wind, div#chart-obs24h-temp2, div#chart-obs24h-pres, div#chart-forecast-temp, .HPChartWater, div#chart-uv, div#chart-clima, div#chart-feltairtemp, div#chart-3d-forecast-wind, #chart-modulechartclimatetempprecip {
    height: 220px;
}
.HPChartWater {
    max-width: 90%;
}
div#chart-forecast-temp, div#chart-forecast-precip, div#chart-forecast-sun {
    height: 150px;
}
div#chart-forecast-wind {
    height: 220px;
}
.MNChartBase table {
    visibility: hidden;
    font-size: 10px !important;
}
.MNChartBase dl {
    visibility: hidden;
}
/* @end */

/* @group 3hForecast dl */
 .Module3hForecast .toggleButton {
    float: right;
    margin: 0;
    height: 15px;
    padding: 2px 4px;
}
.Module3hForecast dl.bg {
    margin-bottom: 5px;
    border-top: 1px solid #cccccc;
}
.Module3hForecast dt {
    max-width: 70%;
    height: 16px;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 18px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 0;

    /*automatisch string kürzen mit ...*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Module3hForecast dd {
    height: 16px;
    margin: -17px 0 0 70%;
    padding: 0 0 0 7px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 11px;
    line-height: 18px;
    width: 29%;
}
ul.forecast_list img {
    margin-bottom: 0;
}
ul.forecast_list {
    display: inline-block;
    padding-right: 10px;
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}
ul.forecast_list li {
    margin: 0;
    padding: 0;
}
ul.forecast_list li.box {
    width: 100%;
    line-height: 12px;
    background: url(../img/icons/richtung.png) 2px -20px no-repeat #f1f2f3;
    border-bottom: 1px solid #d8ddde;
    display: inline-block;
    padding: 4px 5px 0;
    margin: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}
ul.forecast_list li.box.aktiv {
    margin-bottom: 5px;
}
ul.forecast_list ul {
    margin: 0;
    padding: 0;
}
ul.forecast_list li.detail {
    width: 100%;
    line-height: 19px;
    clear: both;
    padding: 5px 0 0;
    margin: 0;
}
ul.forecast_list li:hover.box, ul.forecast_list li.verweis {
    background: url(../img/icons/zoom-in.png) 2px -10px no-repeat #f1f2f3;
    cursor: pointer;
}
ul.forecast_list li.aktiv:hover.box, ul.forecast_list li.aktiv.verweis {
    background: url(../img/icons/zoom-out.png) 2px -10px no-repeat #f1f2f3;
    cursor: pointer;
}
ul.forecast_list li span {
    display: block;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    box-sizing: border-box;
}
ul.forecast_list li span.c1, ul.forecast_list li span.c2, ul.forecast_list li span.c3, ul.forecast_list li span.c4 {
    float: left;
}
ul.forecast_list li span.c1 {
    width: 37px;
}
ul.forecast_list li span.c2 {
    width: 28%;
    text-align: center;
}
ul.forecast_list li span.c3 {
    width: 26%;
	padding-left: 1%;
}
ul.forecast_list li span.c4, ul.forecast_list li span {
    width: 29%;
}
ul.forecast_list span.time {
    font-weight: bold;
    font-size: 14px;
    margin-top: 34px;
    text-align: right;
}
ul.forecast_list span.symbol {
    width: 30px;
    margin-right: auto;
	margin-left: auto;
	margin-top: -7px;
}
ul.forecast_list span.symbol img {
    display: inline-block;
}

ul.forecast_list span.temp_hoch {
    z-index: 2;
    width: 100%;
	position: relative;
	right: 50%;
	left: 38%;
	text-align: center;
	margin-top: -5px;
}
ul.forecast_list span.sonne {
    padding-left: 5px;
    margin-top: -1px;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
ul.forecast_list span.sonne img {
    display: inline-block;
    position: relative;
    top: 5px;
}
ul.forecast_list span.regen {
    color: #0489b7;
    padding-left: 5px;
    margin-top: 3px;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
ul.forecast_list span.regen img {
    display: inline-block;
    position: relative;
    top: 5px;
	margin-right: 3px;
}
ul.forecast_list li span.wind {
    margin-top: 4px;
}
ul.forecast_list li span.mittelwind {
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
ul.forecast_list span.wind img {
    width: 30px;
    margin-right: auto;
    margin-left: auto;
}
/* @end */

/* @group 3hForecastDaySelect */
 .Module3hForecastDaySelect .colcontent {
    padding-bottom: 2px;
    margin-bottom: 0;
    text-align: left;
    margin-left: -2px;
}
.Module3hForecastDaySelect ul {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.Module3hForecastDaySelect li {
    float: left;
    margin-left: 2px;
    margin-bottom: 5px;
}
.Module3hForecastDaySelect li a {
    padding: 3px 6px;
    font-size: 13px;
}
/* @end */

/* @group CompanyNavigation */
 .ModuleCompanyNavigation .colcontent ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.ModuleCompanyNavigation ul li {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0;
}
.ModuleCompanyNavigation ul li ul li {
    margin-left: 15px;
}
.ModuleCompanyNavigation ul li a {
    padding: 5px;
}
/* @end */

/* @group 3hForecast */
 .Module3hForecast th {
 	font-size: 11px;
    white-space: nowrap;
 	font-weight: bold;
 }
/* @end */

/* @group Search */
 .ModuleSearch .colcontent {
    padding-bottom: 5px;
 }
.ModuleSearch .searchBoxIcon {
    background: url(../img/search.png) 7px 0 no-repeat transparent;
    width: 25px;
    height: 15px;
    border: none;
    color: transparent;
    font-size: 0;
    text-indent: 25px;
}
.searchBoxText {
	border: none;
    background-color: rgb(241, 242, 243);
	height: 24px;
	padding: 2px 0 2px 2px;
	vertical-align: top;
    width: 98%;
    margin-bottom: 5px;
	font-size: 13px;
	line-height: 1;
}
input.searchBoxText[placeholder] {
	white-space: nowrap;
	   overflow: hidden;
	   width: 90%;
	   text-overflow: ellipsis;
	padding-right: 20px;
}

.searchBoxText:focus{
	background-color: #fff;
	border-bottom: 1px solid #5a5a5a;
	margin-bottom: 4px;
}

.ModuleSearchResults li img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.PageTypeSearchResults .col3 {
	width: 100%;
}

/* @end */

/* @group SearchBar */

.ModuleSearchBar input {
/*    border: 1px solid #ebebeb;
    height: 15px;
    padding: 2px 25px 2px 5px;
    vertical-align: top;
    width: 215px;
    color: #404040;
    font-size: 12px;*/
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ff606a;
    height: 20px;
	padding: 2px 0;
	vertical-align: top;
    width: 50%;
    margin-bottom: 10px;
    font-size: 13px;

}
.ModuleSearchBar input[type="submit"] {
    width: auto;
	height: 25px;
	border: none;
	margin-left: 10px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #ebebeb;
}
/* @end */

/* @group LangSelect */

/* @group TopNav */
 .topnav a.aktiv, .topnav li a:hover, .topnav li a:focus {
    color: #ff606a;
    border-bottom: 2px solid #ff606a;
}
/* @end */
 .topnav.ModuleLangSelect {
    border: none;
    background-color: transparent;
    height: 20px;
    position: relative;
 	width: auto;
 	float: right;
 	margin-bottom: 5px;
 }
.ModuleLangSelect .colcontent ul li {
    float: left;
    height: 16px;
    font-size: 12px;
    padding-right: 4px;
    padding-left: 4px;
/*    background: url(../img/speech.png) 45px 33px;*/
    margin-right: 2px;
    margin-left: 0;
}
.ModuleLangSelect .colcontent ul li.aktiv {
	border-bottom: 2px solid #ff606a;
}
.ModuleLangSelect .colcontent ul li a {
    color: #333;
}
/* @end */

/* @group Breadcrumb */
 .ModuleBreadcrumb .colcontent {
    border: none;
    z-index: 2;
    display: block;
    height: auto;
    float: left;
    margin-top: 25px;
    background-color: transparent;
    padding: 0;
 	margin-bottom: 20px;
 	width: 100%;
 }
.ModuleBreadcrumb ul{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	padding: 0;
}
.ModuleBreadcrumb ul li {
    float: left;
    line-height: 19px;
    z-index: 10;
    margin-top: 2px;
    padding-right: 0;
    padding-left: 0;
}
.ModuleBreadcrumb ul li.last{
	color: #ff606a;
	height: 20px;
	margin-top: 3px;
}
.ModuleBreadcrumb ul li.last:after{
	content: "";
}
.ModuleBreadcrumb ul li a {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    margin-right: 1px;
	line-height: 20px;
    color: #333;
}
.ModuleBreadcrumb ul li:after{
	content: ">";
	padding-left: 0;
	padding-right: 4px;
}
.ModuleBreadcrumb ul li a:hover {
    text-decoration: underline;
}

/* @end */

/* @group ModuleBreadcrumbNav */
 .ModuleBreadcrumbNav .colcontent {
    border: none;
    z-index: 2;
    display: block;
    height: auto;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
}
.ModuleBreadcrumbNav li:hover {
    background-color: #d8d8d8;
}
.ModuleBreadcrumbNav li {
    display: block;
    float: left;
    padding-right: 18px;
}
.ModuleBreadcrumbNav li.last, .ModuleBreadcrumbNav li li {
    background: none;
    padding-right: 0;
    background-color: #d8d8d8;
}
.ModuleBreadcrumbNav li a, .ModuleBreadcrumbNav li.last {
    display: block;
/*    font-size: 14px;*/
    color: #3f403f;
    text-decoration: none;
    border: none;
    line-height: 20px;
    padding: 0 4px 2px;
}
.ModuleBreadcrumbNav li li {
    width: 100%;
}
.ModuleBreadcrumbNav ul li ul li a {
    margin: 0px;
    color: #fff;
    background: #5c5c5c;
    text-decoration: none;
}
.ModuleBreadcrumbNav ul li ul li a:hover {
    color: #fff;
    background: #ea5763;
}
.ModuleBreadcrumbNav ul ul {
    position: absolute;
    z-index: 500;
    display: none;
    width: 160px;
    -moz-box-shadow: 3px 2px 5px #909090;
    -webkit-box-shadow: 3px 2px 5px #909090;
    box-shadow: 3px 2px 5px #909090;
    opacity: 0.9;
}
.ModuleBreadcrumbNav ul li:hover ul {
    display: block;
}
/* @end */

/* @group Logo */
 .ModuleLogo .colcontent {
    background-color: transparent;
    border: none;
 	z-index: 100;
    position: relative;
 	padding-left: 9px;
 	margin-bottom: 5px;
 }
.ModuleLogo .colcontent a img {
    margin-bottom: 0;
    margin-top: 5px;
}
.ModuleLogo .colcontent a img.icon {
    width: 45px;
    z-index: 600;
    display: block;
    position: absolute;
    left: 180px;
    top: 2px;
}
/* @end */

/* @group DailyForecast */
 .ModuleDailyForecast td span span, .Module3hForecast td span span {
    float: right;
    margin-left: 5px;
}
/* @end */

/* @group Water */
 .ModuleWater table td:first-child {
    text-align: left;
    width: 100%;
}
.ModuleWater table td span.gewaesser {
    font-size: 13px;
	width: 100%;
    display: inline-block;
	font-weight: bold;
}
.ModuleWater table td span.date {
    width: 100%;
}
.ModuleWater table td span.icon {
    width: 22px;
    height: 22px;
    display: block;
    vertical-align: bottom;
    background: url('../img/icons/wasser_temp.png') no-repeat 0 1px white;
    background-size: 22px 22px;
}
.ModuleWater table td span.wasser_temp {
    font-size: 22px;
    font-weight: bold;
    color: #3a76bf;
    vertical-align: bottom;
    line-height: 15px;
}
.ModuleWaterTeaser table td:first-child, .ModuleWaterOldTeaser table td:first-child,
.ModuleWaterTeaser table th:first-child, .ModuleWaterOldTeaser table th:first-child {
    width: 80%;
    display: inline-block;
}
.ModuleWaterTeaser table td.wasser_temp, .ModuleWaterOldTeaser table td.wasser_temp {
/*    width: 60px;*/
    color: #3a76bf;
    vertical-align: bottom;
}
.ModuleWaterTeaser table td span.ort, .ModuleWaterOldTeaser table td span.ort {
    float: left;
    font-size: 11px;
/*	white-space: nowrap;*/
}
.ModuleWaterTeaser table th span.ort {
    float: left;
}
.ModuleWaterTeaser table span.gewaesser,
.ModuleWaterOldTeaser table span.gewaesser {
    float: right;
	font-style: italic;
}
/* @end */

/* @group WebcamFullsize */
 .ModuleWebcamFullsize span.messzeit {
    position: relative;
    bottom: 0;
    right: 0;
}
.ModuleWebcamFullsize object, .ModuleWebcamFullsize img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.ModuleWebcamFullsize p.partner {
    margin-top: 5px;
    padding-bottom: 5px;
}
/* @end */

/* @group Webcam Archiv */
 #WebcamArchiv {
    display: block;
    text-align: left;
    background: url(../img/icons/photo.png) no-repeat 35px center rgba(255, 255, 255, 0.5);
    width: auto;
    min-width: 100px;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 3000000;
    font-size: 160%;
    color: #000000;
    text-transform: capitalize;
    padding: 5px 5px 5px 70px;
}
.ModuleWebcamArchiv ul {
    margin-top: 10px;
    margin-bottom: 40px;
}
.ModuleWebcamArchiv li {
    float: left;
    margin-left: 5px;
}
.ModuleWebcamArchiv li img {
    width: 16px;
}
#loading {
    width: 44px;
    height: 44px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    opacity: 0.8;
    z-index: 8060;
    background: url(../img/loading.gif) no-repeat center center #000000;
}
.overlay_txt {
    position: absolute;
    top: 60px;
    left: 50%;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin: 0 auto 0 -75px;
    width: 150px;
}
#overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 100000;
    background: url(../img/overlay.png) repeat;
}
.box_layer #overlay {
    display: block;
}
/* @end */

/* @group ContinentCountrySelection */
 .ModuleContinentCountrySelection p {
    display: block;
 	margin-bottom: 10px;
 }
.ModuleContinentCountrySelection select {
    text-align: left;
    float: left;
    margin-right: 10px;
}


/* @end */

/* @group CountryObs */
 .ModuleCountryObs .colcontent p {
    display: inline-block;
}
.ModuleCountryObs .colcontent p span {
    float: right;
    font-weight: bold;
    margin-left: 5px;
}
#WetterKarteModuleCountryObsPreview span.temp {
    margin-top: -8px;
    width: 36px;
}
/* @end */


/* @group Toolbox */
 .messzeit {
    margin-top: 15px;
}
.content_info {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
}
table, .messzeit, .content_info {
    position: relative;
}
a.tool span.tip, a.tool span.hilfe, a.tool span.quelle, #tooltip, li.tool span.delete,
ul.map li ul {
    position: absolute;
    padding-right: 6px;
	padding-left: 6px;
	line-height: 16px;
    -webkit-box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
    box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
	-moz-box-shadow: 1px 1px 2px rgba(77, 77, 77, 0.6);
    z-index: 99999;
    text-align: center;
    display: none;
}
a.tool span.tip,
ul.map li ul li a{
    top: -5px;
    left: 0;
    width: auto;
    height: 16px;
    white-space: nowrap;
    background: #f2f2f2;
    opacity: 0.8;
    filter: alpha(opacity=90);
    color: #000000;
}
a.tool span.hilfe {
    right: 0px;
    width: auto;
    height: 16px;
    white-space: nowrap;
    background: #4d4d4d;
    color: #fff;
    margin-top: -25px;
}
.climate_content a.tool span.hilfe{
	/*position: relative;*/
  	left: auto;
  	margin-top: -15px;
  	margin-left: 0;
  	right: auto;
}
.climate_content .part.summer a.tool span.hilfe{
  	right: 0;
  	margin-top: -15px;
  	margin-left: 0;
}

a.tool span.quelle {
    right: 0px;
    width: auto;
    height: 16px;
    white-space: nowrap;
    background: #4d4d4d;
    color: #ffffff;
    margin-top: 0;
}
.ModuleWater a.tool span.quelle {
    right: 55px;
}
#tooltip {
    white-space: nowrap;
    background-color: #4d4d4d;
    color: #ffffff;
	-webkit-box-shadow: 0 1px 4px rgba(77, 77, 77, 0.6);
	box-shadow: 0 1px 4px rgba(77, 77, 77, 0.6);
	-moz-box-shadow: 0 1px 4px rgba(77, 77, 77, 0.6);
    font-size: 12px;
    vertical-align: middle;
    display: none;
}
li.tool span.delete {
    right: 5px;
    width: auto;
    height: 16px;
    white-space: nowrap;
    text-align: center;
    background: #4d4d4d;
    color: #ffffff;
}
a.tool span.lupe {
    width: 16px;
    height: 16px;
    margin-left: 7px;
    position: relative;
	background-color: rgb(241, 242, 243);
    border-radius: 12px;
	padding-top: 0;
	display: inline-block;
	line-height: 1;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	
}
a.tool span.lupe:after {
    content: " i ";
	font: bold 13px/17px "Courier New", Courier, mono;
	padding-left: 4px;
	color: #484848;
}
.content_info a.tool span.lupe {
    position: absolute;
}
li.tool img.favorit {
    float: left;
    height: 12px;
    margin-left: 10px;
    margin-bottom: -5px;
    position: relative;
    top: 3px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    display: block;
    border: none;
}
#WetterKarteModuleCountryMap a.tool img, #WetterKarteModuleCountryObsPreview a.tool img {
    margin-bottom: 0;
    width: 100%;
}
a.tool span.lupe:hover, li:hover.tool img {
    opacity: 1;
    filter: alpha(opacity=100);
}
a:hover.tool, a:hover.tool, li:hover .tool {
    text-decoration: none;
}
a:hover.tool span.tip, a:hover.tool span.quelle, ul li:hover.tool span.delete, a:hover.tool span.hilfe {
    display: inline;
    cursor: pointer;
    z-index: 101;
}
/* @end */

/* @group map */
 #WetterKarteModuleCountryMap,
 #WetterKarteModuleCountryObsPreview,
 #WetterKarteModuleCountryObs,
 #WetterKarteModuleCountryMapGroupList {
    margin: 0 auto;
    z-index: 0;
    width: 100% !important;
    height: auto !important;
    position: relative;
    display: inline-table;
}
img.map_bg {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;    
}

ul.map,
ul#tab_div_a.map {
    z-index: 2;
    position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
    width: 100% !important;
	padding-top: 66%; /*relevant*/
}
ul#tab_div_a.map {
	z-index: 1;
}
ul.map li {
    list-style-image: none;
    margin: 0;
}
ul.map ul li a {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    background-color: transparent;
	padding-right: 6px;
}
ul.map li ul {
	display: none;
}
ul.map li:hover ul {
	display: block;
}
ul.map li ul{
	padding-right: 0;
	top: -15px;
	background: #f2f2f2;
	opacity: 0.8;
	filter: alpha(opacity=90);
}

.temp_tief {
    max-width: 24px;
    width: 100%;
    color: #404040;
    text-align: center;
    padding-bottom: 0;
}
span.temp_hoch, .temp_hoch {
    text-align: center;
    white-space: nowrap;
}
.temp_hoch {
    max-width: 20px;
    padding: 0;
    width: 100%;
}
.temp_range {
    width: 50px;
}
#WetterKarteModuleCountryMap .temp_hoch, #WetterKarteModuleCountryObsPreview .temp_hoch {
    margin-left: 4px;
    padding-left: 1px;
}
#WetterKarteModuleCountryMap .temp, #WetterKarteModuleCountryObsPreview .temp {
    display: block;
    max-width: 43px;
    height: auto;
    background-color: #fff;
    font-size: 100%;
    margin-right: auto;
    margin-left: -2px;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    padding: 0 3px;
    line-height: 16px;
    box-shadow: 1px 1px 1px #b4b4b4;
/*    border-radius: 9px;*/
    width: 100%;
}
 .value_bg {
    min-width: 20px;
    max-width: 38px;
    padding: 0;
    height: 12px;
    margin-top: 13px;
    line-height: 13px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
     margin-left: 8px;
 }
.value_bg.ttmax, .value_bg.wert, .value_bg.wasser_temp {
    background-color: #fbfbfb;
}
.value_bg:hover {
    color: #ff606a;
}
.value_bg img {
    float: right;
    margin: 0 0 0 2px;
}
.value_wind {
    text-align: center;
    margin-right: auto;
    display: inline-block;
    background-color: #f2f2f2;
    padding: 2px;
    margin-left: auto;
    line-height: 10px;
}
/* @end */

/* @group PageTitle */

 .ModulePageTitle h1 {
    z-index: 1;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
 	position: relative;
 	margin-bottom: 0;
 	padding-bottom: 10px;
 }
.ModulePageTitle .colcontent {
    color: #404040;
    margin-bottom: 6px;
    padding: 0 2px 2px 9px;
}
/* @end */
/* @group Favorites */
 .ModuleFavorites {
    padding-top: 0;
 }
 .ModuleFavorites .delete_all {
	width: 20px;
	height: 20px;
 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA81BMVEVHcEw7Ozs7Ozs8PDw7Ozs7Ozs8PDw8PDw7Ozs8PDw7Ozs8PDw8PDw8PDw8PDw8PDw5OTk8PDw8PDw8PDw4ODgvLy88PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw7Ozs8PDw8PDw2NjY8PDw7Ozs8PDw8PDw4ODg6Ojo6Ojo8PDw8PDw8PDw7Ozs8PDw7Ozs8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw7Ozs7Ozs7Ozs8PDwzMzM8PDw8PDw8PDw8PDw6Ojo8PDw8PDw8PDw8PDw8PDw8PDw8PDw7Ozs7Ozs8PDw8PDw6Ojo7Ozs8PDw9PT30V9tvAAAAUHRSTlMAyHDUwIVc8o3dWszz/jPtOvSLfjYQ71XxzeX3+pD1OOy1HJOSbooydWS+u72v34TOeobumVTaN4F9lSYPP8a4yzTD6cXw03fHQLNDUEZR61iGM3YAAACySURBVHja7dHHCsJAFIVhdWyZxBiTqLH33nvvvZ/3fxoFcZFREMGN4A9nc7/lNfxE2UKlpyj1fOo1V3Gv+JqbGLjdQxG1Z4pnRLHPjVS102p3JSnCcAK6wgwn9RxgWHa5BMGmaSuPp+F0Rv0MpwkZTwjZ7gnhS4T4GOahy8FwDFisgQsPCEsgyLAdMFsAowngrIDtz1/gEDCXgekGKOcA4c3HPuMZpccTpecDpd7dbY/7FQ3ySOG/7yujAAAAAElFTkSuQmCC');
 	background-size: 20px 20px;
 	display: inline-block;
 	position: absolute;
 	margin-top: -31px;
 	margin-left: 190px;
 }
 .ModuleFavorites .delete_all:hover {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABBVBMVEVHcEzgISHgISHgISHfHx/gISHgICDhISHgISHgICDfIiLhISHgISHgISHhISHgISHgISHaAADfISHgISHgISHgISHgISF/AADgICDcFxfUAADgISHfISHgISHcHR3QFxfdISHfISHgISHgICDfISHfHx/gISHgISHeICDgISHgISHcHBzgISHgISHcGxu/AADXHR3bGhrhISHgISHhHh7gISHgISHgISHgIiLfISHgISHgISHgISHhICDfHx/fICDfHx/gIiLgISHhISHfHx/gHh7eICDfHx/gICDeICDgISHgISHgISHfIiLfISHeICDMAADgISHgISHbHR3fISHgISHhIiIiggpXAAAAVnRSTlMAXMjUcMCF3fKNWsz++lX8VAfN8a/z3wKOFgbsxbk0Cy6K43beSpC1N5jXLMZsJQQaHZlkEbjb6cOLy9PHdxCzQEuX7lFDRlBlT1OfwXjVTgXa/SuR68wurpAAAADXSURBVHja7dHHUgJBFEbhq40O9jCM5BwERTDnnEBFjBjP+z+KvXEx43RZVrn0q/o39yyvhJTEZtNslLgvR9ekVzwrPPk4d1G10YLK++vj7QsP9e+5OY/hjOU5dsleSsJS7QxG7U365CVCqecD/qAa35BIyzWMzFZZLBaWMJxZW19frWBYu+wUPdIFsVvLdiVgTqmVXaVOzpVys0qlJcglIBHKi7B/DB8u5KrghfIMTE3DZAycCYj/5z/IHTg4hKNTyG9D7oeP/S7Xtb4Zan11rXXywuzr/glZaU2F2vNGvwAAAABJRU5ErkJggg==');
	background-size: 20px 20px;
	cursor: pointer;
}

.ModuleFavorites .colcontent {
    background-color: #fffe98;
}
.ModuleFavorites ul {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    margin-left: 0;
}
.ModuleFavorites ul.auswahl {
    background-color: #fefb00;
}
.ModuleFavorites li {
    margin-bottom: 2px;
}
.ModuleFavorites li.tool {
    list-style-image: url(../img/icon_favorities_add.png);
    list-style-position: outside;
    padding-left: 0;
    margin-left: 20px;
}
.ModuleFavorites li.favorit {
    list-style-image: url(../img/icon_favorities.png);
    list-style-position: outside;
    padding-left: 0;
    margin-left: 20px;
}
.ModuleFavorites li a {
    color: #4d4d4d;
    padding-left: 0;
    text-overflow: ellipsis;
    display: inline;
}
.ModuleFavorites li a:hover {
    color: #000000;
}
.ModuleFavorites span.modul_bg {
	display: none;
}


/* @end */


/* @group Biowetter Sponsor */

[lang="de"] .ModuleScalesMeteoropathy h2,
[lang="fr"] .ModuleScalesMeteoropathy h2{
	font-size: 0;
	
}
[lang="de"] .ModuleScalesMeteoropathy h2:after {
	content:'Gesundheitswetter by Privatklinik Bethanien'; 
	visibility: visible;
	text-align: left;
	margin-top: 9px;
	padding: 3px 3px 3px 0;
	line-height: 1.1;
	font-size: 14px;
	width: 100%;
}
[lang="fr"] .ModuleScalesMeteoropathy h2:after {
	content:'Météo-santé'; 
	visibility: visible;
	text-align: left;
	margin-top: 0;
	margin-top: 9px;
	padding: 3px 3px 3px 0;
	line-height: 1.1;
	font-size: 14px;
	width: 100%;
}

.ModuleSponsorBiowetterBethanien h2 {
   z-index: 1;
   font-size: 21px;
   /*  height: 21px;*/
   display: inline-block;
   line-height: 24px;
   background-color: #fff;
}
.ModuleSponsorBiowetterBethanien .colcontent {
   color: #404040;
   background-color: #ffffff;
   margin-bottom: 6px;
   padding: 0 2px 2px 5px;
}

/* @end */


/* @group WarningsNotice */
 .MNHPModuleAlerts li {
    display: block;
    margin-bottom: 5px;
}
.ModuleAlertsMapFullsize img *, .ModuleAlertsMapFullsize ul {
    cursor: pointer !important;
}
.MNHPModuleAlerts img {
    float: left;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 0;
    width: 24px;
    margin-top: 2px;
}
.MNHPModuleAlerts span {
    display: block;
    margin-left: 30px;
}
.MNHPModuleAlerts span.date {
    font-weight: bold;
    border-left-width: 10px;
    border-left-style: solid;
    background: none;
    padding-left: 2px;
    color: #000000 !important;
}
.MNHPModuleAlerts span.text {
    padding-left: 13px;
}
/* @group warnings */

/* @group Warnstufen */
 .warnstufe0 {
    background-color: #00f900;
    border-color: #00f900 !important;
    color: #000000;
}
.warnstufe1 {
    background-color: #fefb00;
    border-color: #fefb00 !important;
    color: #000000;
}
.warnstufe2 {
    background-color: #ff9900;
    border-color: #ff9900 !important;
    color: #000000;
}
.warnstufe3 {
    background-color: #ff0000;
    border-color: #ff0000 !important;
    color: #ffffff;
}
.warnstufe4 {
    background-color: #cc00ff;
    border-color: #cc00ff !important;
    color: #e6e6e6;
}
/* @end */
 .warnings span {
    z-index: 20;
    margin-left: 40px;
    display: block;
    text-align: left;
}
.warnings .warnstufe0 a, .warnings .warnstufe1 a {
    color: #404040;
}
.warnings .warnstufe2 a, .warnings .warnstufe3 a, .warnings .warnstufe4 a {
    color: #ffffff;
}
.warnings span a:hover {
    color: #000000;
}
.warnings img {
    width: 35px;
    height: 35px;
    border: 0;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: -15px;
    z-index: 15;
}
.warnings em {
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
    font-style: normal;
    margin-left: 10px;
}
.MNHPModuleAlerts h3 {
    margin-left: 30px;
    border-left-width: 10px;
    border-left-style: solid;
    background-color: #f2f2f2;
    margin-bottom: 2px;
    color: #000000 !important;
    border-color: #f2f2f2;
}
.colcontent.warnpos {
    text-align: left;
    display: inherit;
    margin-left: 5px;
}
.warnings .info {
    padding-bottom: 2px;
    line-height: 16px;
    height: 18px;
    padding-left: 9px;
    margin-left: 0;
	margin-right: 0;
	margin-top: -2px;
    border: 1px solid #e6e6e6;
    padding-top: 5px;
}
.warninfo {
    display: block;
    width: 9px;
    height: 18px;
    margin-right: 5px;
    z-index: 0;
}
/* @end */

/* @end */

/* @group Tab_nav */
 ul.tab_nav {
    margin-left: 0;
    display: inline-block;
    width: 95%;
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 0;
}
ul.tab_nav li {
    float: left;
    line-height: 18px;
    margin-left: 0;
    margin-bottom: 6px;
    height: 21px;
    margin-right: 0;
    padding-right: 4px;
}
ul.tab_nav li a {
    color: #4d4d4d;
    font-size: 14px;
    padding: 4px;
    text-decoration: none;
}
ul.tab_nav li:hover{

}
ul.tab_nav li:hover, ul.tab_nav li.aktiv {
    color: #000;
}
ul.tab_nav li.aktiv a,
ul.tab_nav li a:hover, 
.Module3hForecastDaySelect li.aktiv a,
.Module3hForecastDaySelect li a:hover {
    border-color: #c6000c;
	border-bottom: 2px solid #ff606a;
}
.Module3hForecastDaySelect li.aktiv a{
	border-left-width: 0;
}
ul.tab_nav li a {
    font-size: 13px;
}

/* @end */

/* @group ModuleClimatePerMonth */

.climate_tabs{
  	width: 100%;
	margin-bottom: 30px;
}
.climate_tabs a:hover{
    cursor: pointer;
}
.climate_content dd.rrr_sum{
    color: #448bb6;
}
.climate_content dd.tt_max{
    color: #ca0002;
}
.climate_content .part{
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-right: 1%;
	width: 24%;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
.climate_content .part{
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.climate_content .part{
    background-color: #fbfbfb;
    padding-bottom: 1px;
    padding-left: 1%;
    box-sizing: border-box;
}
.climate_content dt{
    font-weight: normal;
    font-style: normal;
	white-space: nowrap;
}
.climate_content dd{
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: left;
    position: relative;
    margin-top: 4px;
    font-size: 180%;
        }
.climate_content .part.temp dd{
    color: #404040 ;
}
.climate_content .part.precip dd{
    color: #4FA2D4 ;
}
.climate_content .part.thunder dd{
    color: #448bb6 ;
}
.climate_content .part.summer dd{
    color: #FFC000 ;
}

.ModuleClimateTeaser p.ad_text {
  	padding-left: 25%;
  	width: 75%;
  	margin-bottom: 5px;
	background: url(../img/climate_diagram.png) no-repeat left bottom;
	background-size: 23% 60%;
}
.ModuleClimateTeaser ul {
	display: inline-block;
}

.ModuleClimateTeaser li {
	float: left;
}

p.source.partner{
	display: inline-block;
}


/* @end */

/* @group country-tab-nav */
 .country-tabs-nav {
    margin-left: 0;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 35px;
    height: 80px;
}
.country-tabs-nav ul {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}
.country-tabs-nav li {
    float: left;
}
.country-tabs-nav .tab-level-0 {
    height: 7px;
}
.country-tabs-nav .tab-level-0 li {
    width: 103px;
    height: 48px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #7d7d7d;
}
.country-tabs-nav .tab-level-0 li a {
    width: 103px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #7d7d7d;
    height: 20px;
}
.country-tabs-nav .tab-level-0 li a:hover {
    color: #fff;
    height: 20px;
}
.country-tabs-nav .tab-level-1 {
    margin-top: 14px;
    height: 23px;
    position: relative;
    z-index: 20;
    left: -26px;
}
.country-tabs-nav .tab-level-1 li {
    border-right: 1px solid #d7d8d7;
}
.country-tabs-nav .tab-level-1 li, .country-tabs-nav .tab-level-1 li a {
    width: 51px;
    height: 23px;
    font-size: 9px;
}
.country-tabs-nav .tab-level-1 li a {
    width: 47px;
    height: 21px;
    display: block;
    position: relative;
    top: 0;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 2px 2px 0;
}
.country-tabs-nav .tab-level-1 li.tab-night a {
    color: #ffffff;
}
.country-tabs-nav .tab-level-1 li.tab-day a {
    color: #000;
}
.country-tabs-nav .tab-level-1 li a:hover {
/*    background-color: #4c4d4c;*/
    color: #fff;
}
.country-tabs-nav .tab-level-1 li span {
    position: relative;
    top: -17px;
    left: -5px;
    text-align: center;
    display: inline-block;
}
.country-tabs-nav .tab-level-2 {
    height: 30px;
    z-index: 30;
}
.country-tabs-nav .tab-level-2 li {
    border-top: 1px solid #d7d8d7;
    border-right: 1px solid #d7d8d7;
}
.country-tabs-nav .tab-level-2 li, .country-tabs-nav .tab-level-2 li a {
    width: 25px;
    height: 20px;
    font-size: 9px;
    display: block;
}
.country-tabs-nav .tab-level-2 li a {
    background-color: #ffffff;
    position: relative;
    top: -17px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
    border-radius: 12px;
    border: 2px solid #d7d8d7;
    height: 8px;
    width: 8px;
    margin: 3px auto auto;
}
.country-tabs-nav .tab-level-2 li a:hover {
    background-color: #4c4d4c;
}
.country-tabs-nav .tab-level-2 li span {
    position: relative;
    top: 20px;
    left: -6px;
    color: #5e5e5e;
    font-size: 112.5%;
}
.country-tabs-nav .tab-level-2 li span.time-last {
    top: -13px;
    left: 20px;
}
.country-tabs-nav li.aktiv a {
    color: #fff;
	border-bottom: 2px solid #ff606a;
}
/* @end */


/* @group PostArticle */

.ModulePostTeaser span.modul_bg {
	display: none;
}
.ModulePostArticle .colcontent {
	display: inline-block;
}

.ModulePostArticle .detail {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #f1f2f3;
}
.ModulePostArticle .time::after {
	content: "|";
	margin-left: 5px;
}
.ModulePostArticle p {
	display: block;
	margin-bottom: 9px;
}
.ModulePostArticle li {
	list-style-type: disc;
	margin-left: 20px;
}
.ModulePostArticle .floatright {
	float: right;
	margin: 5px;
	clear: right;
}


/* @end */

/* @group FullsizeMap */
.FullsizeMap .colcontent {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: transparent;
}

/* @end */

/* @group Map Legende */

/* zum stylen */

.h-legende, .v-legende {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #252525;
}

.h-legende h2, .v-legende h2 {
	color: #275b72;
	font-size: 14px;
}

.h-legende h3, .v-legende h3 {
	color: #16ade4;
	font-size: 12px;
}


/* nichts verändern ! */


/* @group vertikale Legende */

/*nichts verändern ! */


div.v-bg {
	width: auto;
	position: absolute;
	transition: all 0.5s ease-in;
	z-index: 50;
	margin-left: -176px;
}

div.v-bg.show {
	margin-left: 0;
	transition: all 0.5s ease-out;
/*	transform: scale(0.8);	*/
}

button.v-show {
	position: absolute;
	transform: rotate(-90deg);
	transform-origin: left top;
	border: 0;
	background-color: #000000;
	color: #fff;
	z-index: 20;
	margin: 90px 0 0;
	box-sizing: border-box;
	line-height: 1.5;
	padding-top: 9px;
	text-transform: uppercase;
	left: 170px;
}

.v-legende {
	min-width: 140px;
	padding: 15px;
	height: auto;
	position: relative;
	background-color: rgba(240, 243, 244, 0.75);
	box-shadow: 2px 2px 5px rgba(49, 47, 47, 0.23);
	padding-bottom: 30px;
	display: inline-block;
	margin: 0;
	float: left;
}

.v-legende h2 {
	width: 100%;
	margin: 0;
}

.v-legende h3 {
	width: 100%;
	margin: 0;
	font-weight: normal;
}

.v-legende p.z-text {
	float: left;
	width: 100%;
	font-size: 75%;
}

.v-legende ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	display: inline-block;
	width: 20px;
}

.v-legende ul.no_wert {
	margin-left: 0;
}

.v-legende li {
	float: left;
	position: relative;
	width: 20px;
	height: 20px;
	border-top: 1px solid transparent;
}

.v-legende li:last-of-type {
	border-bottom: 1px solid transparent;
}

.v-legende .pips li {
	width: 30px;
	border-top: 1px solid;
}

.v-legende .pips li:last-of-type {
	border-bottom: 1px solid;
}

.v-legende span.element {
	width: 20px;
	height: 20px;
	display: block;
	margin-left: 8px;
	padding-left: 0;
}

.v-legende .border span.element {
	height: 20px;
	border-left: 1px solid;
	border-right: 1px solid;
}

.v-legende span.wert {
	float: left;
	width: 20px;
	height: 20px;
	text-align: right;
	font-size: 70%;
	position: relative;
	margin-left: -30px;
	margin-top: -7px;
}

.v-legende span.text {
	width: 100px;
	text-align: left;
	display: block;
	font-size: 75%;
	margin-left: 36px;
	margin-top: -16px;
}

.v-legende .offset span.wert {
	top: -10px;
}

.v-legende .offset span.text {
	margin-top: -26px;
}

.v-legende .no_text span.text, .v-legende .no_wert span.wert {
	display: none;
}

/*Einheiten aus dem Title Attr. darstellen*/

.v-legende li:last-child span.wert[title]:after {
	content: attr(title);
	float: left;
	width: 20px;
	text-align: right;
	margin-top: 0;
}

/* @end */

/* @group Symbole */

/*Element Grafik als SVG*/

.el-sonne {
	background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cpath d='M16 9c-3.859 0-7 3.141-7 7s3.141 7 7 7 7-3.141 7-7c0-3.859-3.141-7-7-7zM16 21c-2.762 0-5-2.238-5-5s2.238-5 5-5 5 2.238 5 5-2.238 5-5 5zM16 7c0.552 0 1-0.448 1-1v-2c0-0.552-0.448-1-1-1s-1 0.448-1 1v2c0 0.552 0.448 1 1 1zM16 25c-0.552 0-1 0.448-1 1v2c0 0.552 0.448 1 1 1s1-0.448 1-1v-2c0-0.552-0.448-1-1-1zM23.777 9.635l1.414-1.414c0.391-0.391 0.391-1.023 0-1.414s-1.023-0.391-1.414 0l-1.414 1.414c-0.391 0.391-0.391 1.023 0 1.414s1.023 0.391 1.414 0zM8.223 22.365l-1.414 1.414c-0.391 0.391-0.391 1.023 0 1.414s1.023 0.391 1.414 0l1.414-1.414c0.391-0.392 0.391-1.023 0-1.414s-1.023-0.392-1.414 0zM7 16c0-0.552-0.448-1-1-1h-2c-0.552 0-1 0.448-1 1s0.448 1 1 1h2c0.552 0 1-0.448 1-1zM28 15h-2c-0.552 0-1 0.448-1 1s0.448 1 1 1h2c0.552 0 1-0.448 1-1s-0.448-1-1-1zM8.221 9.635c0.391 0.391 1.024 0.391 1.414 0s0.391-1.023 0-1.414l-1.414-1.414c-0.391-0.391-1.023-0.391-1.414 0s-0.391 1.023 0 1.414l1.414 1.414zM23.779 22.363c-0.392-0.391-1.023-0.391-1.414 0s-0.392 1.023 0 1.414l1.414 1.414c0.391 0.391 1.023 0.391 1.414 0s0.391-1.023 0-1.414l-1.414-1.414z'%3E%3C/path%3E %3C/svg%3E") center center no-repeat;
	background-size: 100%;
}

.el-regen {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAkFJREFUWAnFl8FLFFEcx9ciioROUejFToGnCImSBE9KChp46hJdgg5J0Kmos+DFv6D/oUMgiGcjiwo9qR2SDh4KETwYZFB9Pss8mR6zs7O7s7Nf+Oy8efP7fX9vZt+8t9tXa01nCb8Ooyl0eJewzvEz/ILSdQfHb/C3CcYYW5pO4bQIofA27VdwH4YSbNvntRBnjrkdawkHTY/hcQG3+STWHHNb0mWiX8Ib2IOfoJHf6SwUlbHmmKuHXnrqfQkyZdIBmBTzJDMjv9Oc2Mdza8zGqXfp+AMGLMMMDMIATEM736U55uqhl556W8Na1qzrIp/74IXn9Z7ufljDWta0dm0B7FjxpCJZy5rWPnl1xj2pSNZyANvW8/Xy5LwnFcla1jxuZ3KVOkYH8DVxvFGqc75ZqFWv3fNJ2PPX0IfVaCEa5toLeA8uKkVlrDnm6pG7EHG9LpdHl0lnZxau7RqehkbymjFhH8jy+W8p7ouc3Iwewk0YASfpJhzBHKgvsApvEzjUbidMcrxqB3oN/XANXHo/gU/FbfsHtKwpMnYg667SfcYYW0jxE2iWdIYAN5Vb4J2J8imJd+i2+xtK0T1cpCe6QNXvCbYr1zMqhu/WduXaomIYgO2uKG8zcsIFpduhr8ixozk0QYUPCbZbVSVzyD8gjxqMrOtz6ByFd+EQsn5qF5pDeXOgwY2ddD+gdQV81E8hVnrepNtxXNvn/iENb8ke7fhmnDedzKGmA/uYGoCbSzyApgadBoxhsAYb4O+JtvQPmFm1oIT7rLcAAAAASUVORK5CYII=');
	background-size: 100%;
}

/* @end */

/* @end */

/* @group werbung */
 .ModuleAdLeaderboard {
    padding-right: 0;
 	padding-left: 0;
 }
.leaderboard div {
    text-align: center;
    background-color: transparent;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    z-index: 10;
}
.skyscrapper {
    margin-top: 9px;
}
.ModuleAdRectangle .colcontent div {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 18px;
}
.ModuleAdRectangle .colcontent img {
    margin-right: auto;
    margin-left: auto;
}
.ModuleAdRectangle .colcontent{
	background-color: transparent;
}

.adspot_container_small, 
.adspot_container_small_expand{
	position: fixed;
	bottom: 0px;
	left: 1060px !important;
	top: 0px;
	right: 0px;
	z-index: 9999;
}
.ModuleAdTemplate {
	margin: 0;
	padding: 0;
}

.ModuleAdTemplate .bottom {
	margin-left: -9px;
}

/* @end */


/* @group Source Container */
.source_container {
	padding: 5px;
}

.source_container .source {
	font-size: 12px;
}

/* @end */

/* @group ModuleNewsletter */
.nlrow {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
#newsletter_form .nlrow label {
	width: 25%;
	display: inline-block;
}
#newsletter_form .nlrow input {
	width: 40%;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 13px;
}
#newsletter_form ul {
	margin-top: 30px;
	margin-bottom: 10px;
}
#newsletter_form ul li {
	padding-bottom: 4px;
}
#newsletter_form ul li input {
	margin-right: 10px;
}

/* @end */

/* @group Kategorie Lists */
.categorized_list {
	display: inline-block;
	width: 100%;
}

.categorized_list ul.col{
	float: left;
	width: 33.33%;
	display: block;

}

/* @end */

/* @end */

/* @group responsiv */

/* @group responsive Table */

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th {
	vertical-align: top;
	text-align: right;
	padding-left: 0;
}
table td{
	text-align: right;
}

table td:first-child,
table th:first-child{
	text-align: left;
}
th.diff,
td.diff{
    background-color: #ededed;
    text-align: right;
}
.ModuleNewsCalendar .recent li a {
	padding-left: 0;
	margin-left: 10px;
	
}
.ModuleNewsCalendar .recent li a:before {
	content: "- ";
}

.ModuleNewsCalendar .cal {
	width: 300px;
	background-color: #fff;
	padding: 10px 10px 0 0;
	margin-bottom: 10px;
	border: 1px solid #e6e6e6;
	float: right;
	margin-left: 10px;
}
.cal.center {
	margin-right: auto;
	margin-left: auto;
}

ul.calnav {
	display: inline-block;
	margin-bottom: 10px;
}
ul.calnav li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
ul.calnav li a {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}

.cal table
 {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

.cal table th,
.cal table td {
	width: 5%;
	text-align: right;
}
/* Mobile */

@media screen and (max-width: 767px){

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 2px solid #d1d1d1; /*border-left: 1px solid #ccc;*/ }
	.pinned table { border-right: none; border-left: none; width: 100%;
		margin-top: 2px;
	}
	.pinned table th, .pinned table td { 
		white-space: nowrap;
	}
	.pinned td:last-child { border-bottom: 0; }
	.pinned tr td{
		height: 18px;
	}
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}


/* @end */

.col2.navcontent {
	width: 240px;
	min-width: 240px;
	width: 25%;
	display: inline;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: auto;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}

.col6.maincontent{
	background: #fff;
	z-index: 20;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	transition: 0.35s;
	float: right;
	width: 73.4%;
}
@media screen and (max-width: 1118px) {
	div.sidebar{
		display: none !important;
	}
	.adspot_container_small, 
	.adspot_container_small_expand{
		display: none!important;
	}
	.site {
		margin-left: 0;
	}
	
	
}

@media screen and (max-width: 980px) {
 	.menu {
 	    display: inline-block; !important;
 	    position: relative !important;
 		margin-top: 0;
 		margin-left: -14px;
 	}
 	.ModulePageTitle h1{
 		margin-left: 51px;
 		position: relative;
 	}

 	  .site.is-open {
 	    overflow: hidden;

 	  }
 	  .site.is-open .col6.maincontent {
 	    -webkit-transform: translateX(240px);
 	    -moz-transform: translateX(240px);
 	    -ms-transform: translateX(240px);
 	    -o-transform: translateX(240px);
 	    transform: translateX(240px);
 	    box-shadow: -5px 20px 20px rgba(0, 0, 0, 0.25);
 	  	-moz-box-shadow: -5px 20px 20px rgba(0, 0, 0, 0.25);
 	  }
 	  	.col2.navcontent {
 	  		width: 240px;
 	  		min-width: 240px;
 	  		position: absolute;
 	  		bottom: 0;
 	  		left: 0;
 	  		z-index: 0;
 	  		height: auto;
 	  		overflow: hidden;
 	  		margin-left: 10px;
 	  		opacity: 0;
 	  		transition: opacity 0.35s ;
 	  	}
 	  	.col6.maincontent{
 	  		position: relative;
 	  		margin-left: 0;
 	  		background: #fff;
 	  		z-index: 20;
 	  		-webkit-transition: 0.35s;
 	  		-moz-transition: 0.35s;
 	  		transition: 0.35s;
 	  		z-index: 3;
 	  		width: 100%;
 	  	}

 	   .site.is-open .col2.navcontent{
 	  	padding-left: 0;
 	   	overflow: scroll;
 	   	opacity: 1;
 	   	transition: opacity 0.35s ;
 	   }
 	  .nav {
 	    position: fixed;
/* 	    top: 0;*/
 	    bottom: 0;
 	    margin: 0;
 	    padding: 20px;
 	    overflow: auto;
 	  }

 	.col3 { width: 33.333%; }
 	.col6 { width: 100%; }
 	.col8 { width: 100%; }
 	.col6 .col2{ width: 50%; }
 	.col6 .col3{ width: 50%; }
 	.col6 .col4{ width: 50%; }
 	.col6 .col6{ width: 100%; }


 	.wrapper {
 	    width: 100%;
 	    margin-right: auto;
 	    margin-left: auto;
 	}

 	#WetterKarteModuleCountryObsPreview ul.map li { transform: scale(1.1); }
}

@media screen and (max-width: 620px) {

	.ModuleBreadcrumb .colcontent {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.col6 .col2{ width: 50%; }
	#WetterKarteModuleCountryObsPreview ul.map li  { transform: scale(0.8);}
	#WetterKarteModuleCountryObsPreview ul.map li { transform: scale(1);}

	#WetterKarteModuleCountryMap ul.map{
	    z-index: 2;
	    position: relative;
	    margin-top: 0;
	    margin-right: 0;
	    margin-left: 0;
	    width: 100% !important;
	    padding-top: 66%;
		left: -3%;
		top: -17px;
	}
	.ModuleContinentCountrySelection .map_continent_country{
		display: none;
	}
	.ModuleContinentCountrySelection select {
		width: 98%;
		margin-bottom: 10px;
	}
	table.center td{
		padding: 4px;
		width: 48% !important;
		float: left;
	}
	.categorized_list ul.col{
		width: 50%;
	}	
}

@media screen and (max-width: 508px) {
	.col6 .col2,
	.col6 .col3,
	.col6 .col4{ width: 100%; }
		
	.categorized_list ul.col{
		width: 100%;
	}
	
	.HPChartWater{
		width: 90%;
	}
	table.wikitable td,
	table.wikitable th
	 {
		width: 100%;
		float: left;
	}
	
	table.center td{
		padding: 4px;
		width: 98% !important;
		float: left;
	}
	
	#buttons li:first-of-type,
	#buttons li:last-of-type {
		display: none;
	}
	#buttons li {
		margin-right: 0;
		margin-left: 0;
	}
	ul#buttons li {
		margin-right: 8px;
	}
	
	div.slider_outer {
		margin-left: 60px;
		margin-right: 10px;
	}
	ul.calnav {
		width: 100%;
	}
	
	ul.calnav li {
		float: left;
		padding-left: 4%;
		padding-right: 4%;
	}
	
	
	
}

@media screen and (max-width: 380px) {
	.col6 .col2,
	.col6 .col3{ width: 100%; }
	ul.map li { transform: scale(0.66);}
	#WetterKarteModuleCountryObsPreview ul.map li,
	#WetterKarteModuleCountryMapGroupList ul.map li { transform: scale(1);}
	
	.colcontent{
		margin-right: 0;
		margin-left: 0;
	}
	.page {
		padding-right: 4px;
		padding-left: 4px;
	}
	
	.climate_content .part{
	  	width: 100%;
	}
	
	g.highcharts-markers image{
		transform: scale(0);
	}
	.ModuleNewsCalendar .cal {
		width: 99%;
		background-color: #fff;
		padding: 10px 10px 0 0;
		margin-bottom: 10px;
		border: 1px solid #e6e6e6;
		float: none;
		margin-left: -5px;
	}
}

/* @end */