/* CSS Document */


body {html, body
  height:100%;
	margin:0;
	padding:0;
	background: #717426;
	font-family: "Times New Roman", Times, serif;
	color: #721313;
	background-image: url(gfx/itemid1bb.png);
}

.title {
	font-size: 26px;
	color: #0B1C35;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}
a{ color: #721313;
text-decoration: none}

.subtitle {font-size:16px;
color: #996633;
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann 
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
  

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:600px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:300px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-250px 0 0 -300px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height:300px;             /* das selbe Maß wie oben bei min-height */
}

/* Die folgenden Angaben haben nichts mit der Zentrierung zu tun, sie
betreffen nur die Inhalte die darin angezeigt werden sollen. */
p, h1 {
  padding:0.5em;
  margin:0;
}
ul {
 margin-top:0; 
}
h1 {
  font-size:1.2em;
}