/*
rot #990000
blau #9999FF
Firmenblau #003D99
grau #999
fastweiß #EEEEEE
*/

body {
  font-family: verdana,arial,helvetica,geneva,sans-serif;
  padding: 0;
  margin: 0;
  color: #4A4A4A;
  font-size: 12pt;
}

.label {
  color: #999999;
}

.invi {
 display: none;
}

#outer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  display: table;
  text-align: center;
}

#content {
  display: table-cell;
  vertical-align: middle;
}
#footer {
  position: absolute;
  left: 47%;
  bottom: 10px;
  font-size: 10pt;
  color: #990000;
}

#inner {
  width: 924px;
  margin: 30px auto;
}

#logo {
  margin: 20px auto 30px auto;
  display: block;
}

#TB_title {
  display:none;
}

#software, #entwicklung, #beratung {
  display:block;
  float:left;
  height:200px;
  margin: 30px 50px;
  width:200px;
  border: 2px solid #003D99;
}

#software {
  background: no-repeat url('/img/software.png') bottom;
}

#entwicklung {
  background: no-repeat url('/img/entwicklung.png') bottom;
}

#beratung {
  background: no-repeat url('/img/beratung.png') bottom;
}

.hoverme, .hoverme p {
  display: block;
  width: 190px;
  font-size: 0pt;
  text-align: center;
  padding: 5px;
  padding-top: 180px;
  color: #ADADAD;
}

.hoverme:hover {
  font-size: 18pt;
}

#message {
  color: #990000;
}

a.close {
  margin-left: 498px;
  line-height: 1.8em;
  cursor: pointer;
  font-weight: 800;
  color: #ADADAD;
  position: absolute;
}

#TB_window p {
  font-size: 12pt;
  line-height: 1.1em;
}

#statement {
  font-size: 24pt;
  color: #ADADAD;
  margin: 30px 50px 10px 50px;
}

h1,h2,h3 {
  color: #003D99;
  text-align: center;
}

h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.25em;
}
h3 {
  font-size: 1.15em;
  color: #6A6A6A;
}

#kontakt, #kontakt_dyn {
  font-size: 12pt;
}
#kontakt input, #kontakt_dyn input {
  width: 300px;
}
#kontakt textarea, #kontakt_dyn textarea{
    width: 300px;
}
.label {
  color: #000000;
}
#impressum {
  font-size: 11pt;
}
#impressum p {
  font-size: 11pt;
}
#impressum p.small {
  font-size: 9pt;
}
img {
  border: none;
}

a {
  text-decoration: none;
  background: transparent;
  color: #990000;
  cursor: pointer;
}
a#impressumlink:hover {
  text-decoration: underline;
}

.small {
  font-size: 0.8em;
}

/* ----- */
.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  position: static;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}