/* ---------- stylesgeet for other pages than index homepage ----------------------*/
/*--------------------------------      TYPOGRAPHY --------------------------------*/
body {
	font-family:  georgia, tahoma, verdana, arial, helvetica, sans-serif;	
	font-weight: bold
	voice-family: "\";
	background: #000000;  
}\"";
  	voice-family: inherit;
  	font-size: 0.8em;
	line-height:1.5em;
	color: #776;  /* font colour grey */	
	}
	html>body {
	font-size: small;
}
	
acronym {
	cursor: help;
	}
		
/*--------------------------------        LINKS --------------------------------*/
a {
	white-space: nowrap;
	}

a:link {
	font-weight: bold;
	text-decoration: underline;	
	color: #776;
	padding: 0;	
}	
a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #776; /* colour grey */
	padding: 0 ;
	}	
a:hover {
	font-weight: bold;
	text-decoration: underline;	
	color: #999999;
	background: #776;
	}	
a:active {
	font-weight: bold;
	text-decoration: none;
	color: #776; /* colour grey */
	}	

/**--------------------------------     DIVs  --------------------------------*/
/* Div - Basics */
body {
	background: #000000; /* colour black (alternatives #333333 or alternative try #999999) */
	margin: 0;
	padding: 0 0 0 30;
}
	
#container {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 20 0 20;
}

/* Div - Intro */	
		#pageHeader {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #fff none repeat-x top left;
	/*this is the horizontal line bk*/
	height: 249px;
	width: 1299px;
}
			
			#pageHeader h1 {
				margin: 0;
				background: transparent url(../images/landschaft2-4.jpg) no-repeat; 
				height: 249px;
				}				
			#pageHeader h1 span {        /*get the text out of the way*/
				display: none;
				}				
			#pageHeader h2 {       /*this text will be integrated into the pictoral header*/
				display: none;
				}		
		
	
/*-------------------------------- four text boxes under #supportingtext div --------------------------------*/	
					
	#supportingText {
	position: absolute;
	top: 270px;
	left: 200px; /* this is critical coordinate that determins the position of the supporting text container */
	margin: 0;
	padding: 0 0 0 0;
	background: #fff /* colour white */	
	background: none repeat left;	
}
		
	#Other {
	border: solid #998;
	/* colour grey */
	border-width: 0 1px 1px 1px;
	background: #e7dbbd;
	/* colour beige */
	position: absolute;
	z-index: 1000;
	width: 524px;
	top: 0;
	left: 0;
	padding: 0 0 50px 0;
}
		
		html>head:first-child+body #Other {			
			border: 0;
			}
			
		#Other {
			left: 0px;
			}		
		
		#Other h3 {
		margin: 0;
		padding: 20px 10px 10px 20px;		
		}
		
		#Other h3 {
			/*background: transparent url(../images/title_about.jpg) no-repeat;*/
			}
			
		#Other h3 span {
			/*display: none;*/
			}	
		
		#Other p {
			margin: 0;
			padding: 0px 10px 0px 0px;
			}
			
		html>head:first-child+body #Other p {
			}
			
		#Other p.p1 {
			margin: 0;
			padding: 0px 10px 20px 20px;
			}			
		html>head:first-child+body #Other p.p1 {
			}			
		

	#Other {
			left: 0px;
			}
					
/*-------------------------------- sidebar --------------------------------*/			
			
		#links {
			position: absolute;
			/* background: transparent; */
			z-index: 5000;
			width: 10px; /*make sure floats go to next line*/
			top: 270px;
			left: 30px;
			padding: 0;
			margin-top: 5px;
			}
			
		div#links a {
	display: block;
	/* border: 1px solid #e7dbbd; */
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
}
			
		html>head:first-child+body div#links a {
	border: 0;
	padding-top: 15px;
	background: none no-repeat;
	height: 18px;
}
			
		html>head:first-child+body div#links a:hover { 
			background: url(footer_back_hover.png) no-repeat;
			border: 0;
			}