/* ----------------------------------------------------------------------------------- >
   GENERAL
*/

html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
	 overflow-x : auto;
} 


html,body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#434343;
	margin:0;
	padding:0;
	border:0;
}

body{
	background-image: url(../imgs/bg_gradient.png);
	background-repeat:repeat-x;
	background-position:0 510px;
}

#wrapper{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
}


#flashmovie_holder{
	height:510px;
	
}


.clear-fix{ clear:both; }
ul{ margin:0; border:0; padding:0; list-style:none; }
p{ margin:0; padding:0; border:0; line-height:150%; }

#preloader{ font-size:16px; width:960px; padding-top:7px; padding-bottom:7px; background-color:#FFFFFF; padding-left:50px; position:fixed; bottom:0; }


/* ----------------------------------------------------------------------------------- >
   
*/

#content_wrapper{
	width:100%;
	/*min-height:230px;*/
}

#content{
	width:866px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:50px;
}



/* ----------------------------------------------------------------------------------- >
   HOMEPAGE
*/
#homepage{ }
#homepage .col1{ float:left; font-size:12px; width:270px; text-align:center; margin-top:20px; }
#homepage .col2{ float:left; font-size:12px;width:310px; text-align:center; margin-right:20px; margin-top:20px; }
#homepage .col3{ float:left; font-size:12px;width:230px; margin-top:20px; text-align:center; }



/* ----------------------------------------------------------------------------------- >
   WERK
*/

#werk{ margin-top:60px; margin-bottom:30px; }
#werk .col1,
#werk .col2,
#werk .col3,
#werk .col4{ width:200px; margin-right:20px; float:left; }
#werk .col4{ margin-right:0; }
#werk div.link { margin-bottom:6px; }
#werk div.link a{ text-decoration:underline; cursor:pointer; padding-bottom:2px; padding-left:1px; padding-right:1px; }
#werk div.link a:hover{ background-color:#434343; color:#FFFFFF;  }
#werk div.text{ margin-bottom:4px;padding-left:1px; }


/* ----------------------------------------------------------------------------------- >
   PROJECTS
*/

.column1{ width:410px; float:left; margin-right:36px; }
.column2{ width:420px; float:left; }
	
.project_client{ font-size:18px; margin-bottom:4px; padding-left:1px; }
.project_title{ font-size:35px; margin-bottom:16px; }
.project_question_title{ font-size:22px; color:#00b4e3;margin-bottom:4px; }
.project_question{ margin-bottom:16px; line-height:150%;}
.project_question ul, .project_answer ul, .media_description ul{ list-style: inherit; margin-left:10px;}
.project_question ul li, .project_answer ul li, .media_description ul li{ margin-left:4px;}
.project_question a, .project_answer a, .media_description a{ color:#434343; }
.project_answer_title{ font-size:22px; color:#f35a30;margin-bottom:4px; }
.project_answer{line-height:150%;}
.project_links{ background-color:#000000; padding-left:8px; padding-bottom:6px; margin-top:20px; width:280px; }
.project_links h1{ font-size:22px; color:#FFFFFF; padding:0; margin:0; border:0; padding-top:8px; margin-bottom:4px; padding-left:1px; }
.project_links ul li{ color:#ffffff; margin-bottom:3px; cursor:pointer; font-size:10px; }
.project_links ul li a{ padding:1px; }
.project_links ul li a:hover{ background-color:#FFFFFF; color:#434343; }

.media{ }
.media ul li{ float:left; margin-right:4px; margin-bottom:15px; cursor:pointer; }
.media ul li .item_title{ font-size:9px; text-transform:uppercase; margin-bottom:2px; font-weight:normal; }
.media ul li .item_title a{ padding-left:2px; padding-right:3px; padding-bottom:1px; padding-top:1px; }
.item_title_over{ background-color:#000000; color:#FFFFFF; }
.media ul li .item_img{ width:100px; height:70px; }
.media ul li .item_over{ width:86px; height:56px; border:7px #000000 solid; margin:0; padding:0; position:relative; z-index:10; margin-top:-70px; }
.media_description{ margin-top:20px; width:410px; background-image:url(../imgs/projects_onder.png); background-repeat:no-repeat; background-position:1px 4px; text-indent:30px;line-height:150%; }
.media_description.lang_en{background-image:url(../imgs/projects_onder-en.png); }
.media_item{ margin-top:10px; }





/* ----------------------------------------------------------------------------------- >
   CHANGE DESIGNERS
*/

.changedg_section_bg{ background-image:url(../imgs/bg_full.png); background-repeat: repeat-x; }

/* nav */
#changedg_nav{ margin-top:14px; height:40px; }
#changedg_nav li{ float:left; font-size:14px; cursor:pointer; margin-right:40px; padding-bottom:2px; height:36px; }
.changedg_nav_selected{border-bottom:2px #7d7f7e solid;}
.changedg_nav_over{border-bottom:2px #7d7f7e solid;}

/* subsections */ 
#changedg_holder{ margin-top:60px;  }
#changedg_section h1{ font-size:60px; line-height:20%; }
#changedg_section h2{ font-size:32px; line-height:30%; }
#changedg_section h3{ font-size:18px; line-height:30%; }
#changedg_section h4{ font-size:22px; line-height:30%; }

#changedg_section p{ width:360px; }
#changedg_section p a, #changedg_section ul li a{ color:#00AFDD; }

.changedg_text_item{ margin-top:50px; }
.changedg_subtitle{ margin-left:30px; margin-top:20px; margin-bottom:20px; font-size:14px; }

.changedg_home_item{ width:330px; margin-bottom:60px; cursor:pointer; }
.changedg_home_item div.view_more{ font-weight:bold; margin-top:14px;}
.changedg_home_item div.view_more a{ padding-left:1px; padding-right:2px; padding-top:1px; padding-bottom:2px;text-decoration:underline; }
.view_more_over{ background-color:#434343; color:#FFFFFF;}

.precolumn{ width:420px;}
.precolumn p{ width:320px;}

.next_btn{ margin-top:100px; }
.next_btn h3{ margin:0; padding:0; border:0; margin-bottom:3px; }
.next_btn a{ cursor:pointer; text-decoration:underline; padding-left:1px; padding-right:2px; padding-bottom:2px; color:#434343; }
.next_btn a:hover{ background-color:#434342; color:#FFFFFF; }

/* sub1 */
.sub1_list{ list-style: inherit; padding-left:40px; margin-top:20px; }
.sub1_list li{ margin-bottom:10px; width:320px; }

/* sub 2 */
#changedg_sub2 h1{ width:500px;}
#changedg_sub2 h4{ margin-left:35px;}
#changedg_sub2 .precolumn{ margin-bottom:20px; }
#changedg_sub2 .sub1_highlight_left{ color:#00AFDD; font-size:12px; text-align:center; height:80px; line-height:150%; margin-right:30px; }
#changedg_sub2 .sub1_highlight_right{ color:#F45926; font-size:12px; text-align:center; height:80px; line-height:150%; margin-right:30px; }
.sub2_list_item{ margin-bottom:20px; text-indent:10px; background-image: url(../imgs/changedg_sub2_bullet.gif); background-repeat:no-repeat; background-position:0 10px; width:400px; }
#changedg_sub2 .column2 .sub2_list_item{ margin-left:20px;}
.sub2_list_item span{ font-size:17px; }

/* sub3 */
.sub3_list{ list-style: inherit; padding-left:40px; }
.sub3_list li{ margin-bottom:10px; width:320px; }
.list_margin_top{ margin-top:20px; }

/* sub 4 */
#sub4_header{ background-image:url(../imgs/changedg_sub4.gif); background-repeat:no-repeat; background-position:200px bottom; height:360px; margin-bottom:60px; }
#sub4_header-EN{ background-image:url(../imgs/changedg_sub4-EN.gif); background-repeat:no-repeat; background-position:200px bottom; height:360px; margin-bottom:60px; }
.sub4_img{ margin-top:40px; }

/* sub 5*/
.sub5_item h4{ margin:0; padding:0; margin-bottom:8px;}
.sub5_item{ min-height:240px; width:320px; }



/* ----------------------------------------------------------------------------------- >
   CHANGE DESIGNERS
*/

#contact h5{ font-size:13px; }
#contact p a{ color:#434343; }
#contact p a:hover{ background-color:#434343; color:#FFFFFF; padding-left:1px; padding-right:2px; padding-bottom:2px; }