
/*
	
	ENVIROWORLD MAIN-STYLE
	Carsten Ruppert 2009-04-03

	!!! UTF-8 KODIERUNG BEACHTEN !!!

*/

html, body{
	width: 100%;
	height: 100.1%;
	}

body{
	margin: 0;
	padding: 0;
	font: normal 10pt/100% Arial, Helvetica, Sans, Sans-Serif;
	color: #444444;
	background-color: #c8d8ea;

	}

a{
	color: #6ba800;
	text-decoration: none;
	}
	a:hover{
		background-color: #d2e5b2;
		}
a img{
	border-width: 0;
	}

a.printpage{
	float: right;
	}

form#searchform{
	margin: 5px 0 5px 5px;
	}


div.wcr-contact{
	margin: 0 0 20px 0;
	}
	div.wcr-contact img.contact-image{
		float: left;
		margin: 4px 10px 0 0;
		width: 98px;
		border: 1px solid #ffffff;
		}
	div.wcr-contact img.contact-icon{
		vertical-align: middle;
		margin: 0 10px 0 0;
		}

div#coverflow-wrapper{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 127px;
	width: 680px;
	overflow: hidden;
	}


div#header{
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -490px;
	width: 979px;
	height: 173px;
	background: #ffffff;
	border: solid #ffffff;
	border-width: 0 0 2px 0;
	}
	div#header img#logo{
		position: absolute;
		top: 15px;
		left: 20px;
		}
	div#header div#topmenu{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		overflow: hidden;
		background: #ffffff;
		}
		div#topmenu ul{
			list-style-type: none;
			padding: 0;
			margin: 0 0 0 2px;
			}
			div#topmenu ul li{
				display: block;
				float: left;
				margin: 0 1px 0 1px;
				padding: 0;
				}
			div#topmenu a{
				display: block;
				background: #6ba800;
				width: 110px;
				height: 36px;
				padding: 5px;
				color: #ffffff;
				text-align: center;
				line-height: 125%;
				overflow: hidden;
				}
			div#topmenu a:hover{
				background: #d2e5b2;
				color: #6ba800;
				}
			div#topmenu a.active{
				background: #d2e5b2;
				color: #6ba800;
				}
	
	

table#mainbody{
	width: 980px;
	height: 100%;
	background: #ffffff;
	margin: 0 auto 0 auto;
	border: solid #ffffff;
	border-width: 0 1px 0 1px;
	}
	table#mainbody td{
		vertical-align: top;
		}
	table#mainbody td#main-left{
		width: 203px;
		height: 100%;
		background: #6ba800 url('../../img/layout/bg_mainleft.jpg') top right repeat-y;
		border: solid #ffffff;
		border-width: 0 6px 0 0;
		padding: 175px 0 0 0;
		}
	table#mainbody td#main-right{
		height: 100%;
		background: #ececed url('../../img/layout/watermark.gif') bottom left no-repeat;
		/* background: #f7f7f7 url('../../img/layout/gradient_content.jpg') 0px 126px repeat-x; */
		padding: 159px 0 10px 0;
		}

div.content-padding{	
	padding: 20px;
	line-height: 140%;
	}
	div.content-padding p{
			margin: 0 0 10px 0;
			padding: 0;
			}
	div.content-padding ul{
		list-style-type: square;
		padding: 0 0 0 15px;
		}
		div.content-padding ul li{
			padding: 3px 0 3px 0;
			}
	div.content-padding ol{
		list-style-type: decimal;
		padding: 0 0 0 20px;
		}
		div.content-padding ol li{
			padding: 3px 0 3px 0;
			}
			
			
			
			div.content-padding div.newsbox{
					float: right;
					clear: right;
					width: 335px;
					margin: 10px 0px 0px 20px;
					padding: 0px 0 0 0;
					background: #d9dbde;
					border: solid #ffffff;
					border-width: 0px 2px 2px 2px;
					color:#5c5d5f;
					}
					div.content-padding div.newsbox p{
							padding: 0px 10px;
							}
					div.content-padding div.newsbox table.tab{
							margin: 0 0 10px 10px;
							padding: 0;
							}
							div.content-padding div.newsbox table.tab td{
								width: 49%;	
								padding: 0;					
								}
								div.content-padding div.newsbox table.tab td p{	
									padding: 0;					
									}
					div.content-padding div.newsbox ul{
							margin: 0 0 0 10px;						
							}
					div.content-padding div.newsbox h1{
							margin: 0 0 10px 0;
							padding: 4px 10px;
							background: #b4bcc4;
							border: solid #ffffff;
							border-width: 2px 0;
							font-size: 9pt;
							font-weight: bold;
							color: #ffffff;				
							}
					div.content-padding div.newsbox h2{
							background: transparent url('../../img/layout/dot.gif') center left no-repeat;
							margin: 4px 0 0 10px;
							padding: 4px 10px 0px 20px;
							font-size: 9pt;
							font-weight: bold;				
							}


div.leftmenu-container{
	border: solid #ffffff;
	border-width: 0 0 4px 0;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	div.leftmenu-content{
		margin: 0 0 0px 20px;
		border: solid #ffffff;
		border-width: 0 0 0 4px;
		background-color: #d2e5b2;
		}
	div#language-selector{
		padding: 10px 3px 10px 3px;
		}
		div#language-selector img{
			border: 1px solid #ffffff;
			vertical-align: middle;
			margin: 0 0 0 2px;
			}
			
	div#cumulus-tagcloud{
		height: 130px;
		padding-left: 24px; 
		border: solid #ffffff; 
		border-width: 0 0 4px 0;
		}
		
	div.leftmenu-content ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		div.leftmenu-content ul li{
			width: 100%;
			}
		div.leftmenu-content ul li a{
			display: block;
			padding: 6px 6px;
			color: #333333;
			}
		div.leftmenu-content ul li a:hover{
			background: #6ba800;
			color: #ffffff;
			}
		div.leftmenu-content ul li a.active{
			background: #6ba800;
			color: #ffffff;
			}
			div.leftmenu-content ul li ul{
				background: #ffffff;
				font-size: 9pt;
				padding: 0 0 0 15px;
				}
			div.leftmenu-content ul li ul li{
				}
			div.leftmenu-content ul li ul li a{
				padding: 4px 0 4px 0;
				}
			div.leftmenu-content ul li ul a:hover{
				background-color: transparent;
				color: #6ba800;
				}
			div.leftmenu-content ul li ul a.active{
				background-color: transparent;
				color: #6ba800;				
				}
	div.leftmenu-content li#enviroconsult a{
		height: 115px;
		width: 100%;
		background: #d2e5b2 url('../../img/layout/button_enviroconsult_de.png') 5px 5px no-repeat;
		border: solid #ffffff;
		border-width: 0 0 1px 0;
		padding: 0px 0 8px 0;
		}
	div.leftmenu-content li#envirofinance a{
		height: 76px;
		width: 100%;
		background: #d2e5b2 url('../../img/layout/button_envirofinance_de.png') 5px top no-repeat;
		margin: 10px 0 0 0;
		padding: 0 0 8px 0;
		}
		

div#schlagwortliste{
	margin: 0px auto 0 auto;
	width: 978px;	
	clear: both;
	padding: 0px 0;
	background: #efefef;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
	font-size: 8pt;
	}
	div#schlagwortliste div.tags{
			text-align: center;
			margin: 0;
			padding: 10px 20px;
			font-size: 9pt;
			line-height: 140%;
			color: #999999;
			text-align: center;
			}
	div#schlagwortliste div.tags a{
		font-size: 9pt;
		color: #777777 !important;
		}

div#address-container{
	margin: 10px 0 10px 24px;
	padding: 5px;
	line-height: 150%;
	font-size: 9pt;
	color: #555555;
	}
	div#address-container img#logo-world{
		margin: 10px 0 0 5px;
		}
	div#address-container a:hover{
		background-color: transparent;
		}
	
	
h1, h2, h3, h4{
	line-height: 140%;
	}
h1{
	font-size: 16pt;
	letter-spacing: 1px;
	}
h2{
	font-size: 13pt;
	}
h3{
	font-size: 11pt;
	padding: 0 0 4px 0;
	margin:0;
	}
h4{
	font-size: 10pt;
	}




table.list, table.liste, table.tab{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 9pt;
	}
	table.list td, table.liste td table.tab td{
		padding: 5px 10px 5px 0px;
		}
	table.list td.head, table.liste td.head{
		background-color: #ffffff;
		font-weight: bold;
		}
	table.list td p, table.liste td p{
		margin: 0;
		padding: 4px 0;
		}
	table.list td p img, table.liste td p img, table.tab p img{
		margin: 0;
		padding: 0;
		border: 1px solid #ffffff;
		}
		
		
		
						
		
		
div#insite-jobcontainer{
	float: left;
	width: 360px;
	
	border: solid #ffffff;
	border-width: 0;
	color:#5c5d5f;
	}
	div#insite-jobcontainer h1{
		display: block;
		margin: 0;
		padding: 4px 10px;
		background: #b4bcc4;
		border: solid #ffffff;
		border-width: 2px 0;
		font-size: 9pt;
		font-weight: bold;
		color: #ffffff;
		}
	div#insite-jobcontainer table.joblist{
		font-size: 9pt;
		width: 100%;
		}
		div#insite-jobcontainer table.joblist td{
			padding: 10px 10px;
			}
		div#insite-jobcontainer table.joblist a{
			font-weight: bold;
			}
			
table.newslist{
		font-size: 9pt;
		width: 100%;
		}
		table.newslist td{
			padding: 10px 0px;
			border-bottom: 1px solid #cccccc;
			}
		table.newslist a{
			font-weight: bold;
			}
			
div.newsitem{
	padding: 0px 0 0px 0;
	border: solid #f0f0f0;
	border-width: 0 0 1px 0;
	}
	div.newsitem div.anchorcontainer{
		text-align: right;
		clear: both;
		padding: 0px 0 5px 0;
		}
		



