body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;        
background-color: #e6e6e6;
font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-image:url(images/back.gif);
background-repeat:repeat-x;
background-position: 50% 110px}



h2{ color:#46688e;
margin-bottom:20px;letter-spacing:2px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;font-size: 20px;
}

ul.liste1 {list-style-image:url(images/kugel.gif)}

/* hauptgerüst */

.li {
vertical-align:top;
background-image:url(images/ra1.jpg);
}


.re {vertical-align:top;

background-image:url(images/ra2.jpg);
}

.haupt {background-color:#fff;border-left:solid 10px #fff;border-right:solid 10px #fff;}





#top1 {height:0px;
background-color:#fff;
height:120px;
letter-spacing:0px;
color:#56686D;
text-align:right;
vertical-align:bottom;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;

padding-left:10px;
padding-bottom:1px;}

#top2 {background-image:url(images/logo.jpg);
background-repeat:no-repeat;
vertical-align:top;
text-align:left;
height:253px;
background-color:#4d81b1;
background-position: 50% 0%;
padding-top:14px;
}



#name {height:0px;
letter-spacing:10px;
color:#fff;
font-variant:lowercase;
padding-left:20px;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size:16px
}


#sp1 {height:1100px;
color:#000;
padding-top: 40px; padding-bottom: 40px;
padding-left: 20px;padding-right:30px;
background-color:#fff;
letter-spacing:0px;
width:100%;
vertical-align:top;
text-align:justify;
font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}

h3.boxheader {color:#46688e;
font-size: 15px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:solid 1px #04537d}

.box2{
font-size: 11px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;
border-bottom:dashed 0px #506a13;
border-right:solid 0px #fff;
border-left:solid 0px #fff;
}

.box1{
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;

}

.box3{
font-size: 13px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;

}

.box4{
font-size: 12px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;

}




#sp2 {
height:1100px;color:#000;font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif; padding-left: 10px;
padding-right:0px;
padding-top: 30px;
background-color:#fff;

}



#fuss {font: normal 11px verdana, sans-serif; color: #fff;
height:100px;
text-align:center;
border-bottom: solid 10px white;
background-color:#9ab8d3;width:100%;
background-image:url(images/fuss.jpg);
background-repeat:repeat-x;
background-position: center top
}



/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #535353; scrollbar-base-color: #2d2d2d;
scrollbar-highlight-color : #535353; scrollbar-shadow-color : #535353;
SCROLLBAR-TRACK-COLOR: #202020;}



.bubble {
	
    background: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 14px;
	font-weight:700;
    line-height: 25px;
    box-shadow: 3px 1px 3px 5px #A3A3A3;
    //text-align: center;
    //width: 250px;
    //height: 350px;
    border-radius: 15%;
    padding: 20px;
	z-index:9999;
	opacity: 0.7;
}

.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #000000;
    border-width: 11px 40px 11px 0;
    top: 63%;
    left: -40px;
    margin-top: -11px;
}

.text-animated {
  position: relative;
  color: hsl(0, 0%, 68%);
  font-weight: 700;
  font-family: "Anonymous Pro", monospace;
  letter-spacing: 2px;
  overflow: hidden;
  border-right: 2px solid hsl(0, 0%, 80%);
  white-space:nowrap;
  //word-wrap: word-wrap;
  animation: typewriter 4s steps(44) 1s 1 normal both;
  font-size: 20px;

}

@keyframes typewriter {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.forrest {
	background-image: url("./images/wald.webp");
	opacity: 1;
	background-position-y: center;
    background-position-x: right;
	position: relative;
	border-radius:25px;
	
}