#dscontainer  { position:absolute;left:50%; max-width:1000px; margin-left:-25%; top:5%; z-index:10; display:none; }

#dmess a { color: #5A5A5A; text-decoration:none; font: 10px/100% 'Lato Light'; }
#dmess a:hover {text-decoration:none;}
#dmess div { padding:3px; padding-right:60px; }
#dmess { color: #5A5A5A; text-align:right; background: #d6e0eb;
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;bottom:0px; right:0; z-index:10000;
   width:21%;font-size:10px; line-height:12px; opacity:.7; filter:Alpha(opacity=70); }

#rahmen  { padding:40px; font:14px/100% arial; border:1px solid #DCDFE2; }
img {
	max-width: 100%;
	height: auto;
}
.clear {
	clear: left;
}
#values{
position: absolute;
left: 50%;
width: 800px;
margin-left: -20%;
top: 30px;
z-index: 10;
display: block;
height: auto;
}
.weiter {
	color: #FFFFFF;
	border: 1px solid #1079A0;
	text-decoration: none;
	padding-top: 9px;
	padding-right: 25px;
	padding-bottom: 9px;
	padding-left: 25px;
    background: #000099
}
html {    width: 100%; height: 100%;  }
img {    height: auto; }
body {    width: 100%; height: 100%; margin:0; padding:0; }
div { font-family: arial;   font-size: 16px; font-weight: 100;}
.hr_gruen {  width:30%; color: #009900; height:2px; border:0px none; background-color: #009900; text-align:center; }
.head { font-family: Lato, sans-serif; font-stretch: extra-condensed; font-size: 30px; color: #000099;  font-weight:light; }
.head1 { font-family: Lato, sans-serif; font-stretch: extra-condensed; font-size: 25px; color: #000099; font-weight:light; }
#shadowdiv    { height:120%; width:100%; position:fixed; left:0; top:0; z-index:3; background-color:#232424; filter:Alpha(opacity=80); opacity:0.8; display:none;}
@media (max-width:800px){
.hr_gruen {  width:80%;  }

}