body,html { 	background: url(../images/fwl_BG_body_redtransition_cont.jpg); 
	overflow: hidden; margin: 0; padding: 0; font-family: frutiger, futura, franklin-gothic, arial, helvetica, sans-serif; }

/* LAYOUT */
#wrapper 
{ 
	margin: auto; 
}

#outer
{ 
	position: absolute;
	background: url(../images/fwl_BG_mid_graytransition_cont.jpg); 
	width: 100%; height: 600px; 
	/*MITTIG ZENTRIEREN*/ 
	top: 50%;
	margin-top: -300px;
	left: 0px; z-index: 100;
}

#inner { margin: auto; width: 744px; height: 600px; border: 0px solid black; }

#BG_top 
{
	position: absolute; top: -50%;
	margin-top: 152px;
	z-index: 50; height: 645px; width: 2000px; 
	left: 0px; background: url(../images/fwl_BG_top_pic.jpg) no-repeat; }
	
#BG_bottom 	
{ 
	position: absolute; bottom: -200px;
	z-index: 50; height: 615px; width: 2000px; 
	left: 0px; background: url(../images/fwl_BG_bottom_pic.jpg) no-repeat; }

/*BOXES*/

#bbox_left1 { 
	width: 249px; height: 177px; left: -205px; top: 23px; 
	position: absolute; background: black; 
}
	a.bbox_left1_link { 
		display: block; position: absolute; width: 49px; height: 177px; right: -5px; z-index: 100; 
		background: url() top left no-repeat; border: none; }
		

#bbox_right1 { 	width: 249px; height: 177px; right: -205px; 
		position: absolute; background: black; bottom: 25px; }
	
	a.bbox_right1_link { 
		display: block; position: absolute; width: 49px; height: 177px; left: -5px; z-index: 100; 
		background: url() top left no-repeat; border: none; }

#bbox  
	{ z-index: 10; margin: auto; margin-top: 23px; width: 744px; overflow: hidden;}

	.bbox_sub {  	position: relative;
			z-index: 8999; color: #FFFFFF; 
			overflow: hidden; float: none;
			width: 100px; height: 90px; background:none; }
			
	.bbox_sub a { 	display: block; padding: 2px;
			margin-bottom: 2px; background: #111111;
			color: #7c7c7c; text-decoration: none; 
			text-transform: uppercase; font-size: 11px; letter-spacing: 0px; 
			font-weight: bold; text-align: left; }
	.bbox_sub a:hover  { 	color: #fcfcfc; background: #f80000; }
	.bbox_sub a:active { 	color: #3c3c3c; background: #f80000; }


#bbox1 { 
	position: absolute; 
	width: 178px; height: 176px;
	background: url(../images/fwl_button_box_top_1.jpg) top left no-repeat; 
}

	#bbox1_sub { margin-left: 43px; margin-top: 40px;  }

#bbox2 { 
	position: absolute; margin-left: 189px; 
	width: 178px; height: 176px;
	background: url(../images/fwl_button_box_top_2.jpg) top left no-repeat; 
}

#bbox3 { 
	position: absolute; margin-left: 378px; 
	width: 178px; height: 176px;
	background: url(../images/fwl_button_box_top_3.jpg) top left no-repeat; 
}

	#bbox3_sub { margin-left: 43px; margin-top: 40px;  }


#bbox4 { 
	position: absolute; margin-left: 566px; 
	width: 178px; height: 176px;
	background: url(../images/fwl_button_box_top_4.jpg) top left no-repeat; 
}


#bbox5 { 
	position: absolute; 
	bottom: 28px; width: 178px; height: 176px;
	background: url(../images/fwl_button_box_bottom_1.jpg) top left no-repeat; 
}

#bbox6 { 
	position: absolute; margin-left: 189px; 
	bottom: 28px; width: 178px; height: 176px;
	background: url(../images/fwl_button_box_bottom_2.jpg) top left no-repeat; 
}

	#bbox6_sub { margin-left: 43px; margin-top: 40px;  }

#bbox7 { 
	position: absolute; margin-left: 378px; 
	bottom: 28px; width: 178px; height: 176px;
	background: url(../images/fwl_button_box_bottom_3.jpg) top left no-repeat; 
}

	#bbox7_sub {  margin-left: 43px; margin-top: 40px;  }

#bbox8 { 
	position: absolute; margin-left: 566px; 
	bottom: 28px; width: 178px; height: 176px;
	background: url(../images/fwl_button_box_bottom_4.jpg) top left no-repeat; 
}

	#bbox8_sub { margin-left: 43px; margin-top: 40px;  }

#bbox_outer1 { font-size: 12px; position: relative; margin-top: 410px; margin-left: 600px;}
#box_login { margin: auto; position: absolute; width: 200px; height: 20px; text-indent: 20px; bottom: 0px; left: 0px; }
#box_login a { color: #4c4c4c;text-decoration: none; font-size: 10px; }

	/*BROWSER SELECTORTAG FIXES*/

		/*upper row*/
		*+html #bbox1,*+html #bbox2,*+html #bbox3,*+html #bbox4 { top: 23px; }/*IE7ONLY*/
		*html #bbox1,*html #bbox2,*html #bbox3,*html #bbox4 { top: 23px; }/*IE6ONLY*/
		body:first-of-type #bbox1, body:first-of-type #bbox2, body:first-of-type #bbox3, body:first-of-type #bbox4 { top: 23px; }/*SAFARIONLY*/

	
/* FLASH */
#box_flash1 	{ 	z-index: 7999; margin: auto; width: 744px; top: 210px; left: 50%; 
			margin-left: -372px; height: 175px; border: 0px solid black; 
			overflow: visible; position:absolute; display: block; }
#flash_bg 	{ 	position: absolute; overflow: 
			visible; left: 0px; top: 210px; height: 175px; width: 2880px; 
			z-index: 1; }
#flash_overlay 	{ position: relative; background: none; margin-left: 0px; margin-right: 25%; margin-top: 0px; height: 175px; width: 744px; z-index: 10; }

.ad {   position: absolute; float: none; overflow: visible; 
	background: none;height: 156px; width: 157px; 
	padding: 10px;  margin-top: 187px; 
	-moz-opacity: 0.8;
	opacity: .8;
	filter: alpha(opacity=80);}
	
		*+html .ad { top: 23px; }/*IE7ONLY*/
		*html .ad { top: 23px; }/*IE6ONLY*/
		body:first-of-type .ad { top: 23px; }/*SAFARIONLY*/
#ad1		
{ 	margin-left: 0px;  z-index: 9990; 
	}
#ad2		
{ 	margin-left: 189px;  z-index: 9991; 
	}
#ad3		
{ 	margin-left: 380px;  z-index: 9992; 
	}
#ad4		
{ 	margin-left: 567px;  z-index: 9993; 
	}

	/*BROWSER SELECTORTAG FIXES*/

/*INTRO MODAL*/
div#intro_modal 
{
	position: absolute; width: 790px; height: 590px; 
	padding: 0; margin: 0; margin-left: -23px; margin-top: -19px;
	z-index: 9997;
}		

*html div#intro_modal { margin-top: 0px; }/*IE6ONLY*/
*+html div#intro_modal { margin-top: 5px; }/*IE7ONLY*/
body:first-of-type div#intro_modal { top: 25px; } /*SAFARI only*/

div#intro_modal a { color: darkorange; }

div#intro_modal_bg
{
	background: url(../images/fwlstudios_intromodal_newsteaser_bg_black2.gif) no-repeat top left;
	-moz-opacity: 0.8;
	opacity: .8;
	filter: alpha(opacity=80);
	width: 100%;
	height: 590px;
	z-index: 9998;
}		
a#intro_modal_trigger { 
	display: block; 
	background: url(../images/fwlstudios_intromodal_newsteaser_trigger_black2.gif) no-repeat top left;
	width: 139px;
	height:21px; margin: 0; padding: 0; 
	position: absolute; top: 0px;
	margin-left: 300px;
}
div#intro_modal_content
{
	padding: 40px;
	position: absolute; color: white;
	width: 710px;
	height: 460px;
	z-index: 9999; top: 0px;
	
}
div#intro_modal_toolbar
{
	padding: 20px; color: white; text-align: right;
	position: absolute;
	width: 750px;
	height: 30px; bottom: 0px;
	z-index: 9999;
	
}

div#intro_modal_toolbar a
{
	text-decoration: none; text-transform: uppercase; 
	color: white;
	font-size: 13px; font-weight: bolder;
}
div#intro_modal_toolbar a:hover
{
	color: #dcdcdc;
}