/***************************************************************************************/
/* 1. Seitenuebergreifende Anweisungen
/***************************************************************************************/

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F2F2F2 url(/images/body_bg.gif) repeat-y top left;
}

table {
	table-layout:fixed;
}

/* alt:
a:link    { color: #000; text-decoration: underline; }
a:visited { color: #777; text-decoration: underline; }
a:hover   { background-color: #FFF; text-decoration: underline !important; }
a:active  { text-decoration: none;}
*/
a:link    { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover   { color: #00C; text-decoration: underline; }
a:active  { color: #00C; text-decoration: underline; }


p strong{
				font-weight:bold;
			}

#contentarea {
	margin: 15px 76px 0 19.9em;
	padding: 0 0 26px 0;
}
#breadcrumbarea {
	position: relative;
	margin: 0 50px 0 17.75em;
	border-bottom: 1px #919191 solid;
	padding: 13px 26px 4px 26px;
	color: #000;
}

#breadcrumbarea a:link, #moveup:link {
	text-decoration: none;
	color: #000;
}
#breadcrumbarea a:visited, #moveup:visited {
	text-decoration: none;
	color: #000;
}
#breadcrumbarea a:hover, #moveup:hover {
	text-decoration: underline;
	color: #000;
}
#print {
	float: right;
	background: url(/images/print_icon.gif) no-repeat 0 0.25em;
	padding-left: 19px;
}
#footerarea {
	/*position: relative;	*/
	/*margin: 20px 26px 40px 26px;*/
	margin: 40px 0 0 0;
	padding-top: 4px;
	border-top: 1px #919191 solid;
}
#moveup {
	position: relative;		
	/*margin:10 26px 10px 26px;*/
	padding-left: 13px;
	float: right;
	background: url(/images/moveup_icon.gif) no-repeat 0 0.25em;
}
h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	margin: 14px 0 0.3em 0;
	
	padding-top:15px;
	color:#FFF;
	letter-spacing:0.1em;
	font-weight:normal;
	text-align:left;
}
#h1bg {
	height:90px;
	/*width:654px;*/
	background-repeat:no-repeat;
	margin-bottom:30px;
}
#h1inner {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	color:#FFF;
	position: relative;
	top:30px;
	width:180px;
	background-color:#00A;
	padding:10px;
	text-align:left;
}
#h1innerReagents {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	color:#FFF;
	position: relative;
	top:30px;
	width:240px;
	background-color:#00A;
	padding:10px;
	text-align:left;
}

h2 {
	padding:2px 0 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #00C;
	font-weight: bold;
	margin:1.6em 0 1em 0;
}
h3 {
	margin: 0 0 1em 0;
	font-size: 1em;
	color: #000;
	font-weight: bold;
}
p, td {
	line-height: 160%;
	margin: 0 0 1em 0;
}
#contentarea ul {
	list-style-type: square;
	margin: 0 0 1em 26px;
	padding: 0;
	line-height: 160%;
}
#contentarea ul li {
	margin: 0.5em 0 0.5em 0;
}
#contentarea ol li {
	margin: 0 0 0.5em 0;
	font-size: 0.85em;
}
.standardversion {
	background: url(/images/standardversion_icon.gif) no-repeat 0 6px;
	padding: 8px 0 10px 39px;
	margin: 0 24px 0 0;
}

#spacer5 {height:5px; line-height:5px;}
#spacer10 {height:10px;}
#spacer15 {height:15px;}
#spacer20 {height:20px;}
#spacer30 {height:30px;}
#spacer50 {height:50px;}
#spacer100 {height:100px}
#spacer200 {height:200px}

.gray_brighter {
	background-color:#F5F5F5;
	padding: 2px 5px 2px 5px;
}
.gray {
	background-color:#DCDCDC;
	padding: 2px 5px 2px 5px;
}
.blue {
	background-color:#00A;
	padding: 5px 5px 5px 5px;
	color:#FFF;
	font-weight: bold;
}
.red {
	color:#900;
}

.unicode:link    { color:#000; font-size:1.15em; font-family:Arial Unicode MS,Arial,sans-serif; font-weight:normal; text-decoration:underline; }
.unicode:visited { color:#000; font-size:1.15em; font-family:Arial Unicode MS,Arial,sans-serif; font-weight:normal; text-decoration:underline; }
.unicode:hover   { color:#00C; font-size:1.15em; font-family:Arial Unicode MS,Arial,sans-serif; font-weight:normal; text-decoration:underline; }
.unicode:active  { color:#00C; font-size:1.15em; font-family:Arial Unicode MS,Arial,sans-serif; font-weight:normal; text-decoration:underline; }
.unicode:focus   { color:#00C; font-size:1.15em; font-family:Arial Unicode MS,Arial,sans-serif; font-weight:normal; text-decoration:underline; }

/***************************************************************************************/
/* 2. Seitenspezifische Anweisungen
/***************************************************************************************/

/***************************************************************************************/
/* 2.1. Participant
/***************************************************************************************/

#participant {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}
#participant h2 {	
	margin-top: 20px;
}
#participant h3 {	
	margin: 1.6em 0 1em 0;
}

/***************************************************************************************/
/* 2.2. Publication
/***************************************************************************************/

#publication {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}
#publication td {
	font-size: 0.75em;
}
#publication h2 {	
	margin-top: 20px;
}
#publication h3 {	
	margin: 1.6em 0 1em 0;
}

/***************************************************************************************/
/* 2.3. SearchForm
/***************************************************************************************/

.searchForm {
	font-size:1.0em;	
}
.searchForm td {	
	padding-right:10px;
}

/***************************************************************************************/
/* 2.4. Help
/***************************************************************************************/

#help {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}
#help h2 {	
	margin-top: 20px;
}
#help h3 {	
	margin: 1.6em 0 1em 0;
}
#help ul {
	list-style-type: square;
	margin: 0 0 1em 26px;
	padding: 0;
	line-height: 160%;
}
#help ol {
	margin: 0 0 1em 26px;
	padding: 0;
	line-height: 160%;
}
#help ul li {
	margin: 0.5em 0 0.5em 0;
}

/***************************************************************************************/
/* 2.5. Newsletter
/***************************************************************************************/

#newsletter {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}
#newsletter h2 {	
	padding: 2px 0 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #00C;
	font-weight: bold;
	margin: 1.6em 0 1em 0;
	text-align:center;	
}
#newsletter h3 {	
	margin: 1.6em 0 1em 0;
}

/***************************************************************************************/
/* 2.6. CenterArea
/***************************************************************************************/

#centerarea {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}
#centerarea h2 {	
	margin-top: 20px;
}
#centerarea h3 {	
	margin: 1.6em 0 1em 0;
}

/***************************************************************************************/
/* 2.7. Login
/***************************************************************************************/

#login {
	background:#FFF none;
	font-size: 0.75em;
	padding: 0 20px 0 70px;
}
#login td {
	font-size: 0.75em;
}
#login h2 {	
	margin-top:0;
}

/***************************************************************************************/
/* 2.8. Navbar
/***************************************************************************************/

#navbar {
	background:#FFF none;
	font-size:0.75em;
	padding:0 17px 0 17px;
}
#navbar td {
	font-size: 0.75em;
}
#navbar h2 {	
	font-size: 1.5em;	
	margin-top: 20px;
}
#navbar ul {
	list-style-type: square;
	margin: 0 0 1em 15px;
	padding: 0;
	line-height: 160%;
}

/***************************************************************************************/
/* 2.9. ImageFormatServlet
/***************************************************************************************/

#imageFormatServlet {
	background:#FFFFFF none;
	font-size:0.75em;
	padding:20px 0 0 30px;
}
#imageFormatServlet td {
	font-size: 0.75em;
}
#imageFormatServlet h2 {	
	font-size: 1.5em;	
	margin-top: 20px;
}

/***************************************************************************************/
/* 2.10. Dialog
/***************************************************************************************/

#dialog {
	font-size: 0.75em;
	padding: 0 20px 0 70px;
	background: #FFFFFF url(/images/body_bgSingle.gif) repeat-y top left;
}

/***************************************************************************************/
/* 3. Basis-Layout
/***************************************************************************************/

/***************************************************************************************/
/* 3.1. Wrapper
/***************************************************************************************/

#wrapper {
	max-width: 974px;
	min-height: 100%;
	position: relative;
	margin: 0 0 0 50px;
	padding: 0;
	background: url(../images/wrapper_bg.gif) repeat-y top right;
	font-size: 0.75em;
}

/***************************************************************************************/
/* 3.2. Kopfbereich (mit generischer Navigation)
/***************************************************************************************/

#headarea {
	background: #00A url(../images/header_bg.gif) no-repeat 0 18px;
	height: 124px;
	margin: 0 50px 0 0;
	padding: 0;
}
#headareaIntra {
	background: #00A url(../images/header_bg.gif) no-repeat 0 0px;
	height: 106px;
	margin: 0 50px 0 0;
	padding: 0;
}
#headarea img {
	position: relative;
	top: 21px;
	left: 19px;
}
#genericarea {
	height: 18px;
	height: 1.5em;
	margin: 0;
	padding: 0 0 0 4px;
	background: #00A;
}
#genericarea li {
	float: left;
	list-style-type: none;
	padding: 0 15px;
	margin: 1px 0 0 0;
	border-right: 2px #1F1FFF solid;
	background: #00A;	
}
#genericarea .lastitem {
	border: none;
}
#genericarea li a {
	background-color:#00A;
}
#genericarea li a:link {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#genericarea li a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#genericarea li a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
#genericarea li a:active {
	text-decoration: underline;
}
#genericarea acronym {
	border: none;
}

/***************************************************************************************/
/* 3.3. Navigationsbereich
/***************************************************************************************/

#navarea {
	float: left;
	width: 17.75em;
	background-color: #FCF2D3;
}

/***************************************************************************************/
/* 3.3.1. Suchbereich
/***************************************************************************************/

#search {
	position: relative;
	background: #00A;/* url(../images/search_bg.gif) no-repeat 19px 12px;*/
	height: 3.1em;
	margin: 0;
	padding: 12px 0 0 19px;
}
#search input {
	display: block;
	float: left;
	border: none;
	margin: 0 7px 0 0;
	padding: 0;
}
.searchfield {
	width: 8.4em;
	height: 1.35em;
	font-size: 1.1em;
}
#search .submit {
	width: 6.4em;
	height: 2em;
	font-weight: bold !important;
	background-color: #FCF2D3;
	font-size: 0.75em;
}
.submit:hover {
	text-decoration: underline;
}

/***************************************************************************************/
/* 3.3.2. Hauptnavigation
/***************************************************************************************/

#navmain {
	margin: 0;
	padding: 0;
}
#navmain li {
	list-style-type: none;
	margin: 0;
	border: 1px #b3b3a6 solid;
	border-width: 0 1px 1px 0;
}
#navmain li a {
	display: block;
	width: 16.1em;
	padding: 8px 0 8px 1.6em;
	text-decoration: none;
	color: #000;
}
#navmain a:hover {
	background: #FFF;
}
#navmain .shadow a {
	background: #DCD8C2 url(/images/navmain_shadow.gif) repeat-x top left;
}
#navmain .shadow a:hover {
	background: #FFF;
}
.secLevel a {
	display: block;
	width: 14.37em !important;
	padding: 8px 0 8px 3.3em !important;
	text-decoration: none;
	color: #000;
	background: #DCD8C2;
}
.secLevelActive, .firstLevelActive {
	background: #FFF !important;
	border-right: none !important;
	font-weight: bold;
}
.secLevelActive a {
	background: #FFF !important;
}
#navspacer {
	left: 50px;
	width: 13.277em;
	height: 100%;
	background-color: #FCF2D3;
	border-right: 1px #b3b3a6 solid;
	position: fixed;
}



/***************************************************************************************/
/* 4. Accessibility
/***************************************************************************************/


/***************************************************************************************/
/* 4.2. Versteckte Elemente
/***************************************************************************************/

#skiparea {
	position: absolute;
	top: -3000px;
	left: -3000px;
}
#navmain dfn {
	position: absolute;
	top: -3000px;
	left: -3000px;
}
.invisible {
	position: absolute !important;
	top: -3000px !important;
	left: -3000px !important;
}

/***************************************************************************************/
/* 5. Float-Clearing
/***************************************************************************************/

.clearfloats {
	clear: both;
	visibility: hidden;
}

/***************************************************************************************/
/* 6. Z-Index
/***************************************************************************************/

#navspacer {
	z-index: 0;
	/* z-index: -10; */ /* fuer Opera 6 */
}
#wrapper {
	z-index: 10;
}