/* Amazonas HP-Styles */


#wrapTyp4
{ background: url('http://www.goethe.de/css3/projekte/pt_amazonas/bgHomeTrans_07.png') repeat-x; }

#zwischenraumTyp4
{ position: relative; top: 0px; left: 0px;
  height: 8px;
  clear: left; 
  margin: 0 auto;
  width: 950px; }

.breadcrumbs,
.seitentitel
{ display: none; }

#hauptbereich 
{ background: none; }


/*------------- linke Spalte Startseite --------------*/

#linkeSpalteStartseite
{ position: relative; top: 0px;
  width: 880px;
  clear: left;
  display: block;
  padding: 0px;
  margin: 0px 0px 2px 70px; }

#linkenaviStartseite
{ position: relative; top: 0px; left: 0px;
  width: 880px;
  margin: 0px;
  clear: left;
  display: block; }

.startseitenteaser
{ padding: 5px 8px;
  margin: 0px 0px 2px 0px;
  clear: left;
  background: #000000;
  overflow: hidden; 
  line-height:17px;} 

* html .startseitenteaser
{ display: inline-block; }

.startseitenteaser .normalgrafik
{ margin: 0px 14px 0px 0px; }


.sponsorenartikel  
{ overflow: hidden;
  padding: 5px 8px;
  height: 60px;
  background: #000000; }


/*------------------ Content -----------------------*/  

#content
{ position: relative; left: 0px; top: 0px;
  width: 666px; min-height: 270px; height: 270px;
  display: inline; float: left;
  padding: 8px 8px 8px 8px;
  margin: 0px 0px 0px 70px;
  background: #000000; }
  
div[id] #content 
{ height: 270px; }

/*---------------------------------------------*/ 
/*------------- Funktionsleiste ---------------*/
/*---------------------------------------------*/ 

.funktionenTyp4
{ position: absolute; left: 80px; top: 20px; 
  width: 300px; 
  text-align: left; }
  
/*--------------- Zeilenabstand ---------------*/

.teaserText
{ line-height: 15px; }

/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte  
{ height: 270px;
  background: #000000;
  padding: 8px 8px 8px 0px;}

#rechteSpalte  
{ width: 190px;
  position: absolute; 
  top: 274px;
  left: 752px;
  margin: 0px;
  padding: 8px 8px 8px 0px; }


h3.hpuschrift
{ font-size: 18px;
  margin: 0px 0px 3px 0px;
  color: #ffffff;
  line-height: 22px; }

h4.hpunteruschrift
{ font-size: 12px;
  margin: 0px 0px 20px 0px;
  color: #bbb; }

h3.hpuschrift a,
h4.hpunteruschrift a
{ color: #ffffff; }

h3.hpuschrift a:hover,
h4.hpunteruschrift a:hover
{ color: #ccff00;
  text-decoration: none; }

.artikeltext
{ width: 216px;
  display: inline;
  float: left;
  clear: none;
  margin: 0px 6px 0px 0px; }
  
.linkzumthema
{ margin-bottom: 0px; }

.normalgrafik
{ clear: left;
  margin: 0px 0px 10px 0px; }
  
#content h4.hpunteruschrift
{ margin: 0 0 15px 0; }

/* Timeline Teaser */
.sponsorenartikel{
	position: relative;
}
#timeline {
	position:relative;
	width: 660px;
	height: 60px;
}
#timelineTeaser {
	position: absolute;
	top: 5px;
	left: 682px;
	width: 190px;
	padding: 5px 0 0 0;
}
#timelineTeaser a{
	display: block; 
	background: url('http://www.goethe.de/css3/projekte/pt_amazonas/spriteMoreBtnBlack.gif') 160px 0px no-repeat;
	text-decoration: none;
	height: 40px;	
}
#timelineTeaser a:hover{
	background: url('http://www.goethe.de/css3/projekte/pt_amazonas/spriteMoreBtnBlack.gif') 160px -199px no-repeat;
}

#timelineTeaser a:hover .teaseruschrift{
	color: #ccff00;
	text-decoration: none;
}
#timelineTeaser a .teaserText{
	display: none;
	color: #bbb;
	text-decoration: none;
}