/* stylesheet contains element-styles and basic classes */
/* elements used for positioning */
#outerBox
{position:absolute;
z-index:1;
}
#innerBox
{position:relative;
z-index:100;
}
	.iBox_style
	{margin-left:auto; margin-right:auto;
	width:568px;
	}
/* +++++++++++++++++++++++++++++ */
#line_top
{position:absolute;
top:168px; left:0px;
width:568px; height:1px;
background-image:url('pics/line_568_top.gif');background-repeat:no-repeat;
line-height:1pt;
}
#line_bottom
{position:absolute;
top:572px; left:0px;
width:568px; height:1px;
line-height:1pt;
background-image:url('pics/line_568.gif');background-repeat:no-repeat;
}
#navigation_main
{position:absolute;
top:581px; left:96px;
width:375px; height:32px;
}
#content_over_sub_1
{position:absolute;
top:195px; left:96px;
}
#content_over_sub_2
{position:absolute;
top:195px;
left:224px;
}
#content_over_sub_3
{position:absolute;
top:195px;
left:352px;
}
	/* common classes for content_over_sub */
	.cos_com
	{width:119px; height:351px;
	cursor:pointer;
	overflow:hidden;
	}
	.b_grey
	{border-style:solid;
	border-color:#A9A9AE;
	border-width:1px;
	}
	.b_grey_light
	{border-style:solid;
	border-color:#BDBDBF;
	border-width:1px;
	}
#content_active_main
{position:absolute;
top:195px; left:1px;
width:564px; height:351px;
text-align:center;
cursor:pointer;
}
	#shadow_box
	{position:absolute;
	top:192px; left:-7px;
	width:584px; height:371px;
	/* text-align:center; */
	/*overflow:hidden;*/
	line-height:1pt;
	}
	.shadow_inner
	{
	float:left;
	position:relative;
	overflow:hidden;
	line-height:1pt;
	}
	
	/* shadow LEFT */
		.s_t_left
		{	float:left;clear:left;
			width:16px; height:16px;
			background-image:url('pics/shadow/shadow_top_left.png'); background-repeat:no-repeat;
		}
		.s_c_left
		{	float:left;clear:left;
			width:16px;
			background-image:url('pics/shadow/shadow_center_left.png'); background-repeat:repeat-y;
		}
		.s_b_left
		{	float:left;clear:left;
			width:16px; height:16px;
			background-image:url('pics/shadow/shadow_bottom_left.png'); background-repeat:repeat;
		}
	/* shadow CENTER */
		.s_t_center
		{	float:left;
			height:16px;
			background-image:url('pics/shadow/shadow_top_center.png'); background-repeat:repeat-x;
		}
		.s_c_center
		{	float:left;
			background-image:url('pics/shadow/shadow_center_center.png'); background-repeat:repeat;
		}
		.s_b_center
		{	float:left;
			height:16px;
			background-image:url('pics/shadow/shadow_bottom_center.png'); background-repeat:repeat-x;
		}
	/* shadow left */
		.s_t_right
		{	float:left;
			width:16px; height:16px;
			background-image:url('pics/shadow/shadow_top_right.png'); background-repeat:no-repeat;
		}
		.s_c_right
		{	float:left;
			width:16px;
			background-image:url('pics/shadow/shadow_center_right.png'); background-repeat:repeat-y;
		}
		.s_b_right
		{	float:left;
			width:16px; height:16px;
			background-image:url('pics/shadow/shadow_bottom_right.png'); background-repeat:no-repeat;
		}
		
#center_pic
{position:relative;
text-align:center;
overflow:hidden;
}
#content_title
{position:absolute;
top:554px; left:56px;
width:460px; height:32px;
font-family:Arial; color:#ffffff; font-size:7pt; text-align:center;
}
#pTitle
{
}
#info_border
{position:absolute;
top:168px; left:66px;
width:436px; height:405px;
}
#start_border
{position:absolute;
top:71px; left:-73px; 
width:716px; height:576px;
border-color:#A9A9AE;
border-style:solid;
border-width:1px;
}
#content_start
{position:absolute; 
top:80px; left:-64px; 
width:700px; height:560px;
}
#start_logo
{position:absolute; 
top:168px; left:172px;
}
#start_subtitle
{position:absolute; 
top:336px; left:46px; 
}
#start_enter
{position:absolute; 
top:648px; left:0px; 
width:572px;
text-align:center;
}
div#content_about_main
{position:absolute; 
top:195px; left:82px; 
width:404px; height:351px;
}
	
#info_subnav
{position:absolute; 
top:195px; left:502px; 
width:72px; height:240px;
font-family:Arial; color:#ffffff; font-size:8pt; text-align:left;
}
#content_about_contact
{position:absolute;
top:296px; left:80px;
width:408px; height:208px;
}
/* ------------ div for sub navigation in vita - if content exceeds max display-area ---------- */
#content_overflow
{position:absolute;
/* top:148px; left:580px; */
top:554px; left:0px;
width:568px; height:24px;
text-align:right;
}
/* ------------- navigation-div for project-navigation (bottom) ---------------- */
#project_navigation
{position:absolute;
top:580px; left:0px;
width:572px; height:88px;
text-align:center;
z-index:25;
}
#navigation_top
{position:absolute;
top:148px; left:280px;
width:288px; text-align:left;
}
#logo
{position:absolute;
top:125px; left:37px;
line-height:1pt;
}
#logo_start
{position:absolute;
top:203px; left:231px;
line-height:1pt;
}
#browser_info
{position:absolute;
top:680px; left:1px;
width:564px; height:240px;
font-family:Arial; color:#a9a9a9; font-size:7pt; line-height:10pt; text-align:center;
}
/* ------------ popup divs ----------- */
#popup_area_IMG
{position:absolute; 
top:0px; left:0px; 
z-index:1000;	
visibility:hidden;	
}
#popup_area_TXT
{position:absolute; 
top:0px; left:0px; 
z-index:1000;	
visibility:hidden;	
}
	.popup_area_style
	{width:100%; height:100%;
	text-align:center;
	}
/* POPUP for IMAGES */
#popup_bg_IMG
{position:relative;
top:0px;
width:0px; height:0px;
text-align:center;
z-index:1100;
}
#cIMG
{
}
#cTXT
{
}
/* POPUP for TEXT */
#popup_bg_TXT
{position:relative;
top:0px;
width:0px; height:0px;
text-align:center;
z-index:1100;
}
	.popup_style
	{margin-left:auto; margin-bottom:auto; margin-right:auto;
	font-family:Arial; font-size:8pt; color:#ffffff; line-height:12pt;
	overflow:hidden;
	}
	.close_popup
	{float:right;
	text-align:right;
	width:108px; height:18px;
	padding-right:4px; padding-top:2px;
	}

/* --------- image-navigation DIVs ------------ */
#img_prev
{position:absolute; 
top:554px; left:0px;
width:48px; height:32px;
font-family:Arial; font-size:7pt; color:#47474A; 
}
#img_next
{position:absolute; 
top:554px; left:520px;
width:48px; height:32px;
font-family:Arial; font-size:7pt; color:#47474A; 
}