/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #000;
  background: #FFF url(images/CE13-1.gif);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 100.01%;
  padding: 20px 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: underline;}

a:link, a:visited { 
color: #819CC9;   
font-weight: bold;
}
a:focus, a:hover, a:active { color: #BD1823;}

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

.tooltip {
	position: absolute;
	display: none;
	width: 300px;
    color: #666;
	padding: 5px;
	margin: 2px;
	font-size: 75%;
	border: 1px solid #666;
	background-color: #EEF2F9;
}

.rechts {
	text-align:right;
	padding: 20px;
}

.mini {
	font-size: 80%;
	text-align:right;
	padding: 3px 20px;
}

.klein{
  font-size: 80%;
  line-height: 140%;
}

/* Rahmen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  background: #FFF;
  width: 754px;            /* der Breite des Hintergrundbilds entsprechend */
  border: 1px solid #000;
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

* html #rahmen {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 756px;    /* fuer IE 5 und 5.5 */
  wid\th: 754px;   /* fuer IE 6 */
}

/* Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf {
  background: #FFF;
  padding: 0;
  margin: 0;
}
/*
#kopf h1 {
	color: #000;
	font-family: georgia,'times new roman',serif;
	font-size: 140%;
}
*/

/* Logo
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#logo {
  background: #FFF;
  padding: 0 40px 1em 40px;
}

#logo h1 {
	color: #000;
	font-family: georgia,'times new roman',serif;
	margin: 0;
	font-size: 200%;
	text-transform: uppercase;
}

/* Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  background: #FFF;
}

#menue ul {
  padding: 0;
  margin-left: 40px;
  list-style: none;
}

#menue li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  border: 1px solid #000;
  background: #E0E6EB;
  padding: 8px 10px;
  margin-right: 15px;
}

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue a {
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

#menue a:link, #menue a:visited {
  color: #000;
}

#menue a:focus, #menue a:hover, #menue a:active {
  color: #999;
}


/* Inhalt
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
  background: #FFF;
  padding: 30px 20px 20px 20px;
}

#inhalt h1 {
  color: #819CC9;
  font-family: georgia,'times new roman',serif;
  font-size: 130%;
  line-height: 160%;
  border-bottom: 1px solid #819CC9;
  margin: 0 20px 1em 20px;
}

#inhalt h2 {
  font-family: georgia,'times new roman',serif;
  font-size: 110%;
  line-height: 140%;
  margin: 0 20px 1em 20px;
}

#inhalt .lesen {
	font-family: georgia,'times new roman',serif;
	font-size: 90%;
	line-height: 140%;
	margin: 0 0.2em 0.7em 20px;
	letter-spacing: 1px;
	color: #819CC9;
	font-weight: bold;
}

#inhalt p {
  font-size: 90%;
  line-height: 150%;
  margin: 1em 20px;
}

#inhalt ol, #inhalt ul {
  font-size: 100%;
  line-height: 140%;
  margin: 0.8em 20px;
  padding-left: 30px;
}

#inhalt ol li{
  border-bottom: 1px dotted #999;
}

#inhalt ol {
  margin-bottom: 1.5em;
}
#inhalt a:link, #inhalt a:visited {
  color: #819CC9;
  font-weight: bold;
}

#inhalt a:focus, #inhalt a:hover, #inhalt a:active {
  color: #BD1823;
}


/*++++++++++++++++++   Autoren +++++++++++++++++++*/

#autoren {
  float: left;
  width: 700px;
}

#autoren dl {
  float: left;
  margin: 10px 20px 20px 20px;
  padding: 0;
  width: 660px;   /*  Breite 660 px plus Ränder außen = margin rechts und links je 20px = 700 px #autoren  */
  display:inline;   /* fixt den Bug der Randverdoppelung im IE/Win */
}
 
#autoren dd {
  margin: 0; 
  padding: 0;
  font-size: 90%;
  line-height: 150%;
}

#autoren dd.bild img {
  float: left;
  border: 1px solid #819CC9;
  padding: 4px;
  margin: 0 20px 0 0;
}

/*++++++++++++++++++   Boxen +++++++++++++++++++*/

.box {
  background: #E0E6EB;
  border: 1px solid #819CC9;
  padding: 10px 0;
  margin: 1.2em 20px;
}

#inhalt .box h3 {
  font-size: 150%;
  margin: 0.5em 30px;
}

#inhalt .box .wichtig {
	font-size: 110%;
	margin: 0.5em 30px;
	letter-spacing: 1px;
	font-style: italic;
}

#inhalt .box p {
  margin: 1em 30px;
}

#inhalt .box a {
  border: 1px solid #000;
  padding: 8px 10px;
  text-align:right;
  font-weight:bold;
  text-decoration:none;
}

#inhalt .box a:link, #inhalt .box a:visited {
  color: #000;
}

#inhalt .box a:focus, #inhalt .box a:hover, #inhalt .box a:active {
  color: #999;
}

/*++++++++++++++++++   Leseprobe  +++++++++++++++++++*/

#inhalt .leseprobe {
  background: #E0E6EB;
  text-align:justify;
  margin-left: 40px;
  width: 600px;
  padding: 5px;
  border: 1px solid #CCC;
}