* {
	font-family: 'Spoon-Regular', Helvetica, Arial, Sans-Serif;
}



#site-body div#contentContainer {
    width: 877px;
    margin: 0 auto;
}


/*
Blitzblau	#43c7f4;
Mittelblau	#357d9c;
Dunkelblau	#002339;
Gelb		#cbdf7c;

*/




/* pop-up headline */
.modal-header


/* pop-up body */
.modal-body{
	color: rgba(0,0,0,1.00);
    
}


div.themes-list ul {
    
}


.nav-tabs{
	border-bottom-color: #357d9c;
}



ul {
	padding: 0px;
	margin-left: 61px;
	margin-right: 0px;
	margin-bottom: 30px;
    
}



.tabtable{
	background-color: #002339;
}


#contentWrapper{
	background-color: #002339;
	color: #43c7f4;
	margin:0px;
	padding:0px;
}


.nav nav-tabs contest-tab{
	margin:20px;
	padding:20px;
}


#tab01, #tab02, #tab03{
	background-color: #002339;
}


#tab01 p, #tab02 p, #tab03 p{

}


#tab02{
	background: url(/images/Why-Space-Matters/About-UNOOSA.png);
}


.puzzle{
	position:relative;
	float:left;
	width: 265px;
	margin-right: 26px;
}


.puzzlelong{
	position:relative;
	float:left;
	width: 530px;
	margin-right: 26px;
}




a:link { color: #43c7f4; }


a:hover, a:active { 
	color: #cbdf7c; 
}


a:visited { color: #0080a5; }



/*
Blitzblau	#43c7f4;
Mittelblau	#357d9c;
Dunkelblau	#002339;
Gelb		#cbdf7c;

*/



/*
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
	border: 0px;
	border-bottom-color: #357d9c;
    color: #43c7f4;
    cursor: default;
}
*/




/*
.nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
	border: 0px;
	border-radius: 7px 7px 0 0;
	border-bottom-color: #357d9c;
    cursor: default;

}
*/



.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:visited {
  border: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-radius: 7px 7px 0 0;
  border-bottom-color: #357d9c;
  margin-right: 7px;
  background-color: #294568;
  color: #43c7f4;

}

.nav-tabs>li>a:hover {
	color: #ffffff;
	background-color: #43c7f4;
}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus  {
	border: 0px;
	  border-bottom: 1px;
	border-radius: 7px 7px 0 0;
	
	margin-right: 7px;
    cursor: default;
	background-color: #ffffff;
	color: #43c7f4;
	font-family: 'Spoon-Bold';
}





/*
#contentWrapper{
	background-color: rgba(65,164,212,1.00);
	margin: 0px;
	padding: 0px;
}


#titleimage{
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	background-image: /images/Why-Space-Matters/Why-Space-Matters_3.png;
}
*/

#website-nav{
	background-color: red;
}


#headerContainer{
	display:none;
}


#navContainer{
	display:none;
}


#footer{
	display:none;
}





.bold{
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
}

.yellow{
	color: #cbdf7c;
}

.boldyellow{
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color: #cbdf7c;
}

.regularyellow{
	font-family: 'Spoon-Regular', Helvetica, Arial, Sans-Serif;
	color: #cbdf7c;
}

.boldblue{
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color: #43c7f4;
}

.boldblueindent{
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color: #43c7f4;
	padding-left: 53px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 24px;
}


.italic{
	text-decoration: italic;
}






.pagecontainer{
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 877px;

}




/*  THEMES  */

div.themes-list ul li {
    display:inline-table;
    margin: 10px 0;
}

div.themes-list ul li:after, div.themes-list ul li:before {
    content: "";
    display: table-cell;
    width:30px;
    height: 50px;
    background-size: 100% 100%;
}

div.themes-list ul li:after {
        background-image: url(/images/Why-Space-Matters/Themes/rhombus_right.png);
        background-repeat: no-repeat;
}
div.themes-list ul li:before {
        background-image: url(/images/Why-Space-Matters/Themes/rhombus_left.png);
        background-repeat: no-repeat;
}

div.themes-list ul li a {
    display:table-cell;
    vertical-align: middle;
    background-image:url(/images/Why-Space-Matters/Themes/rhombus_middle.png);
    background-repeat: repeat-x;
    background-size: 100% 100%;
    font-size: 14px;
    
}






.themesheader{
	background-image: url(/images/Why-Space-Matters/Themes/Themes-top.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 877px;
	height: 217px;

}

.themestoptext{
	position: absolute;
	width: 310px;
	top:  30px;
	left: 160px;
	color:#cbdf7c;
	font-size:12.5px;
	
}


.themesheadline{
	position: absolute;
	top:  168px;
	left: 65px;
	font-size: 38px;
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color:#cbdf7c;
}

.themecontent{
	margin: 30px;
	color: black;
}




/*  TITLE  */
.titleheader{
	background-image: url(/images/Why-Space-Matters/Title_Why-Space-Matters.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	float: left;
	width: 877px;
	height: 482px;
}

.titleheadline{
	position: absolute;
	top:  330px;
	left: 216px;
	font-size: 63px;
	font-family: 'Spoon-regular', Helvetica, Arial, Sans-Serif;
	color:#cbdf7c;
}





/*  TAB 1 >> WHAT IT IS  */
.whatitisheader{
	background-image: url(/images/Why-Space-Matters/Tab_What-it-is/What-it-is_top.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 877px;
	height: 251px;
}


.whatitisleft{
	background-image: url(/images/Why-Space-Matters/Tab_What-it-is/What-it-is_bottom.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	height: 139px;
}

.whatitisheadline{
	position: absolute;
	top:  168px;
	left: 110px;
	font-size: 38px;
	font-family: 'Spoon-regular', Helvetica, Arial, Sans-Serif;
	color:#cbdf7c;
}




/*  TAB 2 >> ABOUT & YEAR in Space  */
.aboutheader{
	background-image: url(/images/Why-Space-Matters/About-UNOOSA_top.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 877px;
	height: 251px;
}

.aboutleft{
	background-image: url(/images/Why-Space-Matters/About-UNOOSA_middle_01.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	height: 139px;
}

.aboutheadline1{
	position: absolute;
	top:  168px;
	left: 65px;
	font-size: 38px;
	font-family: 'Spoon-regular', Helvetica, Arial, Sans-Serif;
	color:#43c7f4;
}



.aboutheadline2{
	position: absolute;
	top:  167px;
	left: 522px;
	font-size: 40px;
	font-family: 'Spoon-bold', Helvetica, Arial, Sans-Serif;
	color:#43c7f4;
}



.aboutdivider{
	background-image: url(/images/Why-Space-Matters/About-UNOOSA_middle_03.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 96px;
	height: 243px;
}






/*  TAB 3 >> TERMS  */
.termsheader{
	background-image: url(/images/Why-Space-Matters/Tab_Terms/Terms_top.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 877px;
	height: 251px;
}


.termsleft{
	background-image: url(/images/Why-Space-Matters/Tab_Terms/Terms_left.png);
	background-repeat: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	height: 138px;
}






/*
.modal-body img{
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}
*/


.modal-body{
	padding: 0px;
}



.Agriculture{
	background-image: url(/images/Why-Space-Matters/Themes/Agriculture.png);
	background-repeat: no-repeat;
	height: 381px;
}

.Communication{
	background-image: url(/images/Why-Space-Matters/Themes/Communication.png);
	background-repeat: no-repeat;
	height: 381px;
}

.Disasters{
	background-image: url(/images/Why-Space-Matters/Themes/Disasters.png);
	background-repeat: no-repeat;
	height: 381px;
}

.Education{
	background-image: url(/images/Why-Space-Matters/Themes/Education.png);
	background-repeat: no-repeat;
	height: 381px;
}

.Environment-and-Climate-Change{
	background-image: url(/images/Why-Space-Matters/Themes/Environment-and-Climate-Change.png);
	background-repeat: no-repeat;
	height: 418px;
}

.Global-Health{
	background-image: url(/images/Why-Space-Matters/Themes/Global-Health.png);
	background-repeat: no-repeat;
	height: 381px;
}

.Humanitarian-Assistance{
	background-image: url(/images/Why-Space-Matters/Themes/Humanitarian-Assistance.png);
	background-repeat: no-repeat;
	height: 418px;
}

.Human-Settlements{
	background-image: url(/images/Why-Space-Matters/Themes/Human-Settlements.png);
	background-repeat: no-repeat;
	height: 418px;
}

.International-Peace-and-Security{
	background-image: url(/images/Why-Space-Matters/Themes/International-Peace-and-Security.png);
	background-repeat: no-repeat;
	height: 418px;
}

.RD{
	background-image: url(/images/Why-Space-Matters/Themes/RD.png);
	background-repeat: no-repeat;
	height: 462px;
}

.DT{
	background-image: url(/images/Why-Space-Matters/Themes/DT.png);
	background-repeat: no-repeat;
	height: 418px;
}

.Transportation{
	background-image: url(/images/Why-Space-Matters/Themes/Transportation.png);
	background-repeat: no-repeat;
	height: 381px;
}












.oneliner{
	position: absolute;
	left: 83px;
	top: 321px;
	font-size: 35px;
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color:#43c7f4;
}

.twoliner{
	position: absolute;
	left: 83px;
	top: 324px;
	font-size: 35px;
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color:#43c7f4;
	line-height: 41px;
}

.threeliner{
	position: absolute;
	left: 83px;
	top: 324px;
	font-size: 35px;
	font-family: 'Spoon-Bold', Helvetica, Arial, Sans-Serif;
	color:#43c7f4;
	line-height: 41px;
}



.lightboxtext{
	position: relative;
	padding: 30px;
	font-family: 'Spoon-Regular', Helvetica, Arial, Sans-Serif;
	color:black;
	font-size:14px;
}


#contest-winners-list div.winner-title {
    font-size: 26px;
    margin: 20px 0 10px;
}
a#contest-ig-link {
    position: absolute;
    top: 430px;
    left: 770px;
    z-index: 10;
    font-size: 55px;
    font-weight: normal;
}
a#contest-ig-link:hover {
    color: #cbdf7c;
}