/* Homepage CSS */

body {
	border: none;
	
	background: #ccc; 
	/* Zeile mit Banner, wenn gewünscht Zeile darüber ersetzen background: url("../images/bg-content-with-banner.jpg") repeat-y #ccc center top;*/
	color: #000;
	margin: 0;
	padding: 0;
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}


/* HEADER (inkl. Logo) */
#header {		
	width: 824px; 
	height: 120px;
	margin: 0 auto;
	background: url("../images/bg-header-top.jpg") repeat-y;
}
	
	#header #logo { 
		position: relative; 
		z-index: 1;
		height: 100px;
		width: 282px;
		left: 30px;
		top:15px;
		background: url("../images/logo.jpg") no-repeat;
	}
  /*
	#header #helix {
		position: relative; 
		z-index: 2;
		height: 168px;
		width: 222px;
		left: 650px;
		top:-135px;
		background: url("../images/dna-helix.gif") no-repeat;
	}
	*/

/* NAVI */

#navi {		
	width: 824px; 
	height: 38px;
	margin: 0 auto;
	background: url("../images/bg-navi.jpg") no-repeat;
}
	
#navi ul {
	margin:0; 
	padding: 0 15px 0 15px;
}

#navi ul li {
	list-style-type:none;
	float:left;
}

.spacer {
	width:65px;
}

#navi ul li a {
	font-size:12px;
	text-decoration:none;
	color:#000;
	display:block;
	font-weight: bold;
	padding: 9px 7px 9px 7px;
	letter-spacing: -1px;
}

#navi ul li a:hover {
	color:#575757;
}

/* CONTENT */
#content {		
	width: 744px; 
	margin: 0 auto;
	background: url("../images/bg-content.jpg") repeat-y;
	padding: 5px 40px 10px 40px;
}

	#content h2 {
		padding-top: 20px;
	}
	
.table-product {
	width: 100%;
	
}
	
.table-product td {
	padding-bottom: 15px;
	vertical-align:top;

}
	
	
/* PRODUCTS */
.products {
	height:110px;
	
	
	
}

.products-half {
	height:110px;
	
	
}
	
.products ul, .products-half ul {
	margin:0; 
	padding:0;
}

.products ul li, .products-half ul li {
	list-style-type:none;
	float:left;
}

.products ul li.empty, .products-half ul li.empty {
	padding: 30px 23px 20px 17px;
	width:103px;
	height:55px;
	display:block;
}

.products ul li a, .products-half ul li a {
	background: url("../images/bg-products-green-border.jpg") no-repeat;
	padding: 50px 23px 20px 17px;
	width:103px;
	height:35px;
	font-size:12px;
	font-weight: bold;
	bottom: 10px;
	text-decoration:none;
	color:#000;
	display:block;
	text-align:center;
}
	
	/* SONDERPRODUKTE */
	.products ul li a.eldoncard {
		background: url("../images/bg-eldoncard.jpg") no-repeat;
	}
	
	.products ul li a.hla {
		background: url("../images/bg-hla.jpg") no-repeat;
	}
	
	.products ul li a.hlassp {
		background: url("../images/bg-hlassp.jpg") no-repeat;
	}
	
	.products ul li a.humangenetik {
		background: url("../images/bg-humangenetik.jpg") no-repeat;
	}
	
	.products ul li a.lifematch {
		background: url("../images/bg-lifematch.jpg") no-repeat;
	}
	
	.products ul li a.lifescience {
		background: url("../images/bg-lifescience.jpg") no-repeat;
	}

.products ul li a:hover {
	color:#575757;
}


/* FOOTER */
#footer {		
	width: 744px; 
	padding: 10px 40px 10px 40px;
	margin: 0 auto;
	background: url("../images/bg-content.jpg") repeat-y;
}

	#footer div {
		border-top: dotted #aaa 1px;
		padding-top: 5px;		
		width: 744px; 
		font-size:11px;
		color:#575757;
	}


h1 {
	font: 18px Verdana, sans-serif;
	font-weight: bold;
	color: #3c3c3a;
	letter-spacing: -0.5px;
}

h2 {
	font: 14px Verdana, sans-serif;
	font-weight: bold;
	color: #3c3c3a;
	letter-spacing: -0.5px;
}

h3 {
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	color: #3c3c3a;
	letter-spacing: -0.5px;
}




/* Messages */
.success {
	background: #effff1;
	border: 1px solid #66cc74;
	padding: 0 1em 0 1em;
	max-width: 850px; 
	margin:  0 auto;
	margin-top:10px;
	margin-bottom:10px;
}
.notice {
	background: #fffbef;
	border: 1px solid #edbe15;
	max-width: 850px; 
	margin:  0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 1em 0 1em;
}
.error {
	background: #FFEFF7;
	border: 1px solid #c69;
	max-width: 850px; 
	margin:  0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 1em 0 1em;
}