/* ALLGEMEIN */

* {
	margin:			0;
	padding:		0;
	outline:		none;
		/*font-weight:	bold;*/
	
}
body {
	font-family:	Verdana;
	font-size:		8pt;
	line-height:	10pt;
}

.page, .pageCenter {
	position:		absolute;
	width:			960px;
	margin-left:	-480px;
	left:			50%;
	
	z-index:		50;
}
.pageCenter { text-align: center; }
.proganic {	text-transform:	uppercase; }

a { color: white; text-decoration: underline;}
a:hover { color: red; text-decoration: underline; }
b { font-size: 100%; }
blockquote {
	margin:			15px 0;
	font-weight:	bold;
}
p { margin-top: 15px; }
body {
	font-size:		8pt;
	line-height:	14pt;

	background:		black url(../pictures/bg_earth.gif);	
	z-index:		0;
	overflow: 		-moz-scrollbars-vertical;
	overflow-x: 	hidden;
	overflow-y: 	scroll;
}
h1 {
	padding-bottom:	5pt;
	font-size:		12pt;
	line-height:	14pt;
	text-transform:	uppercase;
}

h2 {
	padding-top:	14px;
	padding-bottom:	7px;
	font-size: 		10pt;
}
sup { font-size: 50%; }

/* NAVIGATION */

#nav, .language{
	margin-left: 	25px;
	margin-top:		25px;
	float: 			right;
	color:			white;
	font-size: 		9pt;
	font-weight:	bold;
	text-transform:	uppercase;
	
	z-index:		100;
}
#nav a { text-decoration: none; font-size: 9pt; padding: 5px; }
#nav a:hover { background: white; text-decoration: none; color: green; }
.language:hover { border: 1px solid white; margin: 22px -3px 1px 22px;  background: white; padding: 2px; }

/* GIMMICKS */

#header { margin-top: -25px; }
#header img {z-index: 50; }

#sky {
	width: 			100%;
	height:			333px;
	background:		url(../pictures/bg_sky.gif);
	
	position:		absolute;
	top:			0;
	
	z-index:		5;
}

#tree {
	position:		absolute;
	top:			187px;
	right:			220px;

}

#roots {
	position:		relative;
	float:			right;
	top:			300px;
}

#flow {
	position:				absolute;
	top:					0;

	width:					100%;
	height:					480px;

	background-image:		url(../pictures/flow.jpg);
	background-repeat:		no-repeat;
	background-position:	center top;
	
	z-index:				30;
}


.details { display: block; cursor:pointer; }

.tooltip {    

    display:		none; 
    background:		#f9df4e;
    border:			5px solid #85c701;
    
    width:			450px;
    font-size:		11px;
    font-weight:	bold;
    padding:		15px;
    
    z-index:		500;
}

/* TABLES */

div.row {
	display:		table;
}
div.cell {
	display:		table-cell;
}
div.middle {
	vertical-align: middle;
}
/* ------------------------------------------------------------------------------------------------------

INTROBOX

------------------------------------------------------------------------------------------------------ */
#content {
	top: 				300px;
}
#logo {
	float: 				left;
	margin-right: 		25px;
}
.intro {
	width: 				100%;
}
.bright a {
	color:				#006532;
}
.box {
	display:			table;
	padding:			14px;
	margin-bottom:		25px;
	color:				white;
-moz-border-radius: 	14px;
-webkit-border-radius: 	14px;
	border:				5px solid #8C6239;
	background:			#42210B;
}
#earth .box {
	width:				425px;
}
#earth #logo {
	padding:			0px 15px 0px 20px;
}
.bright {
	color:				#006532;
	background:			#fff7d2;
	border-color:		white;
}
.check {
	margin:		0 25px;
}
.check li {
	margin-top:			5px;
	list-style: 		none;
	text-transform:		uppercase;
	padding-left:		27px;
	background: 		url(../pictures/box_list.gif) no-repeat;
}
/* CONTENT */
#earth {
	font-size: 	10pt;

 	color:		white; 	
 	padding:	0px 0px;
}
.fullWidth {
	width:	900px;
}
.leftColumn {
	width:	425px;
	float:	left;
	
	margin-right:	50px;
}
.rightColumn {
	width:	425px;
	float:	left;
	padding-left:	25px;
}

.columnBoxBottom {
	/*height:		60px;*/
	height:		60px;
	background:	url(../pictures/border/bottom.gif) no-repeat left bottom;
}
.columnBoxBottom span {
	display:	block;
	position:	relative;
	height:		60px;
	background:	url(../pictures/border/bottom-right.gif) no-repeat right top;
}
/* - */

#products { position: relative; height: 275px; }
#products a:hover img { border: 0px; background-color: none; }
.red { color: red; }
.separator { margin-top: 50px; }
#p01 { position: absolute; top: 90px;	left: 77px;	z-index: 100 }
#p02 { position: absolute; top: 0px;	left: 150px;	z-index:  90 }


/* FOOTER */
#footer {
	color: white;
	clear: both;
	width: 960px;
	padding: 100px 0 25px 0;
	text-align: center;
}
#footer a {
	text-transform: 	uppercase;
	text-decoration:	none;
}