/* schriften */
body {
  font-size: 75%;
  line-height: 120%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
#content {
  line-height: 140% !important;
}
.infobox {
  font-size: 100%;
}
.infobox h3 {
  font-size: 100%;
}
.infobox div {
  line-height: 140% !important;
}
/* farben */
body {
  color: #333333;
}
h1 {
  color: #588ecb;
}
h2 {
  color: #588ecb;
}
.infobox {
  color: #4f4346;
}
/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
@media screen {
  #body {
    position: relative;
    width: 704px;
    padding: 0 10px 15px 10px;
    text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
    border: 1px solid #4f4346;
  }
  #head {
    position: relative;
	margin-top: 23px;
    width: 704px;
    height: 91px;
    background-color: #FFFFFF;
    border-bottom: 16px solid #588ecb;
  }
  #illu {
    position: relative;
    height: 205px;
	left: 8px;
    width: 695px;
  }
  #main {
    float: left;
    position: relative;
    width: 704px;
    margin: 0;
    padding: 0;
    border-bottom: 16px solid #588ecb;
  }
  #content {
    float: left;
    margin: 0;
    position: relative;
    padding: 0 0 0 17px;
  }
  .leftBox {
    width: 270px;
    padding: 0;
    margin: 0;
  }
  .rightBox {
    width: 380px;
    padding: 0;
    margin: 0 0 2.4em 30px;
  }
  .infobox {
    width: 275px;
    padding: 0 0 1em 0;
    margin: 2em 0 2.4em 0;
    background-color: #d8dadb;
  }
  .infobox h3 {
    position: relative;
    background-color: #588ecb;
    color: #FFFFFF;
    margin: 0;
    padding: 3px;
  }
  .infobox div {
    padding: 0 3px 0 3px;
  }
  table, tr, td {
    border-collapse: collapse;
  }
  p {
    margin-bottom: 0;
  }
}
@media screen {
  .print {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 1em 0 0.5em 0;
    font-size: 90%;
    padding: 0 10px 0 20px;
    background: url(../img/symbol_print_job.gif) no-repeat 0 0.2em;
  }
  a:link.print {
    color: #588ecb;
  }
}