body
	{
	background: #333; 
	color: #ccc;
	padding: 1em 5%;
	}
	
h1	{display: none;}
h2 {margin: 0 0 0.5em 0;}
img {border:0}

/* Antworten */

div#Antworten
	{
	clear: both;
	padding-top: 5em;
	padding-left: 3em;
	}
	
div#Antworten div
	{
	width: 70%;
	margin-bottom: 3em;
	padding: 8px;
	}

p.top
	{
	text-align: center;
	}
	
p.a a {
	background: #ccc;
}
	
.a1
	{
	background: white url(bg/paper.gif);
	color: black;
	font-weight: bold;
	font-family: monospace;
	font-size: 110%;
	}

	
.a2
	{
	background: brown url(bg/dwood.jpg);
	color: #fc0;
	font-family: "Comic Sans MS", sans-serif;
	}


.a3
	{
	background: black url(bg/stars.jpg);
	color: lime;
	font-family: "Lucida Console", monospace;
	}
	
.a4
	{
	background: purple url(bg/bstar.gif);
	color: pink;
	font-family: "Comic Sans MS", sans-serif;
	font-style: italic;
	}

	
.a5
	{
	background: beige url(bg/mac.jpg);
	color: black;
	font-family: "System", "Chicago", "Charcoal", sans-serif;
	}

	
.a6
	{
	background: #c00 url(bg/doom.gif);
	color: #fc0;
	font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
	font-weight: bold;
	}

	
.a7
	{
	background: #ccc url(bg/101.jpg);
	color: #030;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	}

	
.a8
	{
	background: #006 url(bg/phuture.jpg);
	color: #ff0;
	font-family: "Andale Mono", monospace;
	font-weight: bold;
	}

	
.a9
	{
	background: aqua url(bg/haut.gif);
	font-style: italic;
	font-family: "Georgia", serif;
	color: #909;
	}

	
/* Hauptnavigation */

#nav
	{
	font-size: 15px;
	width: 120px;
	line-height: 1em;
	white-space: nowrap;
	text-align: center;
	position: absolute;
	top: -6em;
	right: 64px;
	background: #fff;
	color: #666;
	}
#nav a
	{
	color: #00f;
	display: block;
	text-decoration: none;
	}
#nav a:hover
	{
	background: #ffc;
	}
#nav #navtitle
	{
	width: 120px;
	background: #000;
	color: #fff;
	position: absolute;
	left: 0px;
	top: 6em;
	font-weight: bold;
	}

	
	
/* Die Glocken */

#Bells a
	{
	position: relative;
	display: block;
	width: 265px;
	height: 86px;
	text-decoration: none;
	}
#Bells a span
	{
	position: absolute;
	cursor: hand;
	overflow: hidden;
	}

ul {margin: 0; padding: 0;}
ul, li {display: inline; float: left; list-style: none;}




.k1 {background: url(01.jpg); color: #333;}
a.k1:hover {background: url(01a.jpg);}
.k1 span
	{
	position: absolute;
	top: 24px;
	left: 13px;
	height: 32px;
	width: 145px;
	font-family: "Times New Roman", serif;
	font-size: 16px;
	overflow: hidden;
	line-height: 16px;
	letter-spacing: -1px;
	}

.k2 {background: url(02.jpg); color: #600;}
a.k2:hover {background: url(02a.jpg);}
.k2 span
	{
	position: absolute;
	top: 38px;
	left: 30px;
	height: 24px;
	width: 145px;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	}

.k3 {background: url(03.jpg); color: #666;}
a.k3:hover {background: url(03a.jpg);}
.k3 span
	{
	position: absolute;
	top: 33px;
	left: 30px;
	height: 40px;
	width: 198px;
	font-family: "Verdana","Arial", sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -1px;
	}

.k4 {background: url(04.jpg); color: #fff;}
a.k4:hover {background: url(04a.jpg);}
.k4 span
	{
	position: absolute;
	top: 23px;
	left: 32px;
	height: 40px;
	width: 138px;
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 14px;
	}

.k5 {background: url(05.jpg); color: #E27E11;}
a.k5:hover {background: url(05a.jpg);}
.k5 span
	{
	position: absolute;
	top: 32px;
	left: 92px;
	height: 30px;
	width: 138px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 13px;
	text-align: center
	}

.k6 {background: url(06.jpg); color: #003;}
a.k6:hover {background: url(06a.jpg);}
.k6 span
	{
	position: absolute;
	top: 18px;
	left: 75px;
	height: 38px;
	width: 164px;
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	text-align: justify;
	}

.k7 {background: url(07.jpg); color: #333;}
a.k7:hover {background: url(07a.jpg);}
.k7 span
	{
	position: absolute;
	top: 14px;
	left: 90px;
	height: 50px;
	width: 140px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 14px;
	font-style: italic;
	text-align: right;
	}

.k8 {background: url(08.jpg); color: #030;}
a.k8:hover {background: url(08a.jpg);}
.k8 span
	{
	position: absolute;
	top: 22px;
	left: 114px;
	height: 42px;
	width: 118px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	font-style: italic;
	}

.k9 {background: url(09.jpg); color: #330;}
a.k9:hover {background: url(09a.jpg);}
.k9 span
	{
	position: absolute;
	top: 16px;
	left: 20px;
	height: 60px;
	width: 180px;
	font-family: "Tahoma", "Arial", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 1px;
	text-align: center;
	}