/* --------------------------------------------------------------------------- */
/* Region specific colors */

.reg #site															{ background: transparent url(../gfx/reg/siteBg.gif) 0 0 repeat-y; }
.reg.info 														  { background: transparent url(../gfx/reg/siteBgInfo.gif) 0 0 repeat-y; }
.reg #site.noSide											  { background: transparent url(../gfx/reg/siteBgNoSide.gif) 0px 0px repeat-y; }

.reg #header														{ background: #FEC341; }
html>.reg #header												{ background: #fec341; }
.reg #header #service										{ background-color: #FEC341; }
html>.reg #header #service							{ background-color: #fec341; }
.reg #header #service a									{ color: #61215F; }

.reg #navigation ul											{ border-top: 1px solid #FEC341; }
html>.reg #navigation ul								{ border-top: 1px solid #fec341; }
.reg #navigation li               			{ border-bottom: 1px solid #FEC341; }
html>.reg #navigation li          			{ border-bottom: 1px solid #fec341; }
.reg #navigation li ul									{ border-top: 1px solid #FEC341; }
html>.reg #navigation li ul							{ border-top: 1px solid #fec341; }
.reg #navigation li a:hover,
#navigation li.active										{ background: #FEC341; }
html>.reg #navigation li a:hover,
html>.reg #navigation li.active					{ background: #fec341; }
.reg #navigation li li a.plus:hover 		{ background: #fec341 url(../gfx/redArrowPlus.gif) 0.7em 1.1em no-repeat; }
.reg #navigation li li a.min:hover  		{ background: #fec341 url(../gfx/redArrowMin.gif) 0.7em 1.1em no-repeat; }
.reg #navigation li li li a:hover				{ background: #fec341; }

.reg #content #sidebar									{ background: #fec341; }
.reg #content #sidebar h3								{ color: #61215F; }
.reg #content #sidebar a								{ color: #61215F; }
.reg #content #sidebar a:hover					{ color: #d82d3c; }
.reg #content #sidebar .poll						{ color: #61215F; }

.reg #content .contentContainer					{ background: transparent url(../gfx/reg/siteBg.gif) 0 0 repeat-y; }
	.reg .info #content .contentContainer	{ background: transparent url(../gfx/reg/siteBgInfo.gif) 0 0 repeat-y; }
	.reg .noSide #content .contentContainer	{ background: transparent url(../gfx/reg/siteBgNoSide.gif) 0 0 repeat-y; }

.reg #special														{ color: #61215F;}
.reg #special .readOn										{ color: #d82d3c !important; }

.reg #bannerContainer										{ /*position: absolute;*/ margin: 22px 0 0 0; width: 177px; }
.reg #bannerContainer .body							{ font-weight: bold; background: #FEC341; padding: 0 30px 0 20px; }
html>.reg #bannerContainer .body				{ background: #fec341; }
.reg #bannerContainer .body a						{ color: #61215F; }
.reg #bannerContainer .spacer						{ height: 10px; }



/* --------------------------------------------------------------------------- */
/* Intranet specific styles */

.intranet 															  { background: #D82D3C; }
.regio                                    { background: #FEC341; }
/* styles for standard Mark login */
#login .titleBar													{ background-color: #61215F; display: block; border: 1px solid #fff; }
#login .titleBar .login										{ width: 18px; float: left; height: 17px; display: block; }
#login .bg																{ background-color: #61215F; border: 1px solid #fff; border-top: none; }
#login #tabWindow													{ background-color: #A9A19A; }
html>#login .bg														{ width: 302px; }
html>#login #tabWindow										{ width: 280px; height: 183px; border: 1px solid #fff; }
html>#login .content											{ height: 100px; border: 1px solid #fff; width: 257px; }
html>#login .required											{ display: block; }
html>#login form input										{ border: 1px solid #ccc; }
html>#login table .button									{ border: 1px solid #fff; }

.intranet #site													  { background: transparent url(../gfx/intranet/siteBg.gif) 0 0 repeat-y; }
.intranet #site.info 								      { background: transparent url(../gfx/intranet/siteBgInfo.gif) 0 0 repeat-y !important; }
.intranet.noSide													{ background: transparent url(../gfx/intranet/siteBgNoSide.gif) 0 0 repeat-y; }

.intranet #header												  { background: #A9A19A; }
.intranet #header #service							  { background-color: #A9A19A; }
.intranet #header #service a						  { color: #FFF; }

.intranet #navigation ul								  { border-top: 1px solid #A9A19A; }
.intranet #navigation li               	  { border-bottom: 1px solid #A9A19A; }
.intranet #navigation li ul							  { border-top: 1px solid #A9A19A; }
.intranet #navigation li a:hover,
#navigation li.active										  { background: #A9A19A; }
#navigation li li ul              { background: #974FA1; }
.intranet #navigation li li a.plus:hover 	{ background: #A9A19A url(../gfx/redArrowPlus.gif) 0.7em 1.1em no-repeat; }
.intranet #navigation li li a.min:hover  	{ background: #A9A19A url(../gfx/redArrowMin.gif) 0.7em 1.1em no-repeat; }
.intranet #navigation li li li a:hover		{ background: #A9A19A; }

.intranet #content .contentContainer				{ background: transparent url(../gfx/intranet/siteBg.gif) 0 0 repeat-y; }

.intranet #bannerContainer								{ margin: 22px 0 0px 0; padding-bottom: 15px; width: 177px; background: #A9A19A url(../gfx/intranet/bannerPrikbord_bottom.gif) no-repeat left bottom;}
.intranet #bannerContainer h3             {background: url(../gfx/intranet/bannerPrikbord_top.gif) no-repeat 0px 0px; font-size: 90%; margin: 0; color: #fff; text-transform: uppercase; padding: 15px 0 0 22px; height: 27px; line-height: 27px; border-bottom: 1px solid #fff; }
.intranet #bannerContainer ul             { margin: 0 0 10px 22px;}
.intranet #bannerContainer li             { padding: 4px 10px 4px 0; color: #D82D3C;}
.intranet #bannerContainer li a           { font-size: 90%; text-decoration: underline; color: #fff;}
.intranet #bannerContainer li a:hover     {color: #D82D3C;}
.intranet #bannerContainer li span        { float: right; font-size: 90%; color: #fff; display: block; margin-left: 8px;}
.intranet #bannerContainer .readOn				  { font-weight: bold; display: block; margin-left: 22px; color: #fff;}
.intranet #bannerContainer .readOn a        {text-decoration: none;  }
.intranet #bannerContainer .readOn a:hover  {color: #D82D3C !important;}

.intranet #content #sidebar								{ background: #A9A19A;}

/* infoPages */
.intranet .info #content .contentContainer	{ background: transparent url(../gfx/intranet/siteBgInfo.gif) 0 0 repeat-y; }
.intranet .noSide #content .contentContainer	{ background: transparent url(../gfx/intranet/siteBgNoSide.gif) 0 0 repeat-y; }

.discussielijst                           {width: 100%; text-align: left; margin-bottom: 10px;}
.right                                    {text-align: right;}
.discussielijst th                        {background: #A9A19A; height: 30px; color: #fff; text-transform: uppercase; font-weight: normal; padding: 0px 5px 0px 5px;}
.discussielijst td                        {height: 30px; padding: 0px 5px 0px 5px;}
.title                                    {font-weight: bold;}
.title a                                  {color: #000;}
.title a:hover                            {color: #D82D3C;}
.discussielijst .body                     {padding: 5px;}
.darkRow                                  {background: #E6E7E1;}
.terugNaarLink                            {font-weight: bold; text-transform: uppercase; font-size: 90%;}

#reactForm                                {width: 340px; margin: 0px 0px 20px 0px;}
#reactForm .fieldRow                      {background: #A9A19A;}
#reactForm .label                         {height: 18px; width: 100px; padding: 10px 0px 0px 10px; color: #fff;}
#reactForm .text                          {padding: 10px 15px 0px 10px; width: 200px;}
#reactForm .text input                    {border: 0px; font-size: 100%; height: 18px; padding: 0px 0px 0px 5px;}
#reactForm .textarea                      {padding: 10px 15px 10px 10px; width: 200px;}
#reactForm .textarea textarea             {border: 0px; height: 200px; padding: 0px 0px 0px 5px;  font: normal normal 100%/130% Verdana, Arial, sans-serif; }
#reactForm .buttonRow                     {margin: 5px 0px 0px 0px;}
#reactForm .buttonRow .button             {margin-right: 5px;}
#reactForm .buttonRow .submessage         {width: auto; color:#D82D3C;}


/* --------------------------------------------------------------------------- */
/* Go4it specific colors */

.go4it #site															{ background: transparent url(../gfx/go4it/siteBg.gif) 0 0 repeat-y; }
.go4it.info 														  { background: transparent url(../gfx/go4it/siteBgInfo.gif) 0 0 repeat-y; }
.go4it #site.noSide											  { background: transparent url(../gfx/go4it/siteBgNoSide.gif) 0px 0px repeat-y; }

.go4it #header														{ background: #8CA5C7; }
html>.go4it #header												{ background: #8CA5C7; }
.go4it #header #service										{ background-color: #8CA5C7; }
html>.go4it #header #service							{ background-color: #8CA5C7; }
.go4it #header #service a									{ color: #FFFC00; }
.go4it #header .title										  { background: url(../gfx/go4it/header2.gif) no-repeat left top;}
.go4it .info #header .title							  { background: url(../gfx/go4it/headerinfo2.gif) no-repeat left top;}

.go4it #header #search										{ background: #00204E; }

.go4it #navigation                        { background: #00204E; }
html>body .go4it #navigation						  { background: #00204E; }

.go4it #navigation ul											{ border-top: 1px solid #ED2ABD; }
html>.go4it #navigation ul								{ border-top: 1px solid #ED2ABD; }
.go4it #navigation li               			{ border-bottom: 1px solid #ED2ABD; }
html>.go4it #navigation li          			{ border-bottom: 1px solid #ED2ABD; }
.go4it #navigation li ul									{ border-top: 1px solid #ED2ABD; }
html>.go4it #navigation li ul							{ border-top: 1px solid #ED2ABD; }
.go4it #navigation li a:hover,
.go4it #navigation li.active										  { background: #ED2ABD; }
html>.go4it #navigation li a:hover,
html>.go4it #navigation li.active					{ background: #ED2ABD; }
.go4it #navigation li li a.plus:hover 		{ background: #ED2ABD url(../gfx/redArrowPlus.gif) 0.7em 1.1em no-repeat; }
.go4it #navigation li li a.min:hover  		{ background: #ED2ABD url(../gfx/redArrowMin.gif) 0.7em 1.1em no-repeat; }
.go4it #navigation li li li a:hover				{ background: #ED2ABD; }

.go4itBanner                              { position: absolute; width: 188px; height: 75px; background: transparent url(../gfx/go4it/go4itBanner.gif) no-repeat 0 0; z-index: 9999; top: 44px; left: 600px; }
/*#infoPage .go4itBanner                    { top: 40px; left: 730px; }*/

.go4it #content #sidebar									{ background: #8CA5C7; }
html>body .go4it #content #sidebar				{ background: #8CA5C7; }
.go4it #content #sidebar h3								{ color: #FFFC00; }
.go4it #content #sidebar a								{ color: #FFFC00; text-decoration: none; }
.go4it #content #sidebar li								{ color: #FFFC00;  }
.go4it #content #sidebar a:hover					{ color: #FFFC00 !important; text-decoration: underline;  }

.go4it #content .contentContainer					{ background: transparent url(../gfx/go4it/siteBg.gif) 0 0 repeat-y; }
	.go4it .info #content .contentContainer	{ background: transparent url(../gfx/go4it/siteBgInfo.gif) 0 0 repeat-y; }
	.go4it .noSide #content .contentContainer	{ background: transparent url(../gfx/go4it/siteBgNoSide.gif) 0 0 repeat-y; }

.go4it #special														{ color: #00204E;}
.go4it #special .readOn										{ color: #ED2ABD !important; }

.go4it #bannerContainer										{ /*position: absolute;*/ margin: 22px 0 0 0; width: 177px; }
.go4it #bannerContainer .body							{ font-weight: bold; background: #8CA5C7; padding: 0 30px 0 20px; }
html>.go4it #bannerContainer .body				{ background: #8CA5C7; }
.go4it #bannerContainer .body a						{ color: #FFFC00; }
.go4it #bannerContainer .spacer						{ height: 10px; }

.go4it .generalform form                  { background-color: #ED2ABD; }