/*generelles. HTML, body, globale Eigenschaften*/
html, body, div, a, img, ul, li, h1, h2, h3, h4, form, p {
   padding: 0;
   margin: 0;
   border: none;
}
html {
   width: 100%;
   height: 100%;
}
body {
   width: 100%;
   height: 100%;
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 10pt;
   background: #e8eaf0;
   color: #000;
   text-align: left;
}

/*div Bereich fängt an. Eigenschaften der im body existierenden Elemente*/
/*wrapper und allgemeines*/
#container {
   position: relative;
   width: 835px;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto;
}

/*Kopf Bereich für Logo, Navigation, Großes Foto und Topicbar*/
#head {
   padding-top: 43px;
   width: 100%;
}

/*Logo*/
#head .logolink {
   display: block;
   width: 192px;
   height: 90px;
   text-indent: -9999px;
   background: url(layout/head_logo.gif) top left no-repeat;
   float: left;
}

/*Navigation*/
#navigation {
   float: right;
   margin-top: 42px;
   list-style-type: none;
}
#navigation li {
   display: block;
   float: left;
   margin-left: 1em;
   height: 20px;
}
#navigation .start {
   display: block;
   height: 20px;
   width: 66px;
   background: url(layout/nav_start.gif) top left no-repeat;
   text-indent: -9999px;
}
#navigation .leistungsangebot {
   display: block;
   height: 20px;
   width: 150px;
   background: url(layout/nav_leistungsangebot.gif) top left no-repeat;
   text-indent: -9999px;
}
#navigation .aktuelles {
   display: block;
   height: 20px;
   width: 82px;
   background: url(layout/nav_aktuelles.gif) top left no-repeat;
   text-indent: -9999px;
}
#navigation .ueber_mich {
   display: block;
   height: 20px;
   width: 92px;
   background: url(layout/nav_ueber_mich.gif) top left no-repeat;
   text-indent: -9999px;
}
#navigation .kontakt {
   display: block;
   height: 20px;
   width: 76px;
   background: url(layout/nav_kontakt.gif) top left no-repeat;
   text-indent: -9999px;
}
#navigation a:hover {
   background-position: 0 -22px;
}

/*Großes Foto oberhalb des Inhalts*/
#headphoto {
   clear: both;
   width: 835px;
   height: 294px;
   margin-bottom: 20px;
}
#headphoto h2 {
   display: block;
   font-size: 17pt;
   font-weight: normal;
   color: #d3d7e2;
   height: 32px;
   padding: 85px 0px 159px 360px;
   width: 475px;
   height: 50px;
}

#headphoto .start {
   background: #fff url(layout/head_photo2.jpg) top left no-repeat;
}

#headphoto .leistungsangebot {
   background: #fff url(layout/head_photo4.jpg) top left no-repeat;
}

#headphoto .aktuelles {
   background: #fff url(layout/head_photo5.jpg) top left no-repeat;
}

#headphoto .ueber_mich {
   background: #fff url(layout/head_photo1.jpg) top left no-repeat;
}

#headphoto .kontakt {
   background: #fff url(layout/head_photo3.jpg) top left no-repeat;
}
/* Reportbar */
#reportbar {
   margin-bottom: 20px;
   width: 735px;
   list-style-type: none;
}

#reportbar li{
   display: inline;
}

#reportbar li .first {
   float: left;
   display: block;
   height: 51px;
   padding: 10px 2px;
   line-height: 0.85em;
   background-color: #39a1b1;
   font-size: 25pt;
   color: #d3d7e2;
   clear: left;
}

#reportbar li a {
   display: block;
   float: left;
   width: 170px;              /* original 258px, center 279px */
   height: 51px;
   color: #39a1b1;
   background-color: #d3d7e2;
   margin-bottom: 20px;
   text-align: center;
   text-decoration: none;
   padding: 10px 0;
   border-right: 1px solid #39a1b1;
}

#reportbar li a:hover {
   background-color: #455893;
   color: #d3d7e2;
}

/*topicbar. Weitere Themen und Links*/
#topicbar {
   margin-bottom: 20px;
   width: 835px;
   height: 137px;
   list-style-type: none;
}
#topicbar li{
   display: inline;
}
#topicbar a {
   display: block;
   float: left;
   width: 278px;              /* original 258px, center 279px */
   height: 117px;
   color: #39a1b1;
   background-color: #d3d7e2;
   text-align: center;
   text-decoration: none;
   padding: 10px 0;
}

#topicbar .last {
   width: 279px;
}
#topicbar .text {
   display: block;
   height: 2em;
   width: 276px;
   border-right: 1px solid #39a1b1;
}
#topicbar .last .text {
   border: 0;
   width: 277px;
}
#topicbar .heading {
   display: block;
   width: 100%;
   height: 2.5em;
   color: #455893;
   font-size: 13pt;
   margin-bottom: 0.5em;
   vertical-align: middle;
}
#topicbar .link {
   margin-top: 1em;
   display: block;
   width: 252px;
   text-align: right;
   margin-right: 25px;
}
#topicbar .center .link {
   width: 252px;
   padding-right: 25px;
}
#topicbar a:hover {
   background-color: #455893;
   color: #d3d7e2;
}
#topicbar a:hover .heading {
   color: #39a1b1;
}
#topicbar a:hover .text {
   border: 0;
}

/*Inhaltsbereich*/
#content {
   width: 785px;
   padding: 25px 25px 157px 25px;
   clear: both;
   overflow: auto;
   background: #fefefe url(layout/content_background.jpg) top left no-repeat;
}
#content img {
   border: 1px solid #d3d7e2;
}
#content h1, #content h2{
   color: #455893;
   font-size: 13pt;
   font-weight: normal;
   margin-bottom: 0.5em;
}
#content h2{
   font-size: 10pt;
}
#content a, #content a:link, #content a:visited   {
   color: #000;
   text-decoration: underline;
}
#content a:hover, #content a:focus, #content a:active {
   color: #455893;
}
#content p {
  margin-bottom: 1em;
  line-height: 2em;
}
#content ul{
   list-style-image: url(layout/listarrow_dark.gif);
   margin-left: 15px;
   margin-bottom: 1em;
}
#content li {
   line-height: 2em;
}
#content ul ul{
   list-style-image: url(layout/listarrow_light.gif);
   margin-bottom: 0;
}

/*Footer*/
#footer {
   background: #d3d7e2 url(layout/footer_bg.gif) top left repeat-x;
   position: absolute;
   width: 785px;
   padding: 45px 25px 0 25px;
   height: 102px;
   clear: both;
   bottom: 0px;
   color: #008b80;
}
#footer h1 {
   display: none;
}
#footer a, #footer a:visited, #footer a:link {
   color: #008b80;
   text-decoration: underline;
}
#footer a:hover, #footer a:focus, #footer a:active {
   color: #455893;
}
.footer_imprint {
   border-right: 1px solid #008b80;
   display: block;
   width: 160px;
   height: 82px;
   float: left;
}
#footer ul {
   list-style-type: none;
   float: right;
}
#footer li {
   display: block;
   margin: 0 2px;
   float: left;
}