html
  {
    width: 100%;
    height: 100%;
  }

body
  {
    font-family: FreeSans, Arial, sans-serif;
    width: 100%;
    height: 100%;
    margin: 0ex 0em;
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-color: white;
    color: black;
  }

body.consulting
  {
    background-image: url("../images/background-consulting.jpg");
  }

body.network
  {
    background-image: url("../images/background-network.jpg");
  }

body.backup
  {
    background-image: url("../images/background-backup.jpg");
  }

body.high_av
  {
    background-image: url("../images/background-high-av.jpg");
  }

body.virtual
  {
    background-image: url("../images/background-virtual.jpg");
  }

body.software
  {
    background-image: url("../images/background-software.jpg");
  }

body.security
  {
    background-image: url("../images/background-security.jpg");
  }

body.gnu
  {
    background-image: url("../images/background-gnu.jpg");
  }

*.top
  {
    width: 100%;
    height: 140px;
  }

body table.top
  {
    background-repeat: no-repeat;
    background-position: top right;
  }

body.start_page table.top
  {
    background-image: url("../images/g-n-u-briefkopf-schatten.png");
  }

body.consulting table.top
  {
    background-image: url("../images/2-am-computer.png");
  }

body.network table.top
  {
    background-image: url("../images/kabel-im-switch.png");
  }

body.backup table.top
  {
    background-image: url("../images/rettungsring-blau.png");
  }

body.high_av table.top
  {
    background-image: url("../images/xclock.png");
  }

body.virtual table.top
  {
    background-image: url("../images/kvm-aufruf.png");
  }

body.software table.top
  {
    background-image: url("../images/simcnc.png");
  }

body.security table.top
  {
    background-image: url("../images/kette.png");
  }

body.gnu table.top
  {
    background-image: url("../images/linux-pinguin-blau.png");
  }

p.motto
  {
    float: right;
    margin-top: 1ex;
    margin-bottom: 0ex;
    margin-right: 200px;
    font-size: x-large;
    font-weight: bold;
    font-style: oblique;
    color: #dddeeb; /* #c3c5db; */
  }

body.network p.motto
  {
    margin-right: 170px;
  }

body.backup p.motto
  {
    margin-right: 120px;
  }

body.high_av p.motto
  {
    margin-right: 170px;
  }

body.software p.motto
  {
    margin-right: 280px;
  }

body.gnu p.motto
  {
    margin-right: 130px;
  }

ul.menu
  {
    font-size: small;
    font-weight: bold;
    margin: 0ex 0em;
    margin-left: 250px;
    padding: 0ex 0em;
    list-style-type: none;
  }

ul.menu li
  {
    float: left;
    margin: 0ex 0.2em;
    padding: 0ex 0em;
    color: #ffffff;
  }

ul.menu li.active
  {
    color: #212190;
  }

ul.menu li.active span.lsep
  {
    width: 7px;
    background-image: url("../images/abrundung-weiss.png");
    background-repeat: no-repeat;
    background-position: top left;
  }

ul.menu li.active span.rsep
  {
    width: 7px;
    background-image: url("../images/abrundung-weiss.png");
    background-repeat: no-repeat;
    background-position: top right;
  }

ul.menu li span.lsep
  {
    width: 7px;
    background-image: url("../images/abrundung-hellblau.png");
    background-repeat: no-repeat;
    background-position: top left;
  }

ul.menu li span.rsep
  {
    width: 7px;
    background-image: url("../images/abrundung-hellblau.png");
    background-repeat: no-repeat;
    background-position: top right;
  }

ul.menu li.active span.content
  {
    color: #212190;
    background-color: #ffffff;
    text-decoration: none;
  }

a
  {
    color: #212190;
    text-decoration: none;
  }

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

ul.menu a
  {
    background-color: #d7d8e7;
  }

ul.menu a:hover
  {
    background-color: #d7d8e7;
  }

div.menu_left
  {
    float: left;
    margin-top: 60px;
    margin-bottom: 5ex;
    min-width: 250px;
  }

div.menu_left ul
  {
    padding-left: 1em;
  }

div.content
  {
    margin: 2ex 1em;
    max-width: 50em;
  }

div.content ul
  {
    padding-left: 0em;
  }

div.content li
  {
    margin: 0.5ex 1em;
  }

div.menu_left ul
  {
    list-style-type: none;
  }

div.menu_left a
  {
    text-decoration: none;
  }

div.menu_left a img
  {
    border: 0px;
  }

*.teaser
  {
    background-image: url("../images/teaser-ecke.png");
    background-repeat: no-repeat;
    background-position: top left;
    font-size: small;
    margin: 0ex 0.5em;
    max-width: 20em;
  }

*.teaser a
  {
    color: #000000;
  }

*.teaser a:hover
  {
    color: #212190;
  }

*.teaser a img
  {
    border: 0px;
  }

*.box
  {
    background-image: url("../images/teaser-ecke.png");
    background-repeat: no-repeat;
    background-position: top left;
    font-size: small;
    padding: 0.3ex 1em;
    max-width: 20em;
  }

*.caption
  {
    font-size: small;
  }

#contact
  {
    font-size: x-small;
    margin-top: 2em;
    margin-right: 2em;
    padding-bottom: 1em;
    text-align: right;
  }

*.h1
  {
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 1ex;
  }

*.h1text
  {
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 0ex;
  }

*.h2
  {
    font-size: x-large;
    font-weight: bold;
  }

*.textheadline
  {
    font-weight: bold;
  }

#karikatur_freie_software
  {
    width: 1000px;
    height: 1000px;
    max-width: 30em;
    max-height: 30em;
  }

#karikatur_hochverfuegbarkeit
  {
    width: 1000px;
    height: 1022px;
    max-width: 30em;
    max-height: 30.66em;
  }