/* from stylesheets/main.css */
html, body { 
	margin:0; 
	padding:0; 
	background:#083151; 
	width:100%; 
	height:100%;
    font-family:Arial,sans-serif; 
	color:#fff; 
	}

.scene { width:100%; height:100%; }

#header { position:absolute; z-index:998; top:25px; left:25px;
    width:89px; height:89px; padding:10px;
    background:transparent url(../images/logo.png) center no-repeat; }

#header h1, #header p { display:none; }

#log { position:absolute; width:300px; height:30px; background:#fff; color:#000;
    padding:10px; top:20px; right:20px; z-index:2000; }

#content { display:none; /* will be show via javascript */ }
.content { position:absolute; width:970px; height:578px; /* 1024x768 safe area */
    overflow:hidden; }
.scene { position:absolute; display:none; /* scences are hidden per default */ }

#next-scene-link { display:none; outline:none; height:100%; z-index:2000;
    background:url(../images/transparent.gif); /* fixes ie6+7 "not always on top" */ }
#please-wait { z-index:2000; cursor:progress; background:url(../images/transparent.gif); }


/* from stylesheets/scene1-start.css */

#scene-start { background:#083151; }
#start-content { width:800px; position:absolute; top:300px; left:100px;
    text-align:right; display:none; }
#start-content h2 { margin:0; color:#ec9935; font-size:50px; }
#start-content p { margin:0; font-size:24px; color:#fff; }


/* from stylesheets/scene2-intro.css */
.intro-image-wrapper { width:100%; height:100%; position:absolute; overflow:hidden; }
.intro-image { width:100%; height:100%; display:block; position:absolute; }

.intro .content .project { position:absolute; top:240px; left:20px; width:950px;
    color:#fff; margin:0; padding:0; font-size:14px; line-height:24px;
    height:24px; vertical-align:middle; }
.intro .content .project h4 { 
	float:left; 
	display:block; 
	width:190px; margin:0;
    font-size:14px; 
	background-repeat:no-repeat;
    background-position:0 1px;
	text-indent:-999em; 
	}
.intro .content .project p { float:left; display:block; width:717px; margin:0; 
	line-height:24px;   
  }

/*
.intro .content .project.project-neu-wagen { background:#20638e; top:200px; }
.intro .content .project.project-unternehmen-region { background:#cc6600; top:230px; }
.intro .content .project.project-tatfunk { background:#5ea3c7; top:260px; }
.intro .content .project.project-joblinge { background:#666666; top:290px; }
.intro .content .project.project-theresienthal { background:#aba453; top:320px; }
.intro .content .project.project-schule-unternehmen { background:#ebbb0e; top:350px; }
.intro .content .project.project-remote-lab { background:#cc9900; top:380px; }
.intro .content .project.project-usb { background:#cc3300; top:410px; }
.intro .content .project.project-kontakt { background:#ff7f0d; top:440px; }
*/


/* from stylesheets/scene3-swoosh.css */
#scene-swoosh { height:544px; overflow:hidden; }
#scene-swoosh .vertical { position:absolute; }
#scene-swoosh .vertical .line { background:url(../images/vert-dotted.gif);
    position:absolute; width:1px; height:100%; z-index:100; }


/* from stylesheets/scene4-table.css */
#scene-table .content { height:800px; }
#scene-table #table-wrapper { position:relative; margin:20px 0 0 20px; }

#scene-table table { position:absolute; left:-200%; }
#scene-table table td { vertical-align:top; }
#scene-table table .head td { height:190px; }
#scene-table table.default td { background-repeat:no-repeat; background-position:right bottom; }
#scene-table table.default td.project-bg { background-image:url(../images/horiz-table-element.gif); }
#scene-table table.flipped td { background-repeat:no-repeat; background-position:right top; }
#scene-table table.flipped td.project-bg { background-image:url(../images/vert-table-element.gif); }
#scene-table table td.tail { background-position:left bottom; width:700px; }
#scene-table table .td { width:28px; height:28px; }
/*nh raus*/
/*
#scene-table table .td .content { background:#fff; padding:10px; overflow:auto; color:#000; }
#scene-table table.default .td .content { margin:0 1px 0 0; width:429px; height:276px; }
#scene-table table.flipped .td .content { margin:1px 4px 0 0; width:426px; height:279px; }   
 */   
/*nh raus*/


#scene-table table.default tr.head td { background:url(../images/vert-dotted.gif) bottom right repeat-y; }
#scene-table table.default tr.head td.tail { background:transparent; }
#scene-table table tr.head .td { 
	height:0; 
	padding-top:190px; 
	overflow:hidden;
    background-repeat:no-repeat; 
    background-position:center bottom; 
}                                      

#scene-table table.flipped tr.head td { background-position:right bottom; }
#scene-table table.flipped tr.head td.tail { background:none; }
#scene-table table.flipped tr.head td .td { background-repeat:no-repeat; background-position:left top; }
#scene-table table.default tr.foot td { 
	background:url(../images/vert-dotted.gif) bottom right repeat-y;
    height:110px; }
#scene-table table.default tr.foot td.tail { background:transparent; }
#scene-table table.flipped tr.foot td { background-position:top right;
    height:110px; }
#scene-table table.flipped tr.foot td.topic,
#scene-table table.flipped td.tail { background:url(../images/horiz-dotted.gif) repeat-x left top; }
#scene-table table .project { vertical-align:top; }
#scene-table table.default .project .td { width:191px; padding:23px 0 0 0; height:0; overflow:hidden;
    	background-repeat:no-repeat;   

 /*nb start*/ 
      background-position: 0px 1px;      
/*nb start*/ 
}
#scene-table table.flipped .topic { background:url(../images/horiz-dotted.gif) repeat-x -1px 0; }
#scene-table table.flipped .topic .td { 
	width:191px; 
	padding:27px 0 0 0; 
	margin:1px 0 0 0;
    height:0; 
	overflow:hidden; 
    background-repeat:no-repeat; 
/*nb start*/
	background-position:left 3px;
/*nb end*/
	}

#scene-table td.nav div { position:relative; width:190px; height:190px; }
#scene-table td.nav div a.rotate { position:absolute; width:20px; height:0;
    right:10px; bottom:10px; padding:0 0 20px 0; overflow:hidden; display:block;
    background:url(../images/rotate_ani.gif); }  
#scene-table td.nav div a.rotate:hover { background:url(../images/rotate_ani_over.gif);}
#scene-table td.nav div a.rotate span { display:none; }
#scene-table table .td .content .spinner { width:48px; height:48px;
    background:url(../images/spinner.gif); margin-left:165px; margin-top:115px; }

/* from stylesheets/scene5-rotate.css */
#scene-rotate { overflow:hidden; height:850xpx; }
#scene-rotate #vertical-image { position:absolute; visibility:hidden; }



/*nb start*/
#meta { position:absolute; right:0; top:18px; width:auto; z-index:999; }
a img{border:none;}

             

#scene-table .content acronym.keynav, 
#scene-table .content acronym.keynav-fff{
	position:relative; 
	right:-415px;
	bottom:-271px; 
	height:0px; 
	padding-top:19px; 
	width:29px;
	overflow:hidden;
	display:block;   
	cursor: help;     
	border:none;
}

/*white keygif if image background*/     

#scene-table .content .keynav {
	background:transparent url(../images/key_grey.gif) no-repeat 0 0 !important;        
}

/*white keygif if image background*/
#scene-table .content .keynav-fff {
	background:transparent url(../images/key_fff.gif) no-repeat 0 0 !important;        
}

/*overwrite bottom position at flipped table !!!strange: not working bottom override*/
#scene-table table.flipped .keynav, 
#scene-table table.flipped .keynav-fff {     
	position:relative !important; 
	right:-412px !important;
	bottom:-275px !important;
}
                                                                                   
/* CONTENT formating nb */
#scene-table table.default .td .intro-img-txt{
	overflow:hidden !important;
	padding:0 !important;
	width:449px !important; 
	height:300px !important;
    color:#555555;      
}       

#scene-table table.flipped .td .intro-img-txt{
	overflow:hidden !important;
	padding:0 !important;
	width:446px !important; 
	height:303px !important;
    color:#555555;      
}





#scene-table table .td .content { background-color:#fff; padding:20px; overflow:auto; }
#scene-table table.default .td .content { margin:0 1px 0 0; width:409px; height:260px; }
#scene-table table.flipped .td .content { margin:1px 4px 0 0; width:406px; height:263px; }   



.intro-img-txt .csc-textpic-text{ 
	position: absolute; 
	width: 430px;
	bottom: 10px; 
	left: 10px;   
	background-color:#fff;	   
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.intro-img-txt .csc-textpic-text *,
#shadowbox div.vita-box span { margin:0.5em; color:#222;}
#shadowbox div.vita-box span {display:block; margin:4px 5px;}


#scene-table table.flipped .intro-img-txt .csc-textpic-text{  
   width: 426px;
}


#shadowbox div.vita-box{
   position: absolute; 
	width: 430px;
	bottom: 10px; 
	left: 10px;    
	background-color:#fff;	   
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


p.vita-text{display:none;}   


.no-js{position:absolute; top:210px; left:210px; width:430px; color:#fff;}