html, body {height:100%;}

body {
	background-color: #f7f7f7;
	font: 100 16px/1.1 Arial, Helvetica, sans-serif;
}
* { 
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {background:#aaa;}

div#swP h2 {
	padding:1em 1.5em;
	position: absolute;
	top: 50%;
	margin-top:-1.6em;
	background:#999;
	border-radius:0 0.6em 0.6em 0;
	text-align:center;
	opacity:0.85;
}
div#swP {
	position:fixed;
	height:100%;
	width:0;
	overflow:hidden;
	z-index:1;
}

div.ram {
	position:relative;
	padding:0.5em 0 0.75em;
	margin-bottom:0.7em;
	border:dotted 0.5px #777;
	overflow:hidden;
	
}


div#W {text-align:center;padding:1px;background:#333;color:#ddd;font-size:10px;border:solid 1px #000;display:none;clear:both;}

a.stMnu {
	text-decoration:none;
	color:#111;
	background-color: #f1f2f6;
	display:block;
	overflow:hidden;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
a.mnuPop { padding-left:0.5em; position:relative; }

a.stMnu div.bgBild {
	background-repeat:no-repeat;
	width:173px;
	height:126px;
	float:left;
}
a.stMnu div.txt {
	margin-left:183px;
	margin-right:1.5em;
}
div.txt p::first-letter {
	text-transform: uppercase; /* stor bokstav i bild meny vid responsive design */
}

.stMnu        {border-bottom:solid 0.5px #192271;}
h4.stMnu    { margin-top:0.3em;}
a.stMnu h4 { margin-top:0.2em;	margin-bottom:0.3em;}
a.stMnu p  { margin:0px; padding-right:0.5em; }

div.fpRow div.rangeRight,
a.stMnu div.rangeRight {               /* höger-pil i meny lista */
	position:absolute;
	top:50%;
	right:0.5em;
	opacity:0.5;
	width:16px;
	margin:0;
	margin-top:-14px;
}

div.ani {position:relative;overflow:visible;margin-right:3px;}

div.ani a {position:absolute;top:0px;width:100%;}

@media (max-width:480px) {
a.stMnu div.bgBild {
	width:130px;
	height:95px;
}
a.stMnu div.txt {
	margin-left:140px;
}
}

@media (max-width:400px) {
a.stMnu div.bgBild {
	width:115px;
	height:84px;
}
a.stMnu div.txt {
	margin-left:120px;
}
div.fpRow div.rangeRight,
a.stMnu div.rangeRight {               /* höger-pil i meny lista */
	right:0.2em;
}
}

@media (max-width:300px) {
a.stMnu div.bgBild {
	width:104px;
	height:76px;
}
a.stMnu div.txt {
	margin-left:110px;
}

}

div.body tr > * {border:solid 1px #192271 !important;}
div.body table {
	width:100%;
	font-size:1em;
	border-spacing:0px;
	border-collapse:collapse;
	background-color:#fafafa;
	border:solid 1px #192271;
}

div.body {	max-width:800px;	overflow:hidden;}



/* Startmeny --------------- */
div#body2 h2 {		text-align:left;	font-size:1.6em; }
div#body2 p.ingress {	font-size:0.9em; }
div#body2 {		margin-top:0.5em; }
div.bgBild {	background-size:173px 1038px;	background-image:url("img/startMeny.jpg"); }
a#ptGuide div.bgBild {		background-position:0 0;}
a#pumpguide div.bgBild {	background-position:0px -130px;}
a#filterGuide div.bgBild {		background-position:0px -260px;}
a#dosGuide div.bgBild {		background-position:0px -389px;}
a#folieGuide div.bgBild {		background-position:0px -519px;}
a#volGuide div.bgBild {		background-position:0px -649px;}
a#driftGuide div.bgBild {		background-position:0px -779px;}
a#uvGuide div.bgBild {		background-position:0px -908px;}

@media (max-width:480px) {
div.bgBild {	background-size:130px 780px;}
a#pumpguide div.bgBild {	background-position:0px -97px;}
a#filterGuide div.bgBild {		background-position:0px -195px;}
a#dosGuide div.bgBild {		background-position:0px -292px;}
a#folieGuide div.bgBild {		background-position:0px -390px;}
a#volGuide div.bgBild {		background-position:0px -487px;}
a#driftGuide div.bgBild {		background-position:0px -585px;}
a#uvGuide div.bgBild {		background-position:0px -682px;}
}
@media (max-width:400px) {

div.bgBild {	background-size:115px 690px;}
a#pumpguide div.bgBild {	background-position:0px -86px;}
a#filterGuide div.bgBild {		background-position:0px -173px;}
a#dosGuide div.bgBild {		background-position:0px -259px;}
a#folieGuide div.bgBild {		background-position:0px -345px;}
a#volGuide div.bgBild {		background-position:0px -431px;}
a#driftGuide div.bgBild {		background-position:0px -518px;}
a#uvGuide div.bgBild {		background-position:0px -604px;}

div#body2 h2 {font-size:1.4em; }
}


@media (max-width:300px) {

div.bgBild {	background-size:104px 624px;}
a#pumpguide div.bgBild {	background-position:0px -78px;}
a#filterGuide div.bgBild {		background-position:0px -156px;}
a#dosGuide div.bgBild {		background-position:0px -234px;}
a#folieGuide div.bgBild {		background-position:0px -312px;}
a#volGuide div.bgBild {		background-position:0px -390px;}
a#driftGuide div.bgBild {		background-position:0px -468px;}
a#uvGuide div.bgBild {		background-position:0px -546px;}

div#body2 h2 {font-size:1.3em; }
}



div.logo,
div.body > * {	margin-left:12px !important;	margin-right:12px !important; }

div.mnuLogo {
background-position: -362px -30px !important;
    float: left;
    background-image: url(img/navList4.png);
    background-repeat: no-repeat;
    background-size: 580px 60px;
height:40px;
width:30px;
margin-top:20px;
margin-left:0.5em;
}

label {	display:block;
	line-height:28px; height:28px;
	font-size:1em;
	font-weight:400;
}
span.Resultat,
label.Resultat {	font-size:1.2em;		font-weight:bold; }
label:first-child {float:left;		width:150px;	text-align:right;	padding-right:10px; }
label.noWid {	width:auto !important;	text-align:left; }

label+label {	margin-left:8px;float:left;}
label.resultat {	font-weight:bold;font-size:125%;}
label.parantes { color:#777;}

select {		padding-left:3px; }
input, select {	height:28px;	padding-left:8px; }

input, 
button, 
select,
div.butIcon {
	font-size:1em;
	border:solid 2px #404987;
	border-radius:5px;
}
select { width:6em; }

input.s3 {width:3em;}
input.s4 {width:4em;}

label+input {display:block;float:left;margin:0 8px !important; width:4em;padding-right:5px;}
input+label { float:left; }

input[type='radio'], 
input[type='checkbox'] {
	opacity: 0;
	float: left;
	width: 1px;
	padding-left:0px;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
	margin: 0;
	clear: none;
	padding-left:30px;
	cursor: pointer;
	background-size:30px 115px; background-repeat:no-repeat; background-image:url("img/chkBut.png");
	background-position:0px -58px;
}
input[type='checkbox'] + label.right {
	padding-left:1em;	padding-right:38px;	background-position:right -58px; 
}
input[type='checkbox']:checked + label.right {background-position:right -2px; }
input[type='checkbox']:checked + label {	background-position:0px -2px; }
input[type='radio']:checked + label {	background-position:0px -30px;}

div.row {		line-height:26px; }
div.row > * {		margin-bottom:0.5em;}

div.ico {
	padding-left:90px;
	padding-top:1px;
	background-size:60px; 	background-repeat:no-repeat; background-image:url("img/iconList2.png");
	/* width:100%; */
	/* max-width:660px;*/ 
	min-height:60px;

	background-position:0 200px;
	margin-bottom:0.5em;
}

div.headIcon	{background-position:0px -150px;}
div.slangIcon	{background-position:0px -465px;}
div.vattenfallIcon{background-position:0px -390px;}
div.flowIcon	{background-position:0px -315px;}
div.filtIcon	{background-position:0px -750px;}
div.filterIcon	{background:none;}
div.solIcon	{background-position:0px -680px;min-height:50px;}
div.plantsIcon	{background-position:0px -600px;}
div#volIcon	{background-position:0px -525px;}
div.fiskIcon	{background-position:0px 1228px;}
div.fisk2Icon	{background-position:0px -1275px;min-height:85px;}
div.depIcon	{background-position:0px -75px;}
div.lenwidIcon 	{background-position:0px -810px;}
div#lenwid3Icon  {background-position:0px -1050px;}
div#hinkIcon   	{background-position:0px -1125px;}
div#areaIcon   	{background-position:0px -900px;}
div#squareIcon 	{background-position:0px -975px;}
div.clockIcon 	{background-position:0px -1200px;}
div.pumpIcon	{background-position:0px -1440px;}
div.turnoverIcon	{background-position:0px -1515px;}
div#formIcon     {background-position:0px -1875px;}
div#materialIcon	{background-position:0px -1875px;}


div.pad5  {margin-bottom:0.9em;}

div.ico * {			margin-left:0px; padding-right:0; }

div.ico > * {			float:left; margin-right:0.5em; }

div.rangeRight,
div.rangeLeft {
	background-size:585px 60px; 	background-repeat:no-repeat; background-image:url("img/navList4.png");
	background-position:-568px -31px;
	width:12px;height:28px;
	margin-left:0.2em;
}
div.rangeLeft {	width:20px;	background-position:-541px -31px;
		margin-right:0.5em;	margin-left:0px;
}
div.chRange {
		margin-right:0 !important;
		padding-right:0.7em;
}

div.ico div {	line-height:100%;}
div.ico label {	width:auto;padding-right:0px;}
div.iconRub {	float:none; line-height:100%; font-size:0.85em; font-style:oblique ;font-weight:300;color:#333 !important; }

/*div.icoChk {	background-position:0px 0px !important;	padding-top:15px; }*/

div.icoNoH {	min-height:auto;}

p.kommentar {	color:#777;	font-style:oblique;	clear:left; }

a.calcImgMenu {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	/* max-width:660px; */
position:relative;
}


h3, 
button.calculate {
	clear:both;
	font-weight:bold;
	background:#404987;background:#2B4293;
	color:#efefef;
	border-radius:5px;
	font-size:1.1em;
	margin:0.7em 0em 0.5em 0em;
	padding:0.4em;
	padding-left:0.75em;
}

h5 {
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:0.95em;
	line-height:130%;
}

h2 {
	margin-top:0.1em;
	margin-bottom:0.2em;
	font-size: 1.5em;
	font-weight:bold;
	color:#404987;
	text-shadow:3px 3px 6px #777;
}
h2.name {	color:#111;}
h4 {
	margin-top:0.6em;
	margin-bottom:0.5em;
	padding:0px;
	font-size: 1.15em;
	color:#404987;
}

a {	text-decoration:none;	color:#404987;}

a > p {			margin-bottom:0.85em;}

div#lay {
	display:none;
	position:absolute;
	background:#fff;
	z-index: 9000;
	width:100%;
	top:0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
}

table.main {
	width:100%;		max-width:1024px;		border-spacing:0px;		height:100%;
	margin-left:auto;	margin-right:auto;		margin-bottom:20px;
	background:#fff;
	max-width:1024px;
	overflow:hidden;
}
table.main tr td {
	vertical-align:top;
	border:solid 1px #192271;
}
table.main tr:first-child td {
	background:url("img/chkBut.png") repeat-x;background-size:40px 153px; background-position:0px -124px;
	background-color:#fff;
 	border-bottom:none;
	border-top:solid 5px #333;
}
table.main tr:nth-child(2) td {
	padding: 0 0 2em;


	border-bottom:none;
	border-top:solid 2px #333;

	height:100%;
}
table.main tr:last-child td{	padding: 0px;		border-top:none;	vertical-align:bottom; }

table#main2  {	border-bottom:none;}

div#fot2 {
	border-bottom:solid 1px #192271;
	margin:0 !important;
}

.topMarg {padding-top:0.75em;}

div.appIco p {line-height:31px;margin-left:45px; }
span#Ldk,
span#Lsv,span.Lsv,
span#Len,
span#INF {
	display:inline-block;
	width:45px;height:31px;
	background-image:url("img/navList4.png");
	background-repeat: no-repeat; 
	background-size:585px 60px;

	line-height:31px;
	padding-left:45px;
}
span#Ldk {	background-position:-225px 0; }
span#Lsv {	background-position:-270px 0; }
span.Lsv 	{	background-position:-270px -6px; }
span#Len {	background-position:-403px -30px; }
span#INF {	background-position:-225px -30px; float:left;}


@media (max-width:300px) {
div.appIco p {line-height:25px; margin-left:36px;}
span#Ldk,
span#Lsv, span.Lsv,
span#Len,
span#INF {
	width:36px;
	height:25px;
	background-size:468px 48px;
	line-height:25px;
	padding-left:36px;
}
span#Ldk {	background-position:-180px 0; margin-right:2em;}
span#Lsv,{	background-position:-216px 0;}
span.Lsv 	{	background-position:-216px -4px;}
span#Len {	background-position:308px -25px;}
span#INF {	background-position:-180px -24px; }
}





div.butIcon    {	border:solid 1px #bbb;  margin-bottom:0.3em;padding:4px;
}
div.butIcon  button  {	background-image:url("img/navList4.png");	background-size:780px 80px;
			background-repeat:no-repeat; 	width:60px; 	height:40px;
			border:none;	margin:0px;	background-color:transparent;
}

button#addRowIcon {	background-position:0px -40px; }
button#addTableIcon {	background-position:-60px -40px; }
button#refreshIcon {	background-position:-120px -40px; }
button#openIcon,
button#openIcon2 {	background-position:-240px -40px; }
button#saveIcon,
button#saveIcon2 {	background-position:-180px -40px; }
#openIcon, #openIcon2, #saveIcon, #saveIcon2 {	opacity:0.5; }
div.IO {
	padding-bottom:3px;
	font-size:10px;
	font-weight: 400;
	text-align:center;
	color:#444;
	background:#f4f4f4;
	height:auto;
}

div.IO:first-child {	margin-left:0.5em; }

p {	font-size:1em;	line-height:150%;	font-weight:400; margin-bottom:0.5em; }

p.ing {
	font-size:1.05em;
	font-weight:400;
	line-height:125%;
	margin-top:0.3em;
	margin-bottom:0.7em;
	padding-bottom:0.3em;
}

/*
header img {	border:none;}
*/


/*
nav img {	float:left;	margin-right:15px;}
*/


nav#menu {clear:both;}

/*
nav ul {
	list-style: none;
	overflow: hidden;
	margin-top:1.25em;
}
*/


p#tabsIO {
	font-size:11px;
	width:61px;
	background:#ccc; color:#333;
	float:right;
	text-align:center;
	padding:1px 0.2em 0 0.5em;
	margin:1em 0 0 0;
	border:solid 1px #ccc;
	border-top-left-radius:1em;
	cursor:pointer;
}

div.help {
	display:none;
	margin:0;
	border-bottom:solid 1px #999;
}
div.help h4 {	margin-top:0;}
p.visaMer {
	text-align:right;
	padding:0;
	padding-left:2em;
	margin:0;
}

p.visaMer a { display:inline-block;
	background:#273953;	color:#ddd;	padding:0 0.75em;
	font-size:0.8em;		margin-bottom:3px;
	text-transform:uppercase;	text-align:center;

/*	transition: opacity 1.5s;
	-webkit-transition: opacity 1.5s;
*/
	border-radius:2px;
}

p.expand {
	cursor:pointer;
	font-size:11px;
	line-height:100%;
	background:#ddd;	color:#777;	padding:3px 0.9em 1px;
	border-top-left-radius:0.5em;
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}
p.mitt {
	border-top-right-radius:0.5em;
	right:50%;
}


/*
div.help, p.visaMer {	max-width:650px; }
*/

.flL {		float:left !important;}
.flR {		float:right !important;}
.flN {		float:none !important;}
div.flR:first-child { margin-right:0; }

.sel { 	cursor: pointer; }
.rel { position:relative; }

.i {	font-style:italic;}
.r {	text-align:right;}
.l {	text-align:left !important;}
.c {	text-align:center;}
.j {	text-align:justify !important;}
.v {	vertical-align:middle;}
.b {	font-weight:bold;}
.bb {	font-weight:100;}
.bgg {background:#ccc;}
.ov {  overflow:hidden;}
.hid { display:none;}
.f90{	font-size:90% !important;}
span.pR {    padding-right:0.8em;}
.grey { color:#555;}
.oblique {font-style:oblique;}
.gs { text-decoration: line-through; color:#ff5555;}
.ib { display:inline-block;}
.ws { white-space: nowrap; }
img.CO { width:1px;height:1px;opacity:0.1;}

a.nolnk { color:#111;}

span.minustal, .red {	color:red; }
.nowrap {	white-space:nowrap; }
#loading {color:#555;}

span.sh24,
span.sh32 {	display:none; } /* göm/visa text */

p.cl, a.cl, div.cl, h5.cl, input.cl, label.cl { 	clear:left; }

.clR {		clear:right;}
.clB {		clear:both;}

/* .inline {		display:inline;} */



div#popup {							/* Pop up menu */
	display:none;
	position:absolute;
	left:-200px; top:0px;
	z-index: 9102;
	border:solid 0.4em #273C56;
	opacity:1;
	border-radius:6px;
	background:#fff;
	padding:0.6em;
}

div.popCl {
	background-image: url("img/navList4.png");
	background-position:-621px -49px;
	background-size:731px;
	width:26px;
	height:26px;
	position:absolute;
	right:0.5em;
	top:0.5em;
	z-index: 1;
}

div#popCont {
	margin-left:0.3em; margin-right:0.3em;
	padding:0.3em;
	opacity:1;
}
span#IO_error { background:#fff; padding:3px; }

div#fileList a {
	display:block;font-size:1.1em;
}
div#fileList a.close,
div.listCl {
	background-image: url("img/navList4.png");
	background-position:-549px -43px;
	background-size:647px;
	width:23px;
	height:23px;
	float:left;
	margin-left:0.5em;margin-right:1.5em;margin-top:3px;
	clear:left;
}
div#popup button {margin:0px;}
div#fileList label {
	text-align:left;
	width:auto;
	float:left;
}
input#filename {	width:10em; }
div#fileList {	border:dotted 1px #777;	padding:0.5em;	margin:0.5em 0em; overflow:auto; }

div#blanket {
	display:none;
	background:#555;
	opacity:0.6;
	position:absolute;
	z-index:9001;
	top:0px; left:0px;
	width:100%;
}

p.imgLeft {	clear:both;}
p.imgLeft img {	float:left;	vertical-align:middle;	margin-right:5px; }

#copyR {
clear:both;
margin-top:1.2em;
padding-bottom:0;
padding-top:0.5em;
border-top:solid 1px #999;
}


	



label.editButton,
td.editButton a {
	background-image: url("img/navList4.png");
	background-size:731px;
	width:26px;
	height:26px;
}
label.editButton,
td.editButton a:nth-child(2)  {background-position:-621px -49px; margin-left:45px; }
td.editButton a:nth-child(1) { background-position:-650px -49px; float:left;}

td.editButton a {display:block; margin-left:0px !important; }

div#myList {
	border:solid 1px #777;
	border-bottom:solid 1px #192271;border-right:solid 1px #192271;
	border-radius:8px;
	display:none;
	opacity:0;
	margin-bottom:1.5em !important;
	padding:0.5em;
	overflow: auto;
	position:relative;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
div.body {
	transition: opacity 0.75s;
	-webkit-transition: opacity 0.75s;
}

button {
	background:#ddd;
	padding:5px 10px 5px 10px;
	margin:10px 5px 10px 0px;
	line-height:100%;
}

/*
p.visaMer a:hover,
a.sstartMeny:hover,
a:hover,
button:hover {
	opacity:0.6;
	transition: opacity 0.75s;
	-webkit-transition: opacity 0.75s;
}
*/


a.stMnu,
div.butIcon,
select,
input [type=text] ,
div.IO,
p.visaMer a,
div#myList,
.boxShadow {
	-moz-box-shadow: 2px 2px 3px #888;
	-webkit-box-shadow: 2px 2px 3px #888;
	box-shadow: 2px 2px 3px #888;
}

div#pBarC {
margin:0.5em 0;
background:#fff;
border:solid 1px #555;
border-radius:0.7em;
}
div#pBar {
width:1px;
background:#404987;
color:#efefef;
text-align:center;
padding:2px 0.5em 2px;
border-radius:0.6em;
}

iframe {border:none;}


















@media (max-width:790px) {							 /* 790 */

body {	font-size: 15px;}

h1 {
	height:70px;
	margin:0px 35px 5px 35px;
	font-size: 24px;
	padding-top:38px;
}
p,
p.ingress { font-size:1.1em;}

h4 {	font-size:1.3em; }
h5 {	font-size:1.1em; }

label {		line-height:34px; height:34px;	font-size:1.1em; }
input, select {	height:34px;		font-size:1.2em;		font-weight:bold; }

div.rangeRight,
div.rangeLeft {
	background-position:-564px -28px;
	width:18px;height:34px;
	margin-left:0.2em;
}
div.rangeLeft {	width:24px;	background-position:-542px -28px; }

input[type='radio'] + label,
input[type='checkbox'] + label {	 padding-left:42px;	background-size:42px 161px; background-position:0px -83px; }
input[type='checkbox'] + label.right {padding-right:52px;	background-position:right -83px; }

input[type='radio']:checked + label {	background-position:0px -44px; }
input[type='checkbox']:checked + label {	background-position:0px -5px; }
input[type='checkbox']:checked + label.right {background-position:right -5px; }
input[type='checkbox'] + label.right {	padding-left:1em;	padding-right:50px; }

label.resultat {	font-weight:bold;	font-size:160%;}
label.x {		padding-left:5px;	padding-right:7px !important; }

div.iconRub {	font-size:1em !important;}

div#body table {
	font-size:1.1em;
}

div.body > * {
	margin-left:12px !important;
	margin-right:10px !important;
}

table.main {
	margin:0;
}

p.back {	padding-top:20px; }

p.visaMer a {	font-size:0.9em;	 }

h3 {		font-size:1.2em; }

}







@media (max-width:650px) {							 /* 650 */

.hid650 {		display:none; }
}



@media (max-width:580px) {							 /* 580 */

.hid580 {		display:none; }
}




@media (max-width:500px) {							 /* 500 */

body {		font-size: 13px;}

label.hid480, 
span.hid480, 
.hid480 {		display:none; }

div.guideTop img {	width:150px; }

label.x {		padding:0px !important; }

input[type='radio'] + label,
input[type='checkbox'] + label {	padding-left:35px;	background-size:35px 134px;	background-position:0px -68px; }
input[type='checkbox'] + label.right {padding-right:42px;	background-position:right -68px; }

input[type='radio']:checked + label {	background-position:0px -35px; }
input[type='checkbox']:checked + label {	background-position:0px -2px; }
input[type='checkbox']:checked + label.right {background-position:right -2px; }
input[type='checkbox'] + label.right {	padding-left:1em;	padding-right:43px; }

div.ico > * {	margin-right:7px; }
div.chRange {	margin-right:0px; }

h4 {		font-size:1.25em;}
h5 {		font-size:1.1em; }

p {		line-height:130%; }

p.back {	padding-top:10px; }


div.logo {
	height:57px;
	width:210px;
	margin-right:3px !important;
}

}

@media (max-width:425px) {							 /* 425 */

.hid420 { display:none !important; }

}






@media (max-width:400px) {

body {font-size: 12.5px; }

div#body table {font-size:0.9em;}

p,
p.ingress { font-size:1.05em;}

p.stMnu {	padding-left:0.3em;}

div.iconRub {font-size:0.95em !important;}

label.hid320,
span.hid320,
p.hid320 {	display:none;}
span.sh32 {	display:inline; } /* göm/visa text */

label { line-height:28px;  height:24px;}
input, select { height:24px; }
div.rangeRight,
div.rangeLeft {
	background-position:-566px -33px;
	width:20px;height:24px;
	margin-left:0.2em;
}
div.rangeLeft {	width:24px;	background-position:-543px -33px; }

input[type='checkbox'] + label,
input[type='radio'] + label {
	padding-left:30px;
	background-size:30px 115px;
	background-position:0px -59px;
}
input[type='checkbox'] + label.right {padding-right:35px;	background-position:right -59px; }

input[type='radio']:checked + label {background-position:0px -31px; }
input[type='checkbox']:checked + label {	background-position:0px -3px; }
input[type='checkbox']:checked + label.right {background-position:right -3px; }
input[type='checkbox'] + label.right {	padding-left:1em;	padding-right:38px; }


p#copyR { font-size:0.85em;}

label:first-child {
	width:100px;
	padding-right:5px;
}

input, button, select {	font-size:1.1em; }

h4 {		font-size:1.2em; }
h2 {		font-size:1.4em;	margin-bottom:0.1em; }
h1 {
	height:45px;
	margin:-12px 5px 2px 10px;
	font-size: 14px;
	padding-top:26px;
}

p.back { padding-top:5px; }

div.body > * {
	margin-left:4px !important;
	margin-right:5px !important;
}

table.main tr:nth-child(2) td{
/*
	padding: 0px 12px 10px;
	background-size:27px 102px;
	background-position:0px -82px;
*/

	padding: 0px;
	padding-bottom: 1em;
}


div#fileList a.close {
	background-size:527px;
	background-position:-447px -35px;
	width:19px;
	height:19px;
	margin-left:0.5em;margin-right:1.5em;margin-top:3px;
}

div.ico {
	padding-left:55px;
	padding-top:0px;
	background-size:40px;
	min-height:40px;
}

div.headIcon	{background-position:0px -100px;}
div.slangIcon	{background-position:0px -310px;}
div.vattenfallIcon	{background-position:0px -260px;}
div.flowIcon	{background-position:0px -210px;}
div.filtIcon		{background-position:0px -500px;}
div.solIcon		{background-position:0px -454px;min-height:35px;}
div.plantsIcon	{background-position:0px -400px;}
div#volIcon	{background-position:0px -350px;}
div.fiskIcon	{background-position:0px 824px;}
div.fisk2Icon	{background-position:0px -850px;min-height:55px;}
div.depIcon	{background-position:0px -50px;}
div.lenwidIcon	{background-position:0px -540px;min-height:45px;}
div#lenwid3Icon  	{background-position:0px -700px;}
div#hinkIcon   	{background-position:0px -750px;}
div#areaIcon   	{background-position:0px -600px;}
div#squareIcon 	{background-position:0px -650px;}
div.clockIcon	{background-position:0px -800px;}
div#formIcon	{background-position:0px -1060px;}
div.turnoverIcon	{background-position:0px -1010px;}
div.pumpIcon	{background-position:0px -960px;}


div.ico > *,
a.range div {	margin-right:0.3em;}

div.relLeft { padding-left:15px;}



div.butIcon { padding:2px;}
div.butIcon  button  {	background-size:585px 60px;  	width:45px; 	height:30px; }

button#addRowIcon {	background-position:0px -30px; }
button#addTableIcon {	background-position:-45px -30px; }
button#refreshIcon {	background-position:-90px -30px; }
button#openIcon,
button#openIcon2 {	background-position:-180px -30px; }
button#saveIcon,
button#saveIcon2 {	background-position:-135px -30px; }

td.editButton a {	width:20px;	height:20px;	background-size:20px 20px !important;}

p.visaMer a {	margin-top:2px;padding:0px 0.25em; }

label.x {		padding-left:5px !important;	padding-right:5px !important; }


}









@media (max-width:300px) {							 /* 300 */

body {	font-size: 11px; }

div.ico {
	padding-left:42px;
	padding-top:0px;
	background-size:32px;
	min-height:33px;
}

div.iconRub {margin-bottom:2px !important;}

div.headIcon	{background-position:0px -66px;}
div.slangIcon	{background-position:0px -209px;}
div.vattenfallIcon	{background-position:0px -178px;}
div.flowIcon	{background-position:0px -142px;}
div.filtIcon		{background-position:0px -359px;}
div.solIcon		{background-position:0px -322px;min-height:25px;}
div.plantsIcon	{background-position:0px -286px;}
div#volIcon	{background-position:0px -250px;}
div.fiskIcon	{background-position:0px 659px;}
div.fisk2Icon	{background-position:0px -610px;min-height:42px;}
div.depIcon	{background-position:0px -30px;min-height:36px;}
div.lenwidIcon	{background-position:0px -390px;min-height:38px;}
div#lenwid3Icon  	{background-position:0px -502px;}
div#hinkIcon   	{background-position:0px -536px;}
div#areaIcon   	{background-position:0px -430px;}
div#squareIcon 	{background-position:0px -466px;}
div.clockIcon 	{background-position:0px -568px;min-height:38px;}
div#formIcon	{background-position:0px -768px;}
div.turnoverIcon	{background-position:0px -732px;}
div.pumpIcon	{background-position:0px -694px;}



div.ico > *,
a.range div {	margin-right:0.2em;}


div.relLeft {	padding-left:5px; }

div.chRange {	padding-right:3px; }

span.hid240 {	display:none; }
span.sh24 {	display:inline; } /* göm/visa text */

label {		font-weight:100;	font-size:0.9em; }

div#body table {	font-size:0.8em; }

label.x {		margin-left:0px !important; }

p,
p.ingress {	font-size:1em; }

label:first-child {width:60px; }

label.bredare240:first-child {	width:90px !important; }

input[type='radio'] + label,
input[type='checkbox'] + label {
	background-size:28px 107px;
	background-position:0px -54px;
	padding-left:25px;
}
input[type='checkbox'] + label.right {padding-right:35px;	background-position:right -54px; }

input[type='radio']:checked + label {	background-position:0px -28px; }
input[type='checkbox']:checked + label {	background-position:0px -2px; }
input[type='checkbox']:checked + label.right {background-position:right -2px; }
input[type='checkbox'] + label.right {	padding-left:1em;	padding-right:35px; }

div.body 	{ clear:both; }

/*
header > a {		margin-bottom:0.5em; }
header a.navList {	width:36px;height:25px; background-size:468px 48px;}
header a.Cfg {		background-position:-432px 0 !important;}
header a.Inf {		background-position:-180px -24px !important;}
header a.Mnu {		background-position:-288px 0;}
header div.I {	width:1px; height:24px; }
*/

.fot {
	height:38px;
}

.fot  div.fotC {	
	height:33px;
}

.fot div div {
	width:36px;
	height:23px;
	background-size:468px 48px;
}

.fot div.WWW,
.fot div.Home { width:36px; }


.fot div.Cfg     {	background-position:-430px 0;}
.fot div.WWW  {	background-position:-144px 0;}
.fot div.Info    {	background-position:-180px -24px;}
.fot div.Upp     {	background-position:-72px 0;}
.fot div.Home   {	background-position:-0px 0;}
.fot div.Copy   {	background-position:-108px 0;}
.fot div.QR {	background-position:-216px -24px;}

td.fot div.I {
	width:1px;
	height:38px;
}


div.logo {
	height:35px;
	width:120px;
}

}



/*
@media (min-height:3500px) {

table.main {height:auto;width:480px;}

#ptGuide, #ptGuide2 { display:none;}

.fot *:nth-child(10),
.fot *:nth-child(11) {display:none;}

div.body { min-height:500px;}

div#chkSort {clear:none;}


div.ico > *,
a.range div {	margin-right:0.5em;}

div.ico {
	padding-left:60px;

}

div.logo,
div.body > * { 
margin-left: 10px !important;
margin-right:12px !important;
}

.onPage { display:none;}
}
*/


/*
@-ms-viewport{
	width: device-width;
}
*/

div#flash {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9100;
	background:#aaa;
	text-align:center;
	overflow:scroll;
}
div#flash2 {
	max-width:1024px;
	background:#fefefe;
	margin:auto;
}
div#flash2 p.flashWid { /* kommer åt sista P med texten "Rådgivaren för trädgårdsdammen" och lägger border */
	border-bottom:solid 0.5px #aaa;
	display:inline-block;
	padding-bottom:0.9em;
	width:600px;
	max-width:95%;
}
div#flash2 img {
	width:100%;
}
div#flash2 div.logo{
	float:none;
}
div#logo2 {
	position:relative;
	left: 50%;
	margin-left: -115px !important;
	margin-top:0;
}
div#flash2 p {
	text-align:center;
	width:100%;
}
div#flash2 p#LogTfl2 {
	margin-top: 0;
	font-weight:bold;
	margin-left: 0 !important;
}
div#flash2 p#LogTfl3 {
	margin-left: 0 !important;
}

div#flash3 {
	padding-bottom:1em;
}
div#flash3 p {
	text-align:center;
	margin-left:0px !important;
	padding-left:5px;
	padding-right:5px;
	width:600px;
	max-width:95%;
	display:inline-block;
}
div#flash3 p#flashVil {
	width:600px;
	max-width:95%;
	height:130px;
	border:solid 0.5px #999;
	text-align:left;
	padding:6px;
	line-height:110%;
	font-family:Courier New, Courier, monospace;
	overflow:scroll;
	font-size:110%;
}
div#flash3 div {
	width:600px;
	max-width:95%;
	display:inline-block;
	text-align:left;
}
div#flash3 div.c {
	text-align:center; /* för qr-code diven */
}
div#flash2 button {
/*	display:none;*/
}
div#flash3 label {
	float:none;
	text-align:left;
}

div#entP p { width:auto;}
div#entP p.hid { display:none;}





@media (max-width:480px) {
div#flash3 p {
	font-size:115%;
}

}

@media (max-width:400px) {
div#mnuLogo {
	margin-top: 8px;
}
div#logo2 {
	margin-left: -80px !important;
}
}


/* ----------------------------------------------
 * Generated by Animista on 2020-3-17 11:40:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-scale-down-hor
 * ----------------------------------------
 */

@-webkit-keyframes rotate-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
            transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateX(-180deg);
            transform: scale(0.5) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
            transform: scale(1) rotateX(-360deg);
  }
}
@keyframes rotate-scale-down-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
            transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateX(-180deg);
            transform: scale(0.5) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
            transform: scale(1) rotateX(-360deg);
  }
}

div.rotate-scale-down-hor {
	-webkit-animation: rotate-scale-down-hor 5s ease-in-out infinite both;
	        animation: rotate-scale-down-hor 5s ease-in-out infinite both;
}
div.logo {
	float:left;
	background-size:contain;
	background-image:url("img/logo.svg");
	background-repeat:no-repeat;
	height:65px;
	width:250px;
	margin-top:0.15em;
	cursor:pointer;
}

div#MNU {
	cursor:pointer;
	width:52px;
	height:43px;
	overflow:hidden;    position:absolute; right:0;top:0;
	font-size:9px;
	text-align:center;
	font-weight:400;
	padding:0.3em !important;
	border-radius: 0 0 0 10px;
	background:#ddd;
	box-shadow: 0 0 10px #2B4293;
	transition: background 1s, box-shadow 1s, width 1s;
	-webkit-transition: background 1s, box-shadow 1s, width 1s;
}

header { width:100%;}

header a.navList {display:block;width:45px;height:31px;float:right;background-image:url("img/navList4.png");background-repeat: no-repeat; background-size:585px 60px;}
header a.Home {	background-position: -364px -1px !important; height:25px;}
header a.Home0 {	background-position: -362px -32px !important; height:28px;}
header a.Home1 {	background-position: -364px -0px !important; height:28px;}
header a.Home2 {	background-position: -318px -30px !important; height:28px;}

div#HomePip     {	height:80%;width:0.8em;border-left:1px solid #777;margin:0.35em 0.8em;}

header a.Cfg {		background-position:-540px 0px !important; height:25px;}
header a.Inf {		background-position:-225px -30px !important;}
header a.Mnu {		background-position:-360px 0px;}



header p {			/* nordens största sortiment */
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	height:65px;
}

nav#guide,
p.tabSel {
	background-color:#A0AACE !important;
	background: linear-gradient(#f0f0f0 15%, #5E70AD) !important;
}

nav#guide {
	height:48px; overflow:hidden;
	clear:both;
	margin:0 0 0.7em 0;
	padding:0px;
	border:solid 1px #192271; border-left:0; border-right:0;
	border-bottom:solid 0.5px #000;
	background-color:#A0AACE;
	background: linear-gradient(#f0f0f0 15%, #5E70AD);
}

nav#guide a   {
	display:block;
	opacity:inherit;
	width:70px;
	line-height:72px;   text-align:center;   font-size:0.8em;   color:#e5e5e5; font-weight:400;
	float:left;
	background-image:url("img/navList4.png");   background-size:780px 80px;
}

nav#guide div {
	margin:0;
	padding:0;
	line-height:48px; 
	text-align:center; font-weight:bold;  font-size:1.4em;  color:#192271; text-shadow:3px 3px 6px #fff;
	max-width:710px;
}

nav#guide.about {
	background: linear-gradient(#f0f0f0 10%, #bbb);
}
nav#guide a.mnu1 {	background-position:-600px -4px;} 
nav#guide a.Home2 {	background-position: -413px -43px !important; height:28px;}
nav#guide a.cfg    {	background-position:-418px -5px; height:25px;}
nav#guide a.hlp    {	background-position:-540px -4px;}
nav#guide a.pilR {	float:right;background-position:-660px -4px;}


div.I {		width:1px; height:55px; background-color:#777;background: linear-gradient(#5E70AD 5%, #f0f0f0); }
header div.I {	width:1px; height:30px; }


@media (max-width:500px) {

	header p {	height:57px; }
}


@media (max-width:400px) {

	div#MNU {
		width:47px; height:40px;
		font-size:9px;
		padding:0.1em 0 0.2em 0.4em !important;
	}
	header a.Home {	background-position: -360px -3px !important; height:22px;}
	div#HomePip    {margin:0.35em 0.3em;}

	header p {	height:47px; }

	nav#guide { height:37px; }
	nav#guide a    {
		width:50px;
		height:37px;
		line-height:56px;
		background-size:585px 60px;
	}
	nav#guide a.mnu1 {	background-position:-450px -4px;}
	nav#guide a.Home2 {	background-position: -310px -32px !important; height:28px;}
	nav#guide a.cfg    {	background-position:-315px -4px;}
	nav#guide a.hlp    {	background-position:-405px -2px;}
	nav#guide a.pilR {	float:right;background-position:-495px -4px;}
	nav#guide a.meny {	float:right;background-position:-360px -4px;}

	nav#guide div {
		line-height:37px; 
		font-size:1.5em;
	}

	nav#guide div.I {	height:36px; }

	div.logo {
		width:170px;
		height:47px;
		margin-top:0;
		margin-left: 8px !important;
	}
}


@media (max-width:300px) {

	div#MNU {
		width:40px;
		font-size:8px;
		padding:0.1em 0 0.2em 0.3em !important;
	}
	header a.Home {	background-position: -359px -10px !important; height:14px;}

	header p {	height:35px; }

}
.fot div.Cfg {	background-position:-720px 0;}
.fot div.Info {	background-position:-300px -40px;}
.fot div.Upp {	background-position:-120px 0;}
.fot div.WWW { background-position:-240px 0;}
.fot div.Copy{	background-position:-180px 0;}
.fot div.QR {	background-position:-360px -40px;}

.fot {
	padding:0px;
	background:url("img/chkBut.png") repeat-x;background-size:53px 204px; background-position:0px -165px;
	border-top: 1px solid #192271;
	background-clip:border-box;
	height:43px; overflow:hidden;
}

.fot div.I  {
	float:left;
	height:42px;
	display:none;
}

.fot > a {
	margin-bottom:0px;
}

.fot  div.fotC {	
	width:19.7%;
	height:40px;
	float:left;
	text-align:center;
}

.fot div div {
		background:url("img/navList4.png");
		background-size:780px 80px;
		display:block;
		width:50px;
		height:40px;
		float:left;
}
.fot div.WWW,
.fot div.Home {
	width:60px;
}

.fot p {
	line-height:41px;
	font-size:0.9em;
	font-weight:300;
	color:#555;
	text-align:left;
	margin:0;
	overflow:hidden;
}

@media (max-width:650px) {
	.fot p {
		font-size:0.8em;
	}
}

@media (max-width:590px) {
	.fot {
		background-size:53px 279px;
		background-position:0px -226px;
		height:59px;
	}
	.fot  div.fotC {	
		height:57px;
	}
	.fot div div {
		width:60px;
		height:38px;
		display:inline-block;
		float:none;
	}
	.fot p {
		text-align:center;
		line-height:1.1em;
	}
	.fot div.I {
		width:1px;
		height:57px;
	}
}

@media (max-width:400px) {

	.fot {
		height:45px;
	}
	.fot  div.fotC {	
		height:40px;
	}
	.fot div div {
		width:45px;
		height:28px;
		background-size:585px 60px;
	}
	div.fot p {
		line-height:1.1em;
	}
	.divFot div.WWW,
	.divFot div.Home { width:45px; }

	.fot div.Cfg,
	nav#guide a.mnuCFG {	background-position:-540px 0;}
	nav#guide a.mnuINF,
	.fot div.Info    {	background-position:-225px -30px;}
	.fot div.WWW   {	background-position:-172px 0;}
	.fot div.Upp     {	background-position:-90px 0;}
	.fot div.Home  {	background-position:8px 0;}
	.fot div.Copy{	background-position:-135px 0;}
	.fot div.QR {	background-position:-270px -30px;}

	.fot div.I {
		width:1px;
		height:44px;
	}
}

@media (max-width:300px) {

	#fot div.QR {	background-position:-216px -24px;}
}