BODY, DIV {
  	background-color: #7a7a7a;
	font-family: Monaco, Geneva, Verdana, Courier New, monospaced;
	font-weight: normal;
	font-size : 10px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



P { margin-top: 20px; }

P.caption { color: #ccc; text-align: right; }

#biography p { margin-left: 15px; }


publication_list { font-size : 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
}


H4{ font-size : 10px;
	font-weight: strong;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 20px 0px 10px 0px;
}


H5{ font-size : 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 20px 0 10px 0;
}

#biography h5 { font-weight: strong; }
	
	
UL { background-color: white; }
LI { padding-bottom: 10px; }




/* ------------------------ CONTAINER -------------------------------------------- */


div#container { border: 0px solid yellow; margin-left: 20px; /* margin:auto; */ }


/* ------------------------ PAGE CONTENT -------------------------------------------- */


div#content-wrap {
 	border: 0px solid yellow;
	background-color: #7a7a7a;
 	width: 855px;
	margin: 0px 0px 20px 70px;
	padding: 0px 0px 0px 0px;
 }


/*div#content-wrap-2 {
	border: 0px solid yellow;
	background-color: #7a7a7a;
	width: 1080px;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px;
 }                             */


div#content-text {
 	border: 0px solid orange;
 	background-color: #fff;
 	width: 500px;
	float: left;
	margin: 2px 0px 25px 0px;
	padding: 10px 35px 25px 35px;
 }


#content-text img {
	margin: 0px;
	border-bottom: 0px;
	margin-top: 25px;
} 
 
 
div#content-pictures {
 	border: 0px solid red;
 	background-color: #7a7a7a;
 	width: 250px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 }

 
div#content-pictures img {
	border: 0px solid #fff;
	margin: 0px 0px 20px 20px;
}




/* ------------------------ LINKS -------------------------------------------- */


A { font-family: Monaco, Geneva, Verdana, Courier New, monospaced;
	font-weight: normal;
	font-size : 10px;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0 2px 0 2px;
}

p A:link { color: #000; text-decoration: none; border-bottom: 1px dotted #7a7a7a; }
p A:visited { color: #000; text-decoration: none; border-bottom: 1px dotted #7a7a7a; }
p A:hover { color: #ffffff; text-decoration: none; background-color: #7a7a7a;}
p A:active { color: #ffffff; text-decoration: none; background-color: #7a7a7a;}


#content-text A:link img {text-decoration: none;}
#content-text A:visited img {text-decoration: none;}
#content-text A:hover img {text-decoration: none; background-color: #fff}
#content-text A:active img  {text-decoration: none; background-color: #fff}


#content-pictures A:link img { border: 2px solid #7a7a7a;}
#content-pictures A:visited img { border: 2px solid #7a7a7a;}
#content-pictures A:hover img { border: 2px solid #666;}
#content-pictures A:active img  { border: 2px solid #7a7a7a;}



/* ------------------------ BACK-LINK -------------------------------------------- */

#backlink-wrap { border: 1px solid brown; width: 800px; height: 275px } 

#backlink { /*padding-bottom: 50px; */ margin-top: 25px; margin-left: 20px; margin-bottom: 30px; 
width: 50px; height: 60px; border: 0px solid blue; text-indent: -999em; float: left; clear: both; }

a.backlink { border: 0px solid green; width: 40px; height: 15px;  padding-bottom: 45px; 
background-repeat: no-repeat; border-bottom: 0px; text-indent: -999em; float:left;}
a.backlink { background: url(pics/icons_pfeil.gif); }
a.backlink:hover { background: url(pics/icons_pfeil_2.gif); }



/* ------------------------ PROJECT PAGES: BACKTEXT-LINK -------------------------------------------- */


#backtext { /*padding-bottom: 50px;*/ margin-top: 25px; margin-left: 20px; margin-bottom: 30px; 
width: 50px; height: 60px; border: 0px solid blue; text-indent: -999em; float: left; clear: both; }

a.backtext { color: #fff; border: 0px solid green; width: 40px; height: 15px;  padding-bottom: 45px; 
margin-left: 22px; background-repeat: no-repeat; border-bottom: 0px; text-indent: -40px; float:left;}
a.backtext { background: url(pics/icons_satz.gif); }
a.backtext:hover { background: url(pics/icons_satz_2.gif); }





/* ------------------------ PAGE-HEADLINES -------------------------------------------- */


#name {  padding-bottom: 33px; height: 15px; margin-top: 60px; margin-left: 55px; margin-bottom: 50px; 
width: 300px; border: 0px solid blue; text-indent: -999em; background-repeat: no-repeat; }

#index #name {background: url(pics/menue_ms.gif); }
#news #name {background: url(pics/menue_news.gif); }
#biography #name {background: url(pics/menue_biography.gif); }
#bibliography #name {background: url(pics/menue_bibliography.gif); }
#projects #name {background: url(pics/menue_projects.gif); }
#publications #name {background: url(pics/menue_publications.gif); }
#contact #name {background: url(pics/menue_contact.gif); }
#imprint #name {background: url(pics/menue_imprint.gif); }

#lender #name {  width: 345px; height: 30px; background: url(pics/projects_lender.gif); }
#persepolis #name {width: 255px; height: 30px; background: url(pics/projects_persepolis.gif); }
#answers #name {width: 620px; height: 30px; background: url(pics/projects_answers.gif); }
#eighties #name {width: 526px; height: 30px;background: url(pics/projects_eighties.gif); }
#smiles #name {width: 405px; height: 30px; background: url(pics/projects_smiles.gif); }
#gift #name {width: 665px; height: 30px; background: url(pics/projects_gift.gif); }
#trekka #name {width: 296px; height: 30px; background: url(pics/projects_trekka.gif); }
#introduccion #name {width: 650px; height: 30px; background: url(pics/projects_introduccion.gif); }








/* ------------------------ INDEX-PAGE MENUE -------------------------------------------- */


#index-menue-wrap { border: 0px dotted blue; margin-top: 67px; margin-left: 65px; width: 300px; /*height: 600px;*/ }
#index-menue-wrap a { padding-bottom: 45px; height: 15px; background-repeat: no-repeat; border-bottom: 0px; 
text-indent: -999em; float:left; clear: both;}

#index a.news {  width: 78px;  background: url(pics/menue_news.gif); }
#index a.news:hover { width: 78px; background: url(pics/menue_news_2.gif); }
#index a.biography { width: 125px;  background: url(pics/menue_biography.gif); }
#index a.biography:hover { width: 125px; background: url(pics/menue_biography_2.gif); }
#index a.bibliography { width: 158px; background: url(pics/menue_bibliography.gif); }
#index a.bibliography:hover { width: 158px; background: url(pics/menue_bibliography_2.gif); }
#index a.projects { width: 115px; background: url(pics/menue_projects.gif); }
#index a.projects:hover { width: 115px; background: url(pics/menue_projects_2.gif); }
#index a.publications { width: 155px; background: url(pics/menue_publications.gif); }
#index a.publications:hover { width: 155px; background: url(pics/menue_publications_2.gif); }
#index a.contact { width: 105px; background: url(pics/menue_contact.gif); }
#index a.contact:hover { width: 105px; background: url(pics/menue_contact_2.gif); }


/* ------------------------ PROJECT-PAGE MENU -------------------------------------------- */


#projects-wrap { border: 0px dotted blue; margin-top: 67px; margin-left: 65px; width: 600px; /*height: 600px;*/ }
#projects-wrap a { border: 0px dotted blue; padding-bottom: 45px; height: 15px; background-repeat: no-repeat; border-bottom: 0px; 
text-indent: -999em; float:left; clear: both; }

#projects a.lender {  width: 250px;  background: url(pics/projects_lender.gif); }
#projects a.lender:hover { width: 250px; background: url(pics/projects_lender_2.gif); }
#projects a.persepolis { width: 190px;  background: url(pics/projects_persepolis.gif); }
#projects a.persepolis:hover { width: 190px; background: url(pics/projects_persepolis_2.gif); }
#projects a.answers { width: 430px; background: url(pics/projects_answers.gif); }
#projects a.answers:hover { width: 430px; background: url(pics/projects_answers_2.gif); }
#projects a.eighties { width: 370px; background: url(pics/projects_eighties.gif); }
#projects a.eighties:hover { width: 370px; background: url(pics/projects_eighties_2.gif);  }
#projects a.smiles { width: 290px; background: url(pics/projects_smiles.gif); }
#projects a.smiles:hover { width: 290px; background: url(pics/projects_smiles_2.gif); }
#projects a.gift { width: 677px; background: url(pics/projects_gift.gif); }
#projects a.gift:hover { width: 677px; background: url(pics/projects_gift_2.gif); }
#projects a.trekka { width: 215px; background: url(pics/projects_trekka.gif); }
#projects a.trekka:hover { width: 215px; background: url(pics/projects_trekka_2.gif);  }
#projects a.introduccion { width: 470px; background: url(pics/projects_introduccion.gif); }
#projects a.introduccion:hover { width: 470px; background: url(pics/projects_introduccion_2.gif);  }