/* CSS heikki 061020*/

/*

WISSENSWERTES

rot: #CC0033 (Links, Ueberschriften etc)
grau: #666666 (Fliesstext) 
grün aussenrum: #E2EFB8 
grün innendrin: #f4f9e3

Navigationselemente:
Originalformat: Flash; als gif exportiert

*/

body {
background-color: #E2EFB8;
margin: 50;
align: center;
}


/* BOXEN */

div.title {
	margin-left: 70px;
	margin-right: 70px;
	background-color: #f4f9e3;
	width: 600px;
	height: auto;
	border-top: 2px solid black;
	border-right:  2px solid black;
	border-left:  2px solid black;
}

div.pix {
	margin-left: 70px;
	margin-right: 70px;
	background-color: #f4f9e3;
	width: 600px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: black;
	border-left-color: black;
	align: center;
}

/* div.pix {
	margin-left: 70px;
	margin-right: 70px;
	padding-left:70px;
	background-color: #f4f9e3;
	width: 530px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: black;
	border-left-color: black;
}
*/

div.foot {
	background-color: #f4f9e3;
	width: 600px;
	height: auto;
	border-bottom: 2px solid black;
	border-right:  2px solid black;
	border-left:  2px solid black;
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 70px;
}

div.stern-meines-lebens {
/*margin-left: 10px;
margin-right: 10px; */
text-align: center;
width: 400px;
height: 400px;
border: 1px solid #666666;
background-color: white;
}

div.pix-stern-meines-lebens {
margin-left: 70px;
margin-right: 70px;
background-color: white;
width: 600px;
border-right:  2px solid black;
border-left:  2px solid black;
}



/* TEXT */

.text {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
}

.bold {
font: bold 1em helvetica,verdana,arial,sans-serif;
font-size: 12px;
color: #666666;
}

.boldHeader {
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #CC0000;
}


/* BILDER */

.bordered {
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}


/* NORMALE LINKS */

a.normal:link {
font: 1em helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
}

a.normal:visited {
font: 1em helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
}

a.normal:hover {
text-decoration: strong;
}

/* SHOW LINKS */

a.show:link {
padding-right: 20px;
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.show:visited {
padding-right: 20px;
font: bold 12px helvetica,verdana,arial,sans-serif;
color: #666666;
text-decoration: none;
background: url(../pix/link_visited.gif) right no-repeat transparent;
}

a.show:hover {
padding-right: 20px;
text-decoration: underline;
color: #CC0033;
background: url(../pix/link_show_anim.gif) right no-repeat transparent;
}

/* GOTO LINKS */

a.goto:link {
	padding-right: 20px;
	color: #CC0033;
	text-decoration: none;
	background: url(../pix/link_goto_still.gif) right no-repeat transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a.goto:visited {
padding-right: 20px;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_goto_still.gif) right no-repeat transparent;
font-family: helvetica,verdana,arial,sans-serif;
font-size: 12px ;
}

a.goto:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_goto_anim.gif) right no-repeat transparent;
}


/* RELOAD LINKS */

a.reload:link {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_reload_still.gif) right no-repeat transparent;
}

a.reload:visited {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_reload_still.gif) right no-repeat transparent;
}

a.reload:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_reload_anim.gif) right no-repeat transparent;
}

/* RIGHT LINKS */

a.right:link {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.right:visited {
padding-right: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_show_still.gif) right no-repeat transparent;
}

a.right:hover {
padding-right: 20px;
text-decoration: underline;
background: url(../pix/link_show_anim.gif) right no-repeat transparent;
}

/* LEFT LINKS */

a.left:link {
padding-left: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_back_still.gif) left no-repeat transparent;
}

a.left:visited {
padding-left: 20px;
font: 12px helvetica,verdana,arial,sans-serif;
color: #CC0033;
text-decoration: none;
background: url(../pix/link_back_still.gif) left no-repeat transparent;
}

a.left:hover {
padding-left: 20px;
text-decoration: underline;
background: url(../pix/link_back_anim.gif) left no-repeat transparent;
}


/* Go-to-Bold-Links */

a.gotoBold:link {
	padding-right: 20px;
	color: #CC0033;
	text-decoration: none;
	background: url(../pix/link_goto_still.gif) right no-repeat transparent;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.gotoBold:visited {
	padding-right: 20px;
	color: #CC0033;
	text-decoration: none;
	background: url(../pix/link_goto_still.gif) right no-repeat transparent;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.gotoBold:hover {
	padding-right: 20px;
	text-decoration: underline;
	background: url(../pix/link_goto_anim.gif) right no-repeat transparent;
	font-weight: bold;
}


/* Kontakt */

  p, td, br, form, div, span, blockquote {
      font-family:Arial,Helvetica,Geneva,Sans-serif,sans-serif;
      font-size:9pt;
  }


  .index {
      font-weight:bold;
  }