body {
margin: auto;
background-color: rgb(85, 115, 170);
height: 599px;
}

@font-face {
font-family: "Bradley Hand ITC";
src: url("fonts/bradhit0.TTF");
font-weight: normal;
font-style: normal;
}

#BOX {
background-image: url("images/image303.jpg");
width:780px;
height:518px;
position:absolute;
left:50%;
top:50%;
margin-left:-390px;
margin-top:-259px;
}

#schatten {
background: url("images/shadow.png");
width:795px;
height:533px;
position:absolute;
left:50%;
top:50%;
margin-left:-405px;
margin-top:-259px;
}

p {
margin: -5px 0 0 0;
}

a:link {
color:rgb(128,128,128);text-decoration:none;
}
a:visited {
color:rgb(128,128,128);text-decoration:none;
}
a:active{
color:rgb(255,113,0);text-decoration:none;
}
a:focus{
color:rgb(255,113,0);text-decoration:none;
}
a:hover{
color:rgb(255,113,0);text-decoration:none;
}

ul {
list-style: none;
}

#menue {
text-align: left;
position:absolute;
top: 144px;
width:250px;
left: -10px;
font-family:Arial, Verdana, Helvetica, Helv;
font-size: 14px;
font-weight:bold;
}

.sub {
font-size: 12px;
padding-left:10px;
}

.subsub {
font-size: 11px;
padding-left:15px;
margin-top: 6px;
}

#Text {
text-align: left;
position: absolute;
left: 200px;
top: 138px;
height: 300px;
width: 400px;
color: rgb(255,113,0);
font-family: Arial, Verdana, Helvetica, Helv;
font-size: 14px;
z-index: 2;
}

#Text1 {
text-align: left;
position: absolute;
left: 200px;
top: 126px;
height: 300px;
width: 400px;
color: rgb(255,113,0);
font-family: Arial, Verdana, Helvetica, Helv;
font-size: 14px;
z-index: 2;
}

#ueberschrift {
text-align: left;
position: absolute;
left: 200px;
top: 89px;
height: 50px;
width: 400px;
color: rgb(255,113,0); 
font-family: "Bradley Hand ITC";
font-weight: bold;
font-size: 19px;
}

#ueberschrifthoch {
top: 76px;
text-align: left;
position: absolute;
left: 200px;
height: 50px;
width: 400px;
color: rgb(255,113,0); 
font-family: "Bradley Hand ITC";
font-weight: bold;
font-size: 19px;
line-height: 20px;
}

#ueberschrifthoch2 {
top: 92px;
text-align: left;
position: absolute;
left: 200px;
height: 50px;
width: 400px;
color: rgb(255,113,0); 
font-family: "Bradley Hand ITC";
font-weight: bold;
font-size: 19px;
line-height: 20px;
}

.textgrau {
color: rgb(128,128,128);
font-size: 14px;
font-family: Arial, Verdana, Helvetica, Helv;
}

.grauklein {
color: rgb(128,128,128);
font-size: 13px;
font-family: Arial, Verdana, Helvetica, Helv;
}

.orangegroß {
font-family: Arial, Verdana, Helvetica, Helv;
font-weight: bold;
color: rgb(255,113,0);
font-size: 18px;
}

.orangegroß2 {
font-family: "Bradley Hand ITC";
font-weight: bold;
color: rgb(255,113,0);
font-size: 18px;
}

.graugroß {
font-size: 16px;
font-weight: bold;
color: rgb(128,128,128);
}

.orange {
color: rgb(255,113,0);
font-size: 14px;
font-weight: bold;
}

.grau {
font-size: 14px;
color: rgb(128,128,128);
}

.mail {
background-image: url("images/mail.png");
height: 20px;
width: 200px;
}

.mail:hover {
background-image: url("images/mailhover.png");
height: 20px;
width: 200px;
}

.footer{
font-family: Arial, Verdana, Helvetica, Helv;
position:absolute;
top:500px;
width:780px;
font-size:10px;
color:rgb(150,150,150);
text-align:center;
}

.datenschutz{
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top:1em;
    margin-top:-1em;
}

.datenschutz p {
    margin-bottom: 1em;
}