@charset "UTF-8";
/* CSS Document */

body {
top:0px;
left:0px;
width:1022px;
height:691px;
border-bottom: solid 1px black;
z-index:0;
position: absolute;
}

object, embed {
display:block;
margin:0 auto;
left:105px;
bottom:50px;
}

body {
background-color:#bebebe;
}

.content {
	position:absolute;
	width:715px;
	height:692px;
	top: 0px;
	z-index:1;
	}

.buttons_level1 {
	position:absolute;
	width:28px;
	height:692px;
	top: 0px;
	z-index:1;
	border-right: solid 1px black;
}

.buttons_level1 a,div {
	width : 28px;
	height : 692px;
}

.buttons_level2 {
	position:absolute;
	width:28px;
	height:28px;
	z-index:2;
}

.buttons_level3 {
	position:absolute;
	width:10px;
	height:17px;
	z-index:3;
}

.buttons_level4 a {
	width : 28px;
	height : 28px;
}

#latest_link { display:block;
          background-image:url(images/latest.png);
           }
#latest_link:hover, #latest_link.active { background-position: -28px 0px; }

#latest1.buttons_level2 {
	left: 43px;
	top: 14px;
}

#latest1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#latest1_link:hover, #latest1_link.active { background-position: -13px 0px; }

#latest2.buttons_level2 {
	left: 58px;
	top: 14px;
}

#latest2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#latest2_link:hover, #latest2_link.active { background-position: -13px 0px; }

#latest3.buttons_level2 {
	left: 73px;
	top: 14px;
}

#latest3_link { display:block;
          background-image:url(images/3.png);
          width:13px; height:13px; }
#latest3_link:hover, #latest3_link.active { background-position: -13px 0px; }

#latest4.buttons_level2 {
	left: 88px;
	top: 14px;
}

#latest4_link { display:block;
          background-image:url(images/4.png);
          width:13px; height:13px; }
#latest4_link:hover, #latest4_link.active { background-position: -13px 0px; }

#latest5.buttons_level2 {
	left: 103px;
	top: 14px;
}

#latest5_link { display:block;
          background-image:url(images/5.png);
          width:13px; height:13px; }
#latest5_link:hover, #latest5_link.active { background-position: -13px 0px; }

#latest_left.buttons_level3 {
	left: 43px;
	top: 300px;
}

#latest_right.buttons_level3 {
	left: 723px;
	top: 300px;
}

#thesis_link { display:block;
          background-image:url(images/thesis.png);
           }
#thesis_link:hover, #thesis_link.active { background-position: -28px 0px; }

#thesis1.buttons_level2 {
	left: 71px;
	top: 14px;
}

#thesis1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#thesis1_link:hover, #thesis1_link.active { background-position: -13px 0px; }

#thesis2.buttons_level2 {
	left: 86px;
	top: 14px;
}

#thesis2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#thesis2_link:hover, #thesis2_link.active { background-position: -13px 0px; }

#thesis3.buttons_level2 {
	left: 101px;
	top: 14px;
}

#thesis3_link { display:block;
          background-image:url(images/3.png);
          width:13px; height:13px; }
#thesis3_link:hover, #thesis3_link.active { background-position: -13px 0px; }

#thesis4.buttons_level2 {
	left: 116px;
	top: 14px;
}

#thesis4_link { display:block;
          background-image:url(images/4.png);
          width:13px; height:13px; }
#thesis4_link:hover, #thesis4_link.active { background-position: -13px 0px; }

#thesis5.buttons_level2 {
	left: 131px;
	top: 14px;
}

#thesis5_link { display:block;
          background-image:url(images/5.png);
          width:13px; height:13px; }
#thesis5_link:hover, #thesis5_link.active { background-position: -13px 0px; }

#thesis_left.buttons_level3 {
	left: 71px;
	top: 300px;
}

#thesis_right.buttons_level3 {
	left: 751px;
	top: 300px;
}

#flyer_link { display:block;
          background-image:url(images/flyer.png);
           }
#flyer_link:hover, #flyer_link.active { background-position: -28px 0px; }

#flyer1.buttons_level2 {
	left: 267px;
	top: 14px;
}

#flyer1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#flyer1_link:hover, #flyer1_link.active { background-position: -13px 0px; }

#flyer_left.buttons_level3 {
	left: 267px;
	top: 300px;
}

#flyer_right.buttons_level3 {
	left: 947px;
	top: 300px;
}

#flyer2.buttons_level2 {
	left: 282px;
	top: 14px;
}

#flyer2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#flyer2_link:hover, #flyer2_link.active { background-position: -13px 0px; }


#poster_link { display:block;
          background-image:url(images/poster.png);
           }
#poster_link:hover, #poster_link.active { background-position: -28px 0px; }

#poster1.buttons_level2 {
	left: 239px;
	top: 14px;
}

#poster1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#poster1_link:hover, #poster1_link.active { background-position: -13px 0px; }

#poster_left.buttons_level3 {
	left: 239px;
	top: 300px;
}

#right_button { display:block;
          background-image:url(images/arrow-right.png);
          width:10px; height:17px; }
#right_button:hover { background-position: -10px 0px; }

#poster_right.buttons_level3 {
	left: 919px;
	top: 300px;
}

#left_button { display:block;
          background-image:url(images/arrow-left.png);
          width:10px; height:17px; }
#left_button:hover { background-position: -10px 0px; }

#poster2.buttons_level2 {
	left: 254px;
	top: 14px;
}

#poster2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#poster2_link:hover, #poster2_link.active { background-position: -13px 0px; }

#identity_link { display:block;
          background-image:url(images/cd.png);
           }
#identity_link:hover, #identity_link.active { background-position: -28px 0px; }

#identity1.buttons_level2 {
	left: 127px;
	top: 14px;
}

#identity1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#identity1_link:hover, #identity1_link.active { background-position: -13px 0px; }

#identity2.buttons_level2 {
	left: 142px;
	top: 14px;
}

#identity2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#identity2_link:hover, #identity2_link.active { background-position: -13px 0px; }

#identity_left.buttons_level3 {
	left: 127px;
	top: 300px;
}

#identity_right.buttons_level3 {
	left: 807px;
	top: 300px;
}

#interface_link { display:block;
          background-image:url(images/interface.png);
           }
#interface_link:hover, #interface_link.active { background-position: -28px 0px; }

#interface1.buttons_level2 {
	left: 155px;
	top: 14px;
}

#interface1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#interface1_link:hover, #interface1_link.active { background-position: -13px 0px; }

#interface2.buttons_level2 {
	left: 170px;
	top: 14px;
}

#interface2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#interface2_link:hover, #interface2_link.active { background-position: -13px 0px; }

#interface_left.buttons_level3 {
	left: 155px;
	top: 300px;
}

#interface_right.buttons_level3 {
	left: 835px;
	top: 300px;
}

#photo_link { display:block;
          background-image:url(images/photo.png);
          }
#photo_link:hover, #photo_link.active { background-position: -28px 0px; }

#photo1.buttons_level2 {
	left: 183px;
	top: 14px;
}

#photo1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#photo1_link:hover, #photo1_link.active { background-position: -13px 0px; }

#photo2.buttons_level2 {
	left: 198px;
	top: 14px;
}

#photo2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#photo2_link:hover, #photo2_link.active { background-position: -13px 0px; }

#photo3.buttons_level2 {
	left: 213px;
	top: 14px;
}

#photo3_link { display:block;
          background-image:url(images/3.png);
          width:13px; height:13px; }
#photo3_link:hover, #photo3_link.active { background-position: -13px 0px; }

#photo_left.buttons_level3 {
	left: 183px;
	top: 300px;
}

#photo_right.buttons_level3 {
	left: 863px;
	top: 300px;
}

#motion_link { display:block;
          background-image:url(images/motion.png);
           }
#motion_link:hover, #motion_link.active { background-position: -28px 0px; }

#motion1.buttons_level2 {
	left: 211px;
	top: 14px;
}

#motion1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#motion1_link:hover, #motion1_link.active { background-position: -13px 0px; }

#motion_left.buttons_level3 {
	left: 211px;
	top: 300px;
}

#motion_right.buttons_level3 {
	left: 891px;
	top: 300px;
}

#various_link { display:block;
          background-image:url(images/various.png);
           }
#various_link:hover, #various_link.active { background-position: -28px 0px; }

#various1.buttons_level2 {
	left: 99px;
	top: 14px;
}

#various1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#various1_link:hover, #various1_link.active { background-position: -13px 0px; }

#various2.buttons_level2 {
	left: 114px;
	top: 14px;
}

#various2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#various2_link:hover, #various2_link.active { background-position: -13px 0px; }

#various3.buttons_level2 {
	left: 129px;
	top: 14px;
}

#various3_link { display:block;
          background-image:url(images/3.png);
          width:13px; height:13px; }
#various3_link:hover, #various3_link.active { background-position: -13px 0px; }

#various4.buttons_level2 {
	left: 138px;
	top: 14px;
}

#various4_link { display:block;
          background-image:url(images/4.png);
          width:13px; height:13px; }
#various4_link:hover, #various4_link.active { background-position: -13px 0px; }

#various5.buttons_level2 {
	left: 151px;
	top: 14px;
}

#various5_link { display:block;
          background-image:url(images/5.png);
          width:13px; height:13px; }
#various5_link:hover, #various5_link.active { background-position: -13px 0px; }

#various_left.buttons_level3 {
	left: 99px;
	top: 300px;
}

#various_right.buttons_level3 {
	left: 779px;
	top: 300px;
}

#logo_link { display:block;
          background-image:url(images/logo.png);
           }
#logo_link:hover, #logo_link.active { background-position: -28px 0px; }

#logo1.buttons_level2 {
	left: 295px;
	top: 14px;
}

#logo1_link { display:block;
          background-image:url(images/1.png);
          width:13px; height:13px; }
#logo1_link:hover, #logo1_link.active { background-position: -13px 0px; }

#logo2.buttons_level2 {
	left: 310px;
	top: 14px;
}

#logo2_link { display:block;
          background-image:url(images/2.png);
          width:13px; height:13px; }
#logo2_link:hover, #logo2_link.active { background-position: -13px 0px; }

#logo3.buttons_level2 {
	left: 325px;
	top: 14px;
}

#logo3_link { display:block;
          background-image:url(images/3.png);
          width:13px; height:13px; }
#logo3_link:hover, #logo3_link.active { background-position: -13px 0px; }

#logo4.buttons_level2 {
	left: 340px;
	top: 14px;
}

#logo4_link { display:block;
          background-image:url(images/4.png);
          width:13px; height:13px; }
#logo4_link:hover, #logo4_link.active { background-position: -13px 0px; }

#logo5.buttons_level2 {
	left: 347px;
	top: 14px;
}

#logo5_link { display:block;
          background-image:url(images/5.png);
          width:13px; height:13px; }
#logo5_link:hover, #logo5_link.active { background-position: -13px 0px; }

#logo6.buttons_level2 {
	left: 360px;
	top: 14px;
}

#logo6_link { display:block;
          background-image:url(images/6.png);
          width:13px; height:13px; }
#logo6_link:hover, #logo6_link.active { background-position: -13px 0px; }

#logo7.buttons_level2 {
	left: 373px;
	top: 14px;
}

#logo7_link { display:block;
          background-image:url(images/7.png);
          width:13px; height:13px; }
#logo7_link:hover, #logo7_link.active { background-position: -13px 0px; }


#editorial_link { display:block;
          background-image:url(images/editorial.png);
           }
#editorial_link:hover, #editorial_link.active { background-position: -28px 0px; }

#editorial1.buttons_level2 {
	left: 84px;
	top: 244px;
}

#editorial1_link { display:block;
          background-image:url(images/gray1.png);
          width:28px; height:28px; }
#editorial1_link:hover, #editorial1_link.active { background-position: -28px 0px; }

#editorial2.buttons_level2 {
	left: 84px;
	top: 272px;
}

#editorial2_link { display:block;
          background-image:url(images/gray2.png);
          width:28px; height:28px; }
#editorial2_link:hover, #editorial2_link.active { background-position: -28px 0px; }

#editorial3.buttons_level2 {
	left: 84px;
	top: 300px;
}

#editorial3_link { display:block;
          background-image:url(images/gray3.png);
          width:28px; height:28px; }
#editorial3_link:hover, #editorial3_link.active { background-position: -28px 0px; }

#editorial4.buttons_level2 {
	left: 84px;
	top: 328px;
}

#editorial4_link { display:block;
          background-image:url(images/gray4.png);
          width:28px; height:28px; }
#editorial4_link:hover, #editorial4_link.active { background-position: -28px 0px; }




#contact_link { display:block;
          background-image:url(images/contact.png);
          }
#contact_link:hover, #contact_link.active { background-position: -28px 0px; }


#linie_rechts {
	position:absolute;
	width:1px;
	height:692px;
	z-index:2;
	left: 1024px;
	top: 0px;
	visibility: visible;
	background-image:url(images/linie_rechts.gif)
	}

#content_pane {
	position : absolute;
	width : 100%;
	height : 690px;
	left : 0px;
	top : 0px;
}

#content_wrapper {
	position : absolute;
	overflow : hidden;
	top : 0px;
	z-index : 1;
	width : 715px;
	height : 690px;
	border-top : solid 1px black;
	border-bottom : solid 1px black;
}

#text-toggle {
	position:absolute;
	top : 675px;
	left : 350px;
	z-index:6;
    
    /* das folgende durch das nippel hintergrund bild und die */
    /* entsprechenden maße ersetzen */
    width: 15px;
    height: 20px;
    background: url(images/tip-open.png);
}

#play_link {	display:block;
				position:absolute;
				width:45px;
				height:15px;
				z-index:4;
				left: 340px;
				top: 630px;
        		background-image:url(images/play.png);
           }
#play_link:hover, #play_link.active { background-position: -45px 0px; }

#play_link2 {	display:block;
				position:absolute;
				width:45px;
				height:15px;
				z-index:4;
				left: 340px;
				top: 630px;
        		background-image: url(images/play.png);
           }
#play_link2:hover, #play_link2.active { background-position: -45px 0px; }

#play_link3 {	display:block;
				position:absolute;
				width:45px;
				height:15px;
				z-index:4;
				left: 340px;
				top: 630px;
        		background-image: url(images/play.png);
           }
#play_link3:hover, #play_link3.active { background-position: -45px 0px; }

#play_link4 {	display:block;
				position:absolute;
				width:45px;
				height:15px;
				z-index:4;
				left: 340px;
				top: 630px;
        		background-image: url(images/play.png);
           }
#play_link4:hover, #play_link4.active { background-position: -45px 0px; }

#quicktime_link {	display:block;
				position:absolute;
				width:88px;
				height:31px;
				z-index:4;
				left: 14px;
				top: 645px;
        		background-image: url(images/quicktime.png);
           }
#quicktime_link:hover, #quicktime_link.active { background-position: -88px 0px; }

#right_button_neg { display:block;
          background-image:url(images/arrow-right-neg.png);
          width:10px; height:17px; }
#right_button_neg:hover { background-position: -10px 0px; }

#cv_right.buttons_level3 {
	left: 693px;
	top: 300px;
}

#left_button_neg { display:block;
          background-image:url(images/arrow-left-neg.png);
          width:10px; height:17px; }
#left_button_neg:hover { background-position: -10px 0px; }

#cv_left.buttons_level3 {
	left: 13px;
	top: 300px;
}

#approach_left.buttons_level3 {
	left: 13px;
	top: 300px;
}

#approach_right.buttons_level3 {
	left: 693px;
	top: 300px;
}

#x_link { display:block;
          background-image:url(images/cross.png);
          }
#x_link:hover, #x_link.active { background-position: -28px 0px; }