@charset "UTF-8";

{margin: 0; padding: 0;}
header, footer, aside, nav, article {display: block;}

/* html {background-color:#7d7d7d;} */
body {
  width:800px;
  margin:0 auto;
  padding:10px;
  font:13px/22px Helvetica, Arial, Sans-serif;
  color:#cbd2d5;
  background-color:#052f3b;
}

div.border {
  margin:20px;
  padding:10px; 
  border-width:2px; 
  border-style:solid;
  border-radius:15px;
  box-shadow:4px 4px 4px 4px rgba(0,0,0, .5);
}
img.middle {vertical-align:middle;}

a:link    {border-radius:5px; padding:5px; font-weight:bold; text-decoration:none; color:#ffc800;}
a:visited {text-decoration:none; color:#ffc800; border-style:none;}
a:hover, a:active, a:focus {text-decoration:none; background-color:#ffc800; color:#052f3b; border-style:none;}

#lnk, #info {font-size:16px; padding:10px;}
#pvdiagramm {width:720px; height:300px; z-index:1;}
#legende    {margin:10px 0px; width:600px; height:25px; color:#cbd2d5;  background-color:#052f3b;}
#foot {
  display:inline-block;
  width:800px;
  margin:0px auto;
  margin-top:20px;
  padding:0px 10px;
  background:#085268;
  font-size:12px;
  border-radius:10px;
  box-shadow:0 2px 2px rgba(0,0,0, .5);
}
/* Menü Styles */
#nav {
  display:inline-block;
  width:800px;
  margin:0 auto;
  padding:0 10px;
  background:#085268;
  border:none;  
  border-radius:10px;
  box-shadow:0 2px 2px rgba(0,0,0, .5);
}

#nav li {
  margin:10px;
  float:left;
  position:relative;
  list-style:none;
}

#nav a {
  background:#085268;
  font-weight:bold;
  color:#cbd2d5;
  text-decoration:none;
  display:block;
  padding:8px 20px;
  border-radius:10px;
  text-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* selected menu element */
#nav .current a, #nav li:focus, #nav li:hover > a {
  background:#097493;
  color:#cbd2d5;
  border-top:1px solid #f8f8f8;
  box-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* sublevels */
#nav ul li:hover a, #nav li:hover li a, #nav li:focus li a {
  background:none;
  border:none;
  color:#cbd2d5;
}
#nav ul li a:hover, #nav ul li a:focus  {
  background:#097493;
  color:#cbd2d5;
  border-radius:10px;
  text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}
 
#nav ul li:first-child > a {
  border-radius-topleft:10px;
  border-radius-topright:10px;
}
#nav ul li:last-child > a {
  border-radius-bottomleft:10px;
  border-radius-bottomright:10px;
}
/* drop down */
#nav li:hover > ul, #nav li:focus > ul {opacity:1; visibility:visible;}
#nav ul {
  opacity:0;
  visibility:hidden;
  padding:0;
  width:175px;
  position:absolute;
  z-index:2;
  background:#085268;
  /*border:1px solid #7788aa;*/
  border-radius:10px;
  box-shadow:0 2px 2px rgba(0,0,0, .5);
  transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {float:none; margin:0;}
#nav ul a  {font-weight:normal;}
#nav ul ul {left:160px; top:0px;}

.roundrect {border-radius: 10px;}
.tbl {border-collapse: collapse; border-spacing: 0; width: 100%;}
.cell {border: solid 0 #cbd2d5; border-left-width:1px;}
.invert:hover{
  filter: invert(100%);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
}