/************************************************************

*             CSS file for HC Focus                 		*

************************************************************/

h1 {
	color: #2D87A2;
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
}


/******************************************

					BODY

******************************************/
body				{ background-color:#ffffff; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666666; line-height:18px; }
#clear				{ clear:both; padding: 0px; margin: 0px; line-height: 0px; visibility:hidden; }



/******************************************

					HEADER

******************************************/


		/******************************************

					BASIC LAYOUT THINGS

		******************************************/
		#bg_header_gradient_left 	{ background-image:url(images/de/bg_header_gradient_left.gif); width:100%; height:172px; background-repeat:repeat-x; background-position:center;}
		#bg_header_gradient_right 	{ width:100%; background-position:right; background-image:url(images/de/bg_header_gradient_right.gif); background-repeat:no-repeat;}
		#bg_curves 					{ background-image:url(images/de/bg_header.jpg); background-repeat:no-repeat; background-position:center; height:172px; width:100%; }
		
		#header_area				{ width:912px; margin-left:auto; margin-right:auto;}
		#logo						{ background-image:url(images/de/logo.jpg); background-repeat:no-repeat; width:231px; height:172px; float:left;} 
		#navi_top					{ height:100px; width:661px; float:left; margin-left:20px;}
		#bottomborder 				{ background-image:url(images/de/bg_bottomborder.gif); background-repeat:repeat-x; height:26px; width:100%;}


		/******************************************
		
						NAVIGATION
		
		******************************************/
		
				/******************************************
				
								SUB NAVIGATION
				
				******************************************/	
				#side_navi a 				{ color: #B0B0B0; font-size: 12px; font-weight: bold; text-decoration:none; height:14px; display:block; margin: 12px 0px -2px 0px; line-height:14px; background-repeat:no-repeat; }
				#side_navi a.sideLinkA 				{ color: #666666;  }
				#side_navi a:hover 				{ color: #666666;  }
				

				
				a#sub_navi_01_01_de.active		{ width:171px; background:url(images/de/nav_01_01_on.gif); }						
				a#sub_navi_01_01_de				{ width:171px; background:url(images/de/nav_01_01_off.gif) no-repeat; }	
				a#sub_navi_01_01_de:hover		{ width:171px; background:url(images/de/nav_01_01_on.gif); }
				a#sub_navi_01_01_de:focus		{ width:171px; background:url(images/de/nav_01_01_on.gif); }
				
				a#sub_navi_01_02_de.active		{ width:171px; background:url(images/de/nav_01_02_on.gif); }
				a#sub_navi_01_02_de				{ width:171px; background:url(images/de/nav_01_02_off.gif) no-repeat; }
				a#sub_navi_01_02_de:hover		{ width:171px; background:url(images/de/nav_01_02_on.gif); }
				a#sub_navi_01_02_de:focus		{ width:171px; background:url(images/de/nav_01_02_on.gif); }
				
				a#sub_navi_01_01_uk.active		{ width:171px; background:url(images/uk/nav_01_01_on.gif); }		
				a#sub_navi_01_01_uk				{ width:171px; background:url(images/uk/nav_01_01_off.gif) no-repeat; }	
				a#sub_navi_01_01_uk:hover		{ width:171px; background:url(images/uk/nav_01_01_on.gif); }
				a#sub_navi_01_01_uk:focus		{ width:171px; background:url(images/uk/nav_01_01_on.gif); }

				
				a#sub_navi_01_02_uk.active		{ width:171px; background:url(images/uk/nav_01_02_on.gif); }
				a#sub_navi_01_02_uk				{ width:171px; background:url(images/uk/nav_01_02_off.gif) no-repeat; }
				a#sub_navi_01_02_uk:hover		{ width:171px; background:url(images/uk/nav_01_02_on.gif); }
				a#sub_navi_01_02_uk:focus		{ width:171px; background:url(images/uk/nav_01_02_on.gif); }
				
				
				a#sub_navi_02_01_de 			{ width:171px; height:29px; background-image:url(images/de/nav_02_01_off.gif); }
				a#sub_navi_02_01_de:hover		{ width:171px; height:29px; background-image:url(images/de/nav_02_01_on.gif); }
				a#sub_navi_02_01_de.active		{ width:171px; height:29px; background-image:url(images/de/nav_02_01_on.gif); }
				a#sub_navi_02_02_de 			{ width:171px; height:29px; background-image:url(images/de/nav_02_02_off.gif); }
				a#sub_navi_02_02_de:hover		{ width:171px; height:29px; background-image:url(images/de/nav_02_02_on.gif); }
				a#sub_navi_02_02_de.active		{ width:171px; height:29px; background-image:url(images/de/nav_02_02_on.gif); }
				a#sub_navi_02_03_de 			{ width:171px; height:29px; background-image:url(images/de/nav_02_03_off.gif); }
				a#sub_navi_02_03_de:hover		{ width:171px; height:29px; background-image:url(images/de/nav_02_03_on.gif); }
				a#sub_navi_02_03_de.active		{ width:171px; height:29px; background-image:url(images/de/nav_02_03_on.gif); }
				
				a#sub_navi_02_01_uk 			{ width:171px; height:29px; background-image:url(images/uk/nav_02_01_off.gif);  }
				a#sub_navi_02_01_uk:hover		{ width:171px; height:29px; background-image:url(images/uk/nav_02_01_on.gif); }
				a#sub_navi_02_01_uk.active		{ width:171px; height:29px; background-image:url(images/uk/nav_02_01_on.gif); }
				a#sub_navi_02_02_uk 			{ width:171px; height:29px; background-image:url(images/uk/nav_02_02_off.gif); }
				a#sub_navi_02_02_uk:hover		{ width:171px; height:29px; background-image:url(images/uk/nav_02_02_on.gif); }
				a#sub_navi_02_02_uk.active		{ width:171px; height:29px; background-image:url(images/uk/nav_02_02_on.gif); }
				a#sub_navi_02_03_uk 			{ width:171px; height:29px; background-image:url(images/uk/nav_02_03_off.gif); }
				a#sub_navi_02_03_uk:hover		{ width:171px; height:29px; background-image:url(images/uk/nav_02_03_on.gif); }
				a#sub_navi_02_03_uk.active		{ width:171px; height:29px; background-image:url(images/uk/nav_02_03_on.gif); }
				
				
				a#sub_navi_04_01_de 			{ width:171px; background-image:url(images/de/nav_04_01_off.gif);  }
				a#sub_navi_04_01_de:hover		{ width:171px; background-image:url(images/de/nav_04_01_on.gif); }
				a#sub_navi_04_01_de.active		{ width:171px; background-image:url(images/de/nav_04_01_on.gif); }
				a#sub_navi_04_02_de 			{ width:171px; background-image:url(images/de/nav_04_02_off.gif); }
				a#sub_navi_04_02_de:hover		{ width:171px; background-image:url(images/de/nav_04_02_on.gif); }
				a#sub_navi_04_02_de.active		{ width:171px; background-image:url(images/de/nav_04_02_on.gif); }
				
				a#sub_navi_04_01_uk 			{ width:171px; background-image:url(images/uk/nav_04_01_off.gif);  }
				a#sub_navi_04_01_uk:hover		{ width:171px; background-image:url(images/uk/nav_04_01_on.gif); }
				a#sub_navi_04_01_uk.active		{ width:171px; background-image:url(images/uk/nav_04_01_on.gif); }
				a#sub_navi_04_02_uk 			{ width:171px; background-image:url(images/uk/nav_04_02_off.gif); }
				a#sub_navi_04_02_uk:hover		{ width:171px; background-image:url(images/uk/nav_04_02_on.gif); }
				a#sub_navi_04_02_uk.active		{ width:171px; background-image:url(images/uk/nav_04_02_on.gif); }
		
				/******************************************
				
								TOP NAVIGATION
				
				******************************************/	
				.spacer 				{ margin-top:119px; background-image:url(images/de/topnav_spacer.gif); width:1px; height:42px; background-repeat:repeat-y;float:left; margin-left:10px; margin-right:10px;}
				
				#navi_top a 			{ text-decoration:none; display:block; height:26px; float:left; margin-top:146px; background-repeat:no-repeat;}
				
				a#topnav_01 			{ width:92px; background-image:url(images/de/topnav_01_off.gif); }
				a#topnav_01:hover		{ width:92px; background-image:url(images/de/topnav_01_on.gif); }
				
				a#topnav_02 			{ width:150px; background-image:url(images/de/topnav_02_off.gif); }
				a#topnav_02:hover		{ width:150px; background-image:url(images/de/topnav_02_on.gif); }
				
				a#topnav_03 			{ width:109px; background-image:url(images/de/topnav_03_off.gif); }
				a#topnav_03:hover		{ width:109px; background-image:url(images/de/topnav_03_on.gif); }
				
				a#topnav_04 			{ width:82px; background-image:url(images/de/topnav_04_off.gif); }
				a#topnav_04:hover		{ width:82px; background-image:url(images/de/topnav_04_on.gif); }

	
	
/******************************************

					CONTENT

******************************************/



		/******************************************

					BASIC LAYOUT THINGS

		******************************************/
		.splash_center_me   { margin: 0 auto; width: 777px; height: 466px; margin-top: 90px; }
			  
		.bg_splash 			{ background-image:url(images/de/bg_splash_gradient.gif); background-repeat: repeat-x; background-color:#dfe3e4; text-align:center;}
		#bg_middle 			{ background-image:url(images/de/bg_the_middle.gif); background-repeat:repeat-x; background-color:#dfe3e4;}
		/*#bg_middle 		{ background-image:url(images/bg_human.jpg); background-repeat: no-repeat; background-color:#dfe3e4; background-position:top right;}*/
		
		#bg_content_top 	{ background-image:url(images/de/bg_content_top.gif); width:913px; height:24px; background-repeat:no-repeat; margin-left:auto; margin-right:auto;} 
		#bg_content_center 	{ background-image:url(images/de/bg_content_center.gif); width:913px; background-repeat:repeat-y; margin-left:auto; margin-right:auto;}
		#bg_content_bottom 	{ background-image:url(images/de/bg_content_bottom.gif); height:26px; width:913px; background-repeat:no-repeat; margin-left:auto; margin-right:auto;}
		
		#content_padding 	{ padding:16px 40px 16px 40px;}	
		
		#side_navi 			{ width:171px; margin-right:32px; float:left;}
		#content_area 		{ width:625px; float:left; text-align:justify;}
		
		#content_left_column  			{ width:378px; margin-right:25px; float:left;}
		#content_left_column a 			{ /*color:#2d87a2;*/ color:#006699; text-decoration:none;}
		#content_left_column a:hover 	{ color:#006699; text-decoration:underline;}
		
		#content_area a 			{ /*color:#2d87a2;*/ color:#006699; text-decoration:none;}
		#content_area a:hover 	{ color:#006699; text-decoration:underline;}
		
		#content_left_column strong a 			{ /*color:#2d87a2;*/ color:#ff9900; text-decoration:none;}
		#content_left_column strong a:hover 	{ color:#ff9900; text-decoration:underline;}
		
		ul { list-style-type: none; padding-left: 1.2em; text-align:left; }
		li { background-image: url(images/de/bullit_v2.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 1.2em; margin-bottom: .6em;}
		
		
		
		
		
		
		#content_right_column { width:222px; float:left;}
		
		hr.hr2 { border: 0; width: 100%; color: #e1e1e1; background-color: #e1e1e1; height: 1px; margin:20px 0px 0px 0px; }
				
		.line { background: url(images/de/bg_hr_dotted.gif) center bottom; margin: 0px 0px 8px 0px; height: 1px; font-size:1px;}
		.hl_black { margin: 35px 0px 10px 0px;}
		.contact_form { padding:3px;}
		


/******************************************

					FOOTER

******************************************/

		/******************************************

					BASIC LAYOUT THINGS

		******************************************/

		#footer_base_bg { background-image:url(images/de/bg_footer_gradient.gif); background-repeat:repeat-x; width:100%; height:153px;}
		#footer { background-image:url(images/de/bg_footer.jpg); background-repeat:no-repeat; width:911px; height:153px; margin-left:auto; margin-right:auto;}
		#footer_content { padding: 31px 0px 0px 49px;}
		
		.pos_line { margin:0px 0px 10px 44px;}
		.pos_address {margin: 0px 0px 10px 20px;}
		
		
		
		
		
		div.sideAdress * {
			margin: 0px;
			padding: 0px;
			border: none;
		}
		div.sideAdress {
			font-size: 11px;
			line-height: 11px;
		}
		div.sideAdress p {
			background: url('images/common/arrow_sideadress.gif') no-repeat 7px 5px;
			padding-left: 18px;
			margin-bottom: 15px;
		}
		
