/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* NWB Website
-------------------------------------------------------------- */

html, body {
   height            : 100%;
   margin            : 0;
   padding           : 0;
   text-align        : center;
   font: 11px/1.5em arial;
   color             : rgb(33, 50, 28);
   background        : rgb(59, 152, 21);
   border: none;
}

.clear { /* Clear. */
   clear             : both;
}

#accessibility { /* Accassibility div. */
   display           : none;
}

h1 {
   font-size         : 11px;
   color             : rgb(85, 164, 53);
   margin-bottom     : 9px;
   text-transform    : uppercase;
}

#content h1 a {
	color             : rgb(85, 164, 53);
	font-weight: bold;
}

h2 {
	font-size         : 11px;
	color             : rgb(85, 164, 53);
	margin : 1em 0 0.3em 0;	
}

h1 span {
   color             : rgb(219, 42, 57);
}



/* Input elements. */

form {
   margin: 0px;
}

input.text {
   border            : 1px solid rgb(127, 157, 185);
   padding           : 3px 3px 0px 3px;
   height            : 17px !important;
   height            : 20px;
   width             : 147px !important;
   width             : 153px;
   font-size         : 11px;
   margin-bottom     : 5px;
}

input.submit {
   background        : url('../images/button.png');
   border            : 0px;
   width             : 86px;
   height            : 23px;
   font-size         : 11px;
}



/* Webpage wrapper. */

#wrapper {
   margin            : 25px auto 0px auto;
   width             : 960px;
   text-align        : left;
   padding-bottom    : 12px;
   position: relative;
}



/* Header. */

#header {
   height            : 160px;
   background        : url('../images/background_header.gif') no-repeat;
}



/* Menu. */

#menu {
   background        : url('../images/background.gif') repeat-y;
   padding-bottom    : 18px;   
}

#menu ul {
   margin            : 0px 0px 0px 85px;
   list-style        : none;
   padding-top       : 10px;
}

#menu li {
   float             : left;
   position: relative;
   height: 1.7em;
}

#menu a {
   display           : block;
   background        : url('../images/bullet.png') 0px 1px no-repeat;
   padding           : 0px 25px 0px 21px;
   color             : rgb(42, 104, 22);
   font-weight       : 900;
   text-transform    : uppercase; 
}

#menu a:hover {
   text-decoration   : none;
}

#menu ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 1.7em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 21px;
	background: #bed4b5;
}

#menu ul ul li {
	float: none;
	height: auto;
}

#menu ul ul a {
	width: 15em;
}

#menu ul li:hover ul {
	display: block;
}



/* Content wrapper. */

#contentWrapper {
   background        : url('../images/background.gif');
   margin-top: -0.2em;
}



/* Content. */

#content {
   float             : left;
   display           : inline;
   width             : 614px;
   margin            : 0px 15px 50px 85px;
}

#content .doublebox img {
	margin: 0 1em 0.5em 0; 
}

#content .singlebox {
	border: 2px solid rgb(208, 230, 199);
	margin-bottom: 1em;
	clear: both;
	padding: 15px;
}

#content .intro {
	padding: 0;
}

#content .intro img {
	display: block;
}

#content .doublebox {
	background: url('../images/backgroundHeader.png') left top no-repeat;
	padding-top: 5px;	
}

#content .doublebox .inner {
	background: url('../images/backgroundStretch.png') left bottom no-repeat;
	width: 100%;
	float: left;	
	margin-bottom: 1em;
}

#content .doublebox .inner div {
	width: 267px;
	padding: 15px;
}

#content .doublebox .inner div.innerLeft {
	float: left;
}

#content .doublebox .inner div.innerRight {
	float: right;
}

#content .doublebox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .doublebox ul li {
	padding: 0 0 0 10px;
	margin: 0 0 0 1em;
	background: url(../images/bulletIntro.png) left center no-repeat;	
}

#content a {
   color             : #e40016;
   text-decoration   : none;
   font-weight: normal;
}

#content #photoPoll {
   border            : 2px solid rgb(208, 230, 199);
   background-color  : rgb(190, 212, 181);
   padding           : 18px 13px 18px 13px;
   margin-bottom     : 12px;
}

#content #photoPoll .photo {
   float             : left;
   width             : 292px;
   text-align        : center;
}

#content #photoPoll .photo p {
   text-align       : left;
   margin-left      : 24px;
   margin-top       : 8px;
   margin-bottom    : 8px;
   
}

#content #responses {
   border            : 2px solid rgb(208, 230, 199);
   padding           : 18px 13px 18px 13px;
}

#content #responses #inner {
   max-height            : 30em;
   overflow          : auto;
   padding-right     : 40px;
}

#content #responses #inner h2 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0;
}

#content #responses #inner p {
	margin-top: 0.5em;
}

#content #responses #inner h2 span {
   font-weight: normal;    
}

#content #responses .comment hr {
	color: rgb(208, 230, 199);
	border: none;
	background-color: rgb(208, 230, 199);
	height: 2px;
	margin-bottom: 1.5em;
	width: 100%;
}

#content #respond {
   border            : 11px solid rgb(208, 230, 199);
   background-color  : rgb(190, 212, 181);
   margin-bottom     : 12px;
   padding           : 15px 7px 15px 7px;
}

#content #respond fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#content #respond legend {
	display: none;
}

#content #respond p {
   margin            : 0;
}

#content #respond div.left {	
	width: 250px;
	float: left;
	position: relative;
}

#content #respond div.right {
	float: right;
	width: 294px;
	position: relative;
}

#content #respond label {
	position: absolute;
	margin-top: 0.5em;
}

#content #respond div.right label {
	position: relative;
	top: 0.5em;
}


#content #respond input  {
	margin: 0 0 1em 5em;
	width: 171px;
	padding: 2px;
	font-family       : arial;
   font-size         : 11px;
}

#content #respond img {
	margin: 0 0 0.5em 5em;
	padding: 0;
}

#content #respond textarea {
   height: 9em;
   width: 200px;   
 	font-family       : arial;
   font-size         : 11px;
   margin: -16px 1em 1em 7em;
   padding: 2px;
   float: right;
}

#content #respond input.submit {
	float: right;
	width: 86px;
	margin-right: 1em;
}



#content ul#paperOverview {
	margin: 0;
	padding: 0 0 2em 0;
	list-style: none;
}

#content ul#paperOverview h1 {
	margin: 2em 0 0.3em 0;
}

#content ul#paperOverview p {
	margin: 0;
}

#content ul#paperOverview p.description {
	font-style: italic;
}

#content p.paperAuthor {
	
}

#content p.paperDescription {
	font-style: italic;
	font-weight: bold;
}

#content hr {
	color: rgb(208, 230, 199);
	border: none;
	background-color: rgb(208, 230, 199);
	height: 2px;
	margin-bottom: 1.5em;
	width: 50%;
	text-align: center;
}

#sidebar a	 {
   color             : rgb(59, 152, 21);
   text-decoration   : underline;
}

#sidebar a:hover {
   text-decoration   : none;
}

/*
#content textarea {
   border            : 1px solid rgb(127,157,185);
   width             : 550px;
   font-size         : 11px;
   height            : 65px;
}

#content #respond textarea {
   margin-bottom     : 11px;
}

#content #respond .checkbox {
   padding-top       : 4px;
}
#content #respond .label {
   padding-top       : 3px;
}
#content #respond .label {
   width             : 105px;
}

#content #respond .submit {
   margin-left       : 193px;
}*/


#content .photoGalleryImage {
	text-align: center;
}

/* Tables. */
#content table {
   width: 100%;
   border: 1px solid rgb(59, 152, 21);
}

#content th {
   color: rgb(59, 152, 21);
   background-color: rgb(208, 230, 199);
   padding: 5px;
   border: 0;
}

#content td {
   border : 0;
   padding: 5px;
}




/* Sidebar. */

#sidebar {
   float             : left;
   width             : 225px;
}

#sidebar .block {
   border            : 11px solid rgb(208, 230, 199);
   background-color  : rgb(190, 212, 181);
   margin-bottom     : 10px;
   padding           : 17px 8px 20px 8px;
}

#sidebar .image {
   padding           : 0;
}

#sidebar .block p {
   margin            : 0px 0px 4px 0px;
}

#sidebar #loginlink {
	position: absolute;
	top: -20px;
	right: 0;
}

#sidebar #loginlink a {
	color: white;
	text-transform    : uppercase;
	font-weight: normal;
}

.checkbox {
   float             : left;
   margin-right      : 5px;
   padding-top       : 1px;
}

.label {
	float            : left;
	width            : 160px;
	margin-bottom    : 10px;
}

.label label {
   font-weight       : 100;
}

#sidebar .newsletter {
   font-weight       : 100;
   display           : block;
   margin-bottom     : 2px;
}

#sidebar #forgot {
   margin-top        : 5px;
}

#sidebar #forgot a {
   color             : rgb(59, 152, 21);
}




/* Footer. */

#footer {
   background-color  : rgb(214, 231, 198);
   height            : 12px;
   margin-left       : 42px;
   
}


form.inlogformulier label {
	margin-top: 1em;
	display: block;
}

form.inlogformulier input {
	display: block;
	margin-bottom: 1em;
	width: 10em;
}

form.inlogformulier fieldset, form.formulier fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form.inlogformulier fieldset legend, form.formulier fieldset legend {
	display: none;
} 

form.formulier input, form.formulier textarea {
	margin-top: 1em;
	font-size: 1em;
}

form.formulier label {
	width: 15em;
	display: block;
	display: inline-block;	
}

form.formulier div.MLOpmaak label {
	display: inline;
	margin-right: 2em;
	margin-left: 0.5em;
	width: auto;
}

form.formulier button {
	margin-top: 1em;
	 height         : 20px;
   font-size      : 0.9em;
   color          : rgb(255, 255, 255);
   font-weight    : 900;
   border         : 1px solid rgb(247, 139, 31);
   background     : rgb(243, 192, 142);
}

.hidden {
	border: 1px dashed red;
}

.error {
	color: darkred;
}


/* Gallery */

#IPGallery {
	margin-top: -10px;
}

#IPGallery .top {
	margin: 0 auto;
	width: 424px;
}

#IPGallery .picture {
	width: 300px;
	height: 300px;
	margin-bottom: 30px;
	color: #3b9815;
	font-weight: bold;
	text-align: center;
	float: left;
}

#IPGallery .picture img {
	margin-bottom: 10px;
}

#IPGallery .left, #IPGallery .right {
	float: left;
	margin-top: 128px;
	width: 20px;
}

#IPGallery .left {
	margin-right: 42px;
}

#IPGallery .right {
	margin-left: 42px;
}

#IPGallery .grid {
	margin: 30px 40px 0px;
	width: 520px;
	clear: both;
}

#IPGallery .grid a img {
	margin: 0 24px 14px 0;
	border: 3px solid white; 
}

#IPGallery .grid a img.active {
	border-color: red;
}

#IPGallery .controls {
	margin: 0 0 40px;
	text-align: center;	
}

#IPGallery .controls span {
	display: inline-block;
	width: 32px;
	zoom: 1;
}

#IPGallery .controls a img {
	top: 5px;
	position: relative;
	margin: 0 1em;	
}

#IPGallery .controls a.active {
	font-weight: bold;
	font-size: 1.3em;
}