 @font-face
{
font-family: mySwiss721;
src: url('/sites/default/files/fontyourface/local_fonts/Swiss_721-normal-normal/Swiss721.ttf'),
url('/sites/default/files/fontyourface/local_fonts/Swiss_721-normal-normal/Swiss721.eot'); /* IE9 */
}
/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body{
color:#003952;
font-size: 0.9em;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 5px;
}

a:link, a:visited {
    color: #003952;
    text-decoration: underline;
}

h1 {
font-size:1.7em;
}

h2 {
font-size:1.3em;
}

h3{
font-size:1.2em;
}

h1, h2, h3, h4, h5, h6 {
letter-spacing:0em;
font-family: Verdana;
color: #00A1A8;
}

td {
vertical-align:top;
}

ul {
margin-left:15px;
}

sup{
	font-size:0.6em;
	vertical-align:super;
}

/* search */

	.search-form {
	margin-bottom: 0;
	}

	.search-form input {
	border: 1px solid lightgray;
	color:lightgray;
	padding: 2px 3px;
	}

	.search-form input:focus {
	color:#003952;
	border: 1px solid #003952;
	}

/* /search */


/* Blöcke, zones and regions */

	.region-branding-inner{
	margin-top:15px;}

	.block-block-3{
	float:right;
	margin-top:20px;
	margin-right:0px;
	}

	.block-superfish-1 a {
	text-decoration:none;
	}

	.block-superfish-1 active a:active{
	font-weight: normal;
	color:white;
	}

	.block-search.block-form.block-search-form {
	float: right;
	}

	.zone-content{
	margin:10px;
	padding-left:12px;
	overflow:hidden;
	}

	.region-content-inner{
	border-top:solid 1px lightgray;
	overflow:hidden;
	}

	.block-superfish-1{
	padding-top:65px;
	}

	.zone-preface{
	margin-top:20px;
	}

	.section-footer{margin-top:30px;}

/* /Blöcke, zones and regions */


/*
<Menüs
*/
	.block-menu-menu-internal-area ul li.leaf{
	float:left;
	list-style:none;}

	/* remove external link icon for LOGIN */
	.region-preface-first span.ext{
	background: none;
	}
/*
</Menüs
*/


.panel-pane.pane-custom.pane-1{
background-color:#00A1A8;
}

.panel-pane.pane-custom.pane-1 h2{
color:#ffffff;
}

.panel-pane h2{
font-size:1em;
letter-spacing:1px;
}

.panel-pane.pane-custom.pane-1 a:hover{
color:#ffffff;
}

.panel-panel .grid-12{
border-top: solid 1px black;
}



.panel-pane  .field-name-field-teaser-image img,
.panel-pane  .field-name-field-image img,
.frontpage-layout .views-field-field-image img,
.view-publication-landing-block .views-row img{
    width:100%;
    max-width:360px;
    height: auto;
    float:left;
}


.views-row {
margin-bottom:20px;
}




/* ############################## partners ############################## */
.view-partner-profiles .views-field-body {
    margin-left: 27%;
}
.view-partner-profiles .views-field-title {
    margin-left: 27%;
}

.node>.content>.field{
    margin-left: 37%;
}

.node .field.field-name-field-logo,
.node .field.field-name-field-teaser-image,
.node .field.field-name-field-field-image{
	margin-left:0px;
}

.views-field.views-field-title a{
color: #00A1A8;
text-decoration:none;
}

.views-field-field-logo
 {
float:left;
}
/* subview people */
.view-partner-profiles .views-field-view {
	margin-left: 27%;
}

.view-partner-profiles .fieldset-wrapper .views-field-field-teaser-image{
	float:left;
}

tr:hover td{
	background-color:white;
}


.ppimage{
padding-right:15px;
padding-bottom:5px;
}


/*###################### VIEWS AND FRONTPAGE LAYOUT ######################*/

.pane-title a{
font-style: normal;
font-variant: normal;
color: #00a1a8;
text-decoration:none;
}

.section-header{
background: rgb(1,94,96); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(1,94,96,1) 0%, rgba(27,149,151,1) 5%, rgba(0,161,168,1) 10%, rgba(0,161,168,1) 90%, rgba(27,149,151,1) 95%, rgba(1,94,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,94,96,1)), color-stop(5%,rgba(27,149,151,1)), color-stop(10%,rgba(0,161,168,1)), color-stop(90%,rgba(0,161,168,1)), color-stop(95%,rgba(27,149,151,1)), color-stop(100%,rgba(1,94,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(1,94,96,1) 0%,rgba(27,149,151,1) 5%,rgba(0,161,168,1) 10%,rgba(0,161,168,1) 90%,rgba(27,149,151,1) 95%,rgba(1,94,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(1,94,96,1) 0%,rgba(27,149,151,1) 5%,rgba(0,161,168,1) 10%,rgba(0,161,168,1) 90%,rgba(27,149,151,1) 95%,rgba(1,94,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(1,94,96,1) 0%,rgba(27,149,151,1) 5%,rgba(0,161,168,1) 10%,rgba(0,161,168,1) 90%,rgba(27,149,151,1) 95%,rgba(1,94,96,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(1,94,96,1) 0%,rgba(27,149,151,1) 5%,rgba(0,161,168,1) 10%,rgba(0,161,168,1) 90%,rgba(27,149,151,1) 95%,rgba(1,94,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015e60', endColorstr='#015e60',GradientType=1 ); /* IE6-9 */
-webkit-box-shadow: 0px 4px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 4px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 4px 5px rgba(50, 50, 50, 0.75);
}

body{
width:100%;
height:100%;
background: white; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(144,144,144,1) 0%, rgba(220,220,220,1) 5%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(220,220,220,1) 95%, rgba(144,144,144,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(144,144,144,1)), color-stop(5%,rgba(220,220,220,1)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(95%,rgba(220,220,220,1)), color-stop(100%,rgba(144,144,144,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(144,144,144,1) 0%,rgba(220,220,220,1) 5%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(220,220,220,1) 95%,rgba(144,144,144,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(144,144,144,1) 0%,rgba(220,220,220,1) 5%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(220,220,220,1) 95%,rgba(144,144,144,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(144,144,144,1) 0%,rgba(220,220,220,1) 5%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(220,220,220,1) 95%,rgba(144,144,144,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(144,144,144,1) 0%,rgba(220,220,220,1) 5%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(220,220,220,1) 95%,rgba(144,144,144,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#909090',GradientType=1 ); /* IE6-9 */


}

.node-links{
float:right;}

.branding-data{
float:left;
}

.pane-node .node .field{
	margin-left:0px;
}

.panel-pane,
.frontpage-layout div.views-row.views-row-1{
	border: solid 1px lightgray;
	margin:10px 0px 0px 0px;
	padding:10px;
}

.region-preface-first a{
color:lightgray;
text-decoration:none;
}


.node-links ul li a, .comment-links ul li a {
    color: #003952;
    text-decoration: underline;
    border: 0 none;
    font: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    list-style-type: none;
    background:none;
    display:inline;
    float:none;
}



.field-name-field-logo{
float:right;
}

.views-row hr{
	background-color:lightgray;
}

body.page-node .field-name-field-teaser-image ,
body.page-node .field-name-field-image,
.node>.content>.field-name-field-image,
body.page-node #getlocations_map_canvas_key_1 {
	width:36%;
  margin-left:0px;
  float:left;
}

.view-getlocations-map-allnodes #getlocations_map_wrapper_key_1{ float:right;}

#twitterpane {
	height:auto;
	padding:0px 10px 0px 10px;
}

#twitterpane .beforetweets{
	width:60px;
	float: left;
}

#twitterpane img{
	margin-right: 5px;
	margin-top: 18px;
	width: 60px;
}

#twitterpane .twitter-headline{
	font-weight:bold;
	position:relative;
	padding-top:8px;
}

#twitterpane .twitter-headline a{
	color: #00A1A8;
  font-style: normal;
  font-variant: normal;
	text-decoration:none;
	font-size: 1.1em;
	clear:none;
	padding-left:5px;
}

#twitterpane .twitter-headline span.ext{
	display:none;
}

#twitterpane .item-list ul{
	width:90%;
	top:-5px;
	padding-left:65px;
}

#twitterpane .item-list ul li{
	padding-top:0px;
}
#twitterpane .item-list ul li .ext{
	background: none;
	padding:0px;
}

#twitterpane #twitter-db ul.tweet-list li.first {
	clear:none;
	width: 100% !important;
}



.panel-pane .node>.content>.field-name-field-image{
	width:100%;
}

body .node-cv  .field-name-field-teaser-image img{
	float:left;
  max-width: 360px;
  width: 100%;
  height: auto;
}


body.page-node .field-name-field-image img,
body.page-node #getlocations_map_canvas_key_1{
	float:left;
  max-width: 360px;
  width: 100%;
  height: auto;
}

.front #upper-top-bar .pane-content{
    background-image: url("../images/homepage.png");
    position: relative;
}


.page-events-list .views-row-1{
	background: url("../images/events_a.png") no-repeat 10px 10px;
  position: relative;
}
/*
.page-publications .views-row-1{
	background: url("../images/publications_2.png") no-repeat;
}

.page-projects-list .views-row-1{
	background: url("../images/projects_2.png") no-repeat;
}

.page-publications .views-row-1,
.page-projects-list .views-row-1,
.page-events-list .views-row-1{
	background-position:center;
  position: relative;
  padding:10px 10px;
}

.view-publications-views .views-exposed-widget {
position: relative;
    top: -50px;
}
*/
.panel-pane #node-page-3{
	background: rgba(0, 0, 0, .4);
	color:white;
}
.panel-pane #node-page-3 a{
	color:white;
}

#node-page-131,
.frontpage-layout div.views-row.views-row-1 .row-wrapper{
	color: white;
	background: rgba(0, 0, 0, .4);
	padding-right: 20px;
}

body.page-node .node-cv .field-name-field-teaser-image img{
	width:auto;
	margin:0px;
}


.panel-pane #node-page-131 h2.pane-title{

}

.panel-pane #node-page-3  h2.pane-title,
.panel-pane #node-page-3 nav {
	display:none;
}

#top-pane  h1.pane-title {
	color:white;
	float:right;
	margin-right:44%;
	padding-top:30px;
}

.panel-pane #node-page-3  h1,
.panel-pane #node-page-131 h1{
	font-size:1.2em;
	color:white;
	font-weight:bold;
	padding: 1% 0;
}

.panel-pane #node-page-131 .field-name-body{
	color:white;
	padding-top:30px;
	margin-left: 35%;
}

.panel-pane #node-page-3 .field-name-field-teaser-image,
.panel-pane #node-page-131 .field-name-field-teaser-image{
	width:32%;
	margin:0px;
}

.panel-pane #node-page-3 .field-name-field-teaser-image img,
.panel-pane #node-page-131 .field-name-field-teaser-image img{
	width:auto;
	margin:0px;
}

.panel-panel .block-custom-1 .block-title,
.page-events-list .view-footer{
	padding-top:10px;
	color: lightgray;
	font-size: 0.9 em;
	text-transform: uppercase;
}

.page-events-list .views-field-php{
	background:url("../images/ribbon.png") no-repeat;
	height: 77px;
    left: -13px;
    position: relative;
    width: 157px;
}

.page-events-list .views-field-php span {
	font-weight: bold;
	left: 23px;
	position: relative;
  top: 37px;
}

.page-events-list .views-field-php span{
	margin-top:50px;
}

.panel-panel .block-custom-1 p{
	display:none;
}

.page-events-list .frontpage-layout div.views-row.views-row{
	margin-top:50px;
}

.page-events-list .frontpage-layout div.views-row.views-row-1{
	margin-top:20px;
}

.page-events-list .view-footer{
	font-size:1.2em;
	font-weight:bold;
	clear:both;
	position:absolute;
}

.frontpage-layout .views-row{
    border: 1px solid lightgray;
    float: left;
    margin-right: 2%;
    padding: 1%;
    width: 29%;
 		   margin:2% 0% 0% 0%;
}

.frontpage-layout .views-row-3,
.frontpage-layout .views-row-6,
.frontpage-layout .views-row-9{
   margin:2% 3% 0% 3%;
}


.frontpage-layout .views-row .views-field{
	display: block;
	float:none;
}


.frontpage-layout .views-row .views-field-title,
.grid-4 .pane-content .pane-title{
	padding:1% 0%;
	font-weight:bold;
}

.frontpage-layout .views-row h2.node-title a,
.page-taxonomy .node-title a,
.page-taxonomy .node-title a:visited{
	color: #00A1A8;
  font-style: normal;
  font-variant: normal;
	text-decoration:none;
	font-size: 1.1em;
	padding-top:10px;
	clear:none;
}

.page-taxonomy .node-title a{
	font-size:0.6em;
}


.frontpage-layout .views-row.views-row-1{
	width: auto;
	float:none;
	padding:1%;
}
/*
.frontpage-layout .views-row-1 .views-field-field-image,
.frontpage-layout .views-row-1 .views-field-field-teaser-image{
	float:left;
	width:32%;
	margin-right:3%;
}

*/

.frontpage-layout .views-row.views-row-1 .field-name-field-image img,
.frontpage-layout .views-row.views-row-1 .field-name-field-teaser-image img{
    width:100%;
    max-width:360px;
    height: auto;
    float:left;
    margin-bottom:5px;
}

.frontpage-layout .views-row.views-row-1 .views-field-title a{
	color: white;
	font-size:1.2em;
	font-weight:bold;
}

.frontpage-layout .views-row.views-row .views-more-link{
	margin-top:10%;
	display:block;
	float:right;
}

.frontpage-layout .pane-content .node-readmore,
.grid-4 .pane-content .node-readmore{
	bottom: 0;
  position: relative;
  right: 0;
}

/* #### list views #####*/
.list-view{
	margin-left:37%;
	position:relative;
	top:-200px;
}
.page-taxonomy .block-system-main>.content{
	margin-left:37%;
}

.list-view .views-field-field-image,
.page-taxonomy .views-field-field-image{
	float: right;
  width: 30%;
  margin-left:10px;
}

.list-view .views-field-nid,
.page-taxonomy .views-field-nid{
	padding-top:1em;
	float:left;
}


.frontpage-layout  .views-row.subview,
.frontpage-layout .views-row.views-row-1.subview {
	height:auto;
	background:inherit;
	border:none;
	width:auto;
  margin: 0px;
  padding: 0px;
  list-style:circle;
	padding:0px 0px 0px 20px;
}

/* subview */
.frontpage-layout .views-field-view{
	margin-top:1em;
}

.frontpage-layout .views-field-view .views-label{
	font-size:1.0em;
	font-weight:bold;
	color:white;
}

.frontpage-layout  .view-display-id-block_1{
	margin-left:37%;
}

.frontpage-layout .views-row.subview .views-field-title,
.frontpage-layout .views-row.views-row-1.subview .views-field-title{
	font-size:1.0em;
	font-weight:normal;
	padding:0px;
}

.frontpage-layout .views-row.subview .views-field-title a,
.frontpage-layout .views-row.views-row-1.subview .views-field-title a{
	font-weight:normal;
	font-size:1.0em;
}

.frontpage-layout .views-row.subview .views-field-field-date,
.frontpage-layout .views-row.views-row-1.subview .views-field-field-date{
	font-size:0.8em;
	font-weight:normal;
	padding:0px;
}


/* ################### Breadcrumb #######################*/

.breadcrumb{
	margin-left:10px;
}

.breadcrumb,
#block-menu-menu-bottom-links a{
	color: lightgrey;
	text-decoration:none;
	text-transform:uppercase;
}

#block-menu-menu-bottom-links{
	width:250px;
	top:-30px;
	right:8px;
}

#block-menu-menu-bottom-links ul.menu li.leaf{
	list-style-type: none;
	list-style-image: none;
	float:left;
}

.page-publications #page-title,
.page-events-list #page-title,
.page-projects-list #page-title{
	display:none;
}



/* ################### Adaptation snapshots slideshow ################### */
#views_slideshow_cycle_main_adaptation_snapshots-page{
	color: #003952;
	background-color:#00a1a8;
	padding:10px;
  margin-right: 20px;
}

#views_slideshow_cycle_main_adaptation_snapshots-page .views-row{
	margin:0px;
}

#views_slideshow_cycle_main_adaptation_snapshots-page .views-field-title{
	position:absolute;
	opacity:0.6;
	padding:2px 5px;
	bottom:30px;
	background:white;
	right:5px;
}


.views-slideshow-controls-bottom .views-field-counter{
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	color: transparent;
	cursor: pointer;
	float: left;
	height: 10px;
	margin: 3px 5px;
	overflow: hidden;
	width: 10px;
}


.views-slideshow-controls-bottom .active .views-field-counter {
	background: none repeat scroll 0 0 #00a1a8;
}

.views-slideshow-controls-bottom .views-field-counter .views-content-counter{
	display:hide;
}

.views-slideshow-controls-bottom{
	margin-left:550px;
	width:100px;
}

.view-getlocations-map-allnodes .view-header {
    float: left;
    margin-right: 40px;
    width: 28%;
}

.view-adaptation-snapshots .view-footer{
	margin-top:15px;
}

/* ################## contact and newsletter ############# */
.page-contact h1 {
    display:none;
}

#block-block-5, #block-mailchimp-lists-base-project-list{
		margin-bottom:20px;
}

.contact-form {
	margin-top:100px;
}

#block-block-5 .block-title{
	font-size: 1.7em;
	padding-top: 50px;
	width: 37%;
}

#block-block-7 .block-title{
	font-size: 1.7em;
}

#block-block-7{
	position:relative;
	top: 80px;
	padding-top:0px;
	border-top: 1px solid #D3D3D3;
}

.contact-form,
#block-block-5 .content,
#block-block-7 .content,
#block-mailchimp-lists-base-project-list{
	margin-left:37%;
}

/* ################## case studies ##################### */
#block-block-6{
	width:25%;
	top: 300px;
	position: absolute;
}

#block-block-6 .box{
	height:1em;
	width:1em;
	float:left;
	margin:4px 10px 0px 0px;
}

#block-block-6 ul{
	list-style-type:none;
}


#block-block-6 .box.green{
	background-color:green;
}

#block-block-6 .box.blue{
	background-color:blue;
}

#block-block-6 .box.purple{
	background-color:purple;
}

#block-block-6 .box.orange{
	background-color:orange;
}

#block-block-6 .box.yellow{
	background-color:yellow;
}

#block-block-6 .box.red{
	background-color:red;
}
/* ################# Publications ################## */


.page-node-316 #page-title,
.page-node-316 .tabs.primary{
  display:none;
}

.page-node-316 #quicktabs-container-publications{
  z-index: 1;
  position: relative;
}

.page-node-316 #quicktabs-publications .item-list{
  z-index: 2;
  position: relative;
}

.page-node-316 .list-view{
  top:0px;
  padding:20px;
  border: 2px solid #00A1A8;
  margin-left: 0%;
}

.page-node-316 #block-quicktabs-publications h2{
  font-size:24px;
  margin-bottom:15px;
}

.page-node-316 #block-quicktabs-publications li{
  display:block;
  border: 1px solid #D3D3D3;
  border-right: 2px solid #00A1A8;
  background:white;
  margin:0px;
}

.page-node-316 #block-quicktabs-publications li.active{
  border: 2px solid #00A1A8;
  border-right:0px;
}

.page-node-316 #block-quicktabs-publications li a{
  color:#00A1A8;
  text-decoration: none;
  text-align: left;
  bottom:0px;
  font-size:20px;
  padding:20px;
}

.page-node-316 #block-quicktabs-publications .views-field-body{
  font-size:0.85em;
}

.page-node-316 .view-filters{
  height:100px;
}

.page-node-316 .list-view .clearfix{
  height:auto !important;
  clear:none!important;
}

/* ################# Case Studies ################## */
.node-type-case-studie #block-system-main .content .content{
  position:relative;
}

.node-type-case-studie .field-name-field-banner-image{
  margin-bottom: 1em;
}

.node-type-case-studie #block-system-main .banner-image-wrapper{
  position:absolute;
  background: rgba(0, 0, 0, .4);
  color: white;
  width:100%;
  max-width:1138px;
  padding:0px 10px 5px;
  top:220px;
}


.node-type-case-studie #region-content h1{ display:none; }
.node-type-case-studie #region-content #block-system-main h1{
  display:block;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.3rem 0 0px 0px;
}

.node-type-case-studie .field-name-field-map-pointer,
.node-type-case-studie .field-name-field-total-budget,
.node-type-case-studie .field-name-field-adaptation-challenge,
.node-type-case-studie .field-name-field-sector-affected{
  float:left;
  font-size:0.8em;
  padding-right:2em;
}
.node-type-case-studie .field-name-field-map-pointer .locality{ float:left; }

#block-system-main .banner-image-wrapper a{
  color:white;
  padding-right:0.8em;
}
.node-type-case-studie .field-name-body{
  padding: 0px 20% 0px 10px;
}

/* ################# Extras ################## */
.context-video-about-base-project #node-publication-231 .field-name-field-image{
	display:none;
}

.block-views-publications-views-block-1 .row-node-231 .views-field-field-image{
	display:none;
}

.front #node-publication-231 iframe{
	display:none;
}

.page-node-315 .field-name-field-image{
  display:none;
}

.page-node-315 .node > .content > .field {
    margin-left: 0%;
}
