/**
 * Default styles for the dygraphs charting library.
 */
 body {width:auto;}
 .top { height: 70px; font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#123456;  width:100%; background:#eeeeee; margin:0; padding:10px;}
.bild {float:right; margin-right:50px;}
.firma {float:left;}
.topmenu {float:left; margin-left: 240px;}
.clear { clear:both;}
.isp {padding:8px;font-family: 'Open Sans', sans-serif; font-size:1.0em; background:#c3d7dd; width:170px;}
.buttonx { width:200px; padding: 0px; margin: 8px; height:40px; }

.zeit {position:absolute;  width: 100%; margin-left:0px; height: 60px; margin-top:770px;}
.button {float: left; width:auto; padding: 6px; margin: 8px; height:15px; background: #f6f6f6; border: 1px solid#000000;border-radius:5px; box-shadow: -2px -2px 4px  #999; }
.set {margin:20px 5px; Padding:2px; Border: 1px solid #cccccc; font-family: 'Open Sans', sans-serif; font-size:0.7em; Background:#f8f8f8; border-radius:5px;}
.set1 {margin:20px 5px; Padding:2px; Border: 1px solid #cccccc; font-family: 'Open Sans', sans-serif; font-size:0.7em; Background:#a2b0d0; border-radius:5px;}
.buttonan {float: left; width:auto; padding: 6px; margin: 8px; height:15px; background: #cdcdcd; border: 1px solid#000000;border-radius:5px; box-shadow: 4px 4px 6px #555 inset;}
.buttonlinks  {width:auto; padding:4px; margin: 9px 5px; height:15px; background: #eeeeee; border: 1px solid#000000;border-radius:5px}
.buttonlinksan  {width:auto; padding:4px; margin: 9px 5px; height:15px; background: #a3cc62; border: 1px solid#000000;border-radius:5px}
.links {position: absolute; width: 180px; height:600px; margin-top:80px;  font-family: 'Open Sans', sans-serif; font-size:0.8em;}
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:160px; margin-top: 100px;}
.rechtscsv {position: absolute;  width: auto; height: auto; margin-left:300px; margin-top: 100px;}
.rechts2csv {position: absolute;  width: auto; height: auto; margin-left:750px; margin-top: 100px;}
.rechts3csv {position: absolute;  width: auto; height: auto; margin-left:950px; margin-top: 100px;}
.rechts2einheit {position: absolute;  width: 130px; height: auto; margin-left:770px; margin-top: 100px;line-height:27px;}
.rechtswerte {position: absolute; float:left; width: auto; height: 510px; margin-left:160px; margin-top: 100px;}

.rechtstaste {float:left; width: 220px; height: 600px; margin-left:30px;}
.rechtstaste2 {float:left; width: 440px; height: 600px; margin-left:30px;}
#login {float:right;font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#666666; margin: 0 10px;}
.loginbutton {float:right;font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#666666; margin: 0 10px;}
strong {font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#000000;}

.bottom {float:left; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#123456; }
.csvtext1 {float:left;  margin-left: 4px; font-family: 'Open Sans', sans-serif; font-size:0.8em; border: 1px solid red;}
.csvtext2 {float:left;  margin-left: 4px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}

.zuordnung {margin-left:250px; padding:5px;}
.taste{Margin: 20px;}
a { text-decoration: none; color:#000000; }
input[type=text]
{
font-family: 'Open Sans', sans-serif;
font-size:1.0em;
padding: 3px;
outline: 0;
border:0;
color:#123456;
background: #eeeeee;
box-shadow: inset 1px 1px 2px 0 #707070;
border-radius:5px;
margin-top:3px;
}
#zeige2 {width: 200px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; font-size:0.8em; border:1px solid #999999;}
#zeige2csv {width: 260px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; font-size:0.8em; border:1px solid #999999;}
#zeige3 {width: 300px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; }
 
#graphdiv2 {float:left; width:650px; height:500px;}
#legend {float:left;  margin-left: 10px; font-family: 'Open Sans', sans-serif; font-size:0.8em;} 

#text { margin-left:10px; margin-top:10px; display:block; 
height:auto; z-index:999;  
 font-family: 'Verdana',sans-serif; font-size:0.75em;  text-align: left;padding-left:0px;color:#111111; padding-top:0px; padding-bottom:0px;
}
.platzieren {float:left; min-width:130px;  margin: 4px 5px 0 0;}
.platzieren1 {float:left; min-width:70px;  padding-right:10px; margin-right:10px;}
.platzieren1a {float:left; min-width:65px;  padding-right:10px; margin: 4px 5px 0 0;}
.platzieren1b {float:left; min-width:55px;  padding-right:0px; margin: 4px 5px 0 0;}
.platzieren2 { margin: 0 10px; padding: 0 10px;}


 
 @media screen and (min-width: 1025px) {
.links {position: absolute; width: 200px; height:600px; margin-top:100px;  font-family: 'Open Sans', sans-serif; font-size:0.8em;}
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:220px; margin-top: 100px;}
.rechtscsv {position: absolute; width: auto; height: auto; margin-left:300px; margin-top: 100px;}
 #graphdiv2 {float:left; width:800px; height:500px;}
 }
 
  @media screen and (min-width: 1280px) {
.links {position: absolute; width: 200px; height:600px; margin-top:100px;  font-family: 'Open Sans', sans-serif; font-size:0.8em;}
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:220px; margin-top: 100px;}
.rechtscsv {position: absolute; width: auto; height: auto; margin-left:300px; margin-top: 100px;}
 #graphdiv2 {float:left; width:1000px; height:500px;}
 }