body {
  font-family: verdana, arial, helvetica, sans-serif;
	background-color: #003;
	font-size: 0.8em;
	text-align: center;
	margin: 0px; margin-left: 6%;
	padding: 0px;
	position: absolute; top: 0px; left: 0px;
}

a {
  text-decoration: none;
	color: #ccc;
}
a:hover {
	color: #fff;
}


form {
  padding-left: 0px;
}

button {
  background-color: #003;
	color: #ccf;
	padding: 3px;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
}
fieldset {
	padding-bottom: 6px;
	padding-left: 15px;
}
input {
  color: #fff;
  background-color: #003;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
}
textarea {
  color: #fff;
	background-color: #003;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
}


li ul {
  margin-bottom: 30px;
}
li {
  margin-bottom: 15px;
}
ul ul {
  font-size: 0.8em;
}

/* id's */

#body {
  width: 100%; height: 100%;
	text-align: center;
}

#form {
  width: 690px; height: 100%;
	padding: 15px 6px 3px 6px;
	background-color: transparent;
	color: #ccf;
	text-align: left;
	background-image: url('im/bgsigni.gif');
	background-repeat: no-repeat;
	background-attachement: fixed;
	background-position: top right;
}

#top {
  position: absolute; top: 0px;
}



/* classes */


.ab {
  color: #ccc;
	font-size: 0.8em;
	letter-spacing: 0em;
}

.beschrieb {
  margin-bottom: 15px;
  color: #699;
	font-size: 0.8em
}

.details {
  text-align: right;
  width: 100%;
	font-size: 0.8em;
	color: #f60;
}
.details a {
	color: #ccf;
}


.fuss {
  width: 100%;
	margin-top: -36px;
	text-align: right;
  border-bottom: 1px solid #ccf;
}

.img {
	text-align: center;
  border: 0px;
	margin-top: 36px;
}
.img a img {
  border: 0px;
}

.inhalt {
  float: right;
	padding-top: 15px;
	text-align: left;
	width: 420px;
	color: #ffc;
}

.index {
  float: right;
  width: 15px;
	margin-left: 6px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
	cursor: hand;
}
a:hover .index {
  color: #036;
}
.indexd {
  float: right;
  width: 15px;
	margin-left: 6px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
	cursor: hand;
}
.indext {
  float: right;
  width: 15px;
	margin-left: 6px;
	font-size: 0.8em;
	text-align: center;
	background-color: #003;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #003;
	border-left: 1px solid #033;
}


.kontakt {
  float: right;
  width: 60px;
	font-size: 0.8em;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
	cursor: hand;
}
.kontaktd {
  float: right;
  width: 60px;
	font-size: 0.8em;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
	cursor: hand;
}
.kontaktt {
  float: right;
  width: 60px;
	font-size: 0.8em;
	background-color: #003;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #003;
	border-left: 1px solid #033;
}

.lili {
  width: 100%;
	margin-bottom: -12px;
}
a:hover .lili {
  cursor: hand;
}

.logokl {
  float: left;
	margin-top: 48px;
}

.navi {
	height: 18px;
	padding: 6px 15px 0px 15px;
	background-image: url(im/bgi.gif);
}
.navi a {
	color: #fff;
}
.navi a:hover {
	color: #ccf;
}
.navi a span {
  display: none;
}
.navi a:hover span {
  display: block;
	position: absolute; top: 6px; left:30px;
	font-size: 0.8em;
}
.navid {
  height: 21px;
  float: left; clear: all;
  width: 100%;
	padding: 3px 0px 0px 0px;
	letter-spacing: 0.3em;
	background-image: none;
}
.navis {
  float: left; clear: all;
  width: 100%;
	padding: 3px 0px 0px 0px;
	letter-spacing: 0.3em;
}
.navis a {
  color: #fff;
}
.navis a:hover {
	color: #ccf;
	background-color: #003;
}

.start {
  color: #ffc;
}

.text {
  margin-bottom: 24px;
	padding-left: 24px;
}  
.text a:hover {
  color: #fff;
}  

.thema {
  float: left;
  width: 120px;
	padding-bottom: 0px;
	font-size: 0.8em;
	margin-right: 9px;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px solid #033;
	cursor: hand;
	margin-right: 9px;
}
.themad {
  float: left;
  width: 120px;
	font-size: 0.8em;
	margin-right: 9px;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
	margin-right: 9px;
}
.themat {
  float: left;
  width: 120px;
	font-size: 0.8em;
	background-color: #036;
	border-top: 1px solid #033;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #41595f;
	border-left: 1px solid #033;
	margin-right: 9px;
}
a:hover .themat {
  cursor: hand;
}

.themas {
  float: left;
	margin-left: 15px;
	padding: 0px;
	font-size: 0.7em;
	border-top: 1px solid #000;
	border-right: 1px solid #033;
	border-bottom: 1px solid #033;
	border-left: 1px solid #000;
	background-color: #036;
	cursor: default;
}
.themass {
  float: left;
	margin-left: 9px;
	padding-left: 6px;
	padding-right: 0px;
	font-size: 0.7em;
	text-align: right;
	color: #ccf;
	border-top: 1px solid #000;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
	border-left: 1px solid #000;
	cursor: hand;
}
a:hover .themass {
  color: #fff;
}


.titel {
  float: left;
	width: 150px;
	font-size: 0.8em;
	padding-top: 18px;
}
.titel a {
	color: #ccc;
}
.titel a:hover {
	color: #fff;
}

.titell {
  width: 100%;
	margin: 9px 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 15px;
  letter-spacing: 0.3em;
	color: #fff;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
}
a .titell {
	background-image: url(im/bgi.gif);
	background-color: #003;
	cursor: hand;
}
a:hover .titell {
	background-image: none;
	cursor: hand;
}
.titelli {
  width: 100%;
	margin-top: 30px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 15px;
	background-image: url(im/bgi.gif);
  letter-spacing: 0.3em;
	color: #fff;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
}
a:hover .titelli {
	background-image: url(im/bg.gif);
	background-color: #fff;
	color: #003;
	cursor: hand;
}

.titelt {
  width: 100%;
	margin: 3px 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 15px;
	background-image: none;
	color: #ccf;
  letter-spacing: 0.3em;
	border-top: 1px solid #000;
	border-right: 1px solid #033;
	border-bottom: 1px solid #033;
	border-left: 1px solid #000;
}

.top {
  position: absolute; top: 0px; left: 0px;
	height: 0px;
}

.ueber {
	font-size: 0.8em;
  letter-spacing: 0.3em;
	text-align: right;
	margin-bottom: 18px;
	padding: 3px 3px 1px 24px;
	color: #ccf;
	border-top: 1px solid #000;
	border-right: 1px solid #033;
	border-bottom: 1px solid #033;
	border-left: 1px solid #000;
}
.ueberl {
	color: #036;
}
.unter {
	font-size: 0.8em;
  letter-spacing: 0.3em;
	margin-bottom: 6px;
	padding: 9px 3px 3px 24px;
	color: #699;
	border-bottom: 1px solid #699;
}
.unter a {
	color: #699;
}

.up {
  text-align: right;
  width: 100%;
	font-size: 1.5em
}

.url {
  font-size: 0.8em;
	color: #ccc;
	font-style: oblique;
}