@charset "utf-8";

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Global tags and settings */

body, html {
	margin:0;
	padding:0;
}

body {
	background-color: #e5e5e5;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, sans-serif;
}

img { border: 0px solid white; }

#page-wrapper {
	width: 1160px;
	margin: 0 auto;
}

#header {
	height: 65px;
	padding: 20px 0 0 0;
  position: relative;
}

#header .esa-logo {
  background: url("/fileadmin/images/esa_logo_white.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  height: 53px;
  position: absolute;
  right: 20px;
  top: 15px;
  width: 148px;
}

#page {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	min-height: 500px;
	padding-bottom: 40px;
}

#page .slogan {
	color: #6eac49;
	text-shadow: 0 1px 1px #a8a8a8;
	padding-top: 10px;
}
	
h1.slogan {
	font-family: "Ubuntu Condensed";
	font-size: 41px;
	line-height: 41px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #578835;
	margin: 0 20px;
	padding: 0;
	white-space: nowrap;
}

hr { margin: 20px 0; height: 1px; padding: 0; border: 0; background-color: #ccc; }
hr.clr { margin: 0 0 20px; height: 1px; padding: 30px 0 0; border: 0; border-bottom: 1px solid #ccc; clear: both; background-color: transparent; }

/* Start Page */

.sat {
	/* background-image: url(../images/startpage_sat.png);
	background-repeat: no-repeat;
	background-position: right center; */
	height: 228px;
	width: 434px;	
	right: 30px;
	top: 10px;
	position: absolute;
}

.logo-navi {
	width: 1160px;
	background-image: url(../images/startpage_bg_orbit_top.png);
	background-repeat: no-repeat;
	background-position: center 150px;
	height: 650px;
	position: relative;
	padding-bottom: 30px;
}

.logo-navi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 20px;
	top: 276px;
}

.logo-navi li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 215px;
	height: 215px;
	margin: 0;
	padding: 0;
}

.logo-navi li.terrestrial { left: 0px; }
.logo-navi li.aquatic { left: 225px; }
.logo-navi li.coastal { left: 450px; }
.logo-navi li.rnd { left: 675px; }
.logo-navi li.users { left: 900px; }

.logo-navi li.rollover { top: -7px; width: 230px; height: 230px; }
.logo-navi li.terrestrial.rollover { left: -7px; }
.logo-navi li.aquatic.rollover { left: 218px; }
.logo-navi li.coastal.rollover { left: 443px; }
.logo-navi li.rnd.rollover { left: 668px; }
.logo-navi li.users.rollover { left: 893px; }

.ttip {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #555555;
  font-size: 14px;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  display: none;
}

.sat .ttip {
  position: absolute;
  width: 300px;
  bottom: -30px;
  left: 102px;
}

.earth .ttip {
  position: absolute;
  width: 300px;
  bottom: 131px;
  left: 416px;
}

.earth img {
  left: 371px;
  position: absolute;
  top: 183px;
}

.orbit-bottom img {
  left: 213px;
  position: absolute;
  top: 416px;
}

.logo-navi li.rollover .ttip { display: block; }
.sat.rollover .ttip { display: block; }
.earth.rollover .ttip { display: block; }

.sat.rollover img { width: 454px; left: -10px; position: relative; }
.earth.rollover img { width: 429px; left: 361px; top: 173px; }

a { text-decoration: none; color: #6eac49; }
a:hover { text-decoration: underline; color: #2a87cb; }

#start-navi { text-align: center; }
#start-navi ul {
	list-style-type: none;
	margin: 30px auto;
	padding: 0;
}

#start-navi ul li {
	display: inline-block;
	padding: 7px 14px;
	margin: 7px 18px;
	font-size: 16px;
	color: #fff;
	background-color: #4D9723;
	border-radius: 6px;
}

#start-navi ul li a { color: inherit; text-decoration: none; }
#start-navi ul li a:hover { text-decoration: underline; }

.category-overview { padding: 30px 0 0; margin: 0; float: left; position: relative; left: 50%; }
.category-overview ul { list-style-type: none; padding: 0; margin: 0; float: left; position: relative; left: -50%; }
.category-overview ul li { float: left; }
.category-overview ul li a { display: block; padding: 10px 12px; margin: 0 0 0 20px; float: left; background-color: #538532; color: #ffffff; font-size: 13px; font-weight: bold; border-radius: 8px; text-decoration: none; }
.category-overview ul li a:hover { background-color: #7bc549; }
.category-overview ul li:first-child a { margin: 0; }

/* News on Startpage */

.news-start { margin: 20px 0; }

.news-start .news-list-container {
  padding: 10px 0;
  margin: 30px 0;
}

.news-start .news-list-item {
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  float: left;
  margin: 0 30px 0 0;
  padding: 15px 15px 35px;
  width: 336px;
  position: relative;
}

.news-start .news-list-item:nth-child(3n+0) {
  margin: 0;
}

.news-start .news-list-date {
  font-size: 10px;
  color: #777;
  float: none;
  padding: 0;
  margin: 0;
}

.news-start h2 {
  font-family: "Ubuntu Condensed";
  font-size: 18px;
  color: #555;
  font-weight: normal;
  margin: 0 0 8px 0;
}

.news-start h2 a { color: #555; }
.news-start hr { padding: 0; margin: 5px 0 10px; height: 1px; border: 0px solid white; background-color: #ccc; }
.news-start p { color: #555; font-size: 14px; }
.news-start .news-list-morelink { font-size: 14px; padding-left: 30px; color: #999; display: block; position: absolute; bottom: 15px; right: 15px; }
.news-start .news-list-morelink a { color: inherit; }

.news-list-container IMG { border: medium none; float: left; margin: 15px 15px 15px 0; }

/* News Single */

.news-single-rightbox { padding-top: 13px; font-size: 14px; color: #777; }

#page-content .news-single-item h1 { margin: 0; }
#page-content .news-single-item h2 { margin: 20px 0 30px; }
#page-content .news-single-item hr { margin: 5px 0 0; }

.news-single-backlink { display: block; margin-top: 60px; padding: 0;}
.news-single-backlink a { font-size: 14px; color: #999; text-decoration: none; }
.news-single-backlink a:hover { text-decoration: underline; }

.news-single-img { margin: 0 0 15px 30px; }

/* Footer */

#footer { margin-top: 30px; margin-bottom: 40px; color: #3e3e3e; font-size: 12px; padding: 0 20px;}
#footer .copyright { float: left; }
#footer .footer-navi { float: right; }
#footer .footer-navi ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#footer .footer-navi ul li { float: left; margin-right: 40px; }
#footer .footer-navi ul li:last-child { margin-right: 0; }
#footer .footer-navi ul li a { color: #3e3e3e; }


/* ------------------- */
/* --- Breadcrumbs --- */
/* ------------------- */


.content-column #breadcrumbs { padding: 10px 0 30px; margin: 0; }
.content-column #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; }
.content-column #breadcrumbs ul li { float: left; font-size: 11px; color: #a89c85; margin: 0 15px 0 0; padding: 0; }
.content-column #breadcrumbs ul li a { color: inherit; font: inherit; }
.content-column #breadcrumbs ul li.spacer { color: c9bfad; }


/* -------------------- */
/* --- Page-Level 1 --- */
/* -------------------- */


body > div.page-level1 {
  background-color: #e5e5e5;
  background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

body > div.page-level1.earth-observation { background-image: url(../images/headerbg/hd_rnd.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial { background-image: url(../images/headerbg/hd_terrestrial.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.aquatic { background-image: url(../images/headerbg/hd_aquatic.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.coastal { background-image: url(../images/headerbg/hd_coastal.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.rnd { background-image: url(../images/headerbg/hd_rnd.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.users { background-image: url(../images/headerbg/hd_users.jpg); background-repeat: no-repeat; background-position: center top; }

body > div.page-level1.terrestrial-urban { background-image: url(../images/headerbg/hd_terrestrial_urban.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial-forest { background-image: url(../images/headerbg/hd_terrestrial.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial-cultivated { background-image: url(../images/headerbg/hd_terrestrial_cultivated.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial-dryland { background-image: url(../images/headerbg/hd_terrestrial_dryland.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial-mountain { background-image: url(../images/headerbg/hd_terrestrial_mountain.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.terrestrial-island { background-image: url(../images/headerbg/hd_terrestrial_island.jpg); background-repeat: no-repeat; background-position: center top; }

body > div.page-level1.aquatic-freshwater { background-image: url(../images/headerbg/hd_aquatic_freshwater.jpg); background-repeat: no-repeat; background-position: center top; }
body > div.page-level1.aquatic-marine { background-image: url(../images/headerbg/hd_aquatic_marine.jpg); background-repeat: no-repeat; background-position: center top; }

body > div.page-level1.coastal-coastal { background-image: url(../images/headerbg/hd_coastal2.jpg); background-repeat: no-repeat; background-position: center top; }

.page-level1 h1.slogan {
  font-size: 29px; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
}

.page-level1 #header {
	height: 65px;
	padding: 20px 0 0 0;
	background-image: none; /* url(../images/slogan_bg.png); */
	background-repeat: no-repeat;
	background-position: center top;
}

.page-level1 .navi-column {
  width: 220px;
  margin: 0 30px 0 0;
  float: left;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Navi Logo */

.page-level1 .navi-column .logo {
  width: 220px;
  padding: 20px 0 38px 0;
  text-align: center;
  border: 0px solid white;
}

.page-level1 .navi-column .logo img { border: 0px solid white; margin-top: 20px;}

/* Main Navigation */

.page-level1 ul.main-navigation { list-style-type: none; padding: 0; margin: 0; }
.page-level1 ul.main-navigation li { margin: 0 0 2px; padding: 0; }
.page-level1 ul.main-navigation li a { display: block; background-color: #a89c85; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 14px; padding: 8px 16px; color: #ffffff; text-decoration: none; }
.page-level1 ul.main-navigation li.active > a { background-color: #4d9723; }

.page-level1 ul.main-navigation li ul { background-color: transparent; color: #6b604c; padding: 7px 10px; font-size: 14px; line-height: 18px; font-weight: normal; list-style-image: url(../images/list_arrow.png); margin: 0px; }
.page-level1 ul.main-navigation li ul li { margin: 5px 0 8px 20px; }
.page-level1 ul.main-navigation li ul li a { color: #6b604c; background-color: transparent; display: inline; border-radius: 0; padding: 0; margin: 0; }
.page-level1 ul.main-navigation li ul li.active > a { color: #4d9723; background-color: transparent; }

.page-level1 ul.main-navigation li ul li ul { background-color: transparent; color: #6b604c; font-size: 12px; line-height: 16px; font-weight: normal; list-style-image: none; margin: 0px; padding: 7px 10px; }
.page-level1 ul.main-navigation li ul li ul li { margin: 5px 0 8px 20px; }
.page-level1 ul.main-navigation li ul li ul li a { color: #6b604c; background-color: transparent; display: inline; border-radius: 0; padding: 0; margin: 0; }
.page-level1 ul.main-navigation li ul li ul li.active > a { color: #4d9723; background-color: transparent; }

/* Content Column */

.page-level1 .content-column {
  float: left;
  width: 880px;
  padding-top: 40px;
}

.page-level1 .content-column h1 { color: #514f4a; font-family: "Ubuntu Condensed"; font-size: 30px; font-weight: normal; line-height: 30px; margin: 0 0 26px; padding: 0; }
.page-level1 .content-column h2 { color: #514f4a; font-family: "Ubuntu Condensed"; font-size: 24px; font-weight: normal; line-height: 24px; margin: 30px 0 20px; padding: 0; }
.page-level1 .content-column p  { color: #514f4a; font-size: 14px; }

.page-level1 .content-column ul { list-style-type: disc; }
.page-level1 .content-column ul li { color: #514f4a; font-size: 14px; margin-bottom: 14px;}


/* ---------------------- */
/* --- Category Boxes --- */
/* ---------------------- */

.category-boxes { margin-right: -32px; }

.category-box {
  width: 272px;
 /* height: 285px; */
  height: 213px;
  border-radius: 8px;
  overflow: hidden;
  margin: 32px 32px 0 0;
  padding: 0;
  float: left;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
}

.category-box .photo {
  width: 100%;
  height: 181px;
  margin: 0;
  padding: 0;
}

.category-box img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
}

/* .category-box .cb-info { background-color: #4f952c; border: 1px solid #4f952c; height: 104px; } */
.category-box .cb-info { background-color: #4f952c; border: 1px solid #4f952c; height: 32px; }

.category-box .cb-info h3 {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  margin: 7px 13px;
  padding: 0;
}

.category-box .cb-info p {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  margin: 6px 13px;
  padding: 0;
}

.category-box .cb-info a { color: #fff; font-size: inherit; font-weight: inherit; text-decoration: none; }
.category-box .cb-info a:hover { text-decoration: underline; }


/* Case Studies */
/* (Map View) */

.page-level1 .content-column H3.showcase-group {
  font-size: 18px;
  font-weight: bold;
	color: #514F4A;
}

.page-level1 .content-column UL.showcase-list {
	list-style-type: square;
	margin: 20px 0 0 20px;
	padding: 0;
}

.page-level1 .content-column UL.showcase-list LI {
  font-size: 14px;
	margin: 4px 0;
}

.page-level1 .content-column UL.showcase-list LI A {
	color: #306412;
}
.page-level1 .content-column UL.showcase-list LI A:hover {
	text-decoration: underline;
	color: #7cbb52;
}

/* Projects */

.page-level1 .content-column ul.partner-logos {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.page-level1 .content-column ul.partner-logos li {
  float: left;
  width: 150px;
  text-align: center;
  height: 80px;
  margin: 0 90px 0 0;
  padding: 0;
}

.page-level1 .content-column ul.partner-logos li:nth-child(4n+0) {
  margin: 0px;
}

.page-level1 .content-column ul.partner-logos li img {
  vertical-align: middle;
}

/* Stakeholders */

.table-stakeholders {
  border: 0px solid #999;  
}

.table-stakeholders thead th { text-align: left; vertical-align: top; font-size: 18px; color: #514F4A; }

.table-stakeholders thead th.td-0 { width: 38%; padding: 10px 1.5% 10px 0; margin: 0; }
.table-stakeholders thead th.td-1 { width: 28%; padding: 10px 1.5%; margin: 0; }
.table-stakeholders thead th.td-2 { width: 28%; padding: 10px 0 10px 1.5%; margin: 0; }

.table-stakeholders tbody td.td-0 { width: 38%; padding: 10px 1.5% 10px 0; margin: 0; }
.table-stakeholders tbody td.td-1 { width: 28%; padding: 10px 1.5%; margin: 0; }
.table-stakeholders tbody td.td-2 { width: 28%; padding: 10px 0 10px 1.5%; margin: 0; }

.table-stakeholders tbody td { vertical-align: top; align: left; font-family: Arial, sans-serif; font-size: 14px; color: #514F4A; font-weight: normal; border-top: 1px dotted #999999; }
.table-stakeholders tbody td h3 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 14px; }

.page-level1 .content-column .table-stakeholders td ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.page-level1 .content-column .table-stakeholders td ol {
  margin: 0 0 0 20px;
  padding: 0;
}
.page-level1 .content-column .table-stakeholders li { color: #514F4A; line-height: 21px; margin: 0; padding: 0; }


/* User registration */

.table-reg-announcement table {
  border: 0px solid #999;  
}

.table-reg-announcement thead th { text-align: left; vertical-align: top; font-size: 18px; color: #514F4A; }

.table-reg-announcement thead th.td-0 { width: 23.5%; padding: 10px 1.5% 10px 0; margin: 0; }
.table-reg-announcement thead th.td-1 { width: 72%; padding: 10px 1.5%; margin: 0; }

.table-reg-announcement tbody td.td-0 { width: 23.5%; padding: 10px 1.5% 10px 0; margin: 0; }
.table-reg-announcement tbody td.td-1 { width: 72%; padding: 10px 1.5%; margin: 0; }

.table-reg-announcement tbody td { vertical-align: top; align: left; font-family: Arial, sans-serif; font-size: 14px; color: #514F4A; font-weight: normal; border-top: 1px dotted #999999; }
.table-reg-announcement tbody td h3 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 14px; }


/* table-reg-criteria */

.table-reg-criteria table {
  border: 0px solid #999;  
	background-color: #eae8e4;
}

.table-reg-criteria thead th { text-align: left; vertical-align: top; font-size: 18px; color: #514F4A; background-color: #dedad2; }

.table-reg-criteria thead th.td-0 { width: 6.5%; padding: 10px 1.5% 10px 1.5%; margin: 0; }
.table-reg-criteria thead th.td-1 { width: 34%; padding: 10px 1.5%; margin: 0; }
.table-reg-criteria thead th.td-2 { width: 52%; padding: 10px 0 10px 1.5%; margin: 0; }

.table-reg-criteria tbody td.td-0 { width: 8%; padding: 10px 1.5% 10px 0; margin: 0; text-align: center; font-weight: bold; }
.table-reg-criteria tbody td.td-1 { width: 34%; padding: 10px 1.5%; margin: 0; font-weight: bold; }
.table-reg-criteria tbody td.td-2 { width: 52%; padding: 10px 0 10px 1.5%; margin: 0; }

.table-reg-criteria tbody td { vertical-align: top; align: left; font-family: Arial, sans-serif; font-size: 14px; color: #514F4A; font-weight: normal; border-top: 1px dotted #999999; }
.table-reg-criteria tbody td h3 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 14px; }