/* styles for www.intrachem-bio.de   */
/* 																	 */
/* media:	screen										 */
/* use:		on every page							 */
/* 																	 */

* { padding:0; margin:0; }

body {
	text-align: center; background-color: #DDDDDD; font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100%; padding: 0px; margin: 0px; background-image: url(../_images/hg_box.gif); background-repeat: no-repeat; background-position: top center; }

a.headerlink {
	text-decoration: none; color: #007215; }

a.headerlink:hover {
	text-decoration: underline; color: #007215; }
	
#selist {
	position: absolute; top: -3000; left: -3000; }

/* ################################# */
/* hidden divs											 */

#printlogo, #printfooter {
	display: none;
	left: -1000px;
	top: -1000px;
}

/* ################################# */
/* main divs											 */

#header {
	text-align: left; margin-left: auto; margin-right: auto; width: 740px; height: auto; border-top: 6px solid #ffffff; border-bottom: 6px solid #ffffff; }

#main {
	text-align: left; margin-left: auto; margin-right: auto; width: 740px; height: auto; border-bottom: 6px solid #ffffff; background-color: #ffffff; background-image: url(../_images/hg_content.gif); background-repeat: repeat-y; }
	
#bottom {
	 margin-left: auto; margin-right: auto; clear: both; width: 740px; height: 20px; }
	 
/* ################################# */
/* navigation												 */

#navigation {
	float: left; text-align: left; width: auto; height: auto; background-color: #eca200; }
	
#navigation div.mainnav, #navigation div.mainnavsel {
	width: 198px; margin: 1px; }
	
#navigation div.mainnav a {
	font-size: 0.9em; font-weight: bold; color: #007215; background-color: #ffffff; text-align: left; padding: 7px 0px 7px 17px; margin: 0px; display: block; text-decoration: none; }
	
#navigation div.mainnavsel a {
	font-size: 0.9em; font-weight: bold; color: #ffffff; background-color: #EFB433; text-align: left; padding: 7px 0px 7px 17px; margin: 0px; display: block; text-decoration: none; }
	
#navigation div.mainnav a:hover, #navigation div.mainnavsel a:hover {
	color: #ffffff; background-color: #EFB433; text-decoration: none; }
	
#navigation div.subnav {
	width: 198px; margin: 0px 1px 0px 1px; }
		
#navigation div.subnav a {
	font-size: 0.8em; color: #007215; background-color: #eeeeee; text-align: left; padding: 4px 17px 4px 22px; margin: 0px; display: block; text-decoration: none; }
	
#navigation div.subnav a:hover {
	color: #ffffff; background-color: #EFB433; text-decoration: none; }
	
#navigation div.auxnav {
	width: 198px; margin: 1px; }
	
#navigation div.auxnav a {
	font-size: 0.8em; color: #007215; background-color: #FBECCC; text-align: left; padding: 4px 17px 4px 17px; margin: 0px; display: block; text-decoration: none; }
	
#navigation div.auxnav a:hover {
	color: #ffffff; background-color: #EFB433; text-decoration: none; }

#navigation div.contact {
	width: 200px; }
	
#navigation p.contact {
	font-size: 0.75em; color: #ffffff; padding: 4px 17px 4px 17px; }
	
#navigation p.contact a {
	color: #ffffff; text-decoration: underline; }
	
/* ################################# */
/* breadcrumb												 */

#breadcrumb {
	float: right; width: 534px; height: auto; background-color: #007215; border: 1px solid #007215; }
	
#breadcrumb p {
	margin: 3px 17px 3px 17px; font-size: 0.8em; color: #ffffff; }
	
#breadcrumb p.home {
	margin: 3px 17px 3px 17px; font-size: 1.35em; color: #ffffff; font-weight: bold; }
	
#breadcrumb a {
	color: #ffffff; text-decoration: none; font-weight: bold; }
	
#breadcrumb a:hover {
	color: #ffffff; text-decoration: underline; font-weight: bold; }
	
/* ################################# */
/* text													 */

#text {
	float: right; width: 534px; height: auto; background-color: #FFFFFF; border: 1px solid #007215;}
	
#text h1 {
	margin: 10px 17px 3px 17px; font-size: 1em; font-weight: bold; color: #007215; }
	
#text h1.image {
	margin: 0px; padding: 5px 0px 0px 7px; }
	
#text h2 {
	margin: 10px 17px 3px 17px; font-size: 0.9em; font-weight: bold; color: #007215; }
	
#text h3 {
	margin: 10px 17px 3px 17px; font-size: 0.8em; font-weight: bold;}
	
#text p {
	margin: 3px 17px 3px 17px; font-size: 0.8em; line-height: 1.5em; }
	
#text img.right {
	margin: 5px 0px 15px 10px; }
	
#text img.left {
	margin: 5px 10px 15px 0px; }

#text ul {
	margin: 0px 5px 1px 34px; padding: 3px 17px 3px 17px; font-size: 0.8em; line-height: 1.3em; list-style-type: square; }
	
#text li {
	margin-top: 5px; }	

#text p.docsheader {
	margin: 10px 8px 0px 8px; padding: 3px 9px 3px 9px; font-size: 0.8em; font-weight: bold; background-color: #dddddd; }
	
#text p.docsfiles {
	margin: 0px 8px 10px 8px; padding: 7px 12px 7px 12px; font-size: 0.8em; line-height: 2.5em; background-color: #eeeeee; border: 1px solid #dddddd; }
	
#text a {
	color: #007215; }
	
#text a:hover {
	color: #000000; }
	
#text blockquote {
	margin-left: 30px;}
	
/* ################################# */
/* text															 */

#text p.teaserheader {
	margin: 15px 17px 0px 10px; color: #007215; background-color: #eeeeee; font-size: 1.0em; font-weight: bold; padding: 3px 3px 4px 7px; }
	
#text p.teaserheaderimage {
	margin: 15px 17px 0px 10px; padding: 2px 0px 2px 0px; }
	
#text p.teasertext {
	margin: 0px 17px 0px 10px; background-color: #eeeeee; font-size: 0.8em; padding: 0px 15px 10px 7px; }
	
#text p.teasertext img {
	clear: both; margin: 3px 10px 7px 0px; }
		
#text p.teaser {
	margin: 10px 17px 10px 10px; background-color: #eeeeee; font-size: 0.8em; padding: 5px 15px 7px 7px; }
	
.upper, sup {
	vertical-align:top; font-size: 0.8em; }
	
/* ################################# */
/* text - forms											 */

#text input.box, #text textarea.box {
	font-family: arial, helvetica, sans-serif; font-size: 0.9em; width: 400px; background-color: #eeeeee; border-width: 1px; border-style: solid; border-top-color: #ECA200; border-right-color: #F7D999; border-bottom-color: #F7D999; border-left-color: #ECA200; }

#text p.message, #text ul.message {
	color: #FF0000; font-weight: bold; }