/*
CSS for the demo: Recreating the Nikebetterworld.com Parallax Demo
Demo: Recreating the Nikebetterworld.com Parallax Demo
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Demo URL: http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/

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

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	/* background:url(images/bodyshadow.jpg) repeat-y; */
	background-color:#f0f0e9;
	overflow-x:hidden; 
	color:#000;
	font-family:"Courier New",Courier,monospace;
	font-size: 12px;
}

a:link {text-decoration:underline;color:#333;}
a:visited {text-decoration:none; }
a:hover {text-decoration:underline;color:#98cc16;}
a:active {text-decoration:none;}

*:focus {outline:0;}

div#wrap { position:relative; }   
#impressum {position:absolute; left:120px; top:9680px; width:800px; padding-bottom:30px;}

p{
	margin: 0 0 20px 0;	
}


img{
	border: 0;
}

h1.hide {
	text-indent:-9999px; line-height:0;
}

h2{
	font-family:"Courier New",Courier,monospace;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
	color:#ff0000;
	margin: 150px 300px 1800px 300px;
}

#locationbox, #textbox { 
position:absolute; 
left:0;top:0; display:none; 
border:0px solid #000; 
width: 480px;
color:#ddd; 
background-color:#222; 
padding:12px;
	font-family:"Courier New",Courier,monospace;
font-weight:normal;
line-height:16px;
font-size:12px;
box-shadow:1px 1px 5px #717171; -moz-box-shadow:1px 1px 5px #717171; -webkit-box-shadow:1px 1px 5px #717171;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171');
z-index:400; 
border-radius: 3px;
}

#etagen { 
position:absolute; 
left:35px;top:2157px; display:none; 
z-index:900; 
}

/* OVERLAY VIDEO GALLERYS */
#lightBox,#etagenlightBox {position:fixed; top:0px; width:580px; height: 510px; top: -255px; margin-left: -290px;left: 50%; text-align:center; display:none; z-index:2000;}
#lightWrap {width:600px; margin:auto; position:relative;  z-index:1022;}

/* OLD CODE, PERMITS TO EXIT OVERLAY ONLY BY CLICKING ABOVE OR BELOW VIDEO
#lightBox,#etagenlightBox {position:fixed; top:0px; width:100%; margin:50px 0px; text-align:center; display:none; z-index:2000;}
#lightWrap {width:600px; margin:auto; position:relative;  z-index:1022;}
*/

#shade { 
width:100%; height:10230px; 
position:absolute; top:0px; left:0px; background:#000; 
 display:none; z-index:1010;
-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
}

#closeBox, #closeBox2, #closeBox3 { position:absolute; top:-40px; right:0px; cursor:pointer;}
#etagenWrap {width:700px; height:450px; margin:auto; position:relative;  z-index:1022; line-height:25px; }

/* OVERLAY IMAGE GALLERYS */

#slidelightBox {position:fixed; top:0px; width:800px;height: 450px; top: -215px; margin-left: -400px;left: 50%;text-align:center; display:none; z-index:2000;color:#fff;font-size:18px;}
#slideWrap {width:700px; height:450px;  margin:auto; position:relative;  z-index:1022; line-height:25px; }

/* OLD CODE, PERMITS TO EXIT OVERLAY ONLY BY CLICKING ABOVE OR BELOW IMAGE
#slidelightBox {position:fixed; top:0px; width:100%; margin:50px 0px; text-align:center; display:none; z-index:2000;color:#fff;font-size:18px;}
#slideWrap {width:700px; height:450px; margin:auto; position:relative;  z-index:1022; line-height:25px; }
*/

#slidemask {position:absolute;margin-left: 50px; width:600px; height:400px; overflow:hidden;}
#slidestrip { position:absolute; left:-600px; width:2401px; }
ul.slideimages {margin:0; padding:0;list-style:none;}
ul.slideimages li {float:left;}
#slideleft {position:absolute; top:175px;}
#slideright {position:absolute; left:660px; top:175px;}
img.rightslider:hover, img.leftslider:hover {cursor:pointer;}
#slidenum { margin-top:-18px;}

/* navigation */

#controls {
	position: fixed;
	left: 30px; 
	width:960px;
	height:54px;
	margin:0;
	padding:0; 
	z-index:900; 
	display: none; 
}

#controls img.leftarrow,img.leftdummy {margin-left:1px;margin-right:2px;}
#controls img.rightarrow, img.rightdummy { float:right; }
#clickblocker { position:absolute;width:962px;height:54px;display:none;z-index:200; }
#deactivator { position:absolute;width:962px;height:54px;display:none;z-index:200; }

#nav {
	position: fixed;
	left: -430px; 
	margin:0;
	padding:0;
	z-index:1000; 
}

#nav ul {
	list-style: none;
	margin:0;
	padding:0;
	box-shadow:1px 1px 5px #717171;-moz-box-shadow:1px 1px 5px #717171; -webkit-box-shadow:1px 1px 5px #717171;

/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171');
	}

#nav ul li {

	display:block;
	text-align:right;
	background:#000;
	width:445px;
	margin-bottom:1px;
}

#nav ul li div:hover { cursor: pointer; }
 
#nav ul li.lo{
	height:30px;
	line-height:30px;
}

#nav ul li.hifirst{
	height:60px;
	line-height:61px;
/* 	border-top:1px solid #999;*/
}

#nav ul li.hilast{
	height:60px;
	line-height:61px;
	/* border-bottom:1px solid #999; */
}

.padder {padding-right:15px;}

div.colorcode { position:relative; margin-left:5px; display:block; height:100%;  
background:#fff;
/* border-right:4px solid #fff; */
box-shadow:1px 2px 3px #717171;-moz-box-shadow:1px 2px 3px #717171; -webkit-box-shadow:1px 2px 3px #717171;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#717171');
}


div.theme_header {	
#background-color:#f0f0e9;

position:absolute; z-index:100;}

.header2 {top:1200px; left:100px;}
.header3 {top:1820px; left:90px;}
.header4 {top:2400px; left:100px;}
.header5 {top:3000px; left:95px;}
.header6 {top:3600px; left:100px;}
.header7 {top:4200px; left:100px;}
.header8 {top:4800px; left:90px;}
.header9 {top:5400px; left:90px;}



div.theme {
	display:block;
	height:600px; color:#0000ff;  width:930px; z-index:10;
}



div.scene {
	display:block;
	height:600px; padding-left:70px;  width:930px; z-index:11;
}

div.scene p { position:relative; margin:105px 0 0 50px; width:260px; font-size:13px; color:#000;	font-family: "Courier New",Courier,monospace; z-index:900; }
div.scene p.scenetext30 { margin:125px 0 0 50px; }div.scene p.scenetext31 { margin:125px 0 0 50px; }div.scene p.scenetext32 { margin:125px 0 0 50px; }div.scene p.scenetext33 { margin:125px 0 0 50px; }
div.scene p.scenetext50 {width:480px; }
div.scene p.scenetext60 { margin:108px 0 0 50px;  width:380px;}
div.scene p.scenetext61 { margin:108px 0 0 50px;  width:360px;}
div.scene p.scenetext62 { margin:108px 0 0 50px;  width:360px;}
div.scene p.scenetext70 { width:360px;}
div.scene p.scenetext80 { margin:115px 0 0 50px; }
div.scene p.scenetext90 { margin:145px 0 0 50px;  width:360px;}

div.sub-a { position:absolute; left:0; top:250px; width: 100%; height:600px; z-index:20; }
div.sub-b { position:absolute; left:0; top:500px; width: 100%; height:600px; z-index:30;}

div.subsub-a { position:absolute; top:0px; width: 100%; height:600px; }
div.subsub-b { position:absolute; top:0px; left:500px; width: 100%; height:600px; }

.mapdiv { position:absolute; top:0; width: 100%; height:600px; }

/* themes */
#theme0 {  position:absolute;top:0px; }
#theme1 {  position:absolute;top:600px;  }
#theme1 img {margin-left:30px;margin-top:-100px;}
#theme2 {  position:absolute;top:1200px;  width:10000px; }
#theme3 {  position:absolute;top:1800px;  width:10000px; }
#theme4 {  position:absolute;top:2400px;  }
#theme5 {  position:absolute;top:3000px;  }
#theme6 {  position:absolute;top:3600px;  width:10000px; }
#theme7 {  position:absolute;top:4200px;  width:10000px; }
#theme8 {  position:absolute;top:4800px;  }
#theme9 {  position:absolute;top:5400px;  }
#theme10 {  position:absolute;top:6000px; width:100%; height:900px; z-index:0;}
#theme10 img { margin-left:50px; margin-bottom:20px;}
	
	#theme0 img {margin-left:110px;margin-top:170px;} /* logo position */
	#scene20 {  position:absolute;top:0px; }
	#scene21 {  position:absolute;top:0px; }
	#scene22 {  position:absolute;top:0px; }
	#scene23 {  position:absolute;top:0px; }
	#scene30 {  position:absolute;top:0px; }
	#scene31 {  position:absolute;top:0px; }
	#scene32 {  position:absolute;top:0px; }
	#scene33 {  position:absolute;top:0px; }
	#scene60 {  position:absolute;top:0px; }
	#scene61 {  position:absolute;top:0px; }
	#scene62 {  position:absolute;top:0px; }
	#scene63 {  position:absolute;top:0px; }
	#scene70 {  position:absolute;top:0px; }
	#scene71 {  position:absolute;top:0px; }
	#scene72 {  position:absolute;top:0px; }
	#scene73 {  position:absolute;top:0px; }
	
	
div.anim {position: absolute; left:0; top:0;z-index:40; }	


#content20a img {  margin-left:419px; margin-top:9px; }
#content20b img { margin-left:128px;  margin-top:220px; }

	#content21a img {  margin-left:420px; margin-top:15px; }
	#content21b img { margin-left:80px; margin-top:250px; }

	#content22a img {  margin-left:155px; margin-top:290px; }
	#content22b img { margin-left:380px; margin-top:63px; }

	#content23a img {  margin-left:570px; margin-top:-44px; }
	#content23b img { margin-left:180px; margin-top:75px; }


#content30a img {  margin-left:149px; margin-top:9px; }
#content30b img {  margin-left:370px; margin-top:170px; }

	#content31a img {  margin-left:108px; margin-top:-16px; }
	#content31b img { margin-left:430px; margin-top:28px; }

	#content32a img {  margin-left:143px; margin-top:32px; }
	#content32b img { margin-left:467px; margin-top:219px; }

	#content33a img {  margin-left:591px; margin-top:25px; }
	#content33b img { margin-left:280px; margin-top:220px; }

#content40a img {  margin-left:300px; margin-top:-26px; }
#content40b img {  margin-left:150px; margin-top:300px; }


#content50a img {  margin-left:150px; margin-top:100px; }
#content50b img {  margin-left:135px; margin-top:9px; }

#content60a img {  margin-left:500px; margin-top:-2px; }
#content60b img {  margin-left:210px; margin-top:200px; }

	#content61a img {  margin-left:530px; margin-top:43px; }
	#content61b img {  margin-left:217px; margin-top:85px; }
	
	#content62a img {  margin-left:110px; margin-top:376px; }
	#content62b img {  margin-left:180px; margin-top:21px; }

	#content63a img {  margin-left:220px; margin-top:43px; }
	#content63b img {  margin-left:260px; margin-top:222px; }

	

#content70a img {  margin-left:455px; margin-top:140px; }
#content70b img {  margin-left:150px; margin-top:15px; }

	#content71a img {  margin-left:150px; margin-top:136px; }
	#content71b img {  margin-left:380px; margin-top:-9px; }
	
	#content72a img {  margin-left:281px; margin-top:106px; }
	#content72b img {  margin-left:200px; margin-top:101px; }
	
	#content73a img {  margin-left:538px; margin-top:180px; }
	#content73b img {  margin-left:250px; margin-top:16px; }

#content80a img {  margin-left:567px; margin-top:10px; }
#content80b img {  margin-left:110px; margin-top:138px; }

#content90a img {  margin-left:394px; margin-top:135px; }
#content90b img {  margin-left:106px; margin-top:17px; }



#einmischen
{
	position: absolute;
	width: 300px;
	height: 135px;
	top: 397px;
	left: 581px;
	z-index: 12;
	background-image: url(../img/get_involved3.png);
	background-color: #F0F0E9;
	background-repeat: no-repeat;
}
#einmischen img {  position:absolute; }
#einmischen img:hover {  cursor:pointer; }

#navibezeichnung {  position:absolute; }
#navibezeichnung img {  margin-left:2px; margin-top:280px; }
#language {position:absolute; margin-left:25px; margin-top:10px; z-index:1000;}