/* -------------------------------------------------------------- 
  
   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";


/* Greenport Venlo
-------------------------------------------------------------- */

html, body {
	height            : 100%;
	margin            : 0;
	padding           : 0;
	text-align        : center;
}

html {
   background        : rgb(247, 139, 31);
}

body {
	background        : url('../images/background.png') no-repeat center 0px; 
   background-color  : rgb(247, 139, 31);
   text-align: center;
}

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

button {
	cursor: pointer;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

fieldset legend {
	display: none;
}

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

/* Page wrapper. */

#page {
   position          : absolute;
   width             : 1000px;
   left              : 50%;
   margin-left       : -508px;
   text-align        : left;
   background		 : url('../images/cirkels.png') right bottom no-repeat;
}

/* Header. */

#header {
   width             : 960px;
   height            : 166px;
   background        : rgb(255, 255, 255) url('../images/slogan.png') right bottom no-repeat;
}

#logo {
   float             : left;
   width             : 221px;
   height            : 110px;
   margin-top        : 56px;
   background        : rgb(200, 200, 0);
}

#logo a {
   display           : block;
   width             : 221px;
   height            : 110px;
   background        : url('../images/logo.png');
}

/* Content wrapper div. */

#contentWrapper {
   float             : right;
   width             : 912px;
   margin-bottom     : 125px;
   background        : url('../images/background_contentwrapper.png') repeat-y;
}

/* Menu. */

#menu {
   float             : left;
   background        : url('../images/background_menu.png') 9px bottom no-repeat;
   width: 630px;
   height: 40px;
}

#menu .subMenuSet{
	/*width: 220px;*/
}


#menu #sub52{
    width:200px;
}

#menu #sub52 a{
    width:165px;
}

#menu ul {
   margin            : 0 0 0 12px;
   list-style-type   : none;
   position 		 : relative;
   z-index 			 : 999;
}
#menu ul a	{
   color             : rgb(255, 255, 255);
   white-spacing 	 : nowrap;
   display 			 : block;
}

#menu ul li {
	position: relative;
	overflow: hidden;
	float             : left;
	display           : block;
}

#menu ul li a	{
	line-height 	  : 32px;
	display           : block;
	font-weight       : 900;
	font-family       : arial;
	font-size         : 1em;
	text-decoration   : none;
	padding           : 0 17px;
	border-left       : 1px solid rgb(229, 115, 1);
	background        : url('../images/background_button.png') right;	
}

#menu ul li.active,
#menu ul li:hover	{
	overflow: visible;
}

#menu ul li.active a,
#menu ul li:hover a	{
	background        : url('../images/background_button_hover.png') right;
}

#menu ul li ul	{
	position: absolute;
	width: 120%; /** FF only, creating some extra space for shortage */
	background: #f78b1f url('../images/menu_bg.png');
	border-right: 1px solid #e57300;
	border-bottom: 1px solid #e57300;
}

#menu ul li ul	{
	margin-left: 0 !important;
}

#menu ul li ul li,
#menu ul li ul li a	{
	clear: left;
	display: block;
	background: #f78b1f url('../images/menu_bg.png') !important;
}

#menu ul li ul li.active,
#menu ul li ul li:hover,
#menu ul li ul li.active a,
#menu ul li ul li:hover a	{
	background        : url('../images/background_button_hover.png') !important;
}

.pubDate	{
	position: relative;
	z-index: 500;
	margin-top: 12px;
	margin-right: 18px;
	float: right;
	color: #c0c0c0;
}

#allFAQ	{
	border: 1px solid #f78b1f;
	
}
#allFAQ .q,
#allFAQ .a	{
	padding: 0 4px 1px 4px;
}
#allFAQ .q	{
	font-style: italic;
	color: #fff;
	background: #f78b1f;
}
#allFAQ .a	{
	font-weight: bold;
	color: #0C6DA2;
}

/* Left column. */
#maincontent {
   float             : left;
   width             : 606px;
   overflow			 : hidden;
   color             : rgb(107, 107, 107);
   background-color  : rgb(255, 255, 255);
   font-size         : 0.9em;
   line-height       : 19px;
   margin            : 4px 11px 10px 13px;
   padding           : 58px 42px 58px 52px;
   border            : 1px solid rgb(220, 219, 220);
   box-sizing        : border-box;
   -moz-box-sizing   : border-box;
}

#maincontent h1 {
   font-size         : 1.25em;
   color             : rgb(22, 109, 162);
}

#maincontent .date {
   color             : rgb(12, 109, 162);
   font-weight       : 900;
}

#maincontent .left {
   float             : left;
   margin            : 0 15px 10px 0;
}

#maincontent .right {
   float             : right;
   margin            : 0 0 10px 15px;
}

#maincontent h1 + p {
   color             : rgb(12, 109, 162);
}

#maincontent input[type='text'], #maincontent select, #maincontent textarea {
   border            : 1px solid rgb(214, 214, 215);
   color             : rgb(107, 107, 107);
   width             : 200px;
   font-size         : 11px;
}

#maincontent select {
   width             : 202px;
}

#maincontent textarea {
   height            : 100px;
   width             : 191px !important;
   width             : 200px;   
}

#maincontent form.formulier label {
	width: 7em;
	display: block;
	display: inline-block;	
}

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

#maincontent 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);
}


#maincontent #video {
   width             : 505px;
   height            : 403px;
   margin-bottom     : 25px;
}

/* Right column. */

#rightColumn {
   float             : right;
   margin-right      : 40px;
   width             : 242px;
   background        : url('../images/background_right.png') right top no-repeat;
}

/* Search. */

#rightColumn #search {
   padding           : 8px 21px 0px 21px;
   width             : 183px !important;
   width             : 225px;
   border            : 1px solid rgb(232, 130, 28);
   border-bottom     : 0;
   height            : 138px;
   color             : rgb(255, 255, 255);
   font-size         : 0.9em;
   background        : rgb(247, 139, 31) url('../images/background_search.png') right top no-repeat;
   position: relative;
}

#rightColumn #search h1 {
   font-size         : 1em;
   color             : rgb(255, 255, 255);
   margin-bottom     : 20px;
}

#rightColumn #search form {
   margin            : 0;
   padding: 0;
}

#rightColumn #search input, #rightColumn #search select {
   background        : rgb(255, 255, 255);
   border            : 1px solid rgb(214, 214, 215);
   font-size         : 0.9em;
   width             : 180px;
   height            : 15px;
   margin-bottom     : 7px;
   color             : rgb(107,107,107);
}

#rightColumn #search select {
   width             : 182px;
   height            : 20px;
}

#rightColumn #search .checkbox {
   width             : 20px;
   margin            : 0;
   background-color  : rgb(247, 139, 31);
   border: 0;
}

#rightColumn #search .button {
   border            : 0;
   height            : 25px;
   color             : rgb(255, 255, 255);
   font-weight       : 900;
   font-size         : 1em;
   margin            : 0;   
   background        : url('../images/button_search.png') left bottom no-repeat;
   background-position: left 19px;
   cursor			 : pointer;
   position: absolute;
   bottom: 0;
   left: 20px;
   width: auto;
   padding: 0;
   text-align: left;
}

/* Flags image. */

#rightColumn #flags {
   width             : 227px;
   height            : 90px;
   background        : url('../images/greenport_foto.jpg');
}

/* Poll. */

#poll {
   width             : 229px;
   margin-bottom     : 10px;
   background        : rgb(138, 177, 201) url('../images/background_poll.png') repeat-y;
}

#poll td {
   border            : 0;
   vertical-align    : middle;
}

#poll .header {
   width             : 227px;
   height            : 30px;
   background        : url('../images/header_poll.png');
}

#poll .header h1 {
   font-family       : arial, verdana;
   font-size         : 1em;
   padding-top       : 5px;
   margin-left       : 15px;
   color             : rgb(255, 255, 255);
}

#poll .content {
   color             : rgb(255, 255, 255);
   font-size         : 0.9em;
   padding           : 5px 18px 0px 18px;
   line-height       : 19px;
}

#poll .content table, #poll .content form {
	margin           : 0px; 
}

#poll .content table td {
	vertical-align: top;
}

#poll .content table td > div {
	border: 1px solid white;
	width: 40px;
}

#poll .content table td > div > div {
	height: 1em;
	background: #166da2;
}

#poll .content p {
	margin-top	     : 0;
	margin-bottom    : 5px; 
}

#poll .content .maincontent input {
   width             : 13px;
}

#poll .footer {
   width             : 227px;
   height            : 31px;
   background        : url('../images/footer_poll.png');
}

#poll .footer ul {
   list-style-type   : none;
}

#poll .footer ul li {
   float             : left;
}

#poll .footer a {
   display           : block;
   float             : left;
   font-weight       : 900;
   color             : rgb(255, 255, 255);
   height            : 23px;
   background        : url('../images/arrow_blue.png') bottom left no-repeat;
}

#poll .footer #vote {
   float             : left;
   width             : 68px;
}

#poll .footer #reply {
   float             : left;
   width             : 61px;
}

#poll .footer #results {
   float             : left;
   width             : 50px;
}

#poll .content td {
   color: rgb(255, 255, 255);
}

#maincontent #poll	{
	margin: 20px auto;	
}

/* News. */

#rightColumn #news {
   width             : 229px;
   margin-bottom     : 10px;
   background        : rgb(180, 167, 200) url('../images/background_news.png') repeat-y;
}

#rightColumn #news .header {
   width             : 227px;
   height            : 30px;
   background        : url('../images/header_news.png');
}

#rightColumn #news .header h1 {
   font-family       : arial, verdana;
   font-size         : 1em;
   padding-top       : 5px;
   margin-left       : 18px;
   color             : rgb(255, 255, 255);
}

#rightColumn #news .content {
   color             : rgb(105, 79, 145);
   font-size         : 0.9em;
   padding           : 12px 18px 0px 18px;
   line-height       : 19px;
}

#rightColumn #news .content table {
   margin            : 0;
}

#rightColumn #news .content table td {
   border            : 0;
}

#rightColumn #news .content a {
   color             : rgb(255, 255, 255);
   text-decoration   : underline;
   font-weight       : 900;
}

#rightColumn #news td {
   height            : 28px;
   line-height       : 10px;
   vertical-align    : top;
}

#rightColumn #news .content td {
   color             : rgb(105, 79, 145);
}

#rightColumn #news .link td {
   height            : 10px;
   line-height       : 10px;
   vertical-align    : top;
}

#rightColumn #news .footer {
   width             : 227px;
   height            : 31px;
   background        : url('../images/footer_news.png');
}

#rightColumn #news .footer ul {
   list-style-type   : none;
}

#rightColumn #news .footer ul li {
   float             : left;
}

#rightColumn #news .footer a {
   display           : block;
   float             : left;
   font-weight       : 900;
   color             : rgb(255, 255, 255);
   height            : 21px;
   background        : url('../images/arrow_purple.png') bottom left no-repeat;
}

#rightColumn #news .footer #more {
   float             : left;
   width             : 107px;
}

/* Colofon. */

#rightColumn #colofon {
   padding           : 9px 19px 25px 19px;
   width             : 187px !important;
   width             : 225px;
   background-color  : rgb(252, 239, 227);
   border            : 1px solid rgb(247, 146, 44);
}

#rightColumn #colofon h1 {
   font-size         : 1em;
   color             : rgb(247, 146, 44);
   margin-bottom     : 19px;
}

#rightColumn #colofon ul {
   margin            : 0 0 0 3px;
   list-style-type   : none;
}

#rightColumn #colofon li a {
   background        : url('../images/arrow.gif') 0 5px no-repeat;
   padding-left      : 12px;
   text-decoration   : underline;
}

#rightColumn #colofon p, a	{
   color             : rgb(247, 139, 31);
   margin-bottom 	 : 0;
}

#rightColumn #colofon li a:hover {
   text-decoration   : none;
}

/* Footer. */

#footer, #footer a {
   font-size         : 0.95em;
   color             : rgb(138, 179, 205);
   text-decoration   : none;
}

#footer a:hover {
   text-decoration   : underline;
}

#footer p {
   margin            : 30px 0 10px 0;
   text-align        : center;
}

/* Agenda. */
#agenda {
   background     : rgb(252, 239, 227) url('../images/background_agenda2.png') repeat-x;
   margin-bottom  : 10px;
   padding-bottom : 36px;
   font-size      : 0.9em;
}

#agenda h1 {
   font-size      : 1.1em;
   color          : rgb(255, 255, 255);
   margin         : 0 0 35px 20px;
   padding-top    : 6px;
}

#agenda ul {
   margin         : 0 5px 19px 20px;
   list-style-type: none;
   line-height    : 19px;
}

#agenda li a {
   background     : url('../images/arrow.gif') 0 5px no-repeat;
   padding-left   : 12px;
   color          : rgb(247, 139, 31);
   font-weight    : 900;
   margin-left    : 0;
   text-decoration: underline;
}

#agenda li a:hover {
   text-decoration: none;
}

#agenda a {
   color          : rgb(247, 139, 31);
   font-weight    : 900;
   margin-left    : 32px;
   text-decoration: underline;
}

/* Responses div. */
#responses {
   color             : rgb(12, 109, 162);
   background-color  : rgb(255, 255, 255);
   font-size         : 0.9em;
   line-height       : 19px;
   margin            : 10px 11px 5px 13px;
   padding           : 15px 42px 25px 52px;
   border            : 1px solid rgb(220, 219, 220);
   clear			 : left;
   width			 : 606px;
   -moz-box-sizing	 : border-box;
}

#responses h1 {
   font-size         : 1em;
}

#responses p {
   margin-bottom     : 0;
}

#responses .details {
   color             : rgb(247, 139, 31);
   font-weight       : 900;
   text-align        : right;
   margin-bottom     : 10px;
}

/* Reply div. */
#response {
   background        : rgb(138, 177, 201) url('../images/background_response.png') repeat-x;
   font-size         : 0.9em;
   line-height       : 19px;
   margin            : 10px 11px 5px 13px;
   padding           : 0;
   border-left       : 1px solid rgb(0, 91, 146);
   border-right      : 1px solid rgb(0, 91, 146);
   border-bottom     : 1px solid rgb(0, 91, 146);
   clear			 : left;
   width			 : 606px;
   -moz-box-sizing	 : border-box;
}

#response form	{
   background        : url('../images/background_response.png') bottom repeat-x;
   padding           : 6px 42px 25px 52px;
}

#response h1 {
   padding           : 6px 0 0 6px;
   margin-bottom	 : 12px;
   color             : rgb(255, 255, 255);
   font-size         : 1.1em;
}

#response form h1 {
	margin: 1px 0 22px 0;
	padding: 0;
}

#response p	{
	color: #fff !important;
	margin-left: 7px;
}

#response label {
   color             : rgb(255, 255, 255);
   font-weight       : 100;
}

#response input, #response textarea {
   border            : 1px solid rgb(211, 211, 212);
   font-size         : 0.9em;
   height            : 15px;
   width             : 280px;
   margin-bottom     : 2px;
   color             : rgb(107, 107, 107);
}

#response textarea {
   width             : 500px;
   height            : 100px;
}

#response #submit {
   position 		 : absolute;
   width             : 64px !important;
   height 			 : 22px;
   padding-bottom 	 : 2px;
   color             : rgb(255, 255, 255);
   border 			 : 0;
   font-size         : 1.1em;
   background 		 : url('../images/comment_submit_bg.png') 2px 4px no-repeat;
   font-weight 		 : bold;
}

.commentCaptcha	{
	position: absolute;
	left: 460px;
	margin-top: -47px;
}

#comment_ML	{
	width: auto !important;
	position: relative;
	top: 2px;
	border:0 !important;
}

.newsletter_subscribe	{
	margin-top: -10px;
	margin-bottom: 10px;
}