/*
     FILE ARCHIVED ON 18:21:00 Feb 7, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:42:07 Jan 14, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ---  basics --- */



body {  

	font-family: Arial, Verdana, Helvetica, sans-serif;		

    color: #000; 

	text-align: center;	

	font-size: 12px;

}



* {

	padding: 0;

	margin: 0;

}



img, a img { 

  	border: none;

}



a {

	text-decoration: none;

}



b {

	font-size: 12px;

	color: #0aa536;

}



strong {

	font-size: 19px;

	color: #0aa536;

	line-height: 140%;

}



.klar {  

	clear: both;  

	line-height: 0;  

	font-size: 1px;  

	height: 0;

}		





h1		{

	color: #0aa536;

	font-style: normal;

	font-weight: 100;

	font-size: 26px;

	margin-bottom: 10px;

}



h2		{

	color: #0aa536;

	font-style: normal;

	font-size: 14px;

	line-height: 160%;

	margin-bottom: 10px;

}





h3 {

	font-size: 14px;

	font-weight: normal;

	color: #fff;

	background-color: #0aa536;

	padding: 5px 10px;

}



h4 {

	font-size: 12px;

	line-height: 130%;

	font-weight: bold;

	color: #0aa536;

	background-color: #e6f6eb;

	padding: 10px 10px;

	margin-bottom: 12px;

}







p {	

	color: #666666;

	line-height: 153%;

	font-size: 12px;	

}	



.underline {	

	color: #666666;

	line-height: 153%;

	font-size: 12px;	

	text-decoration: underline;	

}	



ul {

	list-style: none;

}



.imgFloatLeft {

	float: left;

	margin: 4px 18px 3px 0;

}



.imgFloatRight {

	float: right;

	margin: 0 0 0 15px;

}



.margin_10 {

	margin-bottom: 10px;

}





/* --- hauptlayer 898px breit --- */

	

#mainDivBreite {

	margin: 0 auto;

	margin-top: 20px;

	width: 898px;

	background-color: #ffffff;

	border: solid 1px #e2e2e2;

}





/* --- header --- */



#head {

	width: 898px;

	height: 192px;

	position: relative;		

}



#buttons {

	position: absolute;

	top: 114px;

	left: 767px;	

}

#stoerer {

	position: absolute;

	top: 430px;

	left: 28px;	

}


#logo {

	position: absolute;

	top: 0px;

	right: 0px;	

}





/* --- content gesamt --- */



#contentarea {

	float: left;

	text-align: left;

	width: 845px;

	margin: 40px 30px;

	

}





/* --- navigation links --- */	



#nav {

	float: left;

	width: 215px;

}



#nav ul {

	margin-left: 0px;

}



#nav li {

	float: left;

	color: #0aa536;

	font-size: 13px;

	font-weight: bold;

	border-bottom: 1px solid #0aa536;

	width: 185px;

}



#nav li a {

	float: left;

	text-align: left;

	color: #0aa536;	

	padding: 7px 10px;	

	width: 165px;

}



#nav li a:hover {

	background-color: #e6f6eb;

}



#nav li a.active {

	background-color: #e6f6eb;

}



/* --- navi zweite ebene --- */



#nav ul li ul {

	margin-left: 0px;

}





#nav ul li ul li {

	float: left;

	font-weight: normal;

	font-size: 12px;

	border-bottom: 1px solid #0aa536;

}





#nav ul li ul li a {

	float: left;

	text-align: left;

	color: #666666;	

	padding: 7px 10px;	

	width: 165px;

}



#nav ul li ul li a:hover {

	background-color: #fffde5;

}



#nav ul li ul li a.active {

	background-color: #fffde5;

	color: #666666;

	font-weight: bold;

}



#nav ul li ul li.first {

	float: left;

	font-weight: normal;

	font-size: 12px;

	border-top: 1px solid #0aa536;

}



#nav ul li ul li.last {

	float: left;

	font-weight: normal;

	font-size: 12px;

	border-bottom: 0px; 

}



#nav ul li ul li.firstlast {

	float: left;

	font-weight: normal;

	font-size: 12px;

	border-bottom: 0px; 

	border-top: 1px solid #0aa536;



}



#nav ul li ul li.lastactive {

	float: left;

	background-color: #fffde5;

	font-weight: bold;

	font-size: 12px;

	border-bottom: 0px; 

}





/* --- navi dritte ebene --- */



#nav ul li ul li ul {

	margin-left: 0px;

}





#nav ul li ul li ul li {

	float: left;

	font-weight: normal;

	font-size: 11px;

	border-bottom: 1px solid #999999;

	background-color: #f5f6f6;

}





#nav ul li ul li ul li a {

	float: left;

	text-align: left;

	color: #666666;	

	padding: 7px 0px 10px 20px;	

	width: 165px;

}



#nav ul li ul li ul li a:hover {

	color: #0aa536;

		background-color: #f5f6f6;



}



#nav ul li ul li ul li a.active {

	color: #0aa536;

		background-color: #f5f6f6;



}





#nav ul li ul li ul li.first {

	float: left;

	font-weight: normal;

	font-size: 11px;

	border-top: 1px solid #0aa536;

}



#nav ul li ul li ul li.last {

	float: left;

	font-weight: normal;

	font-size: 11px;

	border-bottom: 0px; 

}







/* --- content mitte --- */



#middle {

	float: left;	

	width: 440px;

	min-height: 400px;

	height: auto !important;   /* for IE6 */

	height: 400px;

}



#middle p {

	margin-bottom: 10px;

}



#middle a {

	text-decoration: underline;

	color: #0aa536;

}



#middle ul{

	font-size: 12px;

	color: #666666;

}



#middle ul li {

	

	padding-left: 20px;

	font-size: 12px;

	text-decoration: none;

	background: url(/web/20110207182100/http://solagrain.com/img/haken.gif) no-repeat scroll 0pt 0px;

	line-height: 153%;

	margin-bottom: 10px;



}

#middlexl ul{

	font-size: 12px;

	color: #666666;

}



#middlexl ul li {

	

	padding-left: 20px;

	font-size: 12px;

	text-decoration: none;

	background: url(/web/20110207182100/http://solagrain.com/img/haken.gif) no-repeat scroll 0pt 0px;

	line-height: 153%;

	margin-bottom: 10px;



}





/* --- content mitte breit --- */



#middlexl {

	float: left;	

	width: 625px;

	min-height: 400px;

	height: auto !important;   /* for IE6 */

	height: 400px;

}



#middlexl p {

	margin-bottom: 10px;

}



#middlexl a {

	text-decoration: underline;

	color: #0aa536;

}



/* --- tabellen ---*/



table {	

	color: #666666;

	line-height: 150%;

	font-size: 12px;

}	



td {	

	padding: 5px;

}





.tablehead  {

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background-color: #0aa536;

}



.tablegelb {

	background-color: #fffde5;

}



.tableblau {

	background-color: #d5eef9;

}

.tableblauklein {

	background-color: #d5eef9;
	font-size: 10px;
	line-height: 9px;
}

.tableklein {

	font-size: 10px;
	line-height: 9px;

}




/* --- formular --- */



.checkbox {

	font-size: 12px;

	margin: 0px 8px 0px 0px;	

}





#middle div.addresse {

  float: left;

  width: 90px;

  color: #666666;

  font-size: 12px;

}



.kleingrau {

  color: #666666;

  font-size: 10px;

}



/* --- rechter bereich --- */



#right {

	width: 150px;

	float: right;

	background-color: #fff;

}



#right div.box {

	width: 150px;

	margin-bottom: 15px;

	border: solid 1px #0aa536;

}



#right div.box p {

	padding: 10px;

	font-size: 11px;

	line-height: 130%;

}



#right div.box a {

	color: #0aa536;

	text-decoration: underline;

}



#right ul {

padding-left: 16px;

	margin: 0px 10px;

	color: #666666;

  	font-size: 11px;

	line-height: 130%;

}



#right ul li {



	list-style: disc;

}



/* --- footer --- */



#footer {

	margin: 0 auto;

	margin-bottom: 30px;

	width: 898px;	

}





#footer ul#meta {

	float: left;

}



#footer ul#meta li {

	float: left;

	margin-left: 30px;

	color: #999999;

	font-size: 10px;

	padding: 10px 0 10px 0;	

}



#footer ul#meta li a {

	float: left;

	color: #999999;

	font-size: 10px;

}



#footer ul#meta li a:hover {

	text-decoration: underline;

}