/* EDIT 5 March  jam 11:39 */

body{
	font-family: 'trebuchet MS' !important;
}

address{
	color: #aeaeae;
	line-height: 18px !important;
	font-size: 12px !important;
}

h2.judul-subtitle {
	color: #1d8e19;
	margin-top: 5px;
}

.map-daemeter.visible-desktop {
	margin-top: 17px;
}

.contact_us h4 {
	color: #6ea91e;
	margin-bottom: 5px;
}

h1, h2{
	line-height: 30px !important;
}

h3{
	line-height: 26px !important;
} 

h4, h5, h6 {
	line-height: 22px !important;
}

.container a, .container a:hover, .container a:focus {
	color: #1d8e19;
}


    .daemeter-logo{
		margin: 10px 0;
	    position: absolute;

	}
	
	.our_project{
		float:left;
		width:100%;
		height:auto;
	
	}
	
	.green-content{
		list-style:none outside none !important;
		float:left;
	}
	
	.left-content-people {
	    float: left;
	    margin-right: 20px;
	    max-width: 730px;
	    margin-top: 40px;
	    padding-right: 0px;
	}

	.navbar .nav > li > a {
		padding: 5px 15px !important;
		text-shadow: none !important;
	}

	.content-featured-publication p{
		float: left;
	}

	.content-featured-project p{
		float: left;
	}

	.header-background{
		position:relative;
		/*height: 280px;/*

	}

	.header-img{
	    width: 100%;
	    /*height: 100%;
	    position: absolute;*/
	    z-index: -1;
	}

	.pub-headline > a, .pub-headline > a:hover, .pub-headline > p > a, .pub-headline > p > a:hover{
   		color: #1d8e19 !important;
   	}


	.field-search{
		background-color: #096705 !important;
		border: none !important;
		border-radius: 20px !important;
		color: #FFFFFF !important;
		padding-right: 5px;
		width: 205px;
		float:left;
		margin: 5px 0 0 0 !important;
	}


@media (max-width: :1279px ) {
	.container-transparent{
	/*background-color: rgba(118, 194, 65, 0.6);*/
	height: auto;
	margin-left: auto;
    margin-right: auto;
    max-width: 1242px ;  
}

}

@media (min-width: 1280px ) {
	.green-banner{
		width: 1280px;
	}
}

@media (min-width: 1366px ) {
	.green-banner{
		width: 1366px;
	}
}

@media (min-width: 1024px) {
	.container-nav{
		height: 90px;
	}

	.container{
		width: 940px !important;
	}

	.green-banner{
		width: 940px;
	}


	#nav-dae{
		margin-top: 6px;
	}

	

	.nav-top{
		/*width: 532px;*/
	}

	.lang-option li{
		margin-right: 20px;
	}

	.navbar{
		margin-top: 36px;
		margin-bottom: 0px !important;
	}

	.left-content{
		float: left;
	    margin-right: 20px;
	    max-width: 650px;
   	}

   	.left-content-people{
		float: left;
		margin-right: 20px;
   		max-width: 700px;
   		margin-top: 40px;
   	}

	.banner-right{
		float: right;
	}

	.photo-desc{
		/*max-width: 300px;*/
	}

	.service-banner{
		float: left;
		margin-top: -110px;
	}

	#footer{
		background: url('../img/daemeter-leaves.png') no-repeat right bottom;
	}

	.featured-left-content{
		padding: 0 0 0 10px;
		width: 610px;
		height: 272px;
	}

	.project-left-content{
		width: 610px;
		height: 590px;
	}

	.project-right-content{
		width: 310px;
		padding: 0px 0px 0px 10px;
		height: 590px;
	}

	.latest-update-box{
		width: 320px !important;
	}

	.content-featured-project{
		max-width: 325px;
	}

	.content-featured-publication{
		max-width: 400px;
	}

	.footer-menu{
		margin: 50px 150px 20px 16px;
	}

	.featured-publication strong{
		color: #1D8E19;
	    display: block;
	    margin-bottom: 10px;
	    width: 400px;
	}

	.team-subtitle{
		margin: 0 0 10px;
	}


} /* end of media min 1200px */

@media only screen and (min-width: 981px) and (max-width: 1023px){

	.container{
		width: 940px !important;
	}

	.green-banner{
		width: 940px;
	}


	#nav-dae{
		margin-right: 5px;
	}

	

	.nav-top{
		/*width: 532px;*/
	}

	.lang-option li{
		margin-right: 20px;
	}

	.navbar{
		margin-top: 36px;
		margin-bottom: 11px !important;
	}

	.left-content{
		float: left;
	    margin-right: 20px;
	    max-width: 650px;
   	}

   	.left-content-people{
		float: left;
		margin-right: 20px;
   		max-width: 645px;
   		margin-top: 40px;
   	}

	.banner-right{
		float: right;
	}

	.photo-desc{
		/*max-width: 300px;*/
	}

	.service-banner{
		float: left;
		margin-top: -110px;
	}

	#footer{
		background: url('../img/daemeter-leaves.png') no-repeat right bottom;
	}

	.featured-left-content{
		padding: 0 0 0 10px;
		max-height: 285px;
		width: 610px;
		height:285px;
	}

	.project-left-content{
		width: 610px;
		min-height: 400px;
	}

	.project-right-content{
		width: 310px;
		padding: 0px 0px 0px 10px;
		height: 400px;
	}

	.latest-update-box{
		width: 320px !important;
		height: 485px;
	}

	.content-featured-project{
		max-width: 325px;
	}

	.content-featured-publication{
		max-width: 400px;
	}

	.footer-menu{
		margin: 50px 150px 20px 16px;
	}


}



@media (max-width: 980px) {

	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	    white-space: normal !important;
	    position: relative;
	    /*padding: 25px 0px 0px !important;*/
	    font-weight: normal !important;
	    color: rgb(119, 119, 119);
	    border-radius: 0px 0px 0px 0px !important;
	}

	.daemeter-logo{
		margin: 10px 0;
	    position: absolute;
	}

	.service{
		background: url('../img/service.png') no-repeat scroll 0 0 transparent;
	}

	/*.people{
		background: url('../img/people.png') no-repeat scroll 0 0 transparent;
	}*/

	.green-banner{
		width: auto;
	}

	.top-banner{
		background-size: 1366px 260px;
		/*padding-top: 200px;*/
	}

	.top-index-banner{
		background-size: 1366px 529px !important;
		/*padding-top: 50px;*/
	}

	.index-banner{
		/*background: url('../../images/homepage-people.png') no-repeat scroll 0 0 transparent;*/
	}

	.project-left-content{
		width: 100%;
		
	}

	.green-content {
	    float: left;
	    list-style: none outside none !important;
	    width: 100%;
	}

	.featured-left-content{
		padding: 0 10px 0 10px;
		width: 98.6%;
	}

	.project-right-content{
		width: 101.5%;
		padding: 0px 0px 20px 35px;
	}


	.footer-menu{
		margin: 50px 130px 20px 16px;
	}

	.nivoSlider{
		height: 418px;
	}

} /* end of media min 980px */

@media (min-width: 980px) {

	.title-white-home{
		margin-left: 25px;
	}

	.latest-update{
		margin-left: 0;
	}

	.latest-update li{
		margin-left: 25px;
		width: 270px;
		display: block;
		height: 164px;
		line-height: 18px;
	}

	.navbar {
	    margin-bottom: 20px;
	    overflow: visible;
	    margin-top: 24px !important;
	}

	.headtitle-partners{
		color: #FFFFFF;
	    font-size: 48px;
	    /*margin-left: 163px;*/
	    margin-top: -40px;
	    position: absolute;
	}

	.headtitle{
		color: #FFFFFF;
	    font-size: 48px;
	    /*margin-left: 163px;*/
	    margin-top: 233px;
	    position: absolute;

	}

	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	    white-space: normal !important;
	    position: relative;
	    /*padding: 25px 0px 0px !important;*/
	    font-weight: normal !important;
	    color: rgb(119, 119, 119);
	    border-radius: 0px 0px 0px 0px !important;
	}

	body{
		padding: 118px 0 0 0 !important;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-submenu:hover > a,
	.dropdown-submenu:focus > a {
	  color: #ffffff;
	  text-decoration: none;
	  background-color: #1d8e1a !important;
	  background-image: none !important;
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
	}

	.dropdown-menu{
	   position: absolute;
	   top: 100%;
	   left: 0;
	   z-index: 1000;
	   display: none;
	   float: left;
	   min-width: 215px !important;
	   padding: 0 !important;
	   /*margin: 0px -74px 0 !important;*/
	   margin: 0 !important;
	   list-style: none;
	   background-color: #ffffff;
	   border-top: 5px solid #1d8e1a !important;
	   border: 1px solid rgba(0, 0, 0, 0.2);
	  *border-right-width: 0px !important;
	  *border-bottom-width: 0px !important;
	  -webkit-border-radius: 0px !important;
	     -moz-border-radius: 0px !important;
	          border-radius: 0px !important;
	  -webkit-box-shadow: none !important;
	     -moz-box-shadow: none !important;
	          box-shadow: none !important;
	  -webkit-background-clip: padding-box;
	     -moz-background-clip: padding;
	          background-clip: padding-box;
	}

	.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
	.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
	 	 right:100% !important;
	  	 left: 100% !important;
	}

	/* NivoSlider */

	.nivoSlider{
		height: 538px;
	}

	.project-map{
		height: 417px;
		width: 100%;
	}

	.img-header{
		height: 280px;
		width: 100%;
	}

	.header-background{
		position:relative;
		height: 280px;

	}

	.header-img{
		position: absolute;
	    width: 100%;
	    height: 100%;
	    z-index: -1;
	}

}

@media (min-width: 768px) {
	.header-bg {
	    height: 280px;
	    max-width: none !important;
	    width: 100%;
	}

}

/* css for phone and down*/


/* size-320 */

@media only screen and (max-width: 479px){

.headtitle{
	color: #FFFFFF;
	font-size: 20px;
	/*margin-left: 10px*/;
	margin-top: 233px;
	position: absolute;
}

.header-bg{
	margin-bottom: 10px;
}

.search-query{
	width: 70px !important;
}

.judul-subtitle {
	color: #1d8e19 !important;
}

.map-daemeter-phone{
	float:left;
	width:92% !important;
	height:auto;
} 

.map-daemeter-phoneII iframe{
	width:240px !important;
	overflow:hidden !important;
}

.contact-daemeter-phone{
	width:100% !important;
	height:auto;
	float:left;
}

.label-contact{
	float:left;
	width:98% !important;
	height:auto;
	padding-right:7px !important;
	display:block !important;
}

.input_text_phone{
	width:92%;	
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;


}

.input_textarea_phone{
	width:92%;
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;

}


.map-daemeter{
	display:none;
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;
}

.left-project-list {
    margin: 10px 0px 0px;
    max-width: 100% !important;
    float: left;
}

.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}


.ser-filter {
    width: 100% !important;
}

.cat-filter {
    color: rgb(104, 82, 9);
    margin-top: 20px;
    width: 100% !important;
}

.left-project-list {
    max-width: 100% !important;
}


.content-banner img, h5 {
    vertical-align: middle;
    width: 255px;
}



.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    max-width: 645px;
    margin-top: 0px !important;
}

.top-banner {
	padding-top: 0px !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    width: 100%;
    margin-top: 0px !important;
}

.people {
	background:none !important;
}

#associations {
	border-top: solid 1px #e0dcd4;
}

.left-partners > #partners > ul > li > .content, .left-partners > #associations > ul > li > .content {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100% !important;
    color: rgb(132, 132, 132);
}

.left-partners > #partners > ul > li > h4, .left-partners > #associations > ul > li > h4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 96% !important;
    color: rgb(29, 142, 25) !important;
}

.left-partners > #partners > ul > li > .url_partners, .left-partners > #associations > ul > li > .url_partners {
    margin-top: 0px;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.left-content-publication {
    float: left;
    margin-right: 0px !important;
    max-width: 100% !important;
    margin-top: 0px !important;
    color: rgb(141, 141, 141);
}

.publication-detail > img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 3px;
    max-width: 100% !important;
}

.news-detail-content{
	width:94% !important;

}

.left-content-news {
    float: left;
    margin-right: 20px;
    max-width: 90% !important;
    margin-top: 0px;
    color: rgb(141, 141, 141);
}

.left-partners > #partners > ul > li > .content, .left-partners > #associations > ul > li > p{
    margin-top: 0px;
    margin-bottom: 0px;
    width:90%;
    color: rgb(132, 132, 132);
}
	#partners{
	
	width:100% !important;
	}
	
	
	#partners > ul > li, .left-partners > #associations > ul > li {
    width: 100%;
	}



	.left-partners {
    float: left;
    margin-right: 0px !important;
    max-width: 97% !important;
    color: rgb(132, 132, 132);
	}
	
	.partners-article{
		width:96px;
	}

	/*.container-transparent {
		display:none !important;
	}*/


	.left-kol {
		float: left;
		margin-right: 30px;
		width: 100% !important;
		color: rgb(91, 91, 91);

	}

	.detail-photo{
		margin:0 auto !important;
		padding:0 !important;
		position:center !important;
		width: 100%;
		height:auto;
	
	}
	.right-kol {
		float: left;
		width: 100% !important;
		color: rgb(91, 91, 91);
	}

	.left-content-people {
    float: left;
    margin-right: 20px;
    width:100%;
    margin-top: 80px;
	}


	.right-banner-content{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 14px;
		margin-top: 50px;
		width: 100% !important;
	}
	
	.right-banner-content li {
    background-color: rgb(242, 240, 235);
    padding: 10px 0px 10px 30px !important;
    margin-bottom: 5px;
    width: 100% !important;
    list-style-type:none !important;
	}


	.right-banner-content ul {
		float: left;
		margin: 0px;
		width: 94.7% !important;
	}


	.right-banner-content{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 14px;
		margin-top: 50px;
		width: 100%;
	}

	.daemeter-logo {
    margin: 10px 0px 0px 8px;
    position: absolute;
	}
	
	.lang-option {
    float: left;
    margin: 12px 0px !important;
	}
	
	.navbar-search {
    float: right !important;
    margin: 7px 6px 5px 4px !important;
	}
	
	.social-menu {
		display:none;
	}

	.navbar .btn-navbar {
		display: none;
		margin-right: 5px;
		/*color: rgb(255, 255, 255);*/
		color: #1D8E19 !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: rgb(237, 237, 237);
		background-image: linear-gradient(to bottom, rgb(242, 242, 242), rgb(229, 229, 229));
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.075);
		padding: 7px 10px;
		margin-top: 15px !important;
		margin-bottom: 15px;
		margin-left: 21px;
		margin-right: -15px !important;
		float: right;
	}

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 93% !important;
	}

	.lang-option{
		float: right !important;
	}

	.navbar-search{
		float: right !important;
		margin: 5px 6px 5px 4px!important;
	}

	.social-menu{
		float: right !important;
		margin: 10px 6px 10px 0 !important;
	}

	.footer-menu {
    	margin: 0 77px 20px 16px;
	}
	

	.project-left-content{
		width: 100%;
		background: none no-repeat scroll 0% 0% rgb(242, 240, 235);
		float: left;
		padding: 0px 0px 0px 0px !important;
		
	}
	
	.wrapper-white{
		margin-left:25px;
		width:87% !important;
	}
	
	.title-green {
    font-weight: normal !important;
    color: rgb(7, 129, 56);
    margin-left: 0px !important;
	}
	
	.featured-project strong {
    color: rgb(29, 142, 25);
    display: block;
    margin-bottom: 10px;
    width: 97%;
	}

	.featured-publication strong {
    color: rgb(29, 142, 25);
    display: block;
    margin-bottom: 10px;
    width: 97%;
	}
	
	ul,ol {
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
	}

	.project-right-content{
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
	
	.project-right-content > ul {
    list-style-type: none;
    margin-left: 0px;
	}
	
	.wrapper-green{
		margin-left:25px;
		width:87% !important;
	}

	.content-featured-project{
		max-width: 100%;
		margin-left: 0px !important;
		
	}

	.content-featured-publication{
		max-width: 100%;
		margin-left: 0px !important;
		
	}

	.featured-left-content{
		padding: 0px 0px 0px 0px;
		width: 100%;
	}
	
	.title-publication {
    font-weight: normal !important;
    margin-left: 0px !important;
	}
	
	.featured-project strong {
		color: rgb(29, 142, 25);
		display: block;
		margin-bottom: 10px;
		width: 97% !important;
	}

	.footer-menu{
		margin: 50px 25px 20px 16px !important;
		width:25% !important;
	}

	.featured-left-content{
		height: 370px;
	}
}


/* size-320 */

/* size-480 */

@media only screen and (min-width: 480px) and (max-width: 767px){

.headtitle{
	color: #FFFFFF;
	font-size: 32px;
    margin-top: 240px;
	position: absolute;
}

.headtitle-partners{
	color: #FFFFFF;
	font-size: 20px;
    margin-top: -24px;
	position: absolute;
}

.map-daemeter-phone{
	display:none !important;
}

.daemeter-phoneII{
	width:100% !important;
	height:auto;
}

.contact-daemeter-phone{
	width:100% !important;
	height:auto;
	float:left;
}

.label-contact{
	float:left;
	width:98% !important;
	height:auto;
	padding-right:7px !important;
	display:block !important;
}

.input_text_phone{
	width:92%;	
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;


}

.input_textarea_phone{
	width:92%;
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;

}


.map-daemeter{
	width:auto;
	height:auto;
}


.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}


.ser-filter {
    width: 100%;
}

.cat-filter {
    color: rgb(104, 82, 9);
    margin-top: 20px;
    width: 100% !important;
}

.left-project-list {
    max-width: 100% !important;
}


.content-banner img, h5 {
    vertical-align: middle;
    width: 255px;
}

.left-project-list {
    margin: 10px 0px 0px;
    max-width: 100% !important;
    float: left;
}



.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    max-width: 645px;
    margin-top: 0px !important;
}

.top-banner {
	padding-top: 0px !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    width: 100%;
    margin-top: 0px !important;
}

.people {
	background:none !important;
}





.left-partners > #partners > ul > li > .content, .left-partners > #associations > ul > li > .content {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100% !important;
    color: rgb(132, 132, 132);
}

.left-partners > #partners > ul > li > h4, .left-partners > #associations > ul > li > h4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 96% !important;
    color: rgb(29, 142, 25) !important;
}

.left-partners > #partners > ul > li > .url_partners, .left-partners > #associations > ul > li > .url_partners {
    margin-top: 0px;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.left-content-publication {
    float: left;
    margin-right: 0px !important;
    max-width: 100% !important;
    margin-top: 0px !important;
    color: rgb(141, 141, 141);
}

.publication-detail > img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 3px;
    max-width: 100% !important;
}

/* new  */

.left-content-publication {
    float: left;
    margin-right: 0px !important;
    max-width: 100% !important;
    margin-top: 50px;
    color: rgb(141, 141, 141);
}

.publication-detail > img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 3px;
    max-width: 100% !important;
}

.news-detail-content{
	width:94% !important;

}

.left-content-news {
    float: left;
    margin-right: 20px;
    max-width: 90% !important;
    margin-top: 0px;
    color: rgb(141, 141, 141);
}

	.detail-photo{
		margin:0 auto !important;
		padding:0 !important;
		position:center !important;
		width: auto !important;
		height:auto;
	
	}
	
	.left-kol {
    float: left;
    margin-right: 30px;
    width: 100% !important;
    color: rgb(91, 91, 91);
	}

	.right-kol {
		float: left;
		width: 100% !important;
		color: rgb(91, 91, 91);
	}

	.left-content-people {
    float: left;
    margin-right: 20px;
    width:100%;
    margin-top: 80px;
	}

	.right-banner-content{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 14px;
		margin-top: 50px;
		width: 100% !important;
	}
	
	.right-banner-content li {
    background-color: rgb(242, 240, 235);
    padding: 10px 0px 10px 30px !important;
    margin-bottom: 5px;
    width: 100% !important;
}


	.right-banner-content ul {
		float: left;
		margin: 0px;
		width: 94.7% !important;
	}

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 93% !important;
	}
	
	.lang-option {
    float: right !important;
    margin-top: 11px !important;
	margin-left:23px !important;
	}

	.project-left-content{
		width: 100%;
		background: none no-repeat scroll 0% 0% rgb(242, 240, 235);
		float: left;
		padding: 0px 0px 0px 0px !important;
		
	}
	
	.wrapper-white{
		margin-left:25px;
		width:87% !important;
	}
	
	.title-green {
    font-weight: normal !important;
    color: rgb(7, 129, 56);
    margin-left: 0px !important;
	}
	
	.featured-project strong {
	    color: rgb(29, 142, 25);
	    display: block;
	    margin-bottom: 10px;
	    width: 97%;
	}

	.featured-publication strong {
	    color: rgb(29, 142, 25);
	    display: block;
	    margin-bottom: 10px;
	    width: 97%;
	}
	
	ul,ol {
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
	}

	.project-right-content{
		width: 100%;
		padding: 0px 0px 0px 0px !important;
	}
	
	.project-right-content > ul {
    list-style-type: none;
    margin-left: 0px;
	}
	
	.wrapper-green{
		margin-left:25px;
		width:93% !important;
	}

	.content-featured-project{
		max-width: 100%;
		margin-left: 0px !important;
		
	}

	.content-featured-publication{
		max-width: 100%;
		margin-left: 0px !important;
		
	}

	.featured-left-content{
		padding: 0px 0px 0px 0px;
		width: 100%;
	}
	
	.title-publication {
    font-weight: normal !important;
    margin-left: 0px !important;
	}
	
	.featured-project strong {
		color: rgb(29, 142, 25);
		display: block;
		margin-bottom: 10px;
		width: 97% !important;
	}

	.featured-publication strong {
		color: rgb(29, 142, 25);
		display: block;
		margin-bottom: 10px;
		width: 97% !important;
	}

	.wrapper-white{
	width:90%;
	margin-left:25px;
	}

	.daemeter-logo {
    margin: 10px 0px 0px 21px;
    position: absolute;
	}

	.navbar .btn-navbar {
		display: none;
		margin-right: 5px;
		/*color: rgb(255, 255, 255);*/
		color: #1D8E19 !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: rgb(237, 237, 237);
		background-image: linear-gradient(to bottom, rgb(242, 242, 242), rgb(229, 229, 229));
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.075);
		padding: 7px 10px;
		margin-top: 15px !important;
		margin-bottom: 15px;
		margin-left: 21px;
		margin-right: -15px !important;
		float: right;
	}

	.lang-option{
		float: right !important;
	}

	.navbar-search{
		float: right !important;
		margin: 7px 6px 5px 4px!important;
	}

	.social-menu{
	display:none;
	}

	.footer-menu {
    	margin: 0px 177px 20px 16px;
	}
	

	.project-left-content{
		width: 100%;
		
	}

	
	.green-content{
		list-style:none outside none !important;
		float:left;
	}

	.project-right-content ul{
		list-style:none !important;
	}
	.content-featured-project{
		max-width: 100%;
		margin-left: 0px !important;
		
	}

	.content-featured-publication{
		max-width: 100%;
		margin-left: 0px !important;
		
	}
	

	.footer-menu{
		margin: 50px 115px 20px 16px !important;
	}

}

/* size-480 */


/* size-768 */

@media only screen and (min-width: 768px) and (max-width: 980px){

.headtitle{
	color: #FFFFFF;
	font-size: 40px;
	/*margin-left: 10px;*/
	margin-top: 240px;
	position: absolute;
}

.headtitle-partners{
	color: #FFFFFF;
	font-size: 40px;
	/*margin-left: 10px;*/
	margin-top: -35px;
	position: absolute;
}

.people{
	background:none;
}

.contact-daemeter-tab{
	width:100% !important;
	height:auto;
	float:left;
}

.map-daemeter-tab{
	width:100% !important;
	height:auto;

}
.map-daemeter-phone{
	display:none !important;
}

.daemeter-phoneII{
	display:none !important;
}

.contact-daemeter-phone{
	display:none !important;
}

.label-contact{
	float:left;
	width:98% !important;
	height:auto;
	padding-right:7px !important;
	display:block !important;
}

.input_text_phone{
	width:99%;	
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;
}

.input_textarea_phone{
	width:99%;
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;

}

.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}


.ser-filter {
    width: 100%;
}

.cat-filter {
    color: rgb(104, 82, 9);
    margin-top: 20px;
    width: 100% !important;
}

.left-project-list {
    max-width: 100% !important;
}


.content-banner img, h5 {
    vertical-align: middle;
    width: 255px;
}

.left-project-list {
    margin: 10px 0px 0px;
    max-width: 100% !important;
    float: left;
}



.arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    width: 0px;
    height: 0px;
    border-left: 10px solid rgb(69, 41, 0);
    margin: 50px 0px;
}


.box-brown {
    background: none repeat scroll 0% 0% rgb(69, 41, 0);
    color: rgb(255, 255, 255);
    height: 129px;
    float: left;
    width: 95% !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    max-width: 645px;
    margin-top: 0px !important;
}

.top-banner {
	padding-top: 0px !important;
}

.left-content-people {
    float: left;
    margin-right: 20px;
    width: 100%;
    margin-top: 0px !important;
}


.left-content-publication {
    float: left;
    margin-right: 0px !important;
    max-width: 100% !important;
    margin-top: 0px !important;
    color: rgb(141, 141, 141);
}

.publication-detail > img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 3px;
    max-width: 100% !important;
}

.news-detail-content{
	width:94% !important;

}

.left-content-news {
    float: left;
    margin-right: 20px;
    max-width: 90% !important;
    margin-top: 0px;
    color: rgb(141, 141, 141);
}

	.right-banner-content{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 14px;
		margin-top: 50px;
		width: 100% !important;
	}
	
	.right-banner-content li {
    background-color: rgb(242, 240, 235);
    padding: 10px 0px 10px 30px !important;
    margin-bottom: 5px;
    width: 100% !important;
}


	.right-banner-content ul {
		float: left;
		margin: 0px;
		width: 94.7% !important;
	}


	.right-banner-content{
		color: rgb(255, 255, 255);
		float: right;
		font-size: 14px;
		margin-top: 50px;
		width: 100%;
	}


	.left-content-people {
    float: left;
    margin-right: 20px;
    width:100%;
    margin-top: 80px;
	}

	.daemeter-logo {
    margin: 10px 0px 0px 21px;
    position: absolute;
	}


	.navbar .btn-navbar {
		display: none;
		margin-right: 5px;
		/*color: rgb(255, 255, 255);*/
		color: #1D8E19 !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: rgb(237, 237, 237);
		background-image: linear-gradient(to bottom, rgb(242, 242, 242), rgb(229, 229, 229));
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.075);
		padding: 7px 10px;
		margin-top: 15px !important;
		margin-bottom: 15px;
		margin-left: 21px;
		margin-right: 25px !important;
		float: right;
	}
	
	
	.content-featured-project {
	    float: left;
	    max-height: 55%;
	    width: 63%;
	    margin-left: 20px !important;
	}
	
	.featured-project {
	    list-style: none outside none;
	    float:none;
		width:97% !important;
	}

	.content-featured-publication {
	    float: left;
	    max-height: 55%;
	    width: 63%;
	    margin-left: 20px !important;
	}
	
	.featured-publication {
	    list-style: none outside none;
	    float:none;
		width:97% !important;
	}
	
	.green-content {
    list-style: none outside none !important;
    float: left;
    margin: 0;
	}
	
	.featured-project li {
    margin-bottom: 20px;
    float: left;
	min-width:97%;
	}

	.featured-project strong {
    color: rgb(29, 142, 25);
    display: block;
    margin-bottom: 10px;
    width: 97% !important;
	}

	.featured-publication li {
    margin-bottom: 20px;
    float: left;
	min-width:97%;
	}

	.featured-publication strong {
    color: rgb(29, 142, 25);
    display: block;
    margin-bottom: 10px;
    width: 97% !important;
	}
}

@media (min-width: 768px) and (max-width: 979px){
	.latest-update li{
		margin: 0 0 0 35px;
		padding: 0 10px 0 0px;
	}

	.title-white-home{
		margin: 0 0 0 35px;
	}

	/* Edit Agus On JAnuary 2014 */
.green-banner-icon li {
    float: left;
    margin: 10px 27px;
    width: 125px !important;
    color: rgb(255, 255, 255);
    text-align: center;
}

.green-banner {
    background: url("../img/green-bar.png") no-repeat scroll 0px 0px transparent;
    height: 124px;
    margin: -180px auto 10px;
    z-index: 9999;
}

.slider-wrapper{
	box-shadow: none !important;
}

.theme-default .nivoSlider {
    box-shadow: none !important;
}

/* Edit Agus On JAnuary 2014 */
}




/* size-768 */



	.featured-left-content{
		background: #e7e4df no-repeat;
		float: left;
		
	}

	.project-right-content{
		background: #57ab2f no-repeat;
		float: left;
	}

	.content-featured-project{
		float: left;
		margin-left: 20px;
		max-height: 216px;
	}

	.content-featured-publication{
		float: left;
		margin-left: 20px;
		max-height: 216px;
	}

	.project-left-content{
		background: #f2f0eb no-repeat;
		float: left;
		padding: 0 0 0 10px;
	}


/* end of css for phone */

/* responsive edit */

  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #1d8e1a !important;
    background-image: none !important;
    font-weight: normal;
  }

  #nav-dae li{
  	/*margin: 5px 5px;*/
  }

  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
  	white-space: normal !important;
  	position: relative;
    /*padding: 5px !important;*/
    font-weight: normal;
    color: #777777;
    -webkit-border-radius: 0px !important;
       -moz-border-radius: 0px !important;
            border-radius: 0px !important;
  }

/* end of responsive edit */

.container-green{
	background-color: #1d8e19;
}

.container-white{
	background-color: #FFFFFF;
}

.people-popover{
	margin-top: 150px;
	color: #ffffff !important;
	background-color: #452e00 !important;
	border-radius: 5px !important;
	font-size: 12px;
	line-height: 14px !important;
	width: 230px;
}	

.people-popover{
	line-height: 14px !important;
}

.popover.right .arrow:after {
  border-right-color: #452e00 !important;
}

.table th,
.table td {
  border-top: none !important;
  border-bottom: 1px solid #dddddd;
}

.left-project-content th,
.left-project-content td{
	border-bottom: none !important;
}

.left-project-content tr{
	border-top: 1px solid #dddddd;
}

.green-banner{
	background: url('../img/green-bar.png') no-repeat scroll 0 0 transparent;
	height: 124px;
	margin: -215px 0 10px;
	z-index: 9999;
    margin-left: auto ;
    margin-right: auto ;
}

.green-banner-icon{
	list-style: none outside none;
	margin: 0px !important;
	float: left;
}

.green-banner-icon li{
	float: left;
	margin: 10px 27px;
    width: 180px;
    color: #ffffff;
    text-align: center;
}

.carousel-control, 
.carousel-indicators{
	display: none;
}

.carousel{
	z-index: -1;
}

.carousel-inner{
	height: 420px;
}

/* header */


#header li{
	list-style: none;
}

.headtitle, .headtitle-partners {
	font-weight: normal;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #FFFFFF !important;
	background-color: #1d8e1a !important;
	text-shadow: none !important;
}

.dropdown-menu::before, 
.dropdown-menu::after {
     border: none !important;
     content: none !important;
}

.header-top li{
	float: left;
}

.lang-option{
	float: left !important;
	margin: 12px 0;
}

.social-menu{
	margin: 10px 0;
	float: left;
}

.social-menu li{
	margin-left: 5px;
}

.lang-option a{
	margin-right: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.lang-option a:focus{
	color: #FFFFFF;
	text-decoration: none;
}

.lang-option a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#field-search{
	background-color: #096705;
	border: none !important;
	border-radius: 20px !important;
	color: #FFFFFF !important;
	padding-right: 5px;
	width: 205px;
	float:left;
	margin: 5px 0 0 0 !important;
}

.search{
	margin: 10px 0 0 -25px;
	position: absolute;
}

#navbar-daemeter{
	background-color: #FFFFFF;
	background-image: none;
	border: none;
	box-shadow: none;
}

.nav a{
	color: #1d8e19 !important;
}

.nav a:hover,
.nav a:focus{
	color: #FFFFFF !important;
	background-color: #1d8e1a !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

.navbar-search{
	float: left;
	margin: 5px 0px 5px 4px;
}


/* end of header */

/* main */
#main{
	/*margin: 0 0 30px 0;*/
}

.rel-news ul{
	margin-bottom: 25px !important;
}

.pub-img{
	border: 1px solid #66cc33;
}

.addthis_toolbox{
	margin: 13px 0 20px 0;
	/*float: left;*/
	width: 100%;
}

.title-homepage{
	color: #078138;
	margin-left: 25px;
}

h4.title{
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	margin-bottom: 5px;
}

.title-white{
	color: #ffffff;
	font-weight: normal;
}

.title-white-home{
	/*margin-left: 25px;*/
	font-size: 24px;
	margin-top: 30px;
	color: #b7e886;
}

.title-brown{
	color: #685209;
}

.subtitle{
	/*color: #fff;*/
	float: left;
}

.project-subtitle{
	font-size: 18px;
	font-weight: normal !important;
	color: #78B423;
}

.cat-filter{
	color: #685209;
	margin-top: 20px;
	width: 185px;
}
.project-text{
	color: #676767;
}

.more-project{
	list-style: none outside none;
	float: left;
	margin: 0 0 0 -30px !important;
}

.more-project h5 {
	line-height:18px !important;
	margin:5px 0px;
}

.more-project li{
	float: left;
	margin-left: 30px;
	width: 212px
}

.more-project a:hover{
	text-decoration: none;
}

.more-project-title{
	color: #078438;
}

.more-project-text{
	border-left: 4px solid #5DAE32;
    color: #4B2300;
    margin: 30px 0px 20px 0px;
    padding-left: 5px;
}

.no-border-bottom{
	border-bottom: none !important;
}

.project-service img{
	margin-right: 5px;
}

.table a{
	color: #1d8e19;
	text-decoration: none;
}

.table a:hover{
	color: #1d8e19;
	text-decoration: none;
}

.left-content{
	color: #8d8d8d;
	max-width: 700px;
	padding-top: 40px;
}

.photo-tumb{
	margin: 0 30px 10px 0;
}

.banner{
	margin: 10px 0;
	float: right;
}

.banner-right{
	/*float: right;*/
	max-width: 290px;
}

.banner-right img{
	 margin: 10px 0;
}

.banner-top{
	float: left;
	width: auto;
	max-height: 300px;
}

.people-list{
	list-style: none;
	margin-left: 0px !important;
	float: left;
}

/*.people-list li{
	float: left;
	margin: 10px 17px 20px 0;
	width: 195px;
}*/

/*a.people-pop {
	width: 180px;
	height: 200px;
	display: block;
	position: absolute;
}*/

.people-list li {
    display: block;
    float: left;
    margin: 0 40px 0 0;
    min-height: 280px;
    width: 190px;
}

.popover-content p {
	line-height: 15px !important;
}

.name-text{
	color: #6ea91e;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.name-desc{
	color: #717171;
	line-height: 17px;
}


.project-left-banner{
	/*background: #78b423 scroll 0 0;*/
	width: 410px;
	/*height: 372px;*/
	float: left;
}

.project-left-banner h3{
	color: #ffffff;
	margin: 40px 30px 0;
	font-size: 24px !important;
	line-height: 30px !important;

}

.left-project-content{
	float: left;
	width: 390px;
	max-width: 410px;
	margin-top: 30px;
	padding: 0 20px 0 0px;
}

.right-project-content{
	float: left;
	width: 520px;
	margin-top: 30px;
	padding: 0 10px 0 0px;
	color:#848484;
	line-height: 19px;
}

.project-content{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 50px;
	margin-top:20px;
}

.latest-update-box{
	padding-left: 0px !important;
}

.no-margin{
	margin-left: 0px;
}


.featured a,
.featured a:hover{
	text-decoration: none;
	color: #ffffff;
}



.featured-right-content{
	background: #04660f;
	float: right;
	width: 320px;
	padding: 0 0 0 0px;
	height: 272px;;
}

.explore{
	float: left;
    margin: 10px 0 0 17px;
}

.homepage-map{
	background: url('../img/homepage-map1.png') no-repeat scroll 0 0 transparent ;
	height: 272px;
    width: 320px;
}


.border-update{
	background-color: #86c068;
    height: 1px;
    margin: 30px 0 0px -10px;
    /*width: 320px;*/
}

.featured-project{
	list-style: none outside none;
	float: left;
}

.featured-project li{
	margin-bottom: 50px;
	float: left;
}

.featured-project strong{
	color: #339900;
    display: block;
    margin-bottom: 5px;
    width: 310px;
    font-size: 18px;
}

.featured-publication strong{
	color: #339900;
    display: block;
    margin-bottom: 5px;
    /*width: 310px;*/
    font-size: 18px;
}

.featured-publication{
	list-style: none outside none;
	float: left;
}

.featured-publication li{
	margin-bottom: 20px;
	float: left;
}



/*.content-featured-project{
	max-width: 310px;
	float: left;
	margin-left: 20px;
}*/

.side-nav{
	color: #ffffff;
	background: url('../img/bg-side-nav.png')  no-repeat scroll 0 0 transparent ;
	width: 289px;
	height: 154px;
}

.side-nav ul{
	list-style: none outside none;
	float: left;
	margin: 35px 30px;
}

.side-nav li{
	margin: 0 0 15px 0;
}

.service-banner{
	background: url('../img/bg-content-nav.png') no-repeat scroll 0 0 transparent;
	max-width: 351px;
	height: 424px;
}

.content-banner{
	list-style: none outside none;
	float: left;
	margin: 40px 35px;
	color: #ffffff;
}

.content-banner li{
	float: left;
	margin-bottom: 17px;
	width: 242px;
}

.content-banner img{
	float: left;
	margin: 0 20px 0 0;
}

.content-banner img, h5{
	vertical-align: middle;
}

.two-line-img{
	margin-top: 10px !important;
}

.three-line-img{
	margin-top: 22px !important;
}

.right-banner{
	background: url("../img/bg-content-nav.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    font-size: 23px;
    height: 288px;
    margin-top: 10px;
    width: 263px;
}

.right-banner ul{
	float: left;
    list-style: none outside none;
    margin: 40px 40px 0;
}

.right-banner li{
	margin-bottom: 15px;
}

.right-banner a{
	text-decoration: none;
	color: #ffffff;
}

.right-banner a:hover, a:focus{
	text-decoration: none;
	color: #ffffff;
}

.right-banner-content{
	color: #FFFFFF;
    float: right;
    font-size: 14px;
    /*height: 288px;*/
    margin-top: 50px;
    /*width: 243px;*/
}

.right-banner-content ul{
	float: left; 
    margin: 0;
    /*width: 263px;*/
}

.right-banner-content li{
	margin-bottom: 2px;
	background-color: #f2f0eb;
	padding: 10px 20px;
    width: 176px;	
}

.right-banner-content a{
	text-decoration: none;
	color: #1d8e19;
}

.right-banner-content a:hover, a:focus{
	text-decoration: none !important;
	color: #1d8e19 !important;
	outline: none !important;
}

.left-project-list{
	margin: 10px 0 0 0;
	 max-width: 215px;
	float: left;
}

.right-project-list{
	margin: 10px 0 0 0;
	max-width: 700px;
	float: left;
}

.right-project-list ul{
	list-style: none outside none;
	margin: 0 !important;
	float: left;
}

.right-project-list > ul > li{
	width: 211px;
	float: left;
	margin: 0 20px 25px 0;
	min-height: 300px;
}

.right-project-list a{
	text-decoration: none;
	color: #41a027;
}

.right-project-list p{
	line-height: 16px;
	font-size: 13px;
	margin-bottom: 0px;
}

.right-project-list a:hover, a:active{
	text-decoration: none;
	color: #41a027;
}

.link-continue {
	margin: 0px 0px 10px 0px;
}

.list-project-box{
	background-color: #3CAE03;
    color: #FFFFFF;
    min-height: 64px;
    padding: 5px 10px;
    width: 191px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 16px;
}

.content-banner-project{
	color: #452900;
	list-style: none outside none;
	width: 200px;
	float: left;
	margin: 0px !important;
}

.content-banner-project img{
	float: left;
	margin: 0 13px 0 0;
}

.content-banner-project li{
	float: left;
	width: 179px;
}

.left-project-list h4{
	font-size: 16px;
}

.left-project-list h5{
	font-weight: normal;
	font-size: 12px;
	line-height: 15px !important;
	color: #333300;
	margin: 9px 0px 7px 0px;
	padding: 0px;
}

.right-project-list p{
	margin: 0;
}

.box-brown{
	background: #452900;
	color: #ffffff;
	width: 185px;
	height: 129px;
	float: left;
}

.box-brown h4{
	border-left: 5px solid #5DAE32;
    float: left;
    margin: 45px 35px;
    padding-left: 10px;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #452900;
	float: left;
	margin: 54px 0;
}

.border{
	width: 100%;
	height: 1px;
	background-color:#dad4cc;
}

.accordion-group{
	border: none !important;
	border-radius: 0 !important;
}

.accordion-img{
	width: 41px;
	float: left;
	margin-right: 10px;
	height: 41px;
}

.accordion-txt{
	width: 162px;
	height: 41px;
	float: left;
}

.nav-right-text-1{
	vertical-align: -10px;
}

.nav-right-text-2{
	vertical-align: 0px;
}

.latest-update p{
	color: #ccffcc;
}

.right-project-list p{
	color: #999999;
}

/* end of main */

/* footer */

#footer{
	min-height: 224px;
	margin-top: -15px;
	clear: both;

}

#footer ul{
	list-style-image: url('../img/arrow.png');
}



.address{
	float: left;
	margin-top: 50px;
}

.address h4{
	color: #1D8E19;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 0;
}

.footer-menu{
	float: left;
	font-size: 16px;
}

.footer-menu li{
	margin: 0 0 10px 0;
}

.footer-menu li > a{
	color: #1d8e19;
	text-decoration: none;
	margin: 0 0 7px 0;
}

.title-green{
	font-weight: normal !important;
	color: #078138;
	margin-left: 25px;
	margin-top: 30px;
	font-size: 24px;
}

.featured h3{
	margin-bottom: 15px;
}

.featured-project p{
	color: #999999;
	height: 75px;     /* 05 Juni 2014 */
	overflow: hidden; /* 05 Juni 2014 */
}

.featured-publication p{
	color: #999999;
}


p.muted{
	color: #daebd1;
	padding-right: 10px;
}

.title-publication{
	font-weight: normal !important;
	margin-left: 25px;
	margin-top: 20px;
}

.green-banner-icon > li > a {
	color: #ffffff;
}

.green-banner-icon > li > a:hover, .green-banner-icon > li > a:active {
	text-decoration: none;
}

.project-right-content > ul{
	list-style-type: none;
	margin-left: 0px;
}

.project-right-content > ul > li{
	border-bottom: 1px solid #86C068;
    margin-bottom: 30px;
    max-height: 140px;
    padding-bottom: 15px;
}

ul.featured-project > li > a > img{
	width: 216px;
	height: 142px;
}

ul.featured-publication > li > a > img{
	width: 132px;
	height: auto;
	border: 1px #1D8E19 solid;
}


.dropdown-menu > .dropdown-submenu:hover > a {
    color: #ffffff !important;
}

.left-partners{
		float: left;
	    margin-right: 20px;
	    max-width: 700px;
	    color: #848484;
	    margin-top: 45px;
}

.partner-img {
	float: left;
    margin-right: 30px;
    margin-top: 5px;
    max-width: 190px;

}

.left-partners > #partners > ul, .left-partners > #associations > ul{
	list-style-type: none;
	margin-left: 0px !important;
}

.left-partners > #partners  > ul > li, .left-partners > #associations  > ul > li{
	width: 100%;
}

.left-partners > #partners  > ul > li > h4, .left-partners > #associations  > ul > li > h4{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 450px;
	color: #1d8e19 !important;
	margin-bottom: 17px;
}

 .left-partners > #partners  > ul > li > .url_partners, .left-partners > #associations  > ul > li > .url_partners{
 	margin-top: 0px;
	margin-bottom: 0px;
	width: 450px;

 }

 .left-partners > #partners  > ul > li > .content, .left-partners > #associations  > ul > li > .content{
 	margin-top: 0px;
	margin-bottom: 0px;
	width: 450px;
	color: #848484;
 }

.left-partners > #partners  > ul > li > .url_partners > a, .left-partners > #associations  > ul > li > .url_partners > a{
	color: #84b155; 
}



.left-partners > #partners  > ul > li > img, .left-partners > #associations  > ul > li > img{
	/*max-width: 50px;
	max-height: 110px;*/
	margin-right: 20px;
	width: 170px;
}

.left-partners > #partners  > ul > li, .left-partners > #associations  > ul > li{
	clear: both;
	margin-bottom:25px; 
}
.left-partners > #partners  > .subtitle, .left-partners > #associations  > .subtitle{
	color: #1d8e19;
}

h4.green-light{
	color: #1d8e19 !important;
}

.contact_us{
	margin-right: 68px;
}

.contact_us address{
	font-size: 14px !important;
}

.left-content hr{
	/*color: #1d8e19 !important;*/
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1d8e19 -moz-use-text-color #669933;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 20px 0;
}

.input_text{
	width: 300px;
	background-color: #f3f0eb !important;
	color: #848484 !important;
}

.input_textarea{
	width: 615px;
	background-color: #f3f0eb !important;
	color: #848484 !important;
	height: 100px;
}

.btn-green{
	background-color: #1D8E1A !important;
    border-style: none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 50px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.left-kol{
	float: left;
	margin-right: 30px;
    width: 243px;
    color: #5b5b5b;
    padding-top: 5px;
}

.right-kol{
	float: left;
	width: 420px;
	color: #5b5b5b;
}

.team-tagline, .team-position{
	border-bottom: 2px solid #5b5b5b;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.team-position{
	margin-top: 10px;
}

.team-skill > p > a {
	color: #5b5b5b;
	text-decoration: none;
}

.accordion-inner {
	padding : 0px !important;
}

.accordion-inner > ul > li {
	background-color: #5dae32 !important;
	color : #ffffff !important;
	padding: 10px;
	width: 223px
}

.accordion-inner > ul > li > a{
	color : #ffffff !important;
}

.accordion-toggle{
	background-color: #f2f0eb !important;
}

.accordion-toggle > img{
	

}

.title-toggle{
	margin: 0px;
	padding-top: 10px
}

.our_project > ul {
	list-style: none;
	margin-left: 0px
}

.our_project > ul > li{
	float: left;
	margin-right: 10px;
	width: 225px;
}

.our_project h4 {
	color: #333300;
	border-left: 5px solid #669933;
	padding-left: 5px;
}

.our_project a{
	color: #009933;
	text-decoration: none;
}

.our_project a:hover{
	color: #009933;
	text-decoration: none;
} 

.our_project a.active{
 	color: #009933;
	text-decoration: none;
}



h4.title-green-project{
	color: #3cae03;
	font-weight: normal;
}

.content-banner-project > li > a {
	text-decoration: none;
	color: #685209;
}

.ser-filter{
	width: 185px;
}

.cat-filter > a, .cat-filter > a:hover {
	text-decoration: none;
	color: #685209;
}

.right-project-list > .pagination > ul > li {
	float: left;
    margin: 0 0px 0px 0;
   	
}

.wrapper{
	background: none repeat scroll 0 0 #78B423;
	min-height: 120px;
}

.project_list_services{
	list-style: none;
	margin-left: 0px !important;
}

.project_list_services li{
	margin-bottom: 15px;
}

.left-content-publication{
		float: left;
	    margin-right: 20px;
	    max-width: 700px;
	    margin-top: 50px;
	    color: #8d8d8d;
   	}

   	.left-content-news{
		float: left;
	    margin-right: 20px;
	    max-width: 700px;
	    margin-top: 0px;
	    color: #8d8d8d;
   	}

   	.left-content-search{
		float: left;
	    margin-right: 20px;
	    max-width: 700px;
	    margin-top: 0px;
	    color: #8d8d8d;
   	}

.left-content-career{
		float: left;
	    margin-right: 20px;
	    max-width: 700px;
	    margin-top: 50px;
	    color: #8d8d8d;
   	}

   	.publication-featured{
   		/*background-color: #1d8e19;*/
   		background: url('../img/bg-featured.png') repeat-y;
   		padding: 40px 30px 40px 40px;
   	}

   	.publication-detail{
   		/*background-color: #1d8e19;*/
   		background: url('../img/bg-featured.png') repeat-y;
   		padding: 40px 40px 40px 50px;
   	}

   	.publication-featured > img{
   		float: left;
   		margin-right: 20px;
   		margin-bottom: 20px;
   		width: 200px;
   		margin-top: 3px;
   	}

   	.publication-featured > h4 {
   		margin-top:	0px !important;
   		color: #92da6d;
   		font-weight: bold;
   	}

   	.publication-detail > img{
   		float: left;
	    margin-bottom: 10px;
	    margin-right: 20px;
	    margin-top: 3px;
	    max-width: 200px;
   	}

   	.publication-detail > h4 {
   		margin-top:	0px !important;
   		color: #92da6d;
   		font-weight: bold;
   	}

	.career-detail > h4 {
   		margin-top:	0px !important;
   		margin-bottom: 10px !important;
   		color: #92da6d;
   		font-weight: bold;
   	}

   	.publication-featured > h4.pub-featured-title {
   		margin-top:	0px !important;
   		margin-bottom: 0 !important;
   		color: #ffffff;
   		font-weight: normal;
   	}

   	.pub-featured-headline{
   		color: #ffffff;
   		margin-bottom: 28px;
   	}

   	.publication-detail > h4.pub-detail-title {
   		margin-top:	0px !important;
   		color: #ffffff;
   		font-weight: normal;
   	}

   	h3.career-detail-title {
   		margin-top:	10px !important;
   		color: #6ea91e;
   		font-weight: normal;
   	}

   	.pub-detail-headline{
   		color: #ffffff;
   		/*margin-bottom: 28px;*/
   	}

   	.pub-detail-headline a{
	color: #ffffff !important;
	border:#000000 !important;
	text-decoration: underline !important;

	}

   	.publication-featured  a.tombol, .publication-featured  a.tombol:hover{
   		background-color: #045800;
   		text-decoration: none;
   		color: #ffffff;
   		padding: 10px 20px; 
   		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;

   	}

   	.publication-featured {
   		 margin-bottom: 30px;
   	}

   	.publication-detail > a, .publication-detail > a:hover{
   		background-color: #045800;
   		text-decoration: none;
   		color: #ffffff;
   		padding: 10px 20px; 
   		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -khtml-border-radius: 10px;
	    border-radius: 10px;
   	}
   	ul.publication-ul{
   		list-style: none;
   		margin-left: 0px;
   		margin-top: 0px;
   	}

   	ul.publication-ul > li > img{
   		float: left;
   		margin-right: 20px;
   		margin-bottom: 60px;
   		width: 130px;
   		margin-top: 10px;
   	}

   	ul.publication-ul > li{
   		clear: both;
   		margin-bottom: 20px;
   		border-bottom: 2px solid #1d8e19;
   		padding-bottom: 20px;
   	}

   	ul.publication-ul  li  h3{
   		margin-top: 0px;
   		font-weight: normal;
   		color: #1d8e19;
   		margin-bottom: 0 !important;
   		font-size: 22px;
   		line-height: 27px !important;
   	}

   	ul.career-ul{
   		list-style: none;
   		margin-left: 0px !important;
   		margin-top: 25px;
   	}

   	ul.career-ul > li > img{
   		float: left;
   		margin-right: 20px;
   		margin-bottom: 20px;
   		width: 150px;
   		margin-top: 10px;
   	}

   	ul.career-ul > li{
   		clear: both;
   		margin-bottom: 30px;
   		border-bottom: 2px solid #f2f0eb;
   		padding-bottom: 20px;
   		padding-left:15px;
   	}

   	ul.career-ul > li > a > h3{
   		margin-top: 0px;
   		font-weight: normal;
   		color: #6ea91e;
   	}

   	ul.career-ul > li > a, ul.career-ul > li > a:hover, ul.career-ul > li > a:active{
   		text-decoration: none;
   	}

   	.pub-headline > p {
   		margin-bottom: 0px;
   	}

   	.pub-date{
   		margin-top: 20px;
   		/*margin-left: 135px;*/
   	}

   	.pub-headline > a, .pub-headline > a:hover, .pub-headline > p > a, .pub-headline > p > a:hover{
   		color: #1d8e19;
   	}

   	.career-headline > p {
   		margin-bottom: 0px;
   		color: #8D8D8D;
   	}

   	.career-headline > a, .career-headline > a:hover, .career-headline > p > a, .career-headline > p > a:hover{
   		color: #1d8e19;
   	}

   	.pub-date > a, .pub-date > a:hover{
   		color: #1d8e19;
   	}

   	.publication-text-wrap {
   		margin-left: 222px;
   	}

   	.publication-text-wrap h3 {
   		color: #b7e886;
   		font-size: 16px;
   		margin:0px;
   		padding:0px;
   	}

   	.publication-text-wrap h4 a, .publication-text-wrap h4 a:hover, .publication-text-wrap h4 a:visited {
   		color: #ffffff;
   		text-decoration: none;
   	}

   	.publication-text-list-wrap {
   		margin-left: 163px;
   		min-height: 194px;
   	}

   	.publication-text-list-wrap a, .publication-text-list-wrap a:hover {
   		text-decoration: none;
   	}

   	.publication-info{
   		margin-top: 20px;
   		margin-bottom: 20px;
   		color: #FFFFFF;
   	}

   	.publication-info > p {
   		margin: 0px 0px 7px 0px;
   		line-height: 16px;
   		font-size: 12px;
   	}

   	.publication-download{
   		margin-bottom: 20px;
   		color: #FFFFFF;
   	}

   	.publication-download > img{
   		float: left;
   		margin-right: 10px;
   		margin-top: 0px;
   	}

   	.publication-tags{
   		margin-bottom: 10px;
   		color: #ffffff;
   	}

   	.publication-tags > a, .publication-tags > a:hover {
   		color: #1d8e19;
   		text-decoration: none;
   		color: #FFFFFF;
   	}

   	.publication-tags > a:hover {
   		text-decoration: underline;
   	}

   	.publication-share{
   		/*border-bottom: 2px solid #dad4cc;
   		padding-bottom: 20px;
   		color: #FFFFFF;*/
   	}

   	.left-content-career > h2{
   		margin-top: 0px !important;
   		margin-bottom: 0px !important;
   		color: #1d8e19;
   	}

   	.left-content-news > h2 {
   		color: #1d8e19;
   	}

   	.left-content-career p {
   		display:block;
   		float: none;
   	}

   	.left-content-career ul {
   		display:block; 
   		margin: 20px 0px 20px 35px;
   	}

   	.left-content-career ul li {
   		margin:5px 0px;
   	}

   	.left-content-search > h2 {
   		color: #1d8e19;
   	}

   	.news-featured, .opening-partners {
   		background-color: #f5fbee;
   		padding: 20px 20px;
   		color: #6ea91e;
   	}

   	ul.news-ul{
   		list-style: none;
   		margin-left: 0px;
   		margin-top: 10px;
   	}

   	ul.news-ul > li {
   		border-bottom: 2px solid #f2f0eb;
   		padding-bottom: 20px;
   		margin-bottom: 20px;
		min-height:151px;
		overflow:hidden;
   	}

   	ul.news-ul > li > a > img{
   		float: left;
   		margin-right: 20px;
   		margin-bottom: 20px;
   		width: 250px;
   		margin-top: 15px;
   	}

   	ul.news-ul > li a, ul.news-ul > li  a:hover, ul.news-ul  li  a:focus{
   		clear: both;
   		margin-bottom: 30px;   		
   		padding-bottom: 20px;
   		text-decoration: none;
   		color: #6ea91e;
   	}

   	ul.news-ul  li  h3 a, ul.news-ul  li  h3 a:visited{
   		margin-top: 0px;
   		font-weight: normal;
   		color: #6ea91e;
   		margin-bottom: 0px;
   	}

   	ul.search-ul{
   		list-style: none;
   		margin-left: 50px;
   		margin-top: 10px;
   	}

   	ul.search-ul > li {
   		border-bottom: 2px solid #f2f0eb;
   		padding-bottom: 10px;
   		margin-bottom: 10px;
   	}

   	ul.search-ul > li > a > img{
   		float: left;
   		margin-right: 20px;
   		margin-bottom: 20px;
   		width: 250px;
   		margin-top: 10px;
   	}

   	ul.search-ul > li > a, ul.search-ul > li > a:hover, ul.search-ul > li > a:focus{
   		clear: both;
   		margin-bottom: 30px;
   		border-bottom: 2px solid #1d8e19;
   		padding-bottom: 20px;
   		text-decoration: none;
   	}

   	ul.search-ul > li > a > h4{
   		margin-top: 0px;
   		font-weight: normal;
   		color: #6ea91e;
   		margin-bottom: 8px;
   	}

   .left-content-search > h3{
   		color: #6ea91e;
   	}

   	.search-date{
   		margin-top: 0px;
   		margin-bottom: 5px;
   		color: #1d8e19;
   		/*margin-left: 135px;*/
   	}

   	.search-headline > p {
   		margin-bottom: 0px;
   	}

   	.search-headline{
   		color: #848484;
   	}

   	.left-content-search > h4{
   		color: #6ea91e;
   	}

   	.news-date{
   		margin-top: 0px;
   		margin-bottom: 5px;
   		color: #1d8e19;
   		/*margin-left: 135px;*/
   	}

   	.news-headline > p {
   		margin-bottom: 0px;
   	}

   	.news-headline{
   		color: #848484;
   	}

   	.left-content-news > h4{
   		color: #6ea91e;
   		font-weight: normal !important;
   		font-size: 18px;
   	}

   	.left-content-news p{
   		line-height: 19px;
   		margin: 0 !important;
   	}

   	.left-content-news > img{
   		margin: 20px 0;
   	}

   	.news-detail-content > p {
   		color: #848484;
   	}

   	.news-tags > a, .news-tags > a:hover {
   		color: #1d8e19;
   		text-decoration: none;
   	}

   	.news-tags{
   		
   		padding-bottom: 20px;
   	}

   	.title-ribbon{
   		vertical-align: middle;
   		color: inherit;
	    font-family: inherit;
	    line-height: 16px;	    
	    font-size: 13px;
	    text-align: center;
   	}

   	.title-ribbon{
   		display:block;
   		margin: auto;
   		width:150px;
   		height:30px;
   		padding-top: 8px;
   	}

   	.green-banner-icon a, .green-banner-icon a:hover, .green-banner-icon a:visited {
   		color: #ffffff;
   	}

   	/* Nivo-SLider */

   	.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
	}
	.nivoSlider img {
	    position:absolute;
	    top:0px;
	    left:0px;
	    display:none;
	}
	.nivoSlider a {
	    border:0;
	    display:block;
	}

	.image_off, .plist:hover .image_on{
	   display:none;
	}

	.image_on, .plist:hover .image_off{
	   display:block;
	}

.separator{
	background-color: #99CC66;
    height: 1px;
    width: 270px;
    margin: 20px 0px 20px 25px;
}

.search-query{
	margin: 3px 0;
}

.publication-download a{
	color: #FFFFFF;
	text-decoration: underline;
}


.publication-download a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.pub-headline,.pub-featured-headline{
	margin-top: 10px;
}

.pub-headline a,
.pub-headline a:hover,
.pub-headline a.active {
	color: #1d8e19;
}

/* OVERRIDE CSS BOOTSTRAP */

.dropdown-menu > li > a {
	line-height: 15px !important;
	margin-bottom: 5px !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  font-weight: normal !important;
  color: #ffffff;
  text-decoration: none;
  background-color: #1D8E19 !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D8E19', endColorstr='#1D8E19', GradientType=0);
}

.dropdown-submenu-long > a:after{
	margin-top: -5px !important;
}

/*.pub-field-search{
	box-shadow: none !important;
	border-top: none !important;
	border-left: none !important;
	border-color: #339900 !important;
	border-width: 2px !important;
	border-radius: 0 !important;*/
	/*display: inherit !important;*/
	/*color: #AEAEAE !important
}*/

.pub-field-search{ 
	border: solid 2px #339900;
	border-radius: 0 !important;
}

.pub-submitsearch{
	background-color: #339900;
	width: 40px;
	height: 30px;
	margin: -30px 0 0 170px
}

.pub-iconsearch{
	margin: 7px 16px;
}

.pub-others{
	color: #339900;
	font-size: 16px;
	font-weight: normal !important;
	margin-top: 25px;
}

.other-project li{
	background-color: #ffffff;
    padding: 5px 0px;
    width: 213px;
    border-top: 1px solid #cccccc;
}

/* MAP CONTAINER */
.map-container{
	background: #1d8e19;
	height: 379px;
	width: 100%;
	overflow: hidden;
}

#project-map {
	background:url(../img/project-map.png) top center no-repeat;
	width: 980px;
	height: 379px;
	display: block;
	margin: auto;
	position: relative;
}

.map-pointer-small {
	position: absolute;
	display: block;
	background:url(../img/map-small-pointer.png) top center no-repeat;
	width: 9px;
	height: 9px;
}

.map-pointer {
	position: absolute;
	display: block;
	background:url(../img/map-pointer.png) top center no-repeat;
	width: 56px;
	height: 59px;
}

.map-pointer-small em, .map-pointer em  {
	display: none;
}


.hover-project {
	position: absolute;
	display: block;
	background: url(../img/hover-bg.png) top left no-repeat;
	width: 215px;
	height: 110px;
	padding: 7px 10px 5px 25px;
	font-size: 11px;
	line-height: 14px;
	font-family: arial;
	color: #1d8e19;
	display: none;
}

/* NEWS */
.news-ul li h3 {
	font-size: 22px;
}

.left-content-news h1 {
	line-height: 37px !important;
	color: #078038;
}

.left-content-news a, .left-content-news a:hover, .left-content-news a:visited  {
	color: #1d8e19;
}

.left-content-news p, .left-content-news p.MsoNormal {
	margin: 0 0 10px !important;
}

.news-tags a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 13px;
}

.partner-img img{
	vertical-align: middle !important;
	
	margin: 0;
	position: center !important;
}

.lang-option {
	/*visibility: hidden;*/
}

.text-area-list {
	margin-left: 270px;
}

li p {
	line-height: 18px;
}

.mail-detail{
	display: none;
}

.pub-detail-headline a{
	color: #fff !important;
	text-decoration: underline !important;
	border-bottom: 1px solid #fff  !important;
}

/*edit by andi*/