@charset "utf-8";
/******************************************************
  BASE STYLES
*******************************************************/
html {
	font-size: 100%;
} 

body {
	font-family: Arial, Verdana, Helvetica, FreeSans, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #666666;
	background: #000 url(../images/bodyBg.gif) repeat fixed left top;
} 

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .7em 0;
	padding: 0;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
} 

h2 {
	font-size: 2em;
	color: #009933; 
}

h3 {
	font-size: 1.3em;
} 

ul, ol {
  margin: 0 0 1.5em 16px;
  padding: 0;
} 

p {
  margin: 0 0 1.5em 0;
} 

a {
	text-decoration: underline;
}

a:link, a:visited {
	color: #009933;
}

a:hover, a:focus, a:active {
	text-decoration: none;
} 

a:focus, a:active {
	outline: none;
} 

a img {
	border: none;
} 

em {
	font-style: italic;
} 

strong {
	font-weight: bold;
} 

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


/******************************************************
  CLEAR
*******************************************************/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/******************************************************
  TYPO3 SPECIFIC STYLES
*******************************************************/
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

/******************************************************
  LAYOUT
*******************************************************/
#container {
	width: 920px;
	margin: 0 auto 0 auto;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	background: url(../images/containerBg.gif) no-repeat 0px 170px;
}

#header {
	height: 170px;
	background: url(../images/headerBg.png) no-repeat 0px 30px;
}

#content {
	padding-bottom: 57px;
}

#main {
	padding: 0 50px 60px 50px;
	background: #fff;
}

#newsBar {
	width: 861px;
	height: 25px;
	background: url(../images/newsBarBg.gif) no-repeat left top;
	margin: 30px auto;
}

#newsBar p {
	height: 25px;
	line-height: 25px;
	padding: 0 20px;
}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 920px;
	height: 57px;
	background: #323232;
}


/******************************************************
  HEADER
*******************************************************/
#header h1 {
	margin: 0;
	width: 277px;
	height: 116px;
	background: url(../images/logo.gif) no-repeat left top;
	position: absolute;
	top: 40px;
	left: 10px;
}

#header h1 span {
	display: none;
}

#header h1 a {
	display: block;
	width: 277px;
	height: 116px;	
}

/******************************************************
  MENU
*******************************************************/
#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	right: 27px;
	top: 30px;
	font-size: .9em;
}

#header ul li {
	display: inline;
}

#header ul li a {
	display: block;
	width: 116px;
	height: 24px;
	line-height: 24px;
	float: left;
	background: url(../images/menuBg.gif) no-repeat left top;
	text-align: center;
	margin: 0 3px 0 0;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#header ul li a:hover, #header ul li a:active,
#header ul li a.act {
	color: #fff;
	background: url(../images/menuBgHover.gif) no-repeat left top;	
}


#header div.gaznaturel {
  position: absolute;
  right: 20px;
  top: 80px;
}

/******************************************************
  CONTENT
*******************************************************/
.grid2cols, .grid3cols {
  width: 820px;
}

.grid2cols .left, .grid2cols .right {
  width: 400px;
}

.grid2cols .left {
  float: left;
}

.grid2cols .right {
  float: right;
}

.grid3cols .left, .grid3cols .middle, .grid3cols .right {
  width: 260px;
}

.grid3cols .left {
  float: left;
  margin-right: 20px;
}

.grid3cols .middle {
  float: left;
  margin-right: 20px;
}

.grid3cols .right {
  float: left;
}

.grid3cols table {
  width: 260px;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px; 
}

.grid3cols table th {
  width: 100px;
  text-align: left;
}

.grid3cols table td {
  width: 160px;
}



span.green {
  font-weight: bold;
  color: #009933;
}

form legend {
  display: none;
}

form dt span {
  color: #ff0000;
}

form p.error {
  margin: 0;
  font-size: .8em;
  color: #ff0000;
}

input, textarea {
  background: #fff;
  border: 1px solid #a5acb2;
}

input.submit {
  border: 0;
  background: #009933;
  color: #fff;
  padding: 2px 5px;
  cursor: pointer;
}


form.standardForm dt, form.standardForm dd {
  margin: 0;
  padding: 0 0 1.5em 0;
}

form.standardForm dt {
  clear: both;
  width: 30%;
  float: left;
  padding-right: 1em;
  text-align: right;
  font-weight: bold;
}

form.standardForm dd {
  width: 60%;
  float: left;
}



form.subscriptionForm .left dt {
  clear:both;
  float: left;
  width: 155px;
  text-align: right;
  font-weight: bold;
  margin: 0;
  padding: 0 15px 1.5em 0;
}

form.subscriptionForm .left dd {
  width: 230px;
  float: left;
  margin: 0;
  padding: 0 0 1.5em 0;
}

form.subscriptionForm .right dt {
  clear:both;
  float: left;
  width: 35px;
  text-align: right;
  font-weight: bold;
  margin: 0;
  padding: 0 15px 1.5em 0;
}

form.subscriptionForm .right dd {
  width: 350px;
  float: left;
  margin: 0;
  padding: 0 0 1.5em 0;
}

form.subscriptionForm .right dt.smallspace {
  padding: 0 15px .2em 0;
}

form.subscriptionForm .right dd.smallspace {
  padding: 0 0 .2em 0;
}

form p.errorfruits {
  margin: 5px 0 0 0;
}


table.contactTable {
  border-collapse: collapse;
  margin-bottom: 30px;
}

table.contactTable tr th {
  background-color: #d5d5d5;
  text-align: left;
}

table.contactTable tr th, table.contactTable tr td {
  padding: 5px 0px;
  vertical-align: top;
  color: #353535;
}

table.contactTable tr.even td {
  background-color: #eeeeee;
}

table.contactTable tr.green td {
  background-color: #b0e7c3;
}

table.contactTable tr.hiddenRow td {
  display: none;
}

table.contactTable tr th.col1, table.contactTable tr td.col1 {
  width: 128px;
}

table.contactTable tr th.col2, table.contactTable tr td.col2 {
  width: 100px;
}

table.contactTable tr th.col3, table.contactTable tr td.col3 {
  width: 100px;
}

table.contactTable tr th.col4, table.contactTable tr td.col4 {
  width: 118px;
}

table.contactTable tr th.col5, table.contactTable tr td.col5 {
  width: 142px;
}

table.contactTable tr th.col6, table.contactTable tr td.col6 {
  width: 120px;
}

table.contactTable tr th.col7, table.contactTable tr td.col7 {
  width: 90px;
}

table.contactTable tr th.col8, table.contactTable tr td.col8 {
  width: 22px;
}

table.contactTable tr td.colcomment {
  width: 374px;
}


/******************************************************
  DISTRIBUTION
*******************************************************/
.tx_googlemaparea_pi1 {
  width: 820px;
}


.tx_googlemaparea_pi1-map {
  width: 600px;
  float: left;
}

.tx_googlemaparea_pi1-legend {
  width: 180px;
  float: right;
}


.tx_googlemaparea_pi1 .area1,
.tx_googlemaparea_pi1 .area2 {
  height: 90px;
}

.tx_googlemaparea_pi1 .area1 img,
.tx_googlemaparea_pi1 .area2 img {
  float: left;
  margin-right: 10px;
}

.tx_googlemaparea_pi1 .area1 p {
  margin: 0;
  color: #ff0000;
  font-size: 1.2em;
}

.tx_googlemaparea_pi1 .area2 p {
  margin: 0;  
  color: #0000ff;
  font-size: 1.2em;
}

/******************************************************
  FOOTER
*******************************************************/
#footer ul {
	margin: 20px 0 0 27px;
	padding: 0;
	list-style-type: none;
	float: left;
}

#footer ul li {
	display: inline;
	padding: 0 3px;
}

#footer ul li a {
	color: #666;
	text-decoration: underline;
}

#footer p {
	margin: 20px 30px 0 0;
	padding: 0;
	float: right;
}