/* Created by Idar Creative in opdracht van Brand Industry */
* {margin:0;padding:0;}
html, body {height: 100%;}
BODY {overflow:auto; background:#8cc041 url(images/bg-body.gif) repeat-x bottom left;}
html{overflow:auto;}
BODY,TD,A,FONT,LI,P,BLOCKQUOTE,DIV, SPAN
		{font-size:12px; color:#202020; line-height:20px; font-family: Arial, Tahoma, "Trebuchet MS", verdana, sans-serif; }
		
h1, h2, h3, h4, h5, H6 {color:#8cc041;font-weight:normal;}
h1, h2, h3, h4 {margin-bottom:8px;}
h1 {font-size:17px;}
h2 {font-size:15px;}
h3 {font-size:13px;}
h4 {font-size:13px;color:#202020;}

P 	{padding-bottom:8px;}
p.align-right {text-align:right;font-weight:bold; color:#8cc041;}

UL {list-style:none;list-style: url(images/list_item.gif);  margin-left:12px; padding-left:16px;}

/* UL: Typo3 bug */
/*.csc-textpic-text OL li {margin-left:24px;list-style:none;list-style: url(images/bg_sublink.gif);}*/
/* UL: END Typo3 bug */

A	{text-decoration:none; color:#8cc041;}
A:hover {text-decoration: underline;}

ul a {text-decoration: none;}
ul a:hover {text-decoration: underline;}

hr {/*color:#bad98e;*/ color:#f1f1f1; background-color:#f1f1f1;height:1px;border: 0;} 
INPUT, SELECT, TEXTAREA{ FONT-FAMILY: Tahoma, arial, verdana, sans-serif;border:solid 1px #eaeaea;}
OPTION {padding:2px;}
a img {border:0px;}
a.external-link {background:url(images/link_extern.gif) no-repeat;padding-left:14px;}
a.external-link:hover {background:url(images/link_extern_o.gif) no-repeat;padding-left:14px;}

Blockquote p {padding:10px 10px 10px 10px;background:#8cc041;color:#ffffff;}
Blockquote p a {color:#ffffff;}

#siteContainer 	 {width:100%;height:100%;background:url(images/bg-top.gif) repeat-x;}
#topContainer 	    {position:relative;width:975px;height:100px;margin:auto;}
#topImage 			 {width:975px;height:100px;margin:auto;background:url(images/top-image.jpg) no-repeat top center;}
#logoContainer     {position:absolute;top:0px;right:-12px;width:338px;height:156px;margin-top:27px;z-index:1000;}
#navContainer 	    {width:100%;height:44px;margin:auto;float:left;}
#navContent        {width:975px;margin:auto;height:44px;background:url(images/bg-nav.png) no-repeat  top center;}
#siteGradient	    {width:100%;margin:auto;float:left;}
#siteLayout        {width:975px;margin:auto;height:100%;background: url(images/bg-site.png) repeat-y  top center;}
#bodyContainer 	 {width:925px;margin:auto;padding-top:15px;}
.clear {height:1px;clear:both;}

#leftContainer    {float:left;width:170px;margin:auto;}
#contentContainer {float:left;width:475px;margin:auto; margin-left:15px;}
#rightContainer    {float:left;width:250px;margin:auto; margin-left:15px;padding-top:30px;}

#endContainer 		{width:975px;margin:auto;height:50px; background:url(images/bg-bottom.png) no-repeat top center;}
#footerContainer 	{width:975px; margin:auto;height:50px;}
#disclaimerContainer	{float:right;width:925px;height:50px;margin-left:25px;margin-right:25px;padding-top:25px;font-size:10px; text-align: right;color:#466222;line-height:12px;}
#disclaimerContainer a 	{ font-size:10px;color:#466222;text-decoration:none;line-height:12px;}
#disclaimerContainer a:hover 	{color:#bad98e;}
/*    SITE NAVIGATION */
ul#nav { margin: 0px 0px 0px 20px; padding:0px 0px 0px 0px; border:0px;text-align: center;list-style: none none; 
			height:44px; width:680px;}
ul#nav li {display:inline; text-align: center; list-style: none none;height:44px; float:left;
				padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:none;cursor: pointer; float:left;}
ul#nav a  {height:44px;line-height:44px;text-align:center; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 0px;
				border:none; float:left;  display:block;color:#c0c0c0; font-size:17px;text-decoration: none; }
ul#nav A:hover, ul#nav li:hover a, ul#nav li.active A 	{text-decoration: none; color:#ffffff;} 
ul#nav li.active A 	{background:url(images/li-sel.png) no-repeat 50% 93%;} 			

/* drop down */
/* CLEAR IMAGES from 1st level*/
ul#nav li:hover ul a,ul#nav li:hover ul a:hover,ul#nav ul li,ul#nav ul li:hover,ul#nav ul li a,ul#nav ul li:hover a,ul#nav ul li:hover a:hover  {background:none;background-image:none; }
/* End Clear */

ul#nav ul {position: absolute; width:220px; z-index:10; display:none; margin:44px 0px 0px 0px ;padding:0px 0px 5px 0px;
background:#000000;background:url(images/bg-subnav.png) no-repeat center bottom;}
/* IE */
*html ul#nav ul { width:220px; z-index:10; margin:44px 0px 0px -7px;}

ul#nav ul.hover, ul#nav li.hover ul, ul#nav li:hover ul  {display:block;}
ul#nav ul li {float:left; text-align:left;display:block;width:220px; height:30px;padding-top:0px;margin-top:0px;}
UL#nav UL A, UL#nav UL A:link, UL#nav UL A:visited, UL#nav UL A:active
		{margin:0px 0px 0px 10px;padding: 0px 0px 0px 5px; width:194px; height:28px;line-height:28px;
		text-align: left; white-space:nowrap;  font-weight:normal;color:#c0c0c0;font-size:13px;border-bottom:solid 1px #303030;}
ul#nav ul A:hover, ul#nav ul A.hover, ul#nav ul.hover A:hover, ul#nav li.hover ul a:hover, ul#nav li:hover ul a:hover
 {color:#ffffff;text-decoration:none; background: url(images/li-over.png) 100% 50%  no-repeat;}

/* ------ SUB NAV --------- */
UL#subnav       	{list-style: none;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
UL#subnav li  		{list-style-image: none; background:none;padding-left:0px; border-bottom:solid 1px #f1f1f1;}
UL#subnav a     	{width:155px;height:24px; display:block;text-decoration: none; line-height:24px; color:#202020; font-size:15px;}
ul#subnav ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;list-style: none none;}
UL#subnav li:hover              {background: url(images/subli-over.gif) 100% 50%  no-repeat;}
UL#subnav li.sel 		{background:url(images/li-over.png) 100% 50% no-repeat;}
UL#subnav a:hover, UL#subnav li.sel a ,UL#subnav li:hover a  {text-decoration: none;color:#8cc041;}
UL#subnav li.act a {text-decoration: none;color:#8cc041;}

ul#subnav ul a, ul#subnav ul a:link, ul#subnav ul a:visited, ul#subnav ul a:active {color:#202020;}
ul#subnav ul a:hover,  ul#subnav ul li.sel a {color:#8cc041;}

/* ------ END SUB NAV --------- */ 
 
#leftContent1, #leftContent2, #rightContent1, #rightContent2 {font-size:90%;margin-bottom:10px;}
#leftContent1 {margin-bottom:20px;}
#rightContent1 {border-bottom:solid 1px #f1f1f1;}
#leftContent2 {/*border-right:solid 1px #bad98e;*/}

.light_gray {color:#c0c0c0;}

div.headerImages {margin-left:310px;}
b.quote {padding:10px 10px 10px 10px;background:#8cc041;color:#ffffff;}

.csc-textpic-caption i {font-size:95%;}

/*   -------------------------------TYPO3 ------------------------------------------ */

.csc-mailform {padding:4px 0px 4px 4px; border:solid 1px #dadada;width:475px;}
.csc-mailform-field LABEL{position:absolute; text-align:left; float:left;color:#303030;margin-left:4px; }
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT {font-size:8pt; margin:1px;margin-left:190px;border:solid 1px #dadada;padding:2px;}
.csc-mailform-field TEXTAREA {width:218px;}
INPUT.csc-mailform-submit {background:#686868 url(images/bg-button.gif) repeat-x;cursor:pointer; margin-left:190px;font-size: 11px;color:#ffffff; font-weight:bold; border:none;width:100px; height:25px;}
INPUT.csc-mailform-submit:HOVER {}
.csc-mailform-label {color:#c0c0c0; font-size:90%;font-weight:bold;}


#tablelinks {width:100%;border-collapse: collapse;}
#tablelinks td {padding-right:10px;border-bottom:solid 1px #f1f1f1; vertical-align:top;}

DIV#newsticker {border-top:solid 1px #f1f1f1;border-bottom:solid 1px #f1f1f1;}
 /*#newsticker_inner {z-index:-10;}*/


.tickertext {height:80px;}
.tickertext span, .tickertext p{font-size:11px;}
.tickertext A {border:none;font-size:11px;}
.tickertext A:hover {}


/* ------- POLL ---------- */
.pollquestion {font-style:italic;font-weight:bold;}
.pollsubmit {background:#686868 url(images/bg-button.gif) repeat-x;cursor:pointer;font-size: 11px;color:#ffffff; font-weight:bold; border:none;width:60px; height:25px;}

.tx-quickpoll-pi1 .pollbar { BACKGROUND: url(/typo3conf/ext/quickpoll/pi1/pollbar.gif) repeat-x left center;}
.tx-quickPoll-pi1 .polltable{WIDTH: 100%;}
.tx-quickPoll-pi1 h2 {}
.tx-quickPoll-pi1 TH {text-transform:uppercase; margin-bottom:10px; padding-left:4px;} 		
.tx-quickPoll-pi1 .pollquestion {PADDING-BOTTOM: 3px;} 		
.tx-quickPoll-pi1 .pollanswer {vertical-align: -20%;BORDER: none;} 		
.tx-quickPoll-pi1 .polltotal {text-align:center;PADDING-TOP: 6px;} 
.tx-quickPoll-pi1 .pollresulttext {padding-top: 6px;}


