@charset "utf-8";
/*=======common==========*/
* { margin: 0; padding: 0; }
p { margin: 10px 0; }
ul { list-style: none; }
img { border: 0; }
a { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; color:#b8f5f0; text-decoration: none; cursor: pointer; /*for Opera*/ }
a:hover { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; color:#b8f5f0; text-decoration: underline; }
a span, h1 span, h2 span { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; display: block; overflow: hidden; width: 0; height: 1px; /*for IE5.5*/}
body {font-size: 12px; line-height: 160%; color: #222;background-image: url(vis-img/bg.jpg);background: #FFFFFF;
margin-right: auto;
margin-left: auto; }
table, td { border: 0px solid #000; border-collapse:collapse;}

#cgrey a:link {color: #333333; text-decoration: none;display:block;width:150px;  height:25px;padding-top:9px; } 
#cgrey a:visited {color: #333333; text-decoration: none;display:block;width:150px;  height:25px; padding-top:9px; } 
#cgrey a:hover {color: #666666; text-decoration: none;display:block;width:150px;  height:25px;padding-top:9px; } 
#cgrey a:active {color: #333333; text-decoration: none;display:block;width:150px;  height:25px;padding-top:9px; }

a.heise:link {color: #333333; text-decoration: none;} 
a.heise:visited {color: #333333; text-decoration: none;} 
a.heise:hover {color: #999999; text-decoration: none;} 
a.heise:active {color: #333333; text-decoration: none;}

/*==========frame===========*/
.main { margin: 0 auto; width: 980px; text-align: left; }
	
/*==========header===========*/
#header { height: 190px;}
	#logo { height: 160px; border-bottom: 0px solid #b8f5f0; }
		#logo img { float: left; }
		#logo p { margin-top: 10px; float: right; color: #b8f5f0; }
			#logo p a { margin: 0 15px; }
			
	#nav { float: center; }
		.nav_li { float: left; position: relative; left: -6px;}
			a.nav_a { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; display: block; width=120px; height: 27px; line-height: 27px; text-align: left;color:#333; }
			#index #nav_index, #prod #nav_prod, #area #nav_area, #envi #nav_envi, #service #nav_service, #cons #nav_cons, #clean #nav_clean, #corp #nav_corp,
			a.nav_a:hover { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; text-decoration: none; background: url(../images/bg_nav.gif) no-repeat center bottom; }


				
			.nav_sub { position:absolute; left: -18px; top: 27px; width: 159px; border:1px solid #ABABAB; border-top: 5; text-align: center; background: #eaeaea; }
				.nav_sub li { width: 100%; margin: 1px 0; }
					.nav_sub li a { display:block; color: #172737; padding: 0 10px; width: 139px; min-height: 24px; height: auto; line-height: 24px; }
					* html .nav_sub li a { height: 24px; }
					.nav_sub li a:hover { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; text-decoration: none; background: #435858; }
					.nav_sub li span a { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; display:block; color: #172737;background: #F8F8F8; padding: 0 10px; width: 139px; min-height: 24px; height: auto; line-height: 24px; }
					
				
	#nav_top { float: right; color: #b8f5f0; }
		#nav_top a { margin: 0 10px; }
		
		
/*==========container==========*/
.center{
	margin:0px auto;
}
#container { margin: 10px 0 10px 0; }
	#new_sample { margin-top: 10px; height: 120px; }
		#new_sample li { float: left; margin: 1px; }

	#col_a { float:left; width: 215px; min-height: 670px; height: auto; background: url(../images/shadow_left.jpg) no-repeat right 100px; }
	* html #col_a { height: 670px; }
		#col_a a { color: #183b70; }
		.col_nav li, .col_nav1 li, .col_nav2 li { margin: 10px 0 0 10px; padding-left: 10px; width: 80%; line-height: 20px;border-bottom: 1px dotted #333; }
		.col_current { background: url(../images/list_dot.jpg) no-repeat 0px 7px; }
		
		#ul_news li { margin: 0 10px; border-bottom: 1px solid #EEE; }
		#ul_news img { float:left; margin: 10px 0 0 10px; }
		.news_main { float:right; margin: 10px 10px 0px 0; width: 500px; }
			.news_main h3 { font-size: 12px; font-weight: normal; }
			.news_main a { color:#107ece; }
			.news_main a.more { padding: 0 0 0 15px; font-size: 10px; font-family: Arial; color:#107ece; background: url(../images/ico_more.jpg) no-repeat; }

a.foot_fon { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; line-height: 26px; text-align: left;color:#b3b3b3; }
a.foot_fon:hover { FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; text-decoration: none;color:#c9c9c9; }
.dropMenu a {
	width: auto;
	display: block;
	color: black;
	padding: 2px 0 2px 1.2em;
}
* html .dropMenu a {
	width: 100%;
}
.dropMenu a:hover {
	color:red;
	text-decoration: underline;
}


	#col_b { float:left; width: 750px; background: url(../images/shadow_right.jpg) no-repeat 650px 100px; }
		#box_top { width: 650px; height: 23px; background: url(../images/box_top.jpg) no-repeat; }
			#box_top h2 { margin-left: 20px; line-height: 23px; font-size: 12px; font-weight: bold; color: #EEE; }
		#box_main { width: 648px; border-left: 1px solid #eff0f2; border-right: 1px solid #eff0f2; min-height: 670px; height: auto;}
		* html #box_main { height: 670px; }
			#box_main a { color:#256a6a; }
		#box_bottom { width: 650px; height: 35px; background: url(../images/box_bottom.jpg) no-repeat; }

		.word_content { margin: 0 15px; padding-top: 15px; }
			.word_content h3 { font-size: 12px; font-weight: bold; }
			

			#prod_ensure { padding-bottom: 15px; border-bottom: 1px solid #999; }
				#prod_ensure a { margin: 0 10px; color:#0c2c60; }
			.prod_list li { float: left; margin: 12px; text-align:center; }

			#flash_show { margin: 0 8px; }

		.table01 { margin: 0 auto; }
		.table01, .table01 td { border-collapse:collapse; border: 0px solid #EEE; }
		.table02 {border-collapse:collapse; margin: 15px auto; border: 2px solid #536363; }
		.table02 td { border-collapse:collapse; border: 1px solid #EEE; }
		.table01 td, .table02 td { padding: 5px; }

#site_nav { margin: 0 auto; width: 600px; }
.site_nav_li { float: left; margin: 6px; padding: 10px; width: 160px; height: 170px; background: #F0F0F0; }
.site_nav_a { display: block; font-weight: bold; }
.site_nav_sub { }

.word_img1 { float: left; margin: 10px 20px; }
.word_img2 {  margin: 10px auto; }

/*==========footer===========*/
#footer { padding-top: 1px; height: 70px; background: url(../images/bg_bottom.jpg) repeat-x; color: #b8f5f0; }
	#footer a, #footer img { margin: 0 15px; }
	#footer img {}
	
/*==========generic==========*/
.word_eng { font-size: 10px; font-family: Arial; }
.clear { clear: both; height: 0; font-size: 0; overflow: hidden; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }
.ta-l { text-align: left; }
.va-t { vertical-align: top; }
.va-m { vertical-align: middle; }
.va-b { vertical-align: bottom; }
.f-l { float:left; }
.f-r { float:right; }
.clr_white { color: #FFF; }
.clr_black { color: #000; }
.clr_yel { color: #FF0; }
.clr_red { color: #F00; }
.clr_orange { color: #F60; }