#service{ display: none;}
#animation{z-index: -1; width: 100%; height: 100%; overflow: hidden; position: absolute; background: #d2d2d2; /* Old browsers */
background: -moz-linear-gradient(left,  #d2d2d2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2d2d2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2d2d2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2d2d2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #d2d2d2 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
#animation_inner{width: 940px; margin: 115px auto; margin-bottom: 44px; position: relative;}
#anim_wrap{position: absolute; top: 0; left: 0; margin-left:-315px;}
.anim{width: 1400px; height: 700px; position: absolute; background: url(../Images/anim/001.png) no-repeat left top; left: 0; top: 0; opacity: 0;}

ul#startnav{display: none;}

#i001{background-image: url(../Images/anim/001.png); left: -400px; top: -60px;}
#i002{background-image: url(../Images/anim/002.png); left: -300px; top: -20px;}
#i003{background-image: url(../Images/anim/003.png); left: -600px; top: 50px;}
#i004{background-image: url(../Images/anim/004.png); left: -500px; top: 30px;}
#i005{background-image: url(../Images/anim/005.png); left: -800px; top: 30px;}
#i006{background-image: url(../Images/anim/006.png); left: -100px; top: 250px;}
#i007{background-image: url(../Images/anim/007.png); left: -50px; top: 30px;}
#i008{background-image: url(../Images/anim/008.png); left: -200px; top: 300px;}
#i009{background-image: url(../Images/anim/009.png); left: -180px; top: 380px;}
#i010{background-image: url(../Images/anim/010.png); left: -120px; top: 420px;}
#i011{background-image: url(../Images/anim/011.png); left: -160px; top: 390px;}
#i012{background-image: url(../Images/anim/012.png); left: -60px; top: 600px;}
#i013{background-image: url(../Images/anim/013.png); left: -30px; top: 700px;}
#i014{background-image: url(../Images/anim/014.png); left: -10px; top: 120px;}
#i015{background-image: url(../Images/anim/015.png); left: -300px; top: 200px;}
#i016{background-image: url(../Images/anim/016.png); left: -200px; top: 650px;}
#i017{background-image: url(../Images/anim/017.png); left: 0px; top: 0px;}
#i018{background-image: url(../Images/anim/018.png); left: 0px; top: 0px;}
#i019{background-image: url(../Images/anim/019.png); left: 0px; top: 0px;}
#i020{background-image: url(../Images/anim/020.png); left: 0px; top: 0px;}
#i021{background-image: url(../Images/anim/021.png); left: 0px; top: 0px;}
#i022{background-image: url(../Images/anim/022.png); left: 0px; top: 0px;}
#i023{background-image: url(../Images/anim/023.png); left: 0px; top: 0px;}
#i024{background-image: url(../Images/anim/024.png); left: 0px; top: 0px;}
#i025{background-image: url(../Images/anim/025.png); left: 0px; top: 0px;}
#i026{background-image: url(../Images/anim/026.png); left: 0px; top: 0px;}
#i027{background-image: url(../Images/anim/027.png); left: 0px; top: 0px;}


.speznav{width: 85px; height: 85px; position: absolute; left: 200px; top: 60px; text-transform: uppercase; z-index: 2; display: none;}
.speznav a{text-decoration: none; text-align: center; color: rgb(51,51,51); font-size: 12px; font-weight: bold; padding-top: 65px;}
.speznav a{display: block; width: 100%; background: url(../Images/sanitaer.png) no-repeat left top; width: 85px; height: 20px;
-webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
.speznav a:hover{background-position: right top; color: rgb(0,163,179);}
.speznav.fourth a:hover{background-position: -86px top;}
.speznav.second a:hover{background-position: -86px top;}


.speznav.first{left: 544px; top: 183px;}
.speznav.second{left: 634px; top: 458px;}
.speznav.third{left: 326px; top: 283px;}
.speznav.fourth{left: 886px; top: 376px;}
.speznav.fifth{left: 874px; top: 189px;}

.speznav.second a{background-image: url(../Images/heizung.png);}
.speznav.third a{background-image: url(../Images/solar.png);}
.speznav.fourth a{background-image: url(../Images/planung.png);}
.speznav.fifth a{background-image: url(../Images/kundendienst.png);}