#box1 {
  width: 500px;
  height: 400px;
  background-color: white;
  
}
body {
  font-family:Arial,sans-serif;
  background-color:white;
  background-image: linear-gradient(to right,white,grey);
  margin-bottom:50px;
}
#hintergrund {
  background-size:100% auto;
  width:100%;
  height:auto;
  
  
 background-position:center;
 background-repeat:no-repeat;
}


#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}

#inhalt {
  padding:10px 20px;
  z-index:2;
  background-color:rgba(200,200,200,0.9);
} 

.std {margin-top:50px; width:600px;height:500px;margin: 0 auto;}
img.round {border-radius: 9px;}
  
  .beveled {
	background: #DDD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;	
}

.box {
left: 10px;
width: 400px;
padding: 10px;
height:100vh;
font-size: 100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
box-sizign:content-box;
}
#content .box h3 {margin-bottom: 3px}

.dropshadow {
	filter:drop-shadow(10px 10px 5px gray);
}

.AuflistungC {width:auto;padding:6px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:3px;background-color:#fafafa}
.Auflistung {width:auto;padding:15px; border-collapse: separate;border-color="#a0a0a0";margin-left:auto;margin-right:auto;border-spacing:10px;background-color:#fafafa}
.klein    {margin-left:20px;font-family:arial;font-size:8pt;}
.liste     {font-family:arial;color:#ffffff;font-size:10pt;}
.list     {font-family:arial;color:#ffffff;font-size:12pt;padding:5px}
a            { font-family: Arial,Helvetica; color:#3040a0; text-decoration: none}
a.red           { font-family: Arial,Helvetica; color:#a00000;font-weight:light;font-size:10pt;}
a.grey           { font-family: Arial,Helvetica; color:#dddddd;}
a:hover      { color:#ee4400;text-decoration:underline}

h1 {font-family:Arial; font-size: 18pt; font-weight:bold; color: #000060;text-align:center}
h2 {font-family:Arial;font-size:14pt; font-weight:bold; color:#0A0A2A; }
h3 {font-family:Arial;font-size:14pt; font-weight:bold; color:#757575; text-align:center}

.circles {
  display: flex;
 justify-content:center;
 align-items : center
}
.circleT {
  background: linear-gradient(cyan, white);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #d0d0d0;
}
.circleTgrey {
  background: linear-gradient(darkgrey, grey);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #fff;
}

.circleTred {
  background: red;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 5px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 25px;
  width: 25px;
  color: #fff;
}