/* screen-format */
@media screen 
{
html, body
{
  height:100.1%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
}
* {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1em;
  }
#seite {
  width: 980px;
  margin: 5px auto;
  }
#oben {
  text-align: right;
  padding: 30px 0;
  }
h1 {
  width: 420px;
  height: 50px;
  float: right;
  font-size: 1.8em;
  padding-top: 20px;
}
.rand {
  border: 1px solid #fff;
  text-align: center;
}
#oben ul {
  float: right;
  width: 300px;
}


#oben li {
  display: inline-block;
  margin-left: 5px;
  float: right;
  width: 130px;
  }
  
#zentral {
  margin: 5px 0; 
  min-height: 370px;
  } 
#links {
  width: 180px;
  float: left;
  }
#links ul {
  list-style-type: none;
  line-height: 1.2em;
  background-color: #FFFFFF;
  padding: .2em .4em;
  margin-top: 2em;
  }
  
#links li {
  margin: .2em 0;
  }

.menu li {
  padding: .3em;
  color: inherit;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 1.1em;
}
.menu a {
  text-decoration: none;
  font-weight: normal;
  background-color: inherit;
  color: #000000;
  }
.menu a:link {
  background-color: inherit;
  color: #000000;
  }
.menu a:visited {
  background-color: inherit;
  color: #00cc33;
  }
.menu a:focus {
  background-color: inherit;
  color: #fff;
  }
.menu a:hover {
  background-color: inherit;
  color: #660099;
  }
.menu a:active {
  background-color: inherit;
  color: #ff0033;
  }
#akt {
  background-color: inherit;
  color: #0B2EF5;
}
  
#alles {
  margin: 0;
  width: 720px;
  float: right;
  }
#mitte {
  margin: 0;
  width: 400px;
  float: right;
  }
#rechts {
  margin: 0;
  width: 300px;
  float: right;
  margin-left: 20px;
  }
.clearer {
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  } 
  
/* allgemein: */  
h2 {
  font-size: 1.4em;
  margin: .8em 0 .4em 0;
  }
h3 {
  font-size: 1.2em;
  margin: .4em 0 .2em 0;
  }
ul {
  margin-left: 0;
  padding-left: 1em;
}
li {
  margin-left: 0;
  padding-left: 0;
}
dt {
  float: left;
  width: 30px;
  clear: both;
  margin-top: .6em;
  margin-bottom: .6em;
}
dd {
  float: right;
  width: 490px;
  padding-right: 200px;
  margin-top: .6em;
  margin-bottom: .6em;
}
#alles li , #mitte li , #rechts li , p {
  margin-top: .6em;
  margin-bottom: .6em;
}
.p80 {
  width: 80%;
}
.p60 {
  width: 65%;
}
.p50 {
  width: 50%;
}
.big {
  font-size: 1.2em;
}
img .rand {
  border: 2px solid #fff;
}

a {
  color: #fff;
}

.bildcontainer {
  float: left;
  width: 350px;
  padding: 4px;
  text-align: left

}

} /* media screen */


@media print
{
html, body
{
  height:99.9%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  font-size: 12pt;
}
* {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.8em;
  }
h1 {
  font-size: 18pt;
  padding-bottom: 20px;
}
.rand {
  border: 1px solid #fff;
  text-align: center;
}
#oben ul , #oben ul * {
  display: none;
}

#links , #links * {
  display: none;
  }

/* allgemein: */
h2 {
  font-size: 16pt;
  margin: .6em 0;
  }
h3 {
  font-size: 14pt;
  margin: .3em 0;
  }
}