html {
 height:100%;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #D4DEEE;
  color: #666666;
  font: normal 10px Tahoma, sans-serif;
}

p,code,ul {
  padding-bottom: 1.3em;
}

h1 {
  font: bold 18px Tahoma, sans-serif;
  margin-bottom: 15px;
  padding-top: 6px;
}

h2 {
  padding-top: 6px;
}

h3 {
  padding-top: 6px;
}

a {
  color: #9AC0CD;
}

a:hover {
  color: #4A708B;
}

.left {
  float: left;
}

.right {
  float: right;
}


.top {
  padding: 35px 10px 0;
}

.middle {
  background: #FFF;
  font-size: 12px;
  margin: 0 auto;
  padding: 0 10px 10px;
  width: 780px;
  height:567px;
}

.header {
  background: #FFF;
  font-size: 12px;
  margin: 0 auto;
  height: 150px;
  padding: 10px 10px 5px;
  width: 780px;
}

.header .left {
  color: #FFF;
  height: 120px;
  background: #FFF url(img/header.jpg) no-repeat;
  font: bold 30px Comic Sans MS, Tahoma, sans-serif;
  line-height: 45px;
  text-align: center;
  padding-top: 30px;
  width: 780px;
}

.navigation {
        background: #9AC0CD url(img/nav.jpg);
        border: 1px solid #9AC0CD;
        height: 41px;
}
.navigation a {
        background: #9AC0CD url(img/nav.jpg);
        border-right: 1px solid #9AC0CD;
        color: #4A708B;
        display: block;
        float: left;
        font: bold 12px Tahoma, sans-serif;
        line-height: 41px;
        padding: 0 20px;
        text-decoration: none;
}
.navigation a:hover {
  background-position: left bottom;
  color: #4A708B;
}


.main {
        border-top: 4px solid #FFF;
        background: url(img/main.jpg) repeat-y;
}


.content {
        margin: 16px 0;
        padding: 0 16px;
        width: 741px;
        height: 450px;
        overflow:auto;
}

.content .titel img {
  display:block;
  float:left;
}

.content .titel p {
  font: bold 18px Tahoma, sans-serif;
  line-height:30px;
}


.content p {
  font-family: Tahoma, sans-serif;
  text-align:justify;
}

.content .left {
  width: 280px;
}
.content .right {
  width: 461px;
}

.copy {
  font: normal 10px Tahoma, sans-serif;

}
.footer {
        background: url(img/foot.gif) repeat-x;
        color: #FFF;
        font: bold 1opx Tahoma, sans-serif;
        line-height: 39px;
        padding: 0 12px;
        text-align: center;
}
.footer a,.footer a:hover {
  color: #FFF;
}