﻿body {
}
<!-- 
				#navi a
				a.class1:link
				{
				color:#ff0000;
				text-decoration:none;
				}
				a.class1:visited
				{
				color:#0000ff;
				text-decoration:none;
				}
				a.class1:hover
				{
				color:#8A2BE2;
				font-weight:bold;
				font-size:1.1em;
				text-decoration:none;
				}


                #main {
                position: fixed;
                top: 0px;
                left: 0px;
                background-size:cover;
                opacity:0.4;
                z-index:-1;
                }

                #wrapper {
                position: absolute;
                width: 900px;
                left: 50%;
                top: 0px;
                margin-left: -445px;
                z-index:-1;
                }
                #LogoOben {
                opacity: 0.4;
                position: absolute;
                width: 900px;
                height: 200px;
                left: 50%;
                top: 0px;
                margin-left: -450px;
                z-index:1;
                }

                /* Logo-Pflegedienst */
                #Tab1{
                position: absolute;
                left: 10px;
                top: 58px;

                width: 285px;
                font-size:16pt;
                z-index:1;
                }

                /* Logo-Tagespflege */
                #Tab2 {
                position: absolute;
                left: 315px;
                top: 125px;
                width: 300px;
                z-index:1;
                }

                /*Logo_Fahrdienst */
                #Tab3 {
                position: absolute;
                left: 620px;
                top: 175px;
                width: 280px;
                z-index:1;
                }

                /* Text Pflegedienst */
                #Tab4 {
                position: absolute;
                left: 10px;
                top: 165px;
                width: 245px;
                height:325px;
                border: 1px solid #543790;
                border-radius: 20px;
                font-size: 13pt;

                font-family:  Arial, sans-serif;
                background-color: #DBD4E8;
                color: #543790;
                z-index:1;
                }

                /* Text Tagespflege */
                #Tab5 {
                position: absolute;
                left: 300px;
                top: 240px;
                width: 245px;
                height:345px;
                border: 1px solid #707172;
                border-radius: 20px;
                font-size: 13pt;
                font-family:  Arial, sans-serif;
                background-color: #E8F1DC;
                color: #707172;
                z-index:1;
                }

                /* Text Fahrdienst */
                #Tab6 {
                position: absolute;
                left: 590px;
                top: 335px;
                width: 245px;
                height:320px;
                border: 1px solid ;
                border-radius: 20px;
                font-size: 13pt;
                text-indent:20px;
                font-family:  Arial, sans-serif;
                background-color: #E5D3DD;
                color: #9C1D73;
                z-index:1;
                }

                /*Box in Fahrdienst */
                #Tab7 {
                position: absolute;
                left: 600px;
                top: 530px;
                width: 265px;
                height:50px;
                border: 1px solid;

                border-radius: 20px;
                font-size: 13pt;
                font-family:  Arial, sans-serif;
                background-color: #FFFFFF;
                color: #9C1D73;
                z-index:1;
                }

                
               

                /*Bild Startseite*/

                #Tab11 {
                position: absolute;
                left: 10px;
                top: 725px;
                width: 860px;
                height:505px;
                border: 1px solid #543790;
                border-radius: 20px;
                font-size: 13pt;
                background-color: #F5EFF2;
                color: #90336D;

                background-image: url("/images/haus.png");
                background-repeat: no-repeat;
                background-position: center center;
                border: 1px solid #000;
                z-index:2;
                }

                #kreis
                {
                background-color: #707172;
                position: absolute;
                width: 100px;
                height: 100px;
                top: 372px;
                left: 465px;
                border: 1px solid black;
	            font-size: 10pt;
	            color: #FFFFFF;
	            border-radius: 100px;
                text-align: center;
	            z-index:2;
                }


                #Button1{
                position: absolute;
	            left: 100px;
	            top: 495px;
	            width: 182px;
	            height: 50px;
	            z-index:1;
                }
                #Button2{
                position: absolute;
	            left: 400px;
	            top: 590px;
	            width: 182px;
	            height: 50px;
	            z-index:1;
                }
                #Button3{
                position: absolute;
	            left: 680px;
	            top: 660px;
	            width: 182px;
	            height: 50px;
	            z-index:1;
               }
			   
			   .breaking-news-headline {
				  display: block;
				  position: absolute;
				  font-family: arial;
				  font-size: 25px;
				  margin-top: -30px;
				 
				  color: #707172;
				  margin-left: 150px;
				}

					.breaking-news-title {
					  background-color: #DBD4E8;
					  display: block;
					  height: 30px;
					  width: 100px;
					  font-family: arial;
					  font-size: 25px;
					  position: absolute;
					  top: 0px;
					  margin-top: auto;
					  margin-left: auto;
					  padding-top: 0px;
					  padding-left: 30px;
					  border: 1px solid #707172;
					  border-radius: 20px;
					  z-index: 3;
					  &:before {
						content: "";
						position: absolute;
						display: block;
						width: 0px;
						height: 0px;
						top: 10;
						left: -12px;
						border-left: 12px solid transparent;
						border-right: 0px solid transparent;
						border-bottom: 30px solid #FFEA00;
					  }
					  &:after {
						content: "";
						position: absolute;
						display: block;
						width: 10px;
						height: 0px;
						right: -12px;
						top: 0;
						border-right: 12px solid transparent;
						border-left: 0px solid transparent;
						border-top: 30px solid #FFEA00;
					  }
					}

					#breaking-news-colour {
					  height: 30px;
					  width: 2394px;
					  background-color: #E8F1DC;
					}

					#breaking-news-container {
					  height: 30px;
					  left: 5px;
					  width: 870px;
					  overflow: hidden;
					  position: absolute;
					  border: 1px solid #707172;
					  border-radius: 20px;
					  top: 687px;
					  &:before {
						content: "";
						width: 30px;
						height: 30px;
						background-color: #3399FF;
						position: absolute;
						
						z-index: 2;
					  }
					}

					.animated {
					  -webkit-animation-duration: 0.2s;
					  -webkit-animation-fill-mode: both;
					  -moz-animation-duration: 0.2s;
					  -moz-animation-fill-mode: both;
					  -webkit-animation-iteration-count: 1;
					  -moz-animation-iteration-count: 1;
					}

					.delay-animated {
					  -webkit-animation-duration: 0.4s;
					  -webkit-animation-fill-mode: both;
					  -moz-animation-duration: 0.4s;
					  -moz-animation-fill-mode: both;
					  -webkit-animation-iteration-count: 1;
					  -moz-animation-iteration-count: 1;
					  -webkit-animation-delay: 0.3s;
					  animation-delay: 0.3s;
					}

					.scroll-animated {
					  -webkit-animation-duration: 3s;
					  -webkit-animation-fill-mode: both;
					  -moz-animation-duration: 3s;
					  -moz-animation-fill-mode: both;
					  -webkit-animation-iteration-count: 1;
					  -moz-animation-iteration-count: 1;
					  -webkit-animation-delay: 0.5s;
					  animation-delay: 0.5s;
					}

					.delay-animated2 {
					  -webkit-animation-duration: 0.4s;
					  -webkit-animation-fill-mode: both;
					  -moz-animation-duration: 0.4s;
					  -moz-animation-fill-mode: both;
					  -webkit-animation-iteration-count: 1;
					  -moz-animation-iteration-count: 1;
					  -webkit-animation-delay: 0.5s;
					  animation-delay: 0.5s;
					}

					.delay-animated3 {
					  -webkit-animation-duration: 5s;
					  -webkit-animation-fill-mode: both;
					  -moz-animation-duration: 5s;
					  -moz-animation-fill-mode: both;
					  -webkit-animation-iteration-count: 1;
					  -moz-animation-iteration-count: 1;
					  -webkit-animation-delay: 0.5s;
					  animation-delay: 3s;
					}

					.fadein {
					  -webkit-animation-name: fadein;
					  -moz-animation-name: fadein;
					  -o-animation-name: fadein;
					  animation-name: fadein;
					}

					@-webkit-keyframes fadein {
					  from {
						margin-left: 1000px
					  }
					  to {}
					}

					@-moz-keyframes fadein {
					  from {
						margin-left: 1000px
					  }
					  to {}
					}

					.slidein {
					  -webkit-animation-name: slidein;
					  -moz-animation-name: slidein;
					  -o-animation-name: slidein;
					  animation-name: slidein;
					}

					@keyframes marquee {
					  0% {
						left: 0;
					  }
					  20% {
						left: 0;
					  }
					  100% {
						left: -100%;
					  }
					}

					.marquee {
					  animation: marquee 3s linear infinite;
					  -webkit-animation-duration: 10s;
					  -moz-animation-duration: 10a;
					  -webkit-animation-delay: 0.5s;
					  animation-delay: 3s;
					}

					@-webkit-keyframes slidein {
					  from {
						margin-left: 800px
					  }
					  to {
						margin-top: 0px
					  }
					}

					@-moz-keyframes slidein {
					  from {
						margin-left: 800px
					  }
					  to {
						margin-top: 0px
					  }
					}

					.slideup {
					  -webkit-animation-name: slideup;
					  -moz-animation-name: slideup;
					  -o-animation-name: slideup;
					  animation-name: slideup;
					}

					@-webkit-keyframes slideup {
					  from {
						margin-top: 30px
					  }
					  to {
						margin-top: 0;
					  }
					}

					@-moz-keyframes slideup {
					  from {
						margin-top: 30px
					  }
					  to {
						margin-top: 0;
					  }
}
				