html {
}
body {
	font-family: Verdana, sans, Arial, "Helvetica";
	font-size:11px;
	line-height:16px;
	margin:0;
	color:#4d4d4d;			
	background-color:#ffffff;
	text-align:center;
	height:100%;
	overflow:auto;	
	width:100%;										
}
	
	div#stage {	
		position:relative;	
		width:895px;
		margin:0 auto 0 auto;		
		padding: 0;
		text-align:justify;						
	} 		
	
	div#page {			
		position:relative;
		top:0px;
		left:0;				
		width:890px;	
		min-height:500px;						
	} 
	
	
	
	div#top {
		background-image:url(../img/header/bgr.png);		
		background-repeat:repeat-x;
		text-align:center;
		height:165px;
		width:100%;
	}
	
	div#top-inner {
		position:relative;	
		width:905px;																
		height:110px;		
		margin:0 auto 0 auto;		
	}	
			
			a#spear {
				position:absolute;
				display:block;
				top:0px;
				left:8px;
				width:115px;
				height:110px;
				text-indent:-50000;
				background-image:url(../img/header/logo.png);		
				background-repeat:no-repeat;															
			}

			div#language {
				position:absolute;
				top:0px;
				left:148px;
				width:65px;
				height:115px;
			}
			
				a#language-german, a#language-english {
					position:absolute;
					display:block;					
					text-indent:-50000;
					background-image:url(../img/header/language.png);		
					background-repeat:no-repeat;					
					width:65px;					
					left:0px;					
				}
												
				a#language-german {
					top:0px;
					height:85px;			
				}			

					a.language-german-normal {				
						background-position: 0 0; 														 						
					}

					a#language-german:hover, a.language-german-selected {				
						background-position: 0 -120px; 						
					}
				
				a#language-english {
					top:85px;
					height:30px;
				}								

					a.language-english-normal {				
						background-position: 0 -85px; 													
					}

					a#language-english:hover, a.language-english-selected {				
						background-position: 0 -205px; 						
					}
				
				

		/* classes for the menueffect */
		ul#menu {				
			position:absolute;
			top:0;
			right:0;				
			height:110px;											
			display:block;	
			list-style-type:none;							
		}	
				ul#menu li {
					display:block;		
					overflow:hidden;
					height:110px;	
					float:left;					
				}		
		
					ul#menu li a {
						display:block;		
						height:110px;							
						text-indent: -50000px; 	
						overflow:hidden;
						background-repeat:no-repeat;
					}		
				
						ul#menu li a.current, ul#menu li a:hover, ul#menu li a:active {
							background-position: 0 -120px; 		
						}	

		div#page {		
						
		} 
		
			div#leftColumn {
				position:absolute;
				top:0px;
				left:0;							
				width:211px;																					
			}

				div.container-top {		
					background-image:url(../img/container_top.png);	
					background-repeat:no-repeat;
					width:215px;					
					height:9px;										
					
					overflow:hidden;				
				}
				
				div.leftColumnContainer {
					width:215px;
					background-image:url(../img/container_middle.png);	
					background-repeat:repeat-y;				
						padding:0 0 0 20px;										
					
				}				
				
					.leftColumnCE {
						display:block;
						text-align:left;					
						width:165px;			
						color:#666666;		
						margin:0 0 0 0;					
						padding:10px 0 20px 0;											
					}									


				div.container-bottom {		
					background-image:url(../img/container_bottom.png);	
					background-repeat:no-repeat;					
					width:215px;					
					height:15px;	
					margin:0 0 20px 0;														
					overflow:hidden;					
				}
			
			div#rightColumn {
				position:relative;
				top:0px;
				left:245px;							
				width:650px;																			
			}
			
				div.rightColumnCE {
					width:650px;
					margin:0 0 25px 0;
				}
				
	div#space {	
		height:100px;
	} 				
			

/* buttons */
a.button {
	display:block;
	background-repeat:no-repeat;
	text-indent:-50000;	
	width:170px;
	height:35px;
	margin:5px 0 0 0;
	background-position: 0 0; 	
}
	a.button:hover { background-position: 0 -100px; }
	a.button:active { background-position: 0 -200px; }
	
	/* en */
	a.subscribeBtn-en { background-image:url(../img/btn_subscribe_en.png); }
	a.unsubscribeBtn-en { background-image:url(../img/btn_unsubscribe_en.png); }
	a.downloadBtn-en { background-image:url(../img/btn_download_en.png); }
	a.calculatorBtn-en {background-image:url(../img/btn_startcalculator_en.png); }
	a.startTUCalculatorBtn-en {
		height:85px;
		background-image:url(../img/btn_start_tu_calculator_en.png); 
	} 	 
	a.startSPEARCalculatorBtn-en {
		height:85px;	
		background-image:url(../img/btn_start_spear_calculator_en.png); 
	} 	 	

	a.startSPEARMesocosmCalculatorBtn-en {
		height:85px;		
		background-image:url(../img/btn_start_spear_mesocosm_calculator_en.png); 
	} 		
	
	/* de */
	a.subscribeBtn-de { background-image:url(../img/btn_subscribe_de.png); }
	a.unsubscribeBtn-de { background-image:url(../img/btn_unsubscribe_de.png); }
	a.downloadBtn-de { background-image:url(../img/btn_download_de.png); }
	a.calculatorBtn-de {background-image:url(../img/btn_startcalculator_de.png); }
	a.startTUCalculatorBtn-de {
		height:85px;		
		background-image:url(../img/btn_start_tu_calculator_de.png); 
	}
		 	 
	a.startSPEARCalculatorBtn-de {
		height:85px;		
		background-image:url(../img/btn_start_spear_calculator_de.png); 
	} 	 		
	
	
	a.startSPEARMesocosmCalculatorBtn-de {
		height:85px;		
		background-image:url(../img/btn_start_spear_mesocosm_calculator_de.png); 
	} 		



/* newsletter / alert-version subscription */
input#email {
	width:170px;
	height:30px;
	background-color:#f9f9f9;
	border:1px solid #e0e0e0;
	text-align:center;
	padding: 8px 0 0 0;
	margin:0 0 5px 0;	
}

div#status {
	margin: 0 0 12px 0;
}

	.error, .ok {
		font-size:9px;
		line-height:12px;					
		background-repeat:no-repeat;		
	}
	.error {
		background-image:url(../img/status_error.png);
	}

	.ok {
		background-image:url(../img/status_ok.png);	
	}
	
		div.message {
			margin:0 0 0 35px;
			padding:10px 0 0 0;
			width:130px;
		}

/*footnotes*/
/*literature*/
ol.literature-list, div.footnote {
	margin:60px 0 0 0;
	padding:20px 0 0 0;
	background-image:url(../img/divider.png);
	background-repeat:no-repeat;	
	list-style-type:none !important;
	list-style-position:inside !important;	
}

ol.literature-list li {
	margin:0 0 4px 0 !important;
	
}

/* institutions, addresses */
div.institution, div.address {
	border-top:1px solid #f3f3f3;	
	margin:20px 0 20px 0; 
	padding:15px 0 0 0;
}

	img.institution-logo, img.address-logo {
		float:left;
		display:block;
		width:162px;
	}
	
	div.institution-rightColumn, div.address-rightColumn {
		float:right;
		width:470px;
		text-align:left;
		border-left:1px dotted #f3f3f3;		
	}
	
	a.institution-link {
		display:block;
	}

	
	div.paper, div.external_link, div.description, div.responsible_person, div.project  {
		padding:0 0 0 30px;
		margin:0 0 15px 20px;	
		background-repeat:no-repeat;					
	}
	
		div.paper {
			background-image:url(../img/icon_paper.png);
		}

		div.external_link {
			background-image:url(../img/icon_external.png);
		}
	
		div.responsible_person {
			background-image:url(../img/icon_responsible.png);
		}
		
		div.project {
			/* background-image:url(../img/icon_responsible.png); */
		}


/* common */
a, a:hover, a:visited, a:active, a:focus{
   border:none;
   outline:none;
   color:#002c4f;
   color:#03589b;   
   
}

a:hover {
	text-decoration:underline;
}


h1 {
	text-indent: -50000px; 		
	background-repeat:no-repeat;					
	margin:0 0 16px -2px;
}

h2 {
	text-indent: -50000px; 		
	width:600px;
	background-repeat:no-repeat;					
	margin:0 0 8px 0;
}

button {
	width:170px;
	height:30px;
	border:0;
	padding:0;
	margin:0;
}

input {
	font-family: Courier, Monospace;
	font-size:11px;
	color:#4d4d4d;	
}

div#content ul {
	list-style-type:disc;
	list-style-position:outside;
	margin:10px 0 15px 0;
}

	div#content ul li {
		margin:0 0 0 25px;
	}
	
div#content ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:10px 0 15px 0;
}

	div#content ol li {
		margin:0 0 0 25px;
	}	

sup,sub {
	font-size:70%;
	line-height:100%;
}
sup {
	vertical-align:top; 
}
sub {
	vertical-align:bottom;
}



strong {
	font-weight:bold;
}	

em {
	font-style:italic;
}



/* tzable */
table.tbl {
	width:90%;
	margin:20px auto 20px auto;
	border-collapse:collapse;
}	

table.tbl td, table.tbl th {
	padding:5px;
	border: 1px solid #cccccc;	
}	

table.tbl td {
}	


table.tbl th {
	font-weight:bold;
}