.Settings1Menu1 {
position: absolute;
top: 160px;
left: 15px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}


.Settings1Menu2 {
position: absolute;
top: 220px;
left: 15px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu3 {
position: absolute;
top: 280px;
left: 15px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu4 {
position: absolute;
top: 340px;
left: 15px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu5 {
position: absolute;
top: 160px;
left: 443px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu6 {
position: absolute;
top: 220px;
left: 443px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu7 {
position: absolute;
top: 280px;
left: 443px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu8 {
position: absolute;
top: 340px;
left: 443px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu9 {
position: absolute;
top: 350px;
left: 180px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu10 {
position: absolute;
top: 510px;
left: 180px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1Menu11 {
position: absolute;
top: 510px;
left: 560px;
width: 40%;
max-width:300px;
height:42px;
background:#ffffff;
/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.Settings1menuText {
position: absolute;
top: 7px;
left: 80px;
font-size:24px;
vertical-align:middle;
height:42px;

/*background:#c5ccd4 url(/VisuSP/WebApp/Design/Img/bg.gif);*/
font-family: Arial;
color: #5a566d;
}


.saunatempsollslider1 {
position:absolute;
touch-action: none;

    width:250px;
    height:42px;
  border-radius: 40px;
   background: transparent url(../graphics/SaunaTempSlider.png);
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

    display:inline-block;
    
    -webkit-appearance:none;
    opacity: 0.7;
    top: 55px;
    left: 46px;
    border: 1px solid #d3af07;

}


.saunatempsollslider1::-webkit-slider-thumb
{
 -webkit-appearance: none;
  border: 1px solid #d3af07;
  height: 35px;
  width: 35px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #d3af07, 1px 1px 1px #000000; /* Add cool effects to your sliders! */
    opacity: 0.8;

}


.saunatempsoll1      {
	position:absolute;
	top: 95px;
	left: 48px;
	font-family: Arial;
	font-weight: bold;
	color: #00000;
	font-size: 17;
	}

.saunatempist1      {
position:absolute;
	top: 12px;
	left: 68px;
	width: 300px;
	position: relative;
	font-family: Arial;
	font-weight: bold;
	color: #00000;
	font-size: 17;
	}

.saunafeuchtesollslider1 {
	position:absolute;
touch-action: none;

    width:250px;
    height:42px;
  border-radius: 40px;
   background: transparent url(../graphics/SaunaFeuchteSlider.png);
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

    display:inline-block;
    -webkit-appearance:none;
    opacity: 0.7;
    top: 55px;
    left: 475px;
border: 1px solid #d3af07;
}


.saunafeuchtesollslider1::-webkit-slider-thumb
{
 -webkit-appearance: none;
  border: 1px solid #d3af07;
  height: 35px;
  width: 35px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #d3af07, 1px 1px 1px #000000; /* Add cool effects to your sliders! */
    opacity: 0.8;

}

.saunafeuchtesoll1      {
	position:absolute;
	top: 95px;
	left: 500px;
	font-family: Arial;
	font-weight: bold;
	color: #00000;
	font-size: 17;
	} 

.saunafeuchtist1      {
position:absolute;
	top: 12px;
	left: 510px;
	width: 300px;
	font-family: Arial;
	font-weight: bold;
	color: #00000;
	font-size: 17;
	}


.Settings1menuiconimg0 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuiconimg1 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuiconimg2 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg3 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg4 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg5 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg6 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg7 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}

.Settings1menuIconImg8 {
position: absolute;
top: 0px;
left: 0px;
width: 42px;
height:42px;
}


#DivSettings1 {
position: absolute;
top: 330px;
left: 100px;
width: 760px;
height: 400px;
background-image: url('/uebersichten/HintergrundFix.jpg');
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 33px #000000; /* Add cool effects to your sliders! */
border-radius: 3px 3px 3px 3px;
}

#HorizontalLinieSettings1 {
position: absolute;
top: 120px;
left: 0px;
width: 760px;
height: 2px;
background-image: url('/uebersichten/HintergrundFix.jpg');
font-family: Arial;
color: #a49c99;
 box-shadow: 3px 3px 30px #5a566d, 0px 3px 5px #000000; /* Add cool effects to your sliders! */
}