* {
  font-family: Verdana, Arial, sans-serif;
}

body {
  font-size: 12px;
  background-color: #ccffff;
  text-align: center;
  /* margin: 0px; */
}

h1 {
  font-size:7px;
 /* color:#000000;  */
  padding-left: 0px;
  padding-top: 0px;  margin-top: 0px;
  margin-bottom:0px;}
h2 { font-size: 42px; color:#000000; }
h3 { font-size: 28px; color:#000000; }
h4 { font-size: 16px; color:#000000; }
p  { font-size: 12px; }
.klein { font-size: 10px; }

a {
  color: #3366ff;
  text-decoration: none;
}

#top {
  height: 1px; 
  line-height: 1px;
}

#title {
  border: 1px solid #3366ff;
  background-color: #3366ff;
  color: #3366ff; /* #ffffff;  */
}

#left, #right {
  border: 1px solid #eeffff; /* #000000; */
  width: 12%;
}

#left {
  float: left; 
  padding: 10px;
}

#right {
  float: right; 
}

#main {
  border: 1px solid #eeffff; /* #ff0000;*/
  width: 76%;
  float: right; 
  background-color: #eeffff;
  padding: 10px 15px;
}

#foot {
  border: 1px solid #3366ff;
  background-color: #3366ff;
  padding: 5px;
  /* text-align: right; */
}

.spacer1 {
  clear: both;
 /*  height: 1px;
  line-height: 1px;
  border-bottom: 1px solid #993333; */
}

.spacer2 {
  clear: left;
}

.navi {
  list-style-type: none;
  margin: 0px; 
  padding: 0px;
}

.navi li {
  margin-top: 0px; 
  padding: 0px;
  /* border: 1px solid #eeeeee; */
}

.navi a {
  text-decoration: none;
  width: 110px;  
  display: block;
  /* line-height: 15px;  */
  /* border: 1px solid #ffffff; */
  margin: 0px;
  padding: 5px 5px; 
  font-weight: bold;
  color: #3366ff; /* #660000; */
  background-color: #eeffff; /* #eeeeee; */
}

.navi a:link, .navi a:visited {
  color: #3366ff; /* #660000; */
  background-color: #eeffff; /* #eeeeee; */
}

.navi a:hover, .navi a:active {
  color: #eeffff; /* #eeeeee; */
  background-color: #3366ff; /* #660000; */
}

#foot a {
  text-decoration: none;
  margin-right: 20px;
  padding: 5px 5px; 
  color: #ffffff;
}

.tx {
  float: left;
  /* border: 1px solid #00ffff;  */
}