/* 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:#87afc1; 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; width:674px; height:290px; 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;}