/* ----------------- style sheet for index homepage -------------------------------*/
/*--------------------------------      TYPOGRAPHY --------------------------------*/
body {
	font-family:  georgia, tahoma, verdana, arial, helvetica, sans-serif;	
	font-weight: bold
	voice-family: "\";
	background: #000000;  /* colour  ( dark grey alternatives #333333 or alternative try #999999) */
}\"";
  	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;	
}
		
	#Indistinct_B, #Karelia, #Landschaft_News, #albumthree {
	border: solid #998;
	/* colour grey */
	border-width: 0 1px 1px 1px;
	background: #e7dbbd;
	/* colour beige */
	position: absolute;
	z-index: 1000;
	width: 259px;
	top: 0;
	left: 0;
	padding: 0 0 0 0;
}
		
		html>head:first-child+body #Landschaft_News,
		html>head:first-child+body #Indistinct_B, 
		html>head:first-child+body #Karelia,		
		html>head:first-child+body #albumthree {			
			border: 0;				
			}		
				
		
		#Landschaft_News h3, #Indistinct_B h3, #Karelia h3, #albumthree h3 {
			margin: 0;
			padding: 20px 10px 10px 20px;
			}	
		
			
		#Landschaft_News h3 span, #Indistinct_B h3 span, #Karelia h3 span, #albumthree h3 span {
			/*display: none;*/
			}	
		
		#Landschaft_News p, #Indistinct_B p, #Karelia p, #albumthree p {
			margin: 0;
			padding: 0px 10px 0px 0px;
			
			}
			
		html>head:first-child+body #Landschaft_News p,
		html>head:first-child+body #Indistinct_B p, 
		html>head:first-child+body #Karelia p,		 
		html>head:first-child+body #albumthree p {
			}
			
		
		/* ---------TOP PARA P1 -----------*/		
		#Landschaft_News p.p1, #Indistinct_B p.p1, #Karelia p.p1, #albumthree p.p1 {
			margin: 0;
			padding: 0px 10px 20px 20px;
			}
			
		html>head:first-child+body #Landschaft_News p.p1,
		html>head:first-child+body #Indistinct_B p.p1, 
		html>head:first-child+body #Karelia p.p1,		 
		html>head:first-child+body #albumthree p.p1 {
		
			}		
			
		
		#Landschaft_News {
			left: 0px;
			}
			
		#Indistinct_B {
			left: 270px;
			}
			
		#Karelia {
			left: 540px;
			}					
		
		#albumthree {
			left: 810px;
			}				
		
		
/*-------------------------------- 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;			
			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;			
			}