/*////////////////////////////////////
CSS for www.greenchallenge.info
Copyright 2008 Nationale Postcode Loterij
Design & CSS by Bas de Valk
/////////////////////////////////////
Aanpassingen 9 juni 2010 door BdV
************************************/

html { font-size: 100%; /* IE hack */ }
body {
	font-size:62.5%;             /* Explained @ www.clagnut.com/blog/348/ */
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #A0C061 url(../images/bg_groen_gradient.jpg) repeat-x top;
}
/* CLEARING THE FIELD */
p,h1,h2,h3,h4,h5,h6,form,table,ul,li { margin: 0px; padding: 0px; }
img { border: none; }
a:link { color: #060; }
a:visited { color: #060; }
a:hover { color: #060; }
a:active { color: #060; }

/* Navbar */
#header {
	height: 25px;
	width: 100%;
	border-bottom: solid 1px #FFF;
	position: relative;
	z-index: 200;
}
#navContainer { 
	width: 993px; 
	margin: 0 auto; 
	position: relative; 
}
#logoContainer { 
     width: 359px; 
     height: 225px; 
     position: absolute; 
     top: 0px; left: 535px;
     /*background: url(/static/PGC/images/logo_gedachtenwolkje.png);*/
     z-indez: 500;
}
ul.navbar { display: block; width: 520px; margin: 0 0 0 37px; position: absolute; height: 24px; list-style: none; }
.navbar li { float: left; }
.navbar li a {
	display: block; margin: 0 9px; height: 21px; padding-top: 3px;
	letter-spacing: 1px; font-weight: bold; text-transform: uppercase;
	font-size: 1.4em; text-align: center; text-indent: -9999px;
	background: url(../images/navBT_main_phase1.png);
}

ul.navSub {
	position: absolute; width: 452px; height: 21px; top: 27px; left: 0px; margin-left: 81px; list-style: none;
	display: none;
}
.active ul.navSub { display: block; }
.navSub li a {
	font-size: 0.86em;
	text-transform: capitalize;
	height: 20px;
	padding-top: 1px;	
	margin: 0 1px;
}

/* NAVIGATION BUTTONS: MAIN */
li#navHome a			{ width:  55px; background-position: 0 0; }
li#navAbout a 			{ width:  64px; background-position: -64px 0; }
li#navCompetition a	{ width: 150px; background-position: -137px 0; }
li#navActnow a			{ width:  88px; background-position: -296px 0; }
li#navPress a			{ width:  59px; background-position: -394px 0; }

li#navHome a:hover			{ background-position: 0 48px; }
li#navAbout a:hover 			{ background-position: -64px 48px; }
li#navCompetition a:hover	{ background-position: -137px 48px; }
li#navActnow a:hover			{ background-position: -296px 48px; }
li#navPress a:hover			{ background-position: -394px 48px; }

li#navHome.active a			{ background-position: 0 24px; }
li#navAbout.active a 		{ background-position: -64px 24px; }
li#navCompetition.active a	{ background-position: -137px 24px; }
li#navActnow.active a		{ background-position: -296px 24px; }
li#navPress.active a			{ background-position: -394px 24px; }

/* NAVIGATION BUTTONS: SUBNAVIGATION "ABOUT" */
#navAbout .navSub a { background: url(../images/navBT_sub_about.png); }
.navSub li#subSummary a		{ width:  80px; background-position: 0 0; }
.navSub li#subFounders a	{ width:  76px; background-position: -82px 0; }
.navSub li#subHelpdesk a		{ width:  67px; background-position: -291px 0; }
/*.navSub li#subPartners a	{ width:  72px; background-position: -160px 0; }*/
/*.navSub li#subMedia	a		{ width:  55px; background-position: -234px 0; }*/
/*.navSub li#subContact a		{ width:  67px; background-position: -291px 0; }*/

.navSub li#subSummary a:hover		{ background-position: 0 42px; }
.navSub li#subFounders a:hover	{ background-position: -82px 42px; }
.navSub li#subHelpdesk a:hover		{ background-position: -291px 42px; }
/*.navSub li#subPartners a:hover	{ background-position: -160px 42px; }*/
/*.navSub li#subMedia	a:hover		{ background-position: -234px 42px; }*/
/*.navSub li#subContact a:hover		{ background-position: -291px 42px; }*/

.navSub li#subSummary.active a	{ background-position: 0 21px; }
.navSub li#subFounders.active a	{ background-position: -82px 21px; }
.navSub li#subHelpdesk.active a		{ background-position: -291px 21px; }
/*.navSub li#subPartners.active a	{ background-position: -160px 21px; }*/
/*.navSub li#subMedia.active a		{ background-position: -234px 21px; }*/
/*.navSub li#subContact.active a	{ background-position: -291px 21px; }*/

/* NAVIGATION BUTTONS: SUBNAVIGATION "THE COMPETITION" */
#navCompetition .navSub a { background: url(../images/navBT_sub_thecompetition.png); }

.navSub li#subCriteria a	{ width:  103px; background-position: 0 0; }
.navSub li#subCountdown a	{ width:  90px; background-position: -105px 0; }
.navSub li#subRules a		{ width:  90px; background-position: -197px 0; }
.navSub li#subJuries	a		{ width:  55px; background-position: -289px 0; }
.navSub li#subEntryform a { background-image: none; width: 0; height: 0; }
/*.navSub li#subHelpdesk a	{ width:  76px; background-position: -346px 0; }*/

.navSub li#subCriteria a:hover	{ background-position: 0 42px; }
.navSub li#subCountdown a:hover	{ background-position: -105px 42px; }
.navSub li#subRules a:hover		{ background-position: -197px 42px; }
.navSub li#subJuries	a:hover		{ background-position: -289px 42px; }
/*.navSub li#subHelpdesk a:hover		{ background-position: -346px 42px; }*/

.navSub li#subCriteria.active a	{ background-position: 0 21px; }
.navSub li#subCountdown.active a	{ background-position: -105px 21px; }
.navSub li#subRules.active a		{ background-position: -197px 21px; }
.navSub li#subJuries.active a		{ background-position: -289px 21px; }
/*.navSub li#subHelpdesk.active a	{ background-position: -346px 21px; }*/

/* NAVIGATION BUTTONS: SUBNAVIGATION "ACT NOW!" */
#navActnow .navSub a { background: url(../images/navBT_sub_actnow.png); }

.navSub li#subSpread a		{ width:  123px; background-position: 0 0; }
.navSub li#subBanners a		{ width:  70px; background-position: -125px 0; }
.navSub li#subCoolstuff a	{ width:  79px; background-position: -197px 0; }
.navSub li#subInspired	a	{ width:  89px; background-position: -279px 0; }

.navSub li#subSpread a:hover		{ background-position: 0 42px; }
.navSub li#subBanners a:hover		{ background-position: -125px 42px; }
.navSub li#subCoolstuff a:hover	{ background-position: -197px 42px; }
.navSub li#subInspired a:hover	{ background-position: -279px 42px; }

.navSub li#subSpread.active a		{ background-position: 0 21px; }
.navSub li#subBanners.active a	{ background-position: -125px 21px; }
.navSub li#subCoolstuff.active a	{ background-position: -197px 21px; }
.navSub li#subInspired.active a	{ background-position: -279px 21px; }

/* NAVIGATION BUTTONS: SUBNAVIGATION "PRESS" */
#navPress .navSub a { background: url(../images/navBT_sub_press.png); }

.navSub li#subInterviews a				{ width:  84px; background-position: 0 0; }
.navSub li#subPresssub a 				{ background-image: none; width: 0; height: 0; }
.navSub li#subFinalists2009	a			{ width: 106px; background-position: 0 0; } /* Aanpassing 9 juni 2010 */
.navSub li#subFinalists2010	a			{ width: 106px; background-position: 108px 0; } /* Aanpassing 9 juni 2010 */

.navSub li#subInterviews a:hover		{ background-position: 0 42px; }
.navSub li#subFinalists2009	a:hover		{ background-position: 0 42px; } /* Aanpassing 9 juni 2010 */
.navSub li#subFinalists2010	a:hover		{ background-position: 108px 42px; } /* Aanpassing 9 juni 2010 */

.navSub li#subInterviews.active a		{ background-position: 0 21px; }
.navSub li#subFinalists2009.active a	{ background-position: 0 21px; } /* Aanpassing 9 juni 2010 */
.navSub li#subFinalists2010.active a	{ background-position: 108px 21px; } /* Aanpassing 9 juni 2010 */

/* Layout */
div#container {
	z-index: 100;
	width: 993px;
	margin: 0 auto;
	position: relative;
	margin-top: 28px;
}
div#animatieBG {
	position: absolute;
	top: 0;
	height: 380px;
	width: 100%;
	background: url(../images/bg_wolken_still.jpg) repeat-x center;
	z-index: 10;
}
div#colLeft {
	width: 613px;
	float: left;
	/* background-color: #FFCCFF;*/
}
div.kader {
	margin: 21px 0px 39px 11px;
	padding: 18px 40px 0;
	/* width: 602px; */
	width: 522px;
	background: url(../images/kader_bg.png) repeat-y;
	position: relative;
}
.kader span.top {
	width: 602px; height: 18px;
	position: absolute;
	top: -18px; left: 0px;
	background: url(../images/kader_top.png) no-repeat;
}
.kader.wolk span.top {
	width: 613px; height: 111px;
	position: absolute;
	top: -31px; left: -11px;
	background: url(../images/kader_wolktop.png) no-repeat;
}
.kader span.bottom {
	width: 602px; height: 18px;
	position: absolute;
	bottom: -18px; left: 0px;
	background: url(../images/kader_bottom.png) no-repeat;
}

div#colMiddle {
	/* width: 168px; */
	margin-top: 338px;
	width: 158px;
	padding: 0 5px;
	float: left;
}
div#colRight {
	width: 212px;
	float: left;
	margin-top: 271px;
	/* background-color: #CCFFCC */
}
div.kadertje {
	margin: 21px 9px 39px 0px;
	padding: 9px 16px;
	/* width: 203px; */
	width: 171px;
	background: url(../images/kadertje_bg.png) repeat-y;
	position: relative;
}

.kadertje span.top {
	width: 203px; height: 18px;
	position: absolute;
	top: -18px; left: 0px;
	background: url(../images/kadertje_top.png) no-repeat;
}
.kadertje.wolk span.top {
	width: 212px; height: 90px;
	position: absolute;
	top: -30px; left: 0px;
	background: url(../images/kadertje_wolktop.png) no-repeat;
}
.kadertje span.bottom {
	width: 203px; height: 18px;
	position: absolute;
	bottom: -18px; left: 0px;
	background: url(../images/kadertje_bottom.png) no-repeat;
}


/* Text/Typography */
div#container {
	font: 1.3em/1.39em "Trebuchet MS", Arial, Helvetica, sans-serif; /* 13px-18px */
}
div#colMiddle {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p { margin-bottom: 1.39em; }
ul { margin-left: 1.4em; margin-bottom: 1.39em; }
#colLeft h1 {
	position: relative;
	color: #060;
	font-size: 2.2em; /* 28,6px: 28,6/13  */
	line-height: 1em; /* 28,6px */
	/*margin-bottom: 0.77em; *//* 22px: 22/28,6 */
	margin-bottom: 0.6em;
	letter-spacing: 0.05em;
	overflow: hidden;
}
h1 span, h2 span, h3 span {
	position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;
}
#colLeft h2 {
	position: relative;
	display: block;
	color: #060;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 1.8em; /* 26px: 26/13 */
	letter-spacing: 0;
	line-height: 1em; /* 26px */
	/*margin-bottom: 0.85em; *//* 22px: 22/26 */
	margin-bottom: 0.6em;
	overflow: hidden;
}
#colLeft .wolk h2 {
	margin-top: -10px;
}

#colLeft h3 {
	color: #060;
	font-weight: bold;
	font-size: 1.15em; /* 15px */
	line-height: 1.15em; /* 18px */
	/*position: relative;*/
	
}
#colMiddle h2 {
	font-size: 1em;
}
#colMiddle h3 {
	font-size: 1em; font-weight: bold; 
	margin-top: 1.5em;
}
#colRight h2 {
	color: #060;
	/*font-size: 1.33em;*/ /* 16px: 16/12 */
	font-size: 1.2em;
	line-height: 1.125em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	/*position: relative;*/
	overflow: hidden;
}

span.hr {
	display: block; width: 100%; height: 1px; border-bottom: solid 1px #060; margin: 9px 0; clear: both;
}

/* Tabellen */
caption {
	text-align: left;
	vertical-align: bottom;
	color: #06C;
	font-weight: normal;
}
thead th, thead td {
	font-weight: bold;
	border-bottom: solid 1px #060;
}
th { color: #060; }
th, td {
	text-align: left;
	padding: 4px 5px;
	vertical-align: top;
}
table {
	border-bottom: solid 1px #060;
	margin-bottom: 1.39em;
}

/* Images */
span.image {
	display: block;
	margin-bottom: 9px;
	clear: both;
}
span.right, #colLeft .kader .right {
	float: right;
	margin-left: 20px;
}
span.left, #colLeft .kader .left {
	float: left;
	margin-right: 20px;
}
div.left, div.right, div.clear, div.center {
	text-align: center;	
}
span.center, #colLeft .kader .center {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.image p {
	margin: 8px 0 0;
	color: #06C;
	padding-bottom: 8px;
}
.image p em { /* voor de fotocredits */
	font-size: 0.8em;
}

/* small forms */
#formNewsletter label {

}
#formNewsletter input {
	font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif;
	background-color: #D7EBC2;
	border: none;
	height: 1.5em;
	color: #666;
	padding: 2px 5px;
	margin: 1px 0 1px 18px;
}
.kadertje input {
	/* width: 160px; */
}
.hide {
	display: none;
}
#formNewsletter input.noBG {
	background: none;
}
button#getinvolvedSend {
	border: none; background: none; padding: 0; float: right;
}

/* FAQ */
a.question { text-decoration: none; font-weight: bold; }
ul.answer { margin-left: 0; }


/* WM HTML */
/*p.normal {
	display: none;
}*/

.PGC_blocks_Rechts div.PGCTweetfeed h4 {
font-size: 12px !important;
}


/* IE6 styles */
/*.navbar li a { background-image: url(../images/navBT_main_phase1.gif); }
#navAbout .navSub a { background-image: url(../images/navBT_sub_about.gif); }
#navCompetition .navSub a { background-image: url(../images/navBT_sub_thecompetition.gif); }
#navActnow .navSub a { background-image: url(../images/navBT_sub_actnow.gif); }
#navPress .navSub a { background-image: url(../images/navBT_sub_press.gif); }

div.kader {background-image: url(../images/kader_bg.gif) repeat-y;}

.kader span.top {background-image: url(../images/kader_top.gif) no-repeat;}
.kader.wolk span.top {background-image: url(../images/kader_wolktop.gif) no-repeat;}

.kader span.bottom {background-image: url(../images/kader_bottom.gif) no-repeat;}

div.kadertje {background-image: url(../images/kadertje_bg.gif) repeat-y;}

.kadertje span.top {background-image: url(../images/kadertje_top.gif) no-repeat;}
.kadertje span.bottom {	background-image: url(../images/kadertje_bottom.gif) no-repeat;}*/