/* 
body margin (+ anderes) individuell.
texte separat 
lh.css wg line-height ns4
*/

@import "lh.css";

/* einzige absolute size angabe.   (table hilft th opera) */
body, table, td, ul, p, blockquote, a, .remotelocation { font-size: 11px; }
body, table, td, ul, p, blockquote { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; }
a, .remotelocation { font-family: 'monotype.com','andale mono', monaco, 'Courier New', Courier, monospace; }

body
{
	color: black;
	background-color: white;
	
	/*max-width: 70em;*/
	/*background-image: url("../images/gradient.jpg");*/
	background-repeat: repeat-y;
}

/* werther.html sw.html */
body#person {
	
	margin-left: 10em;
	/*margin-left: 20%;*/ /* not good w/ IE 5 Mac OS 9, NS 4 -- oder # selector ? */
	margin-right: 2em;
}

@media screen {
	body#person {
		margin-left: 15%;
		max-width: 65em;
	}
	p.year { text-indent: -6%; }
}


h1, a:link span.h1, a:visited span.h1
{
	text-align: center;
	font-weight: 900;
	font-size: 2.4em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	color: #ccc;
	margin-bottom: 1.6em;
}

h2, th
{
	font: 900 italic 2em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #ccc;
	padding: 0.6em;
}

/* neu killerplanets pz */
h3
{
	font: 900 2em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	color: #ccc;
	margin-top: 0;
}

/* html cellpadding, align ! w2 sw werther */
table
{
	margin-top: 6em;
	margin-bottom: 6em;
	/*	border: 1px black dotted;*/
	border: 1px silver solid;
}

/* standards! */
img { border: 0;}

strong
{
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

ul
{
	list-style-type: circle;
	margin-bottom: 6em;
}

li { margin-bottom: 0.5em; }

div.intro
{
	margin: 0;
	text-align: center;
	padding: 0 0 1em 0;
	border-bottom: 1px silver solid;
}

.buttons { margin: 1em auto 5em; }
/*.button { text-align: right }*/

p.contents a
{
	font-size: 1.1em;
	/*margin-top: 1em;*/
}

/* p u. td (disco) */
.subtitle
{
	font-size: 1.2em;
	text-align: center;
	letter-spacing: 0.3em;
	word-spacing: 0.3em;
	/*border-bottom: 1px black dotted;*/
	padding: 0.3em;
}

p.subtitle { margin: 0 15%; }

div.bio
{
	padding-bottom: 2em;
	border-bottom: 1px silver solid;
	/*	border-bottom: 1px black dotted;*/
	margin-bottom: 2em;
}

div.foto
{
	text-align: center;
	margin-bottom: 3em;
}

div.tv { text-align: center; }
div.tv p img { margin: 0; }

div.uptotop
{
	margin: 3em auto;
	text-align: center;
}

/* innerhalb blockquote */
p.autor
{
	margin-left: 10%;
	margin-bottom: 2em;
}

/*p.year { text-indent: -6%; }*/ /* dangerous w/ NS4 */

p > img { margin-top: 1em; }

/* neu */
p.important { border: silver solid 1px; padding: 0.4em; }


/* aha, visited vor hover sonst statisch! */
a:link
{
	color: black;
	text-decoration: underline;
}

a:visited
{
	color: #333;
	text-decoration: underline;
}
a:hover
{
	color: white;
	background: black;
	text-decoration: none;
}

a:active
{
	color: white;
	background: silver;
	text-decoration: none;
}

/* fŸr p, td u. span. white wg ns4.5 */
.remotelocation
{
	text-align: right;
	color: #006;
}

.remotelocation a:link
{
	color: #006;
}

.remotelocation a:visited
{
	color: #008;
}
.remotelocation a:hover
{
	color: white;
	background:#00f;
}

.remotelocation a:active
{
	color: white;
	background: #00f;
}



/* ursprngl. v. w2text.css*/
.linkbottom
{
	text-align: center;
	border-top: 1px silver solid;
	margin-top: 2em;
}

/*a:hover img { border: 1px dotted black; }*/
/*** 2 links kopiert samt icons pfad, script f. index, index1, sw **/
div.twolinksw2 { border-top: 1px silver solid; }



#bottomLinksW2 {
	border-top: 1px silver solid;
	padding-top: 1em;
	text-align: center;
}
span.backhome {
	float: left;
	color: black;
}
span.valid { float: right }


#wertherSiteLink {
	text-align: center;
	padding-top: 6em;
	padding-bottom: 20em;
}
#wertherSiteLink a { font-size: 1.2em }