body {
  font-size: 12pt;
  margin: 0;
  background: transparent;
}

p, br, hr, li, h1, h2, td {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  line-height: 1.3em;
}

ul {
  margin: 0;
  padding: 0;
}

h1 {
  font-weight: bold;
  font-size: 1em;
}

h2 {
}

a {
  color: #667AA6;
  text-decoration: underline;
}

a:hover {
  color: #000000;
}

#top {
  float: left;
  width: 100%;
}

#top_left {
  position: relative;
  float: left;
  width: 372px;
  padding: 45px 45px 45px 45px;
}

#top_right {
  position: relative;
  float: left;
  width: auto;
  height: 196px;
  display: none;
}

#logo {
  position: relative;
  width: 89px;
  height: 89px;
}

#mid {
  width: 100%;
}

#mid_left {
  position: relative;
  float: left;
  width: 372px;
  height: 353px;
  background-color: #E8E8DA;
  display: none;
}

#mid_right {
  position: relative;
  padding: 30px 30px 40px 30px;
  width: 100%;
  float: left;
  background: transparent;
  border-top: 4px solid #667AA6;
  border-bottom: 4px solid #667AA6;
}

#content {
  position: relative;
  width: 560px;
  text-align: justify;
}

#line1 {
  position: absolute;
  top: 35px;
  left: 362px;
  background-color: #667AA6;
}

#line2 {
  position: absolute;
  top: 77px;
  left: 362px;
  background-color: #667AA6;
}

#line3 {
  position: absolute;
  top: 178px;
  left: 362px;
  background-color: #667AA6;
}

#line4 {
  position: absolute;
  top: 630px;
  left: 362px;
  background-color: #667AA6;
}

#menu {
  float: left;
  width: 992px;
  display: none;
}

#menu ul {
  display: inline;
}

#menu li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  list-style: none;
}

#menu a {
  color: #000000;
  text-decoration: none;
}

#menu a:hover, body#index #m-index a {
  color: #ccccac;
  text-decoration: none;
}

#menu a:hover, body#webdesign #m-webdesign a {
  color: #ccccac;
  text-decoration: none;
}

#menu a:hover, body#beratung #m-beratung a {
  color: #ccccac;
  text-decoration: none;
}

#menu a:hover, body#philosophie #m-philosophie a {
  color: #ccccac;
  text-decoration: none;
}

#menu a:hover, body#kontakt #m-kontakt a {
  color: #ccccac;
  text-decoration: none;
}

#footer {
  position: relative;
  margin-left: 0px;
  width: 600px;
  padding: 5px;
}

#footer p {
  color: #000000;
  font-size: 0.7em;
}

#footer a {
  color: #000000;
  text-decoration: none;
}

#footer a:hover, body#impressum #m-impressum a {
  color: #ccccac;
  text-decoration: none;
}

#statement {
  position: relative;
  height: 106px;
  display: none;
}

#statement p {
  position: absolute;
  bottom: 0px;
  text-align: right;
}

#pic {
  height: 247px;
  display: none;
}