/* CSS senklo.ch

HTML: class="box-solid-black"
CSS: .box-solid-black {}

HTML: id="text-right"
CSS: #text-right {}

*/

	body
	{ 
		background-color: #FFFFFF;
		color: #000000;
		width: 1240px;
		margin: 0px auto;
	}

	.standard
	{
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 18px;
		color: #000000;
	}

	.underline
	{
		border-width: 0px 0px 1px 0px;
		border-color: #000000;
		border-style: dotted;
	}

	.box-solid
	{
		border-width: 1px 1px 1px 1px;
		border-color: #666666;
		border-style: solid;
	}

	.box-solid-black
	{
		border-width: 1px 1px 1px 1px;
		border-color: #666666;
		border-style: solid;
		background-color: #111111;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		vertical-align: top;
		width: 500px;
	}

	.box-dash
	{
		border-width: 1px 1px 1px 1px;
		border-color: #000000;
		border-style: dotted;
		width: 700px;
		background-color: #ffcc33;
		vertical-align: top;
	}

	.box-filled
	{
		border-width: 1px 1px 1px 1px;
		background-color: #FFFFFF;
		border-color: #FFFFFF;
		border-style: solid;
	}

	#text-right {
		text-align: right;
	}

	#gauge_div_aussen {
		float: left;
	}

	#gauge_div_innen {
		float: left;
	}

	#gauge_div_LFinnen {
		float: left;
	}

	#gauge_div_HEinnen {
		float: left;
	}

	#gauge_div_watt {
		float: left;
	}

	#gauge_div_watthours24h {
		float: left;
	}

	#gauge_div_watthours7d {
		float: right;
	}

	#gauge_div_pvtemp {
		float: right;
	}

	#gauge_div_batterie {
		float: right;
	}

	ul
	{
		padding-left: 5mm;
		padding-right: 5mm;
		list-style-type: square;
	}

	a:link
	{
		color: #4A6A86;
		font-weight: normal;
		text-decoration: none;
	}

	a:visited
	{
		color: #666666;
		font-weight: normal;
		text-decoration: none;
	}

	a:hover
	{
		color: #FFFFFF;
		background-color: #4A6A86;
		font-weight: normal;
		text-decoration: none;
	}

	a[href^="http://"] {
		background: url(external.png) center right no-repeat;
		padding-right: 13px;
	} /*für externe Links*/

	a:hover[href^="http://"] {
		background: url(external.png) center right no-repeat;
		background-color: #4A6A86;
		padding-right: 13px;
	} /*für externe Links*/

	a[href^="http://www.senklo.ch"], a[href^="http://senklo.ch"] {
		background-image: none;
	} /*für lokale Links*/

	a:hover[href^="http://www.senklo.ch"], a[href^="http://senklo.ch"] {
		background-image: none;
	} /*für lokale Links*/

	a[href^="https://"] {
		background: url(lock_icon.png) center right no-repeat;
		padding-right: 13px;
	} /*für externe https Links*/

	a[href^="https://www.senklo.ch"], a[href^="https://senklo.ch"] {
		background-image: none;
	} /*für lokale https Links*/

	a:hover[href^="https://www.senklo.ch"], a[href^="https://senklo.ch"] {
		background-image: none;
		background-color: none;
	} /*für lokale https Links*/

	a[href^="mailto:"] {
		background: url(mail_icon.png) center right no-repeat;
		padding-right: 18px;
	} /*für Mail-Links*/

	a:hover[href^="mailto:"] {
		background: url(mail_icon.png) center right no-repeat;
		background-color: #4A6A86;
		padding-right: 18px;
	} /*für Mail-Links*/

	a.ohne {
		background: none;
		padding: 0;
	}

	img {
		border: 0;
	}

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	table {
		border: 0;
		padding: 5px;
		border-spacing: 5px;
	}

	td {
		padding: 5px;
	}

	/* Style the search box inside the navigation bar */
	/* include <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> */
	/* inside HTML <head> */
	.search-container, input[type=text], button[name=Suche] {
		float: right;
		padding: 2px;
		border: none;
		font-size: 11px;
	}

	.font-awesome, button[name=spende] {
		font-size: 11px;
	}