/* creat: 2008-11-17 
	update: 
*/

/* projekte */
.projekte {
	margin:0 80px 0 65px;
	padding:0; /* border:3px solid #CC33FF; */
}
#projekte {
	height:auto!important; /* min-height:510px; height:510px; */
}
.sub_nav {
	clear:both;
	overflow:hidden;
	height:19px;
	margin:0 0 22px;
}
.sub_nav ul {
	clear:both;
}
.sub_nav li {
	float:left;
	margin-right:2px;
}
.sub_nav li a {
	font-weight:bold;
	color:#ffffff;
	background:#444444;
	display:block;
	padding:1px 10px 2px;
}
.sub_nav li a:hover, .sub_nav li.active a, .sub_nav li.trail a {
	color:#d8e7ed;
	background:#6f8b98;
}
.sub_nav li.active a, .sub_nav li.trail a {
	font-weight:bold;
}
.sub_nav li ul {
	display:none;
}
/*  singleView */
.t1 a {
	background:url(../icon-star2.gif) left top no-repeat;
	padding-left:15px;
}
/*		Public		*/
.toolbar:after, .optional:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.toolbar {
	clear:both;  /* overflow:hidden; */
	zoom:1;
	padding:10px 20px 10px 20px;
	margin-left:-10px;
	position:relative;
	z-index:99;
}
.toolbar .addbar li {
	float:left;
	margin-right:10px;
	position:relative;
}
.toolbar .addbar a {
	display:block;
	width:28px;
	height:20px;
	background:url(../../images/toolbar_ico_favoriten1.gif) left top no-repeat;
}
.toolbar .addbar a span {
	display:none;
}
.toolbar .widget_bar a span {
	display:block;
}
.toolbar .addbar_mediaman a {
	background:url(../../images/toolbar_ico_mediaman1.gif) left top no-repeat;
}
.toolbar1 {
	background:none;
}
.btn_zum {
	color:#d8e7ed;
	background:url(../../images/btn_zum.gif) 100% -30px no-repeat;
	float:right;
}
.btn_zum span {
	background:url(../../images/btn_zum.gif) 0 0 no-repeat;
	margin-right:10px;
	padding:2px 0 3px 10px;
	float:left;
}
.btn_zum:hover {
	color:#ffffff;
}
.jobs .toolbar, .contact .toolbar {
	margin-left:-20px;
}
.case_study .toolbar {
	margin:0 20px 0 10px;
}
.scroll-pane, #main-column {
	clear:both;
	height:auto!important;
	min-height:405px;
	height:405px;
	position:relative;
	padding-bottom:20px;
}
.scroll-pane a, .content_out a {
	color:#fff;
	background:url(../../images/icon_arrow_right_blue_small_hover.gif) right 6px no-repeat;
	padding-right:11px;
	white-space:nowrap;
	display:inline-block;
}
.scroll-pane .p1 a, .scroll-pane .p1 a:hover {
	background-position:right 6px;
}
.scroll-pane a:hover, .content_out a:hover {
	background:url(../../images/icon_arrow_right_blue_small.gif) right 6px no-repeat;
}
.jScrollPaneContainer {
	font-weight:bold;
}
.content_out:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.wrap_main a:hover {
	color:#444444;
}
#content h3 a {
	background:none;
	margin:0;
	padding:0;
}
#content li {
	background:url(../../images/li.gif) 0 4px no-repeat;
	padding-left:19px;
}
/*	#content li a {background:none; padding:0;}	*/
.ce_toplink {
	margin:5px 0 11px 0;
}
.scroll-pane {
	font-size:12px;
	line-height:18px;
	;
}
.scroll-pane .table1 {
	margin:18px 0 2px;
}
.table1 td .image_container {
	margin-right:10px;
}
.scroll-pane h1, .scroll-pane h2 {
	margin:0 0 0px;
}
.wrap_main .p1 {
	font-size:12px;
	line-height:18px;
	padding-left:1px;
}
.wrap_main .p1 p {
	padding-top:1px;
	padding-bottom:11px;
}
.wrap_main .p1 ul {
	padding-top:1px;
}
.wrap_main .p1 table {
	margin-bottom:11px;
}
.wrap_main .p1 td ul {
	margin:0;
	padding:0;
}
.scroll-pane h1 img {
	margin-bottom:1px;
}
.scroll-pane h2 img {
	display:block;
	margin-bottom:2px;
}
.scroll-pane h3 {
	padding:0 0 0;
	zoom:1;
}
.scroll-pane h4 {
	padding:0;
	zoom:1;
}
.scroll-pane p {
	padding-top:0px;
	padding-bottom:11px;
}
.scroll-pane ul {
	padding-top:1px;
	padding-bottom:11px;
}
.scroll-pane .p1 {
	font-size:12px;
	line-height:18px;
	padding-left:1px;
	overflow:hidden;
}
.scroll-pane .p1 p {
	padding-top:1px;
	padding-bottom:11px;
}
.scroll-pane .p1 ul {
	padding-top:1px;
}
#content .p1 li {
	background-position:0 5px;
}
.scroll-pane .p1 table {
	margin-bottom:11px;
}
.scroll-pane .p1 td ul {
	margin:0;
	padding:0;
}
.wrap_main .scroll-pane td p {
	margin:0;
	padding:0 0 0 1px;
}
.wrap_main .scroll-pane td ul {
	margin:0;
	padding:0;
}
input.text {
	font-weight:bold;
	color:#6f8b98;
	background:#d8e7ed;
	border:0;
	padding:2px 0 2px 4px;
}
#content .ce_toplink {
	font-size:11px;
	font-weight:normal;
	background:url(../../images/linkbg.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
	zoom:1;
}
#content .ce_toplink a {
	color:#d8e7ed;
	background:url(../../images/linkbg.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:1px 9px 3px 0;
	float:left;
}
#content .ce_hyperlink, .scroll-pane .link {
	font-size:11px;
	font-weight:normal;
	background:url(../../images/linkbg.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
	zoom:1;
}
#content .ce_hyperlink a, .scroll-pane .link a, .scroll-pane .link a:hover {
	color:#d8e7ed;
	background:url(../../images/linkbg.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:1px 9px 3px 0;
	float:left;
}
.scroll-pane .link p {
	margin:0;
	padding:0;
}
.back {
	clear:both;
	overflow:hidden;
	margin:19px 0 0 0;
}
.back a, .back a:hover {
	font-weight:bold;
	color:#ffffff;
	background:#444444 url(../../images/icon_arrow_left_grey.gif) 10px 6px no-repeat;
	padding:1px 10px 2px 20px;
	display:block;
	float:left;
}
.wrap_main a.back, .wrap_main a.back:hover {
	font-weight:bold;
	color:#ffffff;
	background:#444444 url(../../images/icon_arrow_left_grey.gif) 10px 8px no-repeat;
	padding:2px 10px 3px 20px;
}
.table table td a, .table table td a:hover {
	background:none;
	margin:0;
	padding:0;
}
.table_3col {
	width:480px;
	background:#A1C2D1;
}
.table_3col th, .table_3col td, .table table th, .table table td {
	border:2px solid #87AFC1;
	padding:1px 3px 1px 5px;
}
.table_3col th {
	color:#ffffff;
	background:#444444;
}
.table_3col td.trow_one, .table_3col td.trow_three {
	width:172px;
}
.table_3col td.trow_two {
	width:112px;
}
.table_3col td.trow_three {
	color:#444444;
}
.table_3col td a {
	background:url(../../images/icon_1.gif) right 4px no-repeat;
}
.table_3col td a:hover {
	background:url(../../images/icon_1hover.gif) right 4px no-repeat;
}
/*		Public	 end      */
.path {
	font-weight:bold;
	clear:both;
	overflow:hidden;
	margin-top:2px;
	margin-bottom:20px;
}
.path a {
	color:#ffffff;
	margin-right:6px;
	padding-right:12px;
}
.path a:hover, .path a.active {
	color:#444444;
}
.path a.active {
	background:url(../../images/icon_arrow_right_blue_small.gif) right 6px no-repeat;
}
.path a span {
	padding:0;
}
.path span {
	padding:0 10px 0 5px;
}
.wrap_main {
	clear:both;
	color:#444444;
	background-color:#87afc1;
	/*background-color:rgba(135,175,193,0.8);*/
	
	width:auto;
	padding:10px 0 20px 10px;
	position:relative;
}
/* ideen  and  .contentPage  and News  */
.contentPage, .ideanPage {
	width:auto;
	margin:0 0 20px 0;
	position:relative;
}
.ideanPage {
	margin-left:131px;
}
.contentPage .wrap_main, .ideanPage .wrap_main, .press .wrap_main {
	width:550px;
	padding-bottom:0;
}
.contentPage .scroll-pane, .ideanPage .scroll-pane {
	width:506px;
	padding-left:10px;
	padding-right:24px;
}   /* 滚动内容宽是根据这个来控制  */
.post {
	clear:both;
	margin-bottom:23px;
}
.post h1 {
	margin:0;
	padding:0;
}
.post h1 a, .post h1 a:hover {
	background:none;
	white-space:normal
}
.post .isinfo {
	font-size:11px;
	font-weight:bold;
	margin:1px 0 11px;
	padding:0;
}
.post .post_content {
	font-size:12px;
	line-height:18px;
}
.post .post_content p {
	padding:0;
}
.post .isinfo a, .bookmark_tools a {
	color:#ffffff;
	background-image:url(../../images/icon_arrow_right_blue_small_hover.gif);
	padding-right:12px;
	margin-right:6px;
	background-position:100% 5px;
}
.post .isinfo a {
	background-position:100% 5px;
}
.post .isinfo a:hover {
	color:#444444;
	background-image:url(../../images/icon_arrow_right_blue_small.gif);
	background-position:100% 5px;
}
.post .isinfo a.active {
	color:#444444;
	background-image:url(../../images/icon_arrow_right_blue_small.gif);
	background-position:100% 5px;
}
.bookmark_tools a {
	background-image:url(../../images/icon_arrow_right_blue_hover.gif);
}
.bookmark_tools a:hover {
	background-image:url(../../images/icon_arrow_right_blue.gif);
}
.post .bookmark_tools {
	font-size:12px;
	font-weight:bold;
	color:#444444;
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
}
#content .bookmark_tools a {
	background-position:100% 5px;
	margin-right:6px;
	display:inline-block;
	position:relative;
}
#content .bookmark_tools a span {
	display:none;
	position:absolute;
	left:-999em;
}
#content .bookmark_tools .favorite {
	vertical-align:bottom;
	background:url(../../images/icon_favourite_listing_blue.gif) left top no-repeat;
	width:0px;
	height:12px;
	margin:0 4px 0 11px;
	padding:0 0 0 15px;
}
#content .bookmark_tools .adddig {
	vertical-align:bottom;
	background:url(../../images/icon_mediaman_listing_blue.gif) left top no-repeat;
	width:0px;
	height:12px;
	margin:0 4px 0 0;
	padding:0 0 0 17px;
	clear:both;
}
/*       PROJECT                 */
#listStyle {
	clear:both;
	overflow:hidden;
	margin:0 0 27px 0;
	padding:0;
	display:inline-block;
}
#listStyle li {
	float:left;
}
#listStyle span {
	display:none;
}
#listStyle a {
	display:block;
	float:left;
	width:40px;
	height:19px;
	margin-right:2px;
}
.liststyle_single {
	background:url(../../images/icon_liststyle_single.gif) left top no-repeat;
}
.liststyle_list {
	background:url(../../images/icon_liststyle_list.gif) left top no-repeat;
}
.liststyle_gallery {
	background:url(../../images/icon_liststyle_gallery.gif) left top no-repeat;
}
#listStyle a.active, #listStyle a:hover, #listStyle li.trail a.trail {
	background-position:0 -31px;
}
#listStyle {
	position:absolute;
	z-index:31;
}
/*  cases_gallery  */
.cases_gallery {
	clear:both;
	margin:0 10px 0 13px;
	zoom:1;
}
.cases_gallery ul {
	clear:both;
}
.cases_gallery li {
	background:#ffffff;
	float:left;
	width:74px;
	height:54px;
	margin:0 9px 9px 0;
	padding:3px;
}
.cases_gallery li img {
	width:74px;
	height:54px;
}
.project {
	margin:0 0 20px 66px;
	position:relative; /* width:900px; */
}
.project .wrap_main {
	padding-bottom:0;
}
.project .scroll-pane {
	width:896px;
}   /* 滚动内容宽是根据这个来控制  */
.case_study {
	margin:0 0 0px 0;
	position:relative;
}
.case_study .wrap_main {
}
.case_study .content_out {
	background:#7ea3b3;
	margin:46px 20px 0 10px;
	padding:45px 0 0 20px;
	position:relative;
	clear:both;
}
.case_study .back {
	clear:both;
	position:absolute;
	top:0;
	left:0;
}
.case_study .scroll-pane {
}   /* 滚动内容宽是根据这个来控制  */
#cases_article {
	width:430px;
	float:left;
}
#cases_drawing {
	width:343px;
	float:right;
	overflow:hidden;
	margin-right:20px;
}
#cases_drawing a {
	background:none;
	margin:0;
	padding:0;
}
#cases_drawing img {
	display:block;
	margin-bottom:6px;
}
/*  列表形式 */
.listStyle .jScrollPaneContainer {
	margin:0 0 20px;
}
/* .listStyle h2 {margin-top:20px;} */
#project {
	clear:both;
	margin:0 0 20px;
}
.project #project_listing {
	margin-top:46px;
	margin-left:10px;
}
.project #project_listing h1 {
	margin-bottom:15px;
}
.project .projectsorter {
	font-weight:bold;
	color:#ffffff; /* width:849px;*/
	width:auto;
}
.project th, .project td {
	border-right:2px solid #88aec1;
	padding:1px 0 1px 6px;
}
.project .projectsorter th {
	cursor:pointer;
}
.project .projectsorter th#col_project {
	cursor:default;
}
.project .projectsorter th.col_six {
	cursor:default;
}
.project th {
	color:#efefef;
	background:#444444;
}
.projectsorter td a, .projectsorter td a:hover {
	background:none;
	padding:0;
}
.project .col_one {
	width:180px;
}
.project .col_two {
	width:280px;
}
.project .col_three {
	width:180px;
}
.project .col_four {
	width:196px;
}
.project .col_five {
	width:77px;
}
.project .col_six {
	width:16px;
}
.projectsorter tr th.headerSortUp {
	background:#6f8b97 url(../../images/asc.gif) right 6px no-repeat;
}
.projectsorter tr th.headerSortDown {
	background:#6f8b97 url(../../images/desc.gif) right 6px no-repeat;
}
.projectsorter tr .headerSortDown, .tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
.project th.col_six {
	background:#6f8b97;
}
.project .odd {
	background:#a1c2d1;
}
.project .even {
	background:#87afc1;
}
#content .btn_add, #content .btn_add:hover {
	background:url(../../images/icon_add_light_blue.gif) 0 2px no-repeat;
	display:block;
	width:14px;
	height:16px;
	margin:0 0 0 -2px;
	padding:0;
}
#content .even .btn_add {
	background:url(../../images/icon_add_blue.gif) 0 2px no-repeat;
}
.btn_add span {
	display:none;
}
.caseslists tr.odd td {
	background:#a1c2d1;
}
.caseslists col.two_col {
	color:#000;
	text-align:center;
	font-size:15px;
	background:#c00;
}
.cases_summary, td.cases_summary a {
	color:#444444;
}
td.cases_summary a:hover {
	color:#ffffff;
}
.project .wrap_main_project {/* height:502px; */
}
.project .wrap_main_project .scroll-pane { /* height:502px; */
}   /* 滚动内容宽是根据这个来控制  */
#project_summary {
	width:215px;
	margin-top:46px;
	padding-left:20px;
	float:left;
}
#project_summary h2 {
	padding-bottom:23px;
}
#project_gallery {
	width:650px;
	float:right;
	position:relative;
	text-align:center;
}
#project_gallery a {
	margin:0;
	padding:0;
	background:none;
}
/*
#project_gallery .project_next,#project_gallery .project_next:hover { background:url(../../images/next_big.gif) left top no-repeat; width:16px; height:44px; margin:0; position:absolute; right:10px; top:155px; z-index:21;}
#project_gallery .project_prev,#project_gallery .project_prev:hover { background:url(../../images/prev_big.gif) left top no-repeat; width:16px; height:44px; padding:0; float:right; display:inline; margin-top:155px; margin-right:10px; }
	.project_next span,.project_prev span {display:none;}
*/
	#project_siteshot {
	float:right;
	display:inline;
	margin-right:15px;
	width:auto!important;
	width:100px;
	min-width:100px;
	padding-bottom:1px;
}
#project_gallery #project_siteshot a {
	margin:0;
	padding-right:0;
	overflow:hidden;
	display:inline;
}
.link_jobsurl {
	overflow:hidden;
	position:absolute;
	bottom:-53px;
	left:-10px;
}
.link_jobsurl a, .link_jobsurl a:hover {
	overflow:hidden;
	clear:both;
	color:#000000;
	background:url(../../images/job_btn.gif) left top no-repeat;
	margin-top:10px;
	float:left;
	zoom:1;
}
.link_jobsurl a span {
	color:#ffffff;
	background:url(../../images/job_btn.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:2px 9px 3px 0;
	float:left;
}
.widget_bar {
	background:#d8e7ed;
	width:200px;
	padding-bottom:10px;
	position:absolute;
	bottom:35px;
	z-index:900;
}
.widget_bar, .off {
	display:none;
}
.on {
	display:block;
	z-index:999;
}
.ontop {
	display:block;
	z-index:1001;
}
.widget_bar h2 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	height:26px;
	margin:0;
	padding:2px 0 0 40px;
	position:relative;
}
.widget_bar h3 {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
}
.widget_bar .close {
	background:url(../../images/ico_close.gif) 4px 4px no-repeat;
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:3px;
	right:3px;
}
.widget_bar .close span {
	display:none;
}
.widget_bar a {
	font-weight:bold;
	color:#444444;
}
.widget_bar .widget_item_info {
	background:#F8FAFB;
	margin:10px 10px 0;
	padding:0 0 10px;
	overflow:hidden;
}
.widget_bar .widget_item_info #linkTextContent {
	color:#87AFC1;
	border:none;
	background:transparent;
	width:160px;
	height:auto;
	overflow:visible;
}
.widget_bar .widget_item {
	margin:10px 10px 0;
	overflow:hidden;
}
.widget_bar .widget_item li {
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0 0 0 20px;
	float:none;
	position:relative;
	overflow:hidden;
	zoom:1;
}
.widget_bar .widget_item li.odd {
	background-color:#f8fafb;
}
.widget_bar .widget_item a {
	width:auto;
	height:auto;
	background:none;
}
.widget_bar .widget_item a.delIcon {
	background:url(../../images/icon_minus.gif) 0 0 no-repeat;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	position:absolute;
	left:1px;
	top:2px;
}
.widget_bar .widget_item a.delIcon span {
	display:none;
}
.widget_bar .link {
	margin:0 10px 0 0;
	padding:0;
}
.widget_bar .link a {
	font-size:11px;
	font-weight:normal;
	overflow:hidden;
	clear:both;
	background:url(../../images/linkbg2.gif) left top no-repeat;
	margin:10px 0 0;
	padding:0;
	float:right;
	zoom:1;
}
.widget_bar .link span {
	color:#d8e7ed;
	background:url(../../images/linkbg2.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:1px 9px 3px 0;
	float:left;
}
#widget_favoriten {
	left:20px;
}
#widget_mediaman {
	left:60px;
}
.case_study #widget_favoriten {
	left:40px;
}
.case_study #widget_mediaman {
	left:80px;
}
#widget_favoriten h2 {
	text-indent:-999em;
	background:#444444 url(../../images/favoriten_bg.gif) 10px 0 no-repeat;
}
#widget_mediaman h2 {
	text-indent:-999em;
	background:#444444 url(../../images/mediamanit_bg.gif) 10px 0 no-repeat;
}
#widget_mediaman h3 {
	color:#ffffff;
	height:18px;
	background:#87afc1;
	padding:0 0 0 10px;
	overflow:hidden;
}
#widget_mediaman li {
	background-color:#ffffff;
	width:70px;
	float:left;
}
#widget_mediaman li.odd {
	background-color:#d8e7ed;
}
.widget_bar .widget_item .add_google {
	background:url(../../images/ico_google.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_mrwong {
	background:url(../../images/ico_mrwong.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_netvibes {
	background:url(../../images/ico_netvibes.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_delicious {
	background:url(../../images/ico_delicious.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_digg {
	background:url(../../images/ico_digg.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_facebook {
	background:url(../../images/ico_facebook.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_yahoo {
	background:url(../../images/ico_yahoo.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_twitter {
	background:url(../../images/ico_twitter.gif) 0 1px no-repeat;
}
.widget_bar .widget_item .add_yigg {
	background:url(../../images/ico_yigg.gif) 0 1px no-repeat;
}
#widget_mediaman .ce_text {
	color:#87afc1;
	background:#f8fafb;
	padding:4px 10px 0;
}
#widget_mediaman .link {
	margin-top:7px;
	margin-right:10px;
	overflow:hidden;
	zoom:1;
}
#widget_mediaman .link a {
	font-size:11px;
	font-weight:normal;
	background-image:url(../../images/linkbg4.gif);
}
#widget_mediaman .link span {
	background-image:url(../../images/linkbg4.gif);
}
/*  idea  */
.idea {
	width:567px;
	margin:0 0 20px 223px;
	position:relative;
}
.idea .wrap_main {/* width:530px; */
	width:548px;
	padding:20px 0 0 20px;
}
.idea .scroll-pane {
	padding-right:24px;
}
.idea .job_deparment {
	padding-right:2px;
}
/*  Jobs  */
.jobs {
	width:567px;
	margin:0 0 20px 274px;
	position:relative;
}
.jobs .wrap_main {/* width:530px; */
	width:548px;
	padding:20px 0 0 20px;
}
.jobs .scroll-pane {
	padding-right:24px;
}
.jobs .job_deparment {
	padding-right:2px;
}
.introtable {
	width:425px;
	margin:13px 0 20px;
}
.introtable th, .introtable td {
	border-right:2px solid #87afc1;
	padding:1px 0 2px 6px;
}
.introtable th {
	color:#ffffff;
	background:#444444;
}
.introtable .odd {
	background:#a1c2d1;
}
.introtable .even {
	background:#87afc1
}
.introtable td {
	color:#444444;
}
.introtable .client_name {
	font-size:12px;
	color:#ffffff;
}
.toolabar_app {
	font-size:11px;
	font-weight:normal;
	background:url(../../images/linkbg.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
	zoom:1;
	margin:6px 0 0;
}
.toolabar_app a, .toolabar_app a:hover {
	color:#d8e7ed;
	background:url(../../images/linkbg.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:1px 10px 3px 0;
	float:left;
}
/* jobs work info */

.jobs_text .job_des {
	margin-top:12px;
}
.jobs_text .job_des h4 {
	margin-top:13px;
	margin-bottom:3px;
}
.jobs_text .job_des p {
	font-size:12px;
	line-height:18px;
	padding-top:1px;
}
/*  form */
textarea#comment, .textarea {
	font-weight:bold;
	color:#6f8b98;
	background:#d8e7ed;
	border:0;
	width:336px;
	height:100px;
	margin:0px 0 0 0;
	padding:0px 0 0 4px;
	overflow:visible;
}
.selectform {
	width:340px;
	height:20px;
	margin-bottom:5px;
}
.applicationform input.text, .contact input.text {
	background:#d8e7ed;
	line-height:14px;
	border:0;
	width:241px;
	padding:2px 0 2px 4px;
	float:left;
}
.applicationform .optional label, .contactform .optional label, .contactform .checktopic label {
	width:94px;
	margin:0;
	padding:1px 0 0 1px;
	display:block;
	float:left;
	overflow:hidden;
}
.applicationform .submit, .contactform .submit, .comment_form .submit {
	font-size:11px;
	font-weight:normal;
	background:url(../../images/linkbg.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
	margin:19px 0 14px;
	zoom:1;
}
.applicationform .submit input, .contactform .submit input, .comment_form .submit input {
	font-weight:normal;
	border:0;
	color:#d8e7ed;
	background:transparent url(../../images/linkbg.gif) 100% -30px no-repeat;
	margin:0 0 0 9px;
	padding:1px 9px 3px 0;
	float:left;
	_width: 0;
	overflow:visible;
}
.ce_mmform .comments label {
	display:none;
}
.applicationform {
	width:350px;
	margin:13px 0 0 0;
	padding-left:1px;
}
.applicationform p {
	overflow:hidden;
}
.applicationform p.optional {
	clear:both;
	display:block;
	margin:0 0 2px;
	padding:0;
}
.applicationform p.optional1 {
	margin-bottom:1px;
	position:relative;
}
.applicationform .optional1 label, .contactform .validation label {
	width:auto;
	float:none;
	position:relative;
	zoom:1;
}
.applicationform .optional1 .text {
	width:336px;
}
.applicationform .back, .applicationform .back:hover {
	background:url(../../images/icon_arrow_left_blue_small.gif) 0 4px no-repeat;
	padding-left:11px;
	float:left;
	clear:both;
}
.applicationform a.back, .applicationform a.back:hover {
	font-size:11px;
	font-weight:normal;
	background:transparent url(../../images/linkbg.gif) left top no-repeat;
	overflow:hidden;
	clear:both;
	margin:0;
	padding:0 0 0 9px;
	zoom:1;
}
.applicationform a.back span, .applicationform a.back span {
	color:#d8e7ed;
	background:transparent url(../../images/linkbg.gif) 100% -30px no-repeat;
	margin:0 0 0 0;
	padding:1px 9px 3px 0;
	float:left;
}
/*
#content .ce_hyperlink,.scroll-pane .link {background:url(../../images/linkbg.gif) left top no-repeat;  overflow:hidden;  clear:both; zoom:1; }
#content .ce_hyperlink a,.scroll-pane .link a,.scroll-pane .link a:hover {color:#ffffff; background:url(../../images/linkbg.gif) 100% -30px no-repeat;  
margin:0 0 0 9px; padding:2px 9px 3px 0; float:left;}
*/

.applicationform .upload {
	font-size:12px;
	height:21px;
	cursor:pointer;
}
.applicationform input.file {
	color:#6F8B98;
	background:#d8e7ed;
	height:18px;
	border:0;
	margin-top:2px;
	margin-right:6px;
}
.applicationform .noerror div {
	cursor:pointer;
}
.contactform {/* width:365px; */
	margin-top:20px;
	padding-left:1px;
}
.contactform h3 {
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:15px;
}
.contactform p.optional {
	clear:both;
	margin:0 0 2px;
	padding:0; /* overflow:hidden; */
	position:relative;
	zoom:1;
}
.contactform .checktopic {
	margin-bottom:3px;
	padding-bottom:0;
	overflow:hidden;
}
.contactform .checktopic label {
	width:170px;
	padding-bottom:1px;
	display:block;
	vertical-align: middle;
}
.contactform .checktopic input {
	vertical-align:middle;
*margin-top:-3px;
	margin-right:4px;
*margin-left:-4px;
	vertical-align: text-top;
}
.contactform .selecttitle, .selectindustry {
	width:245px;
	height:20px;
	float:left;
	clear:right;
}
.contactform .notice {
	clear:both;
	margin-top:14px;
}
.contactform .validation img {
	height:18px;
	vertical-align:middle;
}
#ctrl_7 {
	margin-right:4px;
}
.validation_img {
	clear:left;
	float:left;
}
.ce_mmform .noerror label.error {
	display:none;
	background:none;
	margin-left:-999em;
}
.contactform .textarea {
	float:left;
}
.contactform input.text {
	width:336px;
}
.contactform input.validation {
	float:none;
	vertical-align:middle;
	margin-left:2px;
	width:250px;
}
.ce_mmform label.error, .comment_form label.error {
	color:#ffffff;
	width:175px;
	position:absolute;
	left:335px;
	z-index:31;
}
/* .ce_mmform p.validation label.error {bottom:-18px;} */
.contact .contactform p.validation label.error {
	top:36px;
*top:38px;
}
.contact .contactform p.validation label.validateSuccess {
	bottom:-2px;
}
.applicationform label.error {
	width:190px;
}
.comment_form label.error {
	left:490px;
}
.contentPage .comment_form .newscommentsname label.error {
	left:310px;
}
.ce_mmform label.error, .comment_form label.error {
	background:url(../../images/ico_error.gif) 0 6px no-repeat;
}
.ce_mmform label.error span, .comment_form label.error span {
	background:#f8a323;
	margin-left:6px;
	display:block;
	padding:0 3px 0 5px;
}
.ce_mmform label.validateSuccess, .comment_form label.validateSuccess {
	background:url(../../images/ico_ok.gif) left top no-repeat;
	height:20px;
	margin-left:7px;
	width:30px;
}
.ce_mmform textarea#comment {
	float:left;
}
/* update: 2009-3-3 
.contactform .optional label {display:none; }  */

/* group comments */
#comments {
	margin-top:11px;
}
#comments h2, #comment_form h2 {
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	margin:0 0 9px 0;
	padding:0;
}
#comments h4 {
	font-size:11px;
	font-weight:bold;
	color:#444444;
	margin:0;
	padding:0;
}
#comments h4 a {
	display:none;
}
#comments h4 span {
	color:#ffffff;
}
#comments li {
	background:none;
	margin:0;
	padding:0;
}
#comments li p {
	padding-top:0;
}
/* news comment form */
.comment_form {
	margin-top:11px;
}
.comment_form h2 {
	font-size:20px;
	line-height:24px;
	margin:0 0 12px 0;
	padding:0;
}
.comment_form p {
	overflow:hidden;
}
.comment_form p.optional {
	clear:both;
	display:block;
	margin:0 0 2px;
	padding:0; /* overflow:hidden; */
}
.comment_form .textarea {
	width:480px;
}
.comment_form input.text {
	width:300px;
}
.comment_form span.mandatory {
	display:none;
}
label.comment {
	display:none;
	margin:0;
	padding:0;
}
.contact {
	margin:0 0 20px 274px;
	position:relative;
}
.contact .wrap_main {
	width:530px;
	padding:17px 0 0 20px;
}
.contact .scroll-pane {
	padding-right:24px;
}
/* side  */
.side h3 {
	font-size:16px;
	line-height:16px;
	margin:0;
	padding:0;
	background:none;
}
#videoplayer {
	color:#90a6b1;
	background:#d8e7ee;
	width:270px;
	padding:0 0 8px 10px;
	position:absolute;
	bottom:0;
	left:550px;
}
#videoplayer h3 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-indent:-999em;
	background:url(../../images/videoplay_titlebg.gif) #444444 9px 0 no-repeat;
	height:23px;
	margin:0 0 10px -10px;
	padding:4px 0 0 40px;
}
#videoplayer .ce_text .ce_text {
	padding:3px 10px 0 0;
}
.contact .side .mod_contentbox {
	display:inline;
	font-weight:bold;
	color:#6f8b98;
	background:#d8e7ee;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:550px;
}
.contact .side .ce_text .ce_text {
	margin:0;
	padding:0 0 0 0;
	left:auto;
}
.contact .side h2 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-indent:-999em;
	background:url(../../images/contactbar_titlebg.gif) #444444 0 0 no-repeat;
	width:190px;
	height:23px;
	padding:5px 0 0 10px;
	position:absolute;
	top:0;
	left:0;
}
.contact .side a {
	zoom:1;
	color:#444444;
	background:url(../../images/ico_triangle_side.gif) 100% center no-repeat;
	padding-right:10px;
}
.contact .side a:hover {
	color:#444444;
}
.contact .side .ce_text .contact_summary {
	line-height:12px;
	width:auto;
	padding:26px 4px 11px 10px;
	position:relative;
	overflow:hidden;
}
.contact .side h3 {
	font-size:11px;
	font-weight:bold;
	color:#6f8b98;
	position:absolute;
	top:6px;
	left:10px;
}
.contact .side .image_container {
	width:95px;
	float:left;
	margin-top:2px;
}
.contact .side .ce_text .contact_summary ul {
	margin-bottom:13px;
}
.contact .side .ce_text .rssadd {
	clear:both;
	float:none;
	width:100%;
	margin:0;
	padding:5px 0 0 0;
	overflow:hidden;
}
.contact .side .ce_text .rssadd a {
	background:url(../../images/icon_rss.gif) 0 0 no-repeat;
	padding-left:15px;
}
/*
.contact .side .ce_text {font-weight:bold; color:#90a6b1; background:#d8e7ee; width:200px;margin:0;padding:28px 0 0 0;position:absolute; bottom:0; left:550px;}
.contact .side .ce_text .ce_text {margin:0; padding:0 0 0 0;left:auto;}
.contact .side h2 {font-size:12px; font-weight:bold; color:#ffffff; text-indent:-999em; background:url(../../images/contactbar_titlebg.gif) #444444 10px 0 no-repeat; width:190px; height:23px; padding:5px 0 0 10px; position:absolute; top:0; left:0; }
.contact .side a {zoom:1; color:#444444; background:url(../../images/ico_triangle.gif) 100% 4px no-repeat; padding-right:10px;}
.contact .side a:hover{color:#ffffff;}
.contact .side .contact_summary {width:auto;padding:28px 10px 6px 10px; position:relative;}
.contact .side h3 {position:absolute; top:6px; left:10px;}
.contact .side .image_container {width:95px; float:left;}
.contact .side .ce_text .ce_text .ce_text {float:right; width:85px;left:auto;}
.contact .side .rssadd {clear:both; float:none; width:100%; margin:0; padding:5px 0 0 0; overflow:hidden;}
.contact .side .rssadd a {background:url(../images/icon_rss.gif) 0 0 no-repeat; padding-left:15px; }
*/

.toolbar {
	position:absolute;
	bottom:0;
	width:510px;
}
.jobs .wrap_main, .contentPage .wrap_main, .contentPage .wrap_main, .contact .wrap_main, .project .wrap_main, .press .wrap_main {
	height:auto!important;
	min-height:405px;
	height:405px;
	padding-bottom:60px;
}
.project .wrap_main {
	padding-bottom:20px;
}
.project #project_listing {
	padding-bottom:40px;
}
.project .wrap_main .toolbar {
	width:866px;
}
.jobs .wrap_main .toolbar {
	width:528px;
}
.contentPage .wrap_main .toolbar {
	width:510px;
}
/* update:2009-11-26 */
.scroll-pane .projectsorter a {
	white-space:normal;
}
.project .scroll-pane1 {
	position:relative;
	z-index:30;
}
.project .toolbar {
	z-index:30;
}
#project_gallery {
	z-index:101;
	padding-bottom:10px;
}
#main-column {
	margin-bottom:20px;
	padding-bottom:0;
	z-index:101;
}
.project #content {
	position:relative;
	z-index:30;
}
.project .toolbar {
	z-index:29;
}
#project_gallery .project_prev, #project_gallery .project_prev:hover {
}
#project_gallery .project_prev, #project_gallery .project_next {
	text-indent:-999em;
	display:block;
	width:104px;
	height:19px;
	margin:0;
	position:absolute;
	bottom:-29px;
	z-index:101;
}
#project_gallery .project_prev {
	background:url(../../images/button_previous_active.png) 0 0 no-repeat;
	right:142px;
}
#project_gallery .project_prev:hover {
	background:url(../../images/button_previous_mouseover.png) 0 0 no-repeat;
}
#project_gallery .project_next {
	background:url(../../images/button_next_active.png) 0 0 no-repeat;
	right:36px;
}
#project_gallery .project_next:hover {
	background:url(../../images/button_next_mouseover.png) 0 0 no-repeat;
}
#project_gallery .note_bar {
	background:url(../../images/bar_clickimage.gif) 0 0 no-repeat;
	width:604px;
	height:26px;
	overflow:hidden;
	position:relative;
	top:-26px;
}
#project_gallery #project_siteshot a img {
	vertical-align:top;
}
#project_gallery #project_siteshot .note_bar a {
	text-indent:-999em;
	display:block;
	width:160px;
	height:22px;
	margin:4px 0 0 6px;
	overflow:hidden;
}
.scroll-pane .backoverview {
	text-indent:-999em;
	background:url(../../images/Button_news_back_active.png) 0 0 no-repeat;
	display:block;
	width:139px;
	height:21px;
	margin:8px 0 0 0;
	overflow:hidden;
}
.scroll-pane .backoverview:hover {
	background:url(../../images/Button_news_back_mouseover.png) 0 0 no-repeat;
}
.contact #contactbar h2 {
	background:url(../../images/contactteaser_bar.gif) #444444 no-repeat scroll 10px 0;
}
.contact #contactbar .contact_summary {
	padding-right:4px;
}
#contactbar h2 {
	background:#444444 url(../../images/contactteaser_bar.gif) no-repeat scroll 10px 0;
	color:#FFFFFF;
	font-size:12px;
	height:23px;
	padding:5px 0 0 10px;
	text-indent:-999em;
}
.slimbox {
	width:718px;
	height:470px;
	position:absolute;
	z-index:999;
}
.slimbox .place {
	width:718px;
	height:470px;
	position:absolute;
	left:0;
	top:0;
}
.slimbox .place img {
}
.slimbox .place .icon_overview, .slimbox .place .icon_overview:hover {
	background:url(../../images/icon_arrow_grey.png) 0 0 no-repeat;
	_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_arrow_grey.png', sizingMethod='image');
	text-indent:-999em;
	width:26px;
	height:25px;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	bottom:18px;
	z-index:911;
	overflow:hdiden;
}
#fancy_wrap #fancy_close, #fancy_wrap #fancy_close:hover {
	text-indent:-999em;
	background:url(../../images/icon_close.gif) 0 0 no-repeat;
	width:19px;
	height:18px;
	margin:0;
	padding:0;
	position:absolute;
	top:-15px;
	left:709px;
	z-index:999;
	overflow:hdiden;
}
.slimbox h1 {
	margin-bottom:12px;
}
.slimbox p {
	margin:0;
	padding:0;
}
.slimbox .more {
	text-indent:-999em;
	background:url(../../images/Button_more_active.png) 0 0 no-repeat;
	display:block;
	width:139px;
	height:21px;
	margin:8px 0 0 0;
	overflow:hidden;
}
.slimbox .more:hover {
	background:url(../../images/Button_more_mouseover.png) 0 0 no-repeat;
}
.slimbox #place2 {
	display:none;
	background:#87AFC1;
	padding:16px 16px 16px 16px;
	width:572px;
	height:438px;
}
.slimbox #place1 {
	background:#87AFC1;
}
.slimbox #place1 .place_txt {
	float:left;
	display:inline;
	width:282px;
	padding:27px;
}
.slimbox #place1 .place_img {
	float:left;
	display:inline;
	width:353px;
	padding-top:82px;
}
.slimbox #place1 .place_img img {
	width:353px;
}
#fancy_inner {/*background:transparent;*/
}
#content #product_gallery:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content #product_gallery {
	margin-top:46px;
	margin-left:42px;
	margin-bottom:20px;
	position:relative;
	z-index:33;
}
#content .thumb li {
	background:none;
	padding:0;
}
#content ul.thumb {
	width: 860px;
	margin:0;
	position:relative;
	z-index:33;
	overflow:hidden;
}
#content ul.thumb li {
	margin:0;
	padding:0 24px 20px 0;
	float:left;
	z-index:33;
}
#content ul.thumb li img {
	background:#fff;
}
#content ul.thumb li a {
	background:none;
	padding:0;
}
#header .quick {
	font-weight:bold;
	text-align:right;
	position:absolute;
	top:9px;
	right:0;
	z-index:11;
	zoom:1;
	width:250px;
}
#header .quick a, #header .quick a:hover {
	color:#ffffff;
}
#header .quick .lang {
	font-family:Tahoma;
	font-size:12px;
	line-height:14px;
	background:url(../../images/icon_line_drop.gif) right top repeat-y;
	position:static;
	float:right;
	height:14px;
	margin-top:4px;
	margin-right:16px;
}
#header .quick .lang a {
	text-indent:-999em;
	background:url(../../images/lang_zh.png) left top repeat-y;
	_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lang_zh.png', sizingMethod='image');
	text-align:left;
	float:left;
	width:22px;
	height:11px;
	margin-right:16px;
	overflow:hidden;
}
#header .quick h1 {
	padding-right:20px;
	float:right;
	position:static;
}
/*
#header h1 a{ font-size:11px; font-weight:bold; text-align:right; color:#e9f0f3; line-height:24px; display:block; overflow:hidden;padding-right:36px;}
#home #header h1 a span {width:36px; height:20px; display:block; position:absolute; right:0; top:0; overflow:hidden;
	background:url(../../images/icon_theme_en.png) right center no-repeat;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_theme_en.png', sizingMethod='image');
}
#home #header h1 a span {width:29px; display:block; }

#header h1 a b {padding-top:2px;}
#home #header h1 {padding:0;}
*/

/* Service page */
.servicesPage {
	margin-left:147px;
}
.servicesPage .wrap_main {
	width:530px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
}
.servicesPage .wrap_main .toolbar {
	width:530px;
}
.servicesPage .toolbar {
	margin-left:-20px;
}
/*press page*/
.press {
	margin-left:223px;
}
.press .wrap_main {
}
/*2010 0422update*/
.contact .side .mod_contentbox .contactbar {
	width:200px;
	margin-top:28px;
}
#content .image_container {
}
.scroll-pane .p1, .scroll-pane h2 {
	padding-left:0;
	margin-left:20px;
	margin-right:24px;
}
.wrap_main {
	padding-left:0;
	padding-right:0;
}
.sub_nav, #content .ce_headline {
	margin-left:10px;
}
.contentPage .scroll-pane, .ideanPage .scroll-pane {
	width:550px;
	padding-left:0;
	padding-right:0;
}
.servicesPage .wrap_main {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
.toolbar {
	padding:10px 24px 10px 20px;
	margin-left:0;
}
.servicesPage .toolbar, .jobs .toolbar, .contact .toolbar {
	margin-left:0;
}
.path {
	margin-left:20px;
	margin-right:14px;
	margin-bottom:8px;
}
#nav li.nav04 {
	width:52px;
}
.contact {
	margin-left:275px;
}
.contact .wrap_main {
	width:550px;
	padding-left:0;
}
.contact .ce_mmform {
	margin-left:10px;
}
.contact .contactform p.validation label.error {
	top:20px;
}
.ce_mmform textarea#comment {
	overflow-y:visible;
}
#content .ce_headline, .contact .ce_mmform {
	margin-left:20px;
	margin-right:24px;
}
.sub_nav {
	margin-bottom:10px;
}
#listStyle {
	left:10px;
}
.post {
	padding-top:0px;
	margin-left:20px;
	margin-right:24px;
	margin-bottom:10px;
}
#content .ce_headline {
	padding-top:12px;
}
.ce_mmform {
	margin: 20px;
}
.container_404 {
	width:1200px;
	height:801px;
	margin:0 auto;
	padding:0;
	background:url(../../images/bg_404.jpg) no-repeat;
}
.container_404 .info {
	width:502px;
	margin:0 auto;
	padding:103px 0 0;
	text-align:center;
}
.container_404 .info h1 {
	padding-bottom:10px;
	font-size:36px;
	line-height:36px;
}
.container_404 .info h2 {
	margin:16px 0;
	font-size:24px;
	line-height:28px;
}
.container_404 .info h2.last {
	margin-top:35px;
}
.container_404 .info p {
	font-size:12px;
	line-height:20px;
}
.container_404 .info p a {
	padding-right:12px;
	font-size:14px;
	line-height:20px;
	background:url(../../images/arrow.gif) right 4px no-repeat;
}
/*----Update 2010.08.19----------*/
#content .pagination {
	width:auto;
	height:auto;
	float:right;
	margin-right:28px;
}
#content .pagination ul {
	width:auto;
	height:auto;
	margin:0px;
}
#content .pagination p {
	display:none;
}
#content .pagination li {
	float:left;
	padding:0;
	margin-right:2px;
	background:none;
}
#content .pagination li a {
	padding:0;
	background:none;
}
#content .pagination li a.next {
	height:20px;
	padding:0 36px 0 8px;
	padding-top:1px;
	background:url(../../images/next_step.png) right top no-repeat;
	color:#fff;
}
#content .pagination li a.next:hover {
	background:url(../../images/next_step.png) right top no-repeat;
	color:#fff;
}
#content .pagination li a.link {
	width:21px;
	height:20px;
	text-align:center;
	padding-top:1px;
	background:url(../../images/link_normal.png) no-repeat;
}
#content .pagination span.current {
	display:block;
	width:21px;
	height:20px;
	padding-top:1px;
	text-align:center;
}
#content .pagination li a.link:hover, #content .pagination span.current {
	background:url(../../images/link_hover.png) no-repeat;
}
#content .pagination li a.previous {
	height:20px;
	width:106px;
	text-align:right;
	padding-right:8px;
	padding-top:1px;
	background:url(../../images/prev_step.gif) left top no-repeat;
	color:#fff;
}
#content .pagination li a.previous:hover {
	background:url(../../images/prev_step.gif) left top no-repeat;
	color:#fff;
}
#content .post .isinfo a {
	background-position:100% 6px;
}
#content #comments {
	margin-left:20px;
}
.post .isinfo {
	font-weight:normal;
}
.post .isinfo span {
	font-weight:bold;
}
.scroll-pane .comment_form h2 {
	margin-left:0;
}