@media screen, projection {
  
  .underline { text-decoration: underline; }
  .red { color: red; }
  .blue { color: blue; }
  .yellow { color: yellow; }
  .lime { color: lime; }
  .green { color: green; }
  body { font-family: sans-serif; font-size: small; margin: 0; padding: 0; background: url(../images/top.jpg) repeat-x center top #99C; }
  table { border-collapse: collapse; border: 2px #006 solid; }
  th, td { border: 1px #006 dotted; }
  caption { text-align: left; font-weight: bold; }
  a:link {text-decoration: none; color: #000; }
  a:hover {text-decoration: none; color: #000; }
  a:visited {text-decoration: none; color: #000; }
  a:active {text-decoration: none; color: #000; }

  #page { margin: 0 5% 0 0; width: 95%; position: relative; color: #000; background: url(bg.gif) repeat-y center top; }

  #header { background: url(../images/head.jpg) no-repeat center top; height: 120px; }
  #header h1 { display: none; }
  #headerde { background: url(../images/head_de.jpg) no-repeat center top; height: 120px; }
  #headerde h1 { display: none; }
  #headeren { background: url(../images/head_en.jpg) no-repeat center top; height: 120px; }
  #headeren h1 { display: none; }

  #maincontent { margin: 10px 0 0 125px; padding: 3em 1em; min-height: 40em; background: url(../images/main_top.jpg) repeat-x center top #FFF; }
  #maincontent h1 { color: #006; background-color: #FFF; border-bottom: #006 dotted 1px; }

  #footer { background: url(../images/footer.jpg) no-repeat left top; height: 30px; }
  #footer span { display: none; }
  #footerde { background: url(../images/footer_de.jpg) no-repeat left top; height: 30px; }
  #footerde span { display: none; }
  #footeren { background: url(../images/footer_en.jpg) no-repeat left top; height: 30px; }
  #footeren span { display: none; }

  #menu1 { position: absolute; top: 0px; left: 0; width: 120px; }
  #menu1 ul { list-style: none; padding: 0; margin: 0; border-top: #006 solid 1px; }
  #menu1 ul li { padding: 0; margin: 0; border-bottom: #006 solid 1px; }
  #menu1 ul li a { display: block; padding: 10px 5px; margin: 0; color: #006; text-decoration: none; font-size: 90%;
                   background: url(../images/tlacitko.jpg) repeat left top; }
  #menu1 ul li a:hover { background-position: right top; }
  #menu1 ul li a[href^='#'] { color: #999; }
  #menu1 p { text-align: center; font-size: xx-small; }

  #menu2 { position: absolute; top: 110px; right: 110px; width: 440px; height: 25px; }
  #menu2 ul { list-style: none; padding: 0; margin: 0; }
  #menu2 ul li { padding: 0; margin: 0; float: left; }
  #menu2 ul li a { display: block; width: 100px; padding: 5px 5px; margin: 0; color: #006; text-decoration: none; font-size: 90%;
                   background: url(../images/tlacitko.jpg) repeat left top; }
  #menu2 ul li a:hover { background-position: center top; }

  #menulang { position: absolute; top: 110px; right: 0; width: 90px; height: 25px; }
  #menulang ul { list-style: none; padding: 0; margin: 0; }
  #menulang ul li { padding: 0; margin: 0; float: right; }
  #menulang ul li a { display: block; width: 20px; padding: 5px 5px; margin: 0; color: #006; text-decoration: none; font-size: 90%;
                      background: url(../images/tlacitko.jpg) repeat left top; text-align: center; }
  #menulang ul li a:hover { background-position: center top; }

}

@media print {

  body { font-family: serif; font-size: small; margin: 0; padding: 0; background: #FFF; color: #000; }
  table { border-collapse: collapse; }
  a:link {text-decoration: none; }
  a:hover {text-decoration: none; }
  a:visited {text-decoration: none; }
  a:active {text-decoration: none; }

  #page { }

  #header { }
  #header h1 { background-color: #000; color: #FFF; padding: 0 1em; font-size: 14pt; }
  #headerde { }
  #headerde h1 { background-color: #000; color: #FFF; padding: 0 1em; font-size: 14pt; }
  #headeren { }
  #headeren h1 { background-color: #000; color: #FFF; padding: 0 1em; font-size: 14pt; }

  #maincontent { }
  #maincontent h1 { border-bottom: #DDD dotted 1px; }

  #footer { background-color: #666; color: #FFF; padding: 0 1em; }
  #footerde { background-color: #666; color: #FFF; padding: 0 1em; }
  #footeren { background-color: #666; color: #FFF; padding: 0 1em; }
  #menu1, #menu2, #menulang { display: none; }

}