/* @group METAR */
/*.metar 		{ font-size: 8pt; font-family: Helvetica, Arial, sans-serif; padding:0; margin:0;color: #000;}
*/
.metar thead 		{ text-align: left; background: #B7C6DE; font-weight: bold; }
.metar tfoot 		{ background-color: #E3E9F0; }
.metar td.cold 	{ background-color: #00EEFF; font-weight: bold; color: #000; }
.metar td.coldtemp	{ background-color: rgba(18, 93, 255, 0.49); font-weight: bold; color: #FFF; text-align: center;  padding-right: 3px; }
.metar td.hot 		{ background-color: #FFDD33; font-weight: bold; color: #000; }
.metar td.hottemp	{ background-color: rgba(255, 43, 0, 0.44); font-weight: bold; color: #FFF; text-align: center;  padding-right: 3px; }
.metar td.hpress	{ background-color: rgba(56, 255, 0, 0.25); font-weight: bold; color: #1ca701;   padding-right: 3px; }
.metar td.lpress	{ background-color: rgba(0, 250, 255, 0.25); font-weight: bold; color: #0169b6;   padding-right: 3px; }
.metar td.normal	{ text-align: right; padding-right: 3px; }
.metar td.normaltemp { text-align: center; padding-right: 3px; }
.metar td.citybold  { font-weight: bold; text-align: right; padding-right: 3px; }
.metar td.thx   	{ background-color: rgba(253, 78, 43, 0.22); font-weight: bold; color: #8a1800; text-align: right;  padding-right: 3px; text-decoration: underline overline } 
.metar td.rain  	{ background-color: rgba(0, 250, 255, 0.25); font-weight: bold; color: #336699; text-align: right;  padding-right: 3px  } 

/* 
Generic Styling, for Desktops/Laptops 
*/
.metar table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.metar tr:nth-of-type(odd) { 
  background: #eee; 
}
.metar th { 
  background: #B7C6DE; 
  color: white; 
  font-weight: bold; 
}
.metar td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


@media 
only screen and (max-width: 769px),
(min-device-width: 769px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	.metar table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.metar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.metar tr { border: 1px solid #ccc; }
	
	.metar td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 60%; 
	}
	
	.metar td.cold 	{ background-color: #00EEFF; font-weight: bold; color: #000; }
	.metar td.coldtemp	{ background-color: rgba(18, 93, 255, 0.49); font-weight: bold; color: #FFF; text-align: right;  padding-right: 3px; }
	.metar td.hot 		{ background-color: #FFDD33; font-weight: bold; color: #000; }
	.metar td.hottemp	{ background-color: rgba(255, 43, 0, 0.44); font-weight: bold; color: #FFF; text-align: right;  padding-right: 3px; }
	.metar td.hpress	{ background-color: rgba(56, 255, 0, 0.25); font-weight: bold; color: #1ca701; text-align: right;  padding-right: 3px; }
	.metar td.lpress	{ background-color: rgba(0, 250, 255, 0.25); font-weight: bold; color: #0169b6; text-align: right;  padding-right: 3px; }
	.metar td.normal, td.normaltemp { text-align: right; padding-right: 3px; }
	.metar td.citybold  {  font-weight: bold;  text-align: right; padding-right: 3px;  background: #B7C6DE;  }
	.metar td.thx   	{ background-color: rgba(253, 78, 43, 0.22); font-weight: bold; color: #8a1800; text-align: right;  padding-right: 3px; text-decoration: underline overline } 
	.metar td.rain  	{ font-weight: bold; color: #336699; text-align: right;  padding-right: 3px  } 	
	
	.metar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.metar td:nth-of-type(1):before { content: "Ort";   background: #B7C6DE; }
	.metar td:nth-of-type(2):before { content: "Wetter"; }
	.metar td:nth-of-type(3):before { content: "Temperatur"; }
	.metar td:nth-of-type(4):before { content: "Lufdruck"; }
	.metar td:nth-of-type(5):before { content: "Messzeit"; }
	.metar td:nth-of-type(6):before { content: "Ort";   background: #B7C6DE; }
	.metar td:nth-of-type(7):before { content: "Wetter"; }
	.metar td:nth-of-type(8):before { content: "Temperatur"; }
	.metar td:nth-of-type(9):before { content: "Luftdruck"; }
	.metar td:nth-of-type(10):before { content: "Messzeit"; }
	
	
/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
		display: block; 

/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 80%; 
	}
	
	td:before { 
	/* Now like a table header */
	/* position: absolute; */
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	}
	/*
	Label the data 2
	*/
	td:nth-of-type(1):before { content: "Stadt";   background: #B7C6DE; }
	td:nth-of-type(2):before { content: "Landkreis"; }
	td:nth-of-type(3):before { content: "Bundesland"; }
	td:nth-of-type(4):before { content: "PLZ"; }	

}


/* end media */


/* @end */

input, textarea, .uneditable-input {
    width: 180px;
}

/* Footer text-size */
#rt-footer ul.nav li a, #rt-footer ul.nav li span {
    font-size: 90%;
}

/* Copyright - Background */ 

div#rt-copyright {
    /*background-image: url(/images/hexeris/header_pics/headerskytypo_2.1.jpg); */
	background-color: #336699;
}

/* Topbar color aus */
div.rt-topbar {
     background: none;
}

/`Horizontal menu */ 
.horizmenu .rt-block {margin-left: -40px;width: 270px;}
.horizmenu ul.menu {margin: 0;padding: 5px;list-style: none;border-radius: 3px;display: inline-block;}
.horizmenu ul.menu li {list-style: none;display: inline-block;border: none;box-shadow: none;}
.horizmenu ul.menu li a, .horizmenu ul.menu li .item, .horizmenu ul.menu li .separator {display: inline-block;font-size: 1em;padding: 2px 11px;border-radius: 3px;position: relative;line-height: 1.6em;z-index: 0;transition: background-color 0.1s ease-out;background-image: none;}
.horizmenu ul.menu li a:hover, .horizmenu ul.menu li .item:hover, .horizmenu ul.menu li .separator:hover, .horizmenu ul.menu li.active a, .horizmenu ul.menu li.active .item, .horizmenu ul.menu li.active .separator {background-repeat: repeat-x;background-position: 0 8px;}
.horizmenu ul.menu li a span, .horizmenu ul.menu li .item span, .horizmenu ul.menu li .separator span {padding: 0;display: inline-block;}
.horizmenu ul.menu li a:after, .horizmenu ul.menu li .item:after, .horizmenu ul.menu li .separator:after {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: -1;border-radius: 4px;}
.horizmenu .module-content .menu li {list-style: none;padding: 0;margin: 0;border-radius: 4px;}

/* media - tablet tests */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
body.layout-mode-responsive .hidden-tablet{display: none !important;}
}

/* .box4 Schrift Farbe - color patch */
#rt-mainbody-surround .box4 a, #rt-drawer .box4 a, #rt-debug .box4 a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

#rt-mainbody-surround .box4 a:hover, #rt-drawer .box4 a:hover, #rt-debug .box4 a:hover {
    color: #aaa;
}