/*
	
	ENVIROCHEMIE MAIN-STYLE
	Carsten Ruppert 2009-04-03

	!!! UTF-8 KODIERUNG BEACHTEN !!!

*/

html, body{
	width: 100%;
	height: 100%;
	}

body{
	margin: 0;
	padding: 0;
	font: normal 10pt/100% Arial, Helvetica, Sans, Sans-Serif;
	color: #222222;
	background-color: #c8d8ea;
	}

a{
	text-decoration: none;
	color: #1b3c7f;
	}
a img{
	border-width: 0;
	}

div.clear{
	clear: both;
	height: 1px:
	}


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;
		}

		
table#main-body{
	width: 980px;
	height: 100%;
	background: #ffffff;
	margin: 0 auto 0 auto;
	border: solid #ffffff;
	border-width: 0 2px 0 2px;
	}
	table#main-body td#body-container{
		height: 100%;
		vertical-align: top;
		}

div#top-container{
	position: absolute;
	width: 985px;
	height: 127px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -493px;
	background: #ffffff;
	z-Index: 1000;
	}
	div#top-container img#logo{
		position: absolute;
		top: 20px;
		left: 16px;
		}
	div#top-container div#banner{
		position: absolute;
		right: 0px;
		}
		
		
		
	div#top-container div#topmenu{
		position: absolute;
		top: 127px;
		right: 0;
		margin: 0;
		padding: 0;
		width: 980px;
		background: #233f87;
		border: solid #ffffff;
		border-width: 2px 2px 4px 2px;
		text-align: left;	
		padding: 0;
		height: 54px;
		}
		div#top-container div#topmenu ul{
			list-style-type: none;
			padding: 0;
			margin: 0;
			float: right;	
			}
		div#top-container div#topmenu ul li{
			display: block;
			float: left;
			width: 94px;
			/*width: 75px;*/
			height: 54px;	
			/*margin: 0 0 0 3px;*/
			border: solid #ffffff;
			border-width: 0 0 0 3px;
			text-align: center;
			}
		div#top-container div#topmenu ul li a{
			display: block;
			background: #233f87;
			height: 50px;
			padding: 2px 4px;
			/*padding: 2px 0 0 0;*/
			font-size: 9pt;
			line-height: 130%;
			color: #ffffff;
			text-decoration: none;
			}
			div#top-container div#topmenu ul li a:hover{
				background: #cbdff3;
				color: #000000;
				}
			div#top-container div#topmenu ul li a.active{
				background: #cbdff3;
				color: #000000;
				}	


form#searchform{
	margin: 4px 0 4px 30px;
	}


table#main-table{
	margin: 0;
	padding: 0;
	width: 980px;
	height: 100%;
	}
	table#main-table td{
		vertical-align: top;
		}				
	table#main-table td#main-left{
		width: 200px;
		background: #bfd3e5 url('../../img/layout/bg_left_blueborder.jpg') top left repeat-y;
		padding: 180px 0 0 0;
		}	
	table#main-table td#main-middle{
		padding: 170px 0 0 0;
		background: #ececed url('../../img/layout/watermark.gif') bottom left no-repeat;
		border-left: 4px solid #ffffff;
		}	
		
	table#main-table td#main-left div#language{
		height: 40px;
		border: solid #ffffff;
		border-width: 0 0 4px 0;
		}
		table#main-table td#main-left div#language div#language-selector{
				height: 40px;
				margin: 0 0 0 24px;
				padding: 0;
				background: #bfd3e5;
				}
				table#main-table td#main-left div#language div#language-selector div#selector{
					border: solid #ffffff;
					border-width: 0 0 0 0px;
					padding: 10px 0 0 6px;
					}
				table#main-table td#main-left div#language div#language-selector img{
					vertical-align: middle;
					margin: 0 0 0 2px;
					border: 1px solid #ffffff;
					}
					
					
		table#main-table td#main-left div.left-menu{			
			margin: 0;
			border-bottom: 4px solid #ffffff;
			}
			table#main-table td#main-left div.left-menu div.left-menu-content{
				background: #bfd3e5;
				margin: 0 0 0 24px;
				}				
			table#main-table td#main-left div.left-menu div.left-menu-content ul{
				list-style-type: none;
				padding: 0;
				margin: 0;				
				}
			table#main-table td#main-left div.left-menu div.left-menu-content ul li{
				display: block;
				width: 100%;
				}
					
			table#main-table td#main-left div.left-menu div.left-menu-content ul li a{
				display: block;
				padding: 4px 6px 4px 6px;
				font-size: 9pt;
				line-height: 125%;
				color: #000000;
				text-decoration: none;
				}
			table#main-table td#main-left div.left-menu div.left-menu-content ul li a:hover{
				background: #054688;
				color: #ffffff;
				}
			table#main-table td#main-left div.left-menu div.left-menu-content ul li a.active{
				background-color: #054688;
				color: #ffffff;
				}
				table#main-table td#main-left div.left-menu div.left-menu-content ul li ul{
					background: #ffffff;
					}
				table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li{}
				table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li a{
					font-size: 9pt;
					padding: 3px 3px 3px 15px;
					}
				table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li a:hover{
					background: #d1dde9;
					color: #054688;
					}
				table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li a.active{
					background: #d1dde9;
					color: #054688;
					}
					table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li ul{
						margin-bottom: 10px;
						}
					table#main-table td#main-left div.left-menu div.left-menu-content ul li ul li ul li a{
						font-size: 9pt;
						padding: 3px 3px 3px 30px;
						}


					
					
					
			table#main-table td#main-left div.left-menu div.left-menu-content div#adress{
				padding: 6px;
				font-size: 8pt;
				}
				table#main-table td#main-left div.left-menu div.left-menu-content div#icons{					
					display: block;
					width: 150px;
					margin: 20px 0 6px 6px;
					}
				table#main-table td#main-left div.left-menu div.left-menu-content div#icons a{
					margin: 0;
					padding: 0 10px 0 0px;
					}

				
				
				
	
		td#main-middle table.tab{
				border-collapse: collapse;
				width: 100%;
				margin: 0px;
				}
				td#main-middle table.tab td{
					padding: 4px 20px 4px 0px;
					vertical-align: top;
					}
					td#main-middle table.tab td img{
						border: 1px solid #ffffff;
						}
					td#main-middle table.tab td.rightcell{
						width: 200px;
						padding: 0 0px 0 10px;
						font-size: 8pt;
						font-weight: bold;
						text-align: right;
						}
					td#main-middle table.tab td.centercell{
						padding: 2px;
						font-size: 8pt;
						font-weight: bold;
						text-align: center;
						}
					td#main-middle table.tab td.centercell-white{
						background: #ffffff;
						border: 1px solid #dddddd;
						padding: 2px;
						font-size: 8pt;
						font-weight: bold;
						text-align: center;
						}
							
							
		td#main-middle table.tab-big{
				border-collapse: collapse;
				margin: 10px auto;
				}
				td#main-middle table.tab-big td{
					padding: 0px 50px 20px 0;
					}
					
					td#main-middle table.tab-big td img{
						border: 1px solid #ffffff;
						}
						
						
		td#main-middle table.tabin, table.tabin2, table.tabin3, table.tabin4, table.tabin5, table.tabin6, table.tabin7{
				background: #dfdfdf;
				border-collapse: collapse;
				width: 100%;
				margin: 0 0 4px 0;				
				}
				td#main-middle table.tabin td, table.tabin2 td, table.tabin3 td, table.tabin4 td, table.tabin5 td, table.tabin6 td, table.tabin7 td{
					padding: 2px 10px !important;
					border: solid #ececed;
					border-width: 0 2px 2px 0;
					font-size: 9pt;
					}					
				td#main-middle table.tabin2 td{
					width: 50%;
					}
				td#main-middle table.tabin3 td{
					width: 33%;
					}
				td#main-middle table.tabin4 td{
					width: 25%;
					}
				td#main-middle table.tabin5 td{
					width: 20%;
					}
				td#main-middle table.tabin7 td{
					width: 14%;
					}	
				td#main-middle table.tabin td p, table.tabin2 td p, table.tabin3 td p, table.tabin4 td p, table.tabin5 td p, table.tabin6 td p, table.tabin7 td p{
					padding: 4px;
					}

		
		
		td#main-middle div#content-padding{
			height: 100%;
			margin: 0;
			padding: 30px 20px 20px 20px;
			}
			td#main-middle div#content-padding h1{
				margin: 0 0 14px 0;
				line-height: 140%;
				}
			td#main-middle div#content-padding h2{
				margin: 20px 0 10px 0;
				line-height: 140%;
				}
			td#main-middle div#content-padding h3{
				margin: 10px 0 10px 0;
				line-height: 100%;
				}
			td#main-middle div#content-padding p{
				margin: 6px 0 6px 0;
				line-height: 140%;
				}

			td#main-middle div#content-padding ul{
				list-style-type: square;
				padding: 0 0 0 15px;
				margin: 0;
				color: #000000;
				}
			td#main-middle div#content-padding ul li{
				padding: 4px 0 4px 0;
				}
			td#main-middle div#content-padding div.newsbox{
				float: right;
				width: 335px;
				margin: 4px 0px 10px 20px;
				background: #f1f1f1;
				border: solid #ffffff;
				border-width: 0 2px 2px 2px;
				color:#5c5d5f;
				}
				td#main-middle div#content-padding div.newsbox p{
					padding: 0px 10px;
					}
				td#main-middle div#content-padding div.newsbox table.tab{
					margin: 0 0 10px 10px;
					padding: 0;						
					}
					td#main-middle div#content-padding div.newsbox table.tab td{
						width: 49%;	
						padding: 0;					
						}
						td#main-middle div#content-padding div.newsbox table.tab td p{	
							padding: 0;					
							}
					td#main-middle div#content-padding div.newsbox ul{
						margin: 0 0 0 10px;						
						}
					td#main-middle div#content-padding div.newsbox h1{
						margin: 0;
						padding: 6px 10px;
						background: #b4bcc4;
						border: solid #ffffff;
						border-width: 2px 0 2px 0;
						font-size: 9pt;
						font-weight: bold;
						color: #ffffff;				
						}
					td#main-middle div#content-padding div.newsbox h2{
						margin: 0;
						padding: 10px 10px 4px 10px;
						font-size: 9pt;
						font-weight: bold;				
						}
				
div#insite-jobcontainer{
	float: left;
	width: 370px;
	margin: 10px 0 0 0;
	background: #d1d4d8;
	padding: 0 0 20px 0;
	border: solid #ffffff;
	border-width: 0 2px 2px 2px;
	}
	div#insite-jobcontainer h1{
		display: block;
		background: #767676;
		border: solid #ffffff;
		border-width: 4px 0 4px 0;
		font-size: 10pt;
		color: #ffffff;
		padding: 8px 0 8px 10px;
		}
	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;
			}
		div#content-padding div.produktbox{
			float: left;
			margin: 0px 10px 20px 0;
			background: #f1f1f1;
			border: 2px solid #ffffff;
			width: 230px;
			color:#5c5d5f;
			}
			div#content-padding div.produktbox h1{
				height: 30px;
				margin: 0;
				padding: 10px;
				background: #b4bcc4;
				border-bottom: 4px solid #ffffff;
				font-size: 9pt;
				font-weight: bold;
				color: #ffffff;				
				}
			div#content-padding div.produktbox p{
				padding: 0 10px;
				margin: 0;
				font-size: 9pt;
				}
			div#content-padding div.produktbox img{
				padding: 0px;
				margin: 0;
				border: solid #ffffff;
				border-width: 1px;
				}
			div#content-padding div.produktbox a{
				display: block;
				margin: 0;
				padding: 2px;
				background: #ffffff;
				border: 1px solid #dfdfdf;
				font-size: 12pt;
				font-weight: bold;
				text-align: right;
				}
			div#content-padding div.produktbox a:hover{
				background: #f1f1f1;
				border: 1px solid #b4bcc4;
				}

		div#content-padding div.homebox{
			float: left;
			width: 370px;
			margin: 10px 0px 20px 0;
			background: #f1f1f1;
			border: 2px solid #ffffff;
			color:#5c5d5f;
			}
			div#content-padding div.homebox h1{
				margin: 0;
				padding: 4px 10px;
				background: #f08800;
				border-bottom: 2px solid #ffffff;
				font-size: 9pt;
				font-weight: bold;
				color: #ffffff;				
				}
			div#content-padding div.homebox p{
				padding: 0 10px;
				margin: 0;
				font-size: 9pt;
				}
			div#content-padding div.homebox table{
				width: 100%;
				padding: 0px 0 15px 0;
				margin: 0 0 0 10px;
				}
				div#content-padding div.homebox table td{
					width: 33%;
					padding: 0px 0 0px 0;
					margin: 0;
					font-size: 8pt;
					font-weight: bold;
					}
					div#content-padding div.homebox table td img{
						border: 1px solid #ffffff;
						}


h1, h2, h3{
	color: #1b3c7f;
	}
	h1{
		font-size: 13pt;
		}
	h2{
		font-size: 10pt;
		}
	h3{
		font-size: 9pt;
		}
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 110px;
	}
	
	
	
			
div.newsitem{
	padding: 0px 0 10px 0;
	border: solid #dddddd;
	border-width: 0 0 1px 0;
	}
	div.newsitem div.anchorcontainer{
		text-align: right;
		clear: both;
		padding: 10px 0 0 0;
		}
		
		
div#schlagwortliste{
	margin: 0px auto 0 auto;
	width: 980px;	
	clear: both;
	padding: 10px 0;
	background: #dfdfdf;
	border: solid #ffffff;
	border-width: 0px 2px 0 2px;
	font-size: 8pt;
	}
	div#schlagwortliste div.tags{
			text-align: center;
			margin: 0;
			padding: 0 20px;
			font-size: 9pt;
			line-height: 140%;
			color: #999999;
			text-align: center;
			}
	div#schlagwortliste div.tags a{
		font-size: 9pt;
		color: #777777 !important;
		}
		div#schlagwortliste div.tags a:hover{
			color: #999999 !important;
			}