/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f5f5f;
	background:#ebf0f5;
}
a img {border:none;}
.floatright {
	float:right;
	margin:0 0 0 15px;
}
.sub {
	font-size:8px;
	vertical-align:bottom;
}
h1, h2 {
	padding:0;
	margin:0 0 15px 0;
	font-size:20px;
	font-weight:normal;
	color:#2c4857;
}
h2 {
	font-size:16px;
	font-weight:bold;
	margin:20px 0 12px 0;
}
a {
	color:#ffa800;
	font-weight:bold;
}
#container {
	width:845px;
	margin:30px auto 0 auto;
	background:url(imgs/content.jpg);
}

	#header {
		background:url(imgs/header.jpg);
		height:135px;
		overflow:hidden;
	}
		#navi {
			padding:110px 20px 0 320px;
		}
		.men1 {background:url(imgs/men1.gif);width:131px;float:left;}
		.men1 a {
			display:block;
			float:left;
			background:url(imgs/men1.gif) top;
			width:131px;
			height:29px;
		} .men1 a:hover {background:url(imgs/men1.gif) bottom;}
		
		.men2 {background:url(imgs/men2.gif);width:97px;float:left;}
		.men2 a {
			display:block;
			float:left;
			background:url(imgs/men2.gif) top;
			width:97px;
			height:29px;
		} .men2 a:hover {background:url(imgs/men2.gif) bottom;}
		
		.men3 {background:url(imgs/men3.gif);width:102px;float:left;}
		.men3 a {
			display:block;
			float:left;
			background:url(imgs/men3.gif) top;
			width:102px;
			height:29px;
		} .men3 a:hover {background:url(imgs/men3.gif) bottom;}
		
		.men4 {background:url(imgs/men4.gif);width:73px;float:left;}
		.men4 a {
			display:block;
			float:left;
			background:url(imgs/men4.gif) top;
			width:73px;
			height:29px;
		} .men4 a:hover {background:url(imgs/men4.gif) bottom;}
		
		.men5 {background:url(imgs/men5.gif);width:100px;float:left;}
		.men5 a {
			display:block;
			float:left;
			background:url(imgs/men5.gif) top;
			width:100px;
			height:29px;
		} .men5 a:hover {background:url(imgs/men5.gif) bottom;}

#main_active {background-position:bottom;}

	.pic {
		height:162px;
	}
	.pic_start {
		height:185px;
	}

	#subnavi {
		float:left;
		width:187px; /*217 minus padding left*/
		padding:0 0 0 30px;
		background:url(imgs/sidebar.jpg) repeat-y;
	}
		#subnavi ul {
			padding:0;
			margin:0;
			width:160px;
			list-style:none;
		}
			#subnavi ul li {
				background:url(imgs/emerald_icon.jpg) no-repeat top left;
				padding:0 0 0 20px;
				margin:8px 0 8px 0;
				color:#2c4857;
				font-weight:bold;
				height:30px;
			}
			#subnavi ul li.active {background:url(imgs/emerald_icon_gray.jpg) no-repeat top left #eeeeee;}
			#subnavi a {
				color:#2c4857;
				text-decoration:none;
			}
			#subnavi a:hover {
				text-decoration:underline;
			}
	
	#content {
		padding:0 20px 0 10px;
		margin:0 0 0 217px;
	}

#footer {
	clear:both;
	background:url(imgs/footer.jpg);
	height:32px;
}
#info {
	width:815px;
	margin:0 auto 10px auto;
	font-size:10px;
}
	#info a {
		color:#6e92a7;
	}
	
/*-----------------STARTSEITE*/

#main_navi {
}

#emerald_unternehmen {
	background:url(imgs/emerald_unternehmen_on.jpg);
	float:left;
	width:278px;
	height:157px;
}
#emerald_unternehmen a {
	display:block;
	background:url(imgs/emerald_unternehmen.jpg);
	float:left;
	height:157px;
	width:278px;
} #emerald_unternehmen a:hover {background:url(imgs/emerald_unternehmen_on.jpg);}

#emerald_produkte {
	background:url(imgs/emerald_produkte_on.jpg);
	float:left;
	width:290px;
	height:157px;
}
#emerald_produkte a {
	display:block;
	background:url(imgs/emerald_produkte.jpg);
	float:left;
	width:290px;
	height:157px;
} #emerald_produkte a:hover {background:url(imgs/emerald_produkte_on.jpg);}

#emerald_standorte {
	background:url(imgs/emerald_standorte_on.jpg);
	float:left;
	width:277px;
	height:157px;
}
#emerald_standorte a {
	display:block;
	background:url(imgs/emerald_standorte.jpg);
	float:left;
	width:277px;
	height:157px;
} #emerald_standorte a:hover {background:url(imgs/emerald_standorte_on.jpg);}

#location {
	float:left;
	width:217px;
	padding:0;
	background:url(imgs/sidebar.jpg) repeat-y;
}
#start_content {
	padding:0 20px 0 10px;
	margin:0 0 0 305px;
	font-size:14px;
}

.nostyle a {text-decoration:none; color:#666666; font-weight:normal;}
.nostyle a:hover {text-decoration:underline;}

/*SUCHE*/

#suchmaske {
	position:absolute;
	margin:0;
	padding:50px 20px 0 640px;
	
	color:#999999;
}
#suchmaske input {
	color:#999999;
}
#senden {
	background:0;
	padding:0;
	margin:0;
	color:#666666;
	border:none;
	b\order:0;
	font-size:11px;
}
#text {
	border:1px solid #cccccc;
	padding:2px 2px 2px 16px;
	width:130px;
	background:none;
}
.ergebnisname {
	padding-top:10px;
	}
	form ul {
		list-style:none;
		margin:0;
		padding:0;
	}
.lupe {
	background: url(imgs/lupe.gif) no-repeat 2px 6px;
}

/*SUCHERGEBNISSE*/


.anzahl {
	font-size:36px;
	font-weight:bold;
	color:#CCCCCC;
	width:100px;
}
.anzahl, .begriff {
	border-bottom:1px solid #cccccc;
}