/* CSS Document */

#logofacebook{
 	z-index: 999;
	position: absolute;
	BOTTOM: 10;
	left: 15;
	text-align: left;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0.2em;
	display: block;

}

#logospore{
 	z-index: 1000;
	position: absolute;
	BOTTOM: 10;
	right: 15;

}

#projects{
 	z-index: 1001;
	position: absolute;
	left: 93;
	top: 275;
	text-align: left;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0.2em;
	display: block;

}

a{
	outline:none;
	text-decoration:none;
	color:#31302C;
	}
	
a:hover,
a.active{
	color: #3EA7A4	;
	
}





body{
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	text-align: center;
	background-image: url(../img/bg.gif);
}

#mitte{
	margin-top: 150px;
	 width: 534px;
	 height: 426px;
	 text-align: left;
	 margin-left: auto; /* fuer einen gleichmaessigen abstand*/
	 margin-right: auto; /* fuer einen gleichmaessigen abstand*/
	 border: 1px solid;
	 border-color: #ffffff;	 
	 background-color: #333333;
	 background-image: url(../img/logo.gif);
	 background-repeat: no-repeat;
	 background-position: 0px;
	 
}
*html #mitte{ /* nur fuer Internet Explorer */
	width:534px;     /* Version 5.x */
	height:426px;     /* Version 5.x */
    w\idth:536px;    /* Version 6 */
	he\ight:428px; 
}

table { margin:0px; border:0px }
form { margin:0px }
img { border:0px }
a  { text-decoration: none; }

/* scrollbar right ON | fuer "Geckbrowser" z.b. Firefox */

#gecko_scrollbar {
 	display: none;
}

html>body #gecko_scrollbar {
 	position: absolute;
 	z-index: 1;
 	bottom: -1px;
 	left: 0;
 	width: 1px;
 	height: 1px;
 	display: block;
 	font-size: 0;
}


#logo { 
	margin-top: 80px;	
}
#navi{
	margin-top: 360px;	
	width: 190px;
	height: 65px;
	text-align: left;
	margin-left: 0px;
	padding-left: 6px;
	background-image: url(../img/nav_bg.gif);
}
*html #navi{
	margin-left: 0px; 
	margin-top: 360px;
}
#navi a:link{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #99CC33;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#navi a:visited{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #99CC33;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#navi a:hover{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#navi a.active{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #000;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#subnavi_teamL{
	margin-top: 217px;	
	width: 90px;
	height: 60px;
	text-align: left;
	margin-left: 23px;
	padding-left: 0px;
	
}
*html #subnavi_teamL{
	marg\in-top: 230px;
}
#subnavi_teamR{
	margin-top: -60px;	
	width: 90px;
	height: 60px;
	text-align: left;
	margin-left: 150px;
	padding-left: 0px;
}
*html #subnavi_teamR{
	margin-top: -60px;
}
#subnavi_work{
	margin-top: 260px;
	width: 286px;
	height: 60px;
	text-align: left;
	margin-left:17px;
	padding-left: 0px;
}
*html #subnavi_work{
	marg\in-top: 270px;
}
#contentnavi_work{
	margin-top: -2px;	
	width: 250px;
	height: 40px;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}
*html #contentnavi_work{
	margin-top: 1px;
}
#contentnavi_work a:link{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#contentnavi_work a:visited{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#contentnavi_work a:hover{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#contentnavi_work a.active{
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0.2em;
	display: block;
	text-decoration: none;
}
#field { 	
	background-image: url(../img/field.gif);
	background-repeat: no-repeat;
	width: 322px;
	height: 310px;
	padding: 4px;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: -123px;
	left: 411px;
}
*html #field{
	position: absolute;
	top: -123px;
	left: 411px;
}
#contact { 	
	background-image: url(../img/contact.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 87px;
	position: absolute;
	top: 320px;
	left: 80px;
}
*html #contact{
	position: absolute;
	top: 324px;
	left: 89px;
}
#contentbox_team { 	
	background-image: url(../img/contentbox_team.gif);
	background-repeat: no-repeat;
	width: 322px;
	height: 310px;
	padding: 10px;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: -123px;
	left: 411px;
}
*html #contentbox_team{
	position: absolute;
	top: -123px;
	left: 411px;
	width: 322px;
}
#contentbox_work { 	
	background-image: url(../img/contentbox_work.gif);
	background-repeat: no-repeat;
	width: 322px;
	height: 310px;
	padding: 10px;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: -123px;
	left: 411px;
}
*html #contentbox_work{
	position: absolute;
	top: -123px;
	left: 411px;
	width: 300px;
}
#trailer { 	
	background-image: url(../img/trailer_jp.gif);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	width: 322px;
	height: 310px;
	padding: 10px;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: -123px;
	left: 411px;
}
*html #trailer{
	position: absolute;
	top: -123px;
	left: 411px;
}
#textcontainerTop{
	width: 273px; 
	height: 100px; 
	z-index: 2; 
	position: absolute; 
	top: 150px;
	color: #ffffff;
	font-family: verdana, arial, sanserif;
	font-size: 10px;
	padding-top: 15px;
	padding-left: 15px;
	letter-spacing: 0.2em;
	
}
*html #textcontainerTop{
	height: 10px;
	width: 73px;	
	position: absolute; 
	top: 50px;
	margin-top: 100px;
	width: 275px; 
}


.green{
	color: #99CC33;
}

.l_gray{
	color: #cccccc;
}

.m_gray{
	color: #999999;
}

.d_gray{
	color: #333333;
	text-decoration: none;
}


.d_gray_slim{
	color: #333333;
	text-decoration: none;
}

.white{
	color: #ffffff;
}

.yellow{
	color: #ffcc00;
}



.headTeam{
	border: 0px; 
	width: 260px; 
	display: block; 
	position: absolute; 
	left:445px; 
	top: -102px;
}
*html .headTeam{
	pos\ition: absolute; 
	left:445px; 
	top: -110px;
}
.headWork{
	border: 0px; 
	width: 265px; 
	display: block; 
	position: absolute; 
	left: 445px; 
	top: -105px;
}
*html .headWork{
	pos\ition: absolute; 
	left:445px; 
	top: -110px;
}
#activeLinksTeam{
	pos\ition: absolute; 
	left: 440px;	
	top: 20px;
	border: 1px dotted red;
}	
#layer1a{
	display: block; position: absolute; left: 440px; top: 104px;
}
*html #layer1a{
	pos\ition: absolute; left: 441px; top: 107px;
}
#layer2a{
	display: none; position: absolute; left: 440px; top: 118px;
}
*html #layer2a{
	pos\ition: absolute; left: 441px; top: 121px;
}
#layer3a{
	display: none; position: absolute; left: 440px; top: 132px;
}
*html #layer3a{
	display: none; position: absolute; left: 441px; top: 135px;
}
#layer4a{
	 position: absolute; left: 440px; top: 146px;
}
*html #layer4a{
	 position: absolute; left: 441px; top: 107px;
}
#layer5a{
	position: absolute; left: 570px; top: 104px;
}
*html #layer5a{
	position: absolute; left: 571px; top: 107px;
}
/*work------------------------------------------------*/
#layer6{
	position: absolute; left: 437px; top: 147px;
}
*html #layer6{
	pos\ition: absolute; left: 437px; top: 145px;
}

#layer7{
	position: absolute; left: 483px; top: 147px;
}
*html #layer7{
	pos\ition: absolute; left: 483px; top: 145px;
}
#layer8{
	position: absolute; left: 550px; top: 147px;
}
*html #layer8{
	position: absolute; left: 550px; top: 145px;
}
#layer9{
	position: absolute; left: 643px; top: 147px;
}
*html #layer9{
	position: absolute; left: 643px; top: 145px;
}
#layer10{
	position: absolute; left: 628px; top: 147px;
}
*html #layer10{
	position: absolute; left: 630px; top: 145px;
}
.comingsoon{
	border: 0px; 
	width: 280px; 
	display: block; 
	position: absolute; 
	left: 432px; 
	top: -106px; 
	background-color: #999999;
}
*html .comingsoon{	
	position: absolute; 
	left: 432px; 
	top: -120px; 
}

/*---- second navigation START */

#navitopper_trailer a{
	background: url(../img/nav_topper_trailer_off.gif) no-repeat 0px 0px;
	float: left;
	width: 54px;
	height: 34px;
	position: relative;
	left: 296px; 
	top: 60px; 		
}
#navitopper_trailer a:hover{
	background:url(../img/nav_topper_trailer_on.gif) no-repeat;	
}
*html #navitopper_trailer{
	margin-left: 0px; 
	margin-top: 0px;	
}	

#navitopper_games a{
	background: url(../img/nav_topper_games_off.gif) no-repeat 0px 0px;
	float: left;
	width: 85px;
	height: 45px;
	position: relative; 
	left: -3px; 
	top: 132px; 		
}
#navitopper_games a:hover{
	background:url(../img/nav_topper_games_on.gif) no-repeat;	
}
*html #navitopper_games{
	margin-left: 0px; 
	margin-top: 0px;	
}

#navitopper_webdesign a{
	background: url(../img/nav_topper_webdesign_off.gif) no-repeat 0px 0px;
	float: left;
	width: 85px;
	height: 45px;
	position: relative;  
	left: 210px; 
	top: 297px; 		
}
#navitopper_webdesign a:hover{
	background:url(../img/nav_topper_webdesign_on.gif) no-repeat;	
}
*html #navitopper_webdesign{
	margin-left: 0px; 
	margin-top: 0px;	
}

/*---- second navigation END */



#photo_th{
	margin-left: 40px; 
	margin-top: -190px;
}

#photo_ts{
	margin-left: 40px; 
	margin-top: -190px;
}
#photo_el{
	margin-left: 40px; 
	margin-top: -190px;
}
#photo_vb{
	margin-left: 40px; 
	margin-top: -190px;
}




#download_trailer { 
	margin-left: 20px; 
	margin-top: 218px;
}


#copyright { 
	margin-left: 244px; 
	margin-top: -18px;
}

#char_wk_games { 
	margin-left: 325px; 
	margin-top: 103px;
}

#char_wk_web { 
	margin-left: 233px; 
	margin-top: 78px;
}

#char_wk_anim a{
	background: url(../img/wk_90.gif) no-repeat 0px 0px;
	float: left;
	width: 90px;
	height: 90px;
	position: relative;
	margin-left: 185px; 
	margin-top: 119px;
}
#char_wk_anim a:hover{
	background: url(../img/wk_91d.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;	
	position: relative;
	margin-left: 185px; 
	margin-top: 119px;
}

#char_wk_sound { 
	margin-left: -24px; 
	margin-top: 100px;
}