HTML {
    height: 100%; }

BODY { 
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-size: 9pt; 
	height: 100%; 
	min-height:100%;
	color: #6B0132; 
	line-height: 13pt;
	font-family: arial, helvetica, trebuchet MS, verdana; 
    background-image: url('/images/algemeen/home/bg-rood.gif');
	background-position: left top;
	background-repeat: repeat-x; }

/* algemeen ---------------------------------- */

P, TD, TH, DIV {
    font-family: arial, helvetica, trebuchet MS, verdana;
	font-size: 9pt; }

H1 { 
	font-family: chicago, arial, helvetica, trebuchet MS, verdana; }
	
H2 { 
	color:#6B0132;
	font-family: arial, helvetica, trebuchet MS, verdana;
	font-size: 10pt; 
	padding: 0 0 13px 0px;
	margin: 0 0 0 0px; }
	
H3 { 
	font-family: arial, helvetica, trebuchet MS, verdana; }
	
H4 { 
	font-family: arial, helvetica, trebuchet MS, verdana; }

A:link, A:active, A:visited { 
	text-decoration: none; 
	color: #DD1921; }

A:hover { 
	text-decoration: underline; 
	color: #DD1921; }

INPUT, TEXTAREA, SELECT { 
	font-size: 8pt; 
	color: #000000; 
	width: 250px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF; }

.button {
	color: #000000; 
	width: 100px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF; }
	
/* omheen ---------------------------------- */

#center {
	width: 100%;
	height: 100%;
	text-align: center; }
	
#all {
	width : 760px;
	height: 100%;
	margin-right : auto;
	margin-left : auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align : left; 
	z-index: 0;
	background-image: url('/images/algemeen/home/bg-groen.gif');
	background-position: left 217px;
	background-repeat: no-repeat; }

/* bovenkant ---------------------------------- */
    	
#top {
   	float: left;
	display: table;
	position: relative; 
	width: 760px;
	height: 89px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	background-color: #FFFFFF;
	vertical-align: bottom;
	z-index: 10; }

#logo {
    float: left;
    display: table;
    position: absolute;
    margin: 5px 0 0 80px; }

#doelgroep {
    width: 541px;
    height: 24px;
    display: inline;
    float: right;
    position: relative; }

#doelgroep a {
    font-family: trebuchet MS, arial, helvetica, verdana; 
    float: left;
    display: block;
    font-weight: bold;
	text-transform: uppercase;
    color: #FFFFFF;
    width: 129px;
    height: 21px;
    padding: 3px 0 0 5px;
    margin: 0 0 0 1px;
    text-decoration: none; }

#doelgroep .consumers {
    background-color: #FDCA00; }
       
#doelgroep .growers {
    background-color: #DC1407; }

#doelgroep .distributors {
    background-color: #02942F; }

#doelgroep .members {
    background-color: #353F7D; }

#slogan 
{
    position: absolute;
    line-height:20px;
    margin: 52px 0 0 229px;
    color: #02942F; 
    font-size: 135%;
	font-weight: bold;
    font-family: trebuchet MS, arial, helvetica, verdana; }

/* menu ---------------------------------- */

#menu {
	position: relative; 
	width: 760px;
	height: 19px; 
	background-color: #000000;
    padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	z-index: 20; }
		
/* content ---------------------------------- */
	
#content {
    clear: both;
	margin: 0px 0px 0px 0px;
	position: relative; 
	text-align: left;
	color: #FFFFFF;
    width: 760px; 
	z-index: 30; }

#content div {
    position: absolute;
    display: block;
    float: left;
    border: solid 1px #FFFFFF;
    padding: 10px;
    font-size: 8pt;
    text-align: left; }

#content H1 {
    margin: 0 0 2px 0px; 
    padding: 0 0 0px 0px; 
    font-size: 130%;
    font-family: trebuchet MS, arial, helvetica, verdana; }

#content A:link, A:active, A:visited { 
	text-decoration: none; 
	color: #FFFFFF; }

#content A:hover { 
	text-decoration: underline; 
	color: #FFFFFF; }

#consumers {
    background-color: #FDCA00;
    margin: 254px 0 0 220px;
    width: 98px; }

#consumers .lm {
    float: right;
    color: #FFFFFF;
    margin: 2px 0 -2px 0px;
    padding: 0 23px 0 0px;
    height: 18px;
    text-align: right;
    background-image: url('/images/algemeen/pijl-consumers.gif');
	background-position: right center;
	background-repeat: no-repeat; }            

#growers {
    background-color: #DC1407;
    margin: 0 0 0 220px;
    width: 249px;
    height: 106px; }

#growers .lm {
    float: right;
    color: #FFFFFF;
    margin: 2px 0 -2px 0px;
    padding: 0 23px 0 0px;
    height: 18px;
    text-align: right;
    background-image: url('/images/algemeen/pijl-growers.gif');
	background-position: right center;
	background-repeat: no-repeat; }            

#distributors {
    background-color: #353F7D;
    margin: 127px 0 0 490px;
    width: 114px; }

#distributors .lm {
    float: right;
    color: #FFFFFF;
    margin: 2px 0 -2px 0px;
    padding: 0 23px 0 0px;
    height: 18px;
    text-align: right;
    background-image: url('/images/algemeen/pijl-members.gif');
	background-position: right center;
	background-repeat: no-repeat; }            

#members {
    background-color: #02942F;
    margin: 304px 0 0 490px;
    width: 249px;
    height: 122px; }

#members .lm {
    float: right;
    color: #FFFFFF;
    margin: 2px 0 -2px 0px;
    padding: 0 23px 0 0px;
    height: 18px;
    text-align: right;
    background-image: url('/images/algemeen/pijl-distributors.gif');
	background-position: right center;
	background-repeat: no-repeat; }            

#algemeen {
    position: absolute;
    display: block;
    float: left;
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    font-size: 8pt;
    border-right: solid 1px #EE7E82;
    border-top: solid 1px #EE7E82;
    padding: 10px 5px 5px 5px;
    text-align: left;     
    background-color: #EE7E82;
    margin: 1px 0 0 625px;
    width: 124px;
    height: 115px; }

#algemeen A {
    color: #FFFFFF;
    text-decoration: underline; }

#foto1 {
	background-image: url('/images/algemeen/home/foto1.jpg');
	background-position: left top;
	background-repeat: no-repeat; 
    margin: 127px 0 0 220px;
    width: 98px;
    height: 106px; }

#foto2 {
	background-image: url('/images/algemeen/home/foto2.jpg');
	background-position: left top;
	background-repeat: no-repeat; 
    margin: 127px 0 0 339px;
    width: 130px;
    height: 249px; }

#foto2 img {
    margin: -10px; }
    
#foto3 {
	background-image: url('/images/algemeen/home/foto3.jpg');
	background-position: left top;
	background-repeat: no-repeat; 
    margin: 0 0 0 490px;
    width: 114px;
    height: 106px; }

#foto4 {
	background-image: url('/images/algemeen/home/foto4.jpg');
	background-position: left top;
	background-repeat: no-repeat; 
    margin: 127px 0 0 625px;
    width: 114px;
    height: 156px; }

/* onderkant ---------------------------------- */

#bottom {
	clear: both;
	display: table;
	position: relative; 
	color: #E4811C; 
	text-align: right;
	font-size: 8pt;
	width: 760px;
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 0px 0px ;
	z-index: 40; }

/* einde ----------------------------------------*/