/* CSS Document - Christian Galonska 2014*/
/*@font-face {font-family: 'Roboto'; src:url('http://www.geobytes.de/monitor/Roboto-Regular.woff');}*/

/*@font-face {font-family: 'Roboto-Light'; src:url('../_fonts/Roboto-Light.woff');}*/
@font-face {font-family: 'LigatureSymbols';
    src: url('../_fonts/LigatureSymbols-2.11.eot');
    src: url('../_fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/LigatureSymbols-2.11.woff') format('woff'),
         url('../_fonts/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../_fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../_fonts/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.pos{color:#006E15;}
.neg{color:#B30E0E;}
.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
}
.lsf-icon.geo:before {
  content: '\E056';
}

body, html{font-size:12px; margin:0; padding:0; background-color: #F8F8F8;}
a{text-decoration:none; color:#000;}
#footer a{color:#fff;line-height:3em;}
a:hover{text-decoration:underline;}
/*h1,h2,h3{font-family:Roboto-Light;}*/
h1{margin:0;}

#header h1{padding-left:1em;color:#798085; font-size: 1.3em;float:left; width:35%;}
.cl{clear:both;}
#container2{
	margin:10px;
}
#container td{
	line-height: 20px;
	padding-right: 20px;
}
#gpslist {
	text-align: right;
}
/* Formularfelder, die erst per jQuery eingeblendet werden: */
#neu{
	display:none;
	width:600px;
}
thead{background-color: #575757;}

#header{
	/*font-family:Roboto-Light;*/
	background-color:#424242;
	background: -moz-linear-gradient(center top , #424242 0px, #10141d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*#header:after{clear:both}*/
#menu{
	color:#FFF;
	letter-spacing:1px;
	float:right; 
	width:60%;
	text-align:right;
	padding-right:1em;
}
#menu a{
	color:#fff;
	padding:10px 0;
}
#about, #hilfe{
	display:none;
	width:980px;
	padding:1em 2em;
	height:640px;
	line-height:150%;
}
div.l{width:600px; float:left;}
div.r{width:240px; float:right;padding-right:20px;}

.overview{width: inherit;}

#map{min-height:640px; margin:0;}
.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.8;
}
#footer{
	background-color:#373737; 
	min-height:4em;
	color:#fff;
	text-align:center;
	/*position:absolute; bottom:0;*/
}
#data p.meldung{
	margin:3px 0;
	font-weight: bold;
	font-style: italic;
}
/* Datencontainer */
.lsf-icon{padding: 0 1em; /*float:right;*/}
#data{
	margin:0px 0px 0px 0.5em;
	
}
#data h2, #data h2 a{color:#222222; font-size: 1em;}
#data div .status, #data div.netzmessung, #data div.schiff{
	padding:0.5em;
	margin: 0.2em 0.2em 1em 0;
	background-color:#EAEAEA;
	/*border-top: 1px solid #000;*/
}
/*div.schiff{width: 282px;}*/
div.schiff li a, div.schiff p{font-size: 11px;}
#data h3{
	font-size:1.2em;
	font-weight:bold;
	margin: 2px 0 5px 0;
	float:left;
}
#data p{
	font-size: 11px;
	clear:both;
	margin:0;
	padding-bottom:0.2em;
}
#data .status p{
	/*FIXME: unschön */
	min-height:27px;
}
#data p.sub{
	padding-left:1em;
}
#data .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:0.5em;}
#data ul,#data ol{margin-top:0;padding-left:2px; width: 280px;}
.ui-tabs .ui-tabs-panel{padding:0.2em 0 0 0;}
#tabs-1,#tabs-2,#tabs-3{margin-top:0.5em; width:260px;}
.ui-helper-reset{font-size:10px;}
.ui-widget{font-size:10px;}
.ui-widget-content{border:none;}
.netzmessung p{
	padding-top:0.2em;
}
/* Arbeitsmenü an jedem Eintrag */
span.wmenu{
	float:right;
	font-size: 10px;
}

/* Status-Farben */
span.sb{ /* Statusbeschriftung */
	margin-left:1em;
	padding:0.2em;
	float:right;
	width:140px;
	text-align:center;
	color:#FFF;
	/* Im Normalfall grün: */
	background-color:#00CA00;
}
/* Sonst Farbe: */
.sb.s0, .s0{background-color:#00CA00;}
.sb.s1, .s1{background-color:#F9F900; color:#424242;}
.sb.s2, .s2{background-color:#DF0000;}
a.sa{ /* Statusänderungen */
	text-decoration:none;
	float:right;
	width:15px;
	height:1.2em;
}

/* Popupfenster: */
.leaflet-popup-content h2{
	margin: 0 0 0.2em 0;
}
.leaflet-popup-content p{
	margin: 0 0 1em 0;
}
.leaflet-label {
    position: absolute;
	left:-40px;
	border:none;
}
.leaflet-label-right:before, .leaflet-label-left:after{content:none;}
.reglabel{	background-color:none;}

/* Tiny Scrollbar */
#scrollbar1 { width: 280px; margin: 5px 10px 0px 0px; }
#scrollbar1 .viewport { width: 260px; height: 605px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* Login */
#login fieldset{width:240px;}

/* Infotext unter den Regionen:*/
.moinfotext{
	font-style: italic;
}
#data #tabs .ui-widget-content{
	background-color: #F8F8F8;
}