@import url("base.css");

/* --------------------------------------------------- index.html -------------------------------------------------------- */
#impressions {position:absolute;left:60px;top:20px;}
#impressions img {float:left;width:130px;height:95px;margin:0px 4px 0px 0px;}

#substance {position:absolute;left:60px;top:135px;}
#substance div {text-align:left;float:left; width:232px;}
#substance div b {color:yellow;}
#substance img {width:475px;height:282px;border:0;}
#substance span {position:absolute;top:0px;left:528px;width:150px;font-size:9px;text-align:right;}
#substance span img {width:107px;height:37px;border:0;}

/* --------------------------------------------------- Referenzen.html --------------------------------------------------- */
#stuntcredits {position:absolute;left:60px;top:50px;}
#stuntcredits img {width:150px;height:211px;margin-right:21px;}

#reference-ticker {position:absolute;left:60px;top:280px;width:682px;height:36px;border:1px solid white;overflow:hidden;}
#reference-ticker marquee {font-size:12px;height:36px;line-height:36px;vertical-align:middle;}
#reference-links {position:absolute;left:60px;top:340px;width:680px;text-align:center;}
#reference-links div {width:230px;height:26px;margin:0 auto;}
#reference-links div a {display:inline-block;float:left;height:26px;}

.imdb {width:50px;margin-right:30px;background:url(Images/Credits/IMDb.png) no-repeat;}
.crew {width:149px;background:url(Images/Credits/CrewUnited.png) no-repeat;}

/* --------------------------------------------------- Kontakt.html ------------------------------------------------------ */
#kontakt{position:absolute;font-size:8pt;left:60px;top:80px;width:190px;}
.info-block{margin-top:10px;}
.info-block div {float:left;width:45px;}
.info-block span {display:block;text-align:right;}
#membership {position:absolute;font-size:10px;left:60px;top:338px;}
#slogan{position:absolute;font-size:12px;font-weight:bold;left:340px;top:386px;}

/* --------------------------------------------------- Gallery.html ------------------------------------------------------ */
#image-gallery {position:absolute;left:60px;top:50px;height:auto;text-align:left;border:0;padding:0;margin:0;border:1px solid #333;}
#image-frame {float:left;width:581px;height:306px;margin:0;border:0;padding:0;}
#image-frame img {position:absolute;left:0px;top:0px;width:580px;height:305px;margin:0;border:0;padding:0;}

#image-thumbnails {float:left;top:0px;width:100px;height:306px;margin:0;border:0;padding:0;}
#image-thumbnails div {height:51px;margin:0;border:0;padding:0;}
#image-thumbnails div img {width:100px;height:50px;margin:0;border:0;padding:0;}

#image-toolbar{clear:both;float:left;width:681;height:32px;background:#222 url(Images/toolbar-back.png) repeat-x;}
#image-toolbar div {height:32px;width:581px;float:left;text-align:center;margin:0;border:0;padding:0;}
#image-toolbar div img {height:24px;width:24px;margin:3px 16px;border:0;padding:0;}
#image-toolbar span {display:block;float:left;height:32px;width:100px;text-align:center;margin:0;border:0;padding:0;}
#image-toolbar span img {height:24px;width:24px;margin:3px 8px;border:0;padding:0;}

/* --------------------------------------------------- Stuntclips.html ---------------------------------------------------- */
#video-gallery {position:absolute;left:60px;top:50px;height:auto;text-align:left;margin:0;border:0;padding:0;border:1px solid #333;}
#video-frame {float:left;width:551px;height:308px;margin:0;border:0;padding:0;}
#video-frame iframe {position:absolute;top:0px;left:0px;width:550px;height:307px;margin:0;border:0;padding:0;}

#video-thumbnails {float:left;width:130px;height:308px;margin:0;border:0;padding:0;}
#video-thumbnails div {position:relative;height:77px;margin:0;border:0;padding:0;} 
#video-thumbnails div a {display:block;position:absolute;left:0px;top:0px;width:130px;height:76px;margin:0;padding:0;border:0;} /* position:absolute unbedingt wg. IE 8 sonst stimmt Abstand nicht */
#video-thumbnails div a img {width:130px;height:76px;margin:0;padding:0;border:0;}

#video-toolbar{clear:both;float:left;height:32px;width:681px;background:#222 url(Images/toolbar-back.png) repeat-x;}
#video-toolbar div {height:32px;width:550px;float:left;text-align:center;}
#video-toolbar span {display:block;float:left;width:130px;height:32px;text-align:center;margin:0;padding:0;}
#video-toolbar p {line-height:30px;vertical-align:middle;margin:0;padding:0;}
#video-toolbar img {height:24px;width:24px;border:0;padding:0;margin:3px 8px;}

.video-empty {background:url(Images/Clips/Reel.png) no-repeat;}
.disabled {
	/* Safari 1.x */
	-khtml-opacity: 0.5; 
	/* IE 8 */
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; 
	/* IE 5-7 */
	filter: alpha(opacity=50); 
	/* Netscape */
	-moz-opacity: 0.5; 	 
	/* Moderne Browser */
	opacity: 0.5; 	 
}

/* --------------------------------------------------- Stuntequipment.html ----------------------------------------------- */
.gear-back{background:url(Images/Gear/Stunt-Technik.jpg) no-repeat;}
#gear-images {position:absolute;left:60px;top:90px;width:700px;height:124px;}
#gear-images img {width:160px;height:120px;}
#gear-text-one {position:absolute;left:60px;top:50px;width:700px;text-align:left;margin-top:0px;}
#gear-text-two {position:absolute;left:60px;top:225px;width:700px;text-align:left;margin-top:0px;}

#gear-links{position:absolute;left:60px;top:270px;width:700px;text-align:left;margin-top:0px;}
#gear-links p {margin:0;padding:0}
#gear-links ul {text-align:left;list-style:none;margin:0px;border:0;padding:0;}
#gear-links ul li {margin:0px;list-style:none;}
#gear-links ul li a{color:white;text-decoration:none;outline:0;margin:0;padding:0px 0px 0px 4px;background:url(Images/Design/Arrow.gif) no-repeat left center;}
#gear-links ul li a:hover{color:blue;}

/* --------------------------------------------------- Air-Ram.html, Air-Ratchet, Pipe-Ramp ------------------------------ */
.gear-background{background:url(Images/Gear/stunt-gear.jpg) no-repeat;}
#gear-main {position:absolute;left:60px;top:40px;width:450px;height:360px;}
#gear-main img {width:448px;height:336px;margin-bottom:2px;}
#gear-main p{width:448px;margin:0;padding:0;margin-top:2px;}
#gear-action {position:absolute;left:522px;top:40px;width:213px;overflow:hidden;}
#gear-action img {width:201px;height:114px;margin-bottom:5px;}

/* --------------------------------------------------- Konstruktion.html ------------------------------------------------- */
#video-screen {position:absolute;left:60px;top:40px;width:428px;height:262px;}
#video-screen iframe {width:426px;height:260px;border:1px solid white;}
#video-screen p {position:static;width:428px;font-size:11px;margin-top:5px;}
#cad{position:absolute;left:502px;top:40px;width:226px;height:314px;}
#cad img {width:223px;height:312px;}