/*
################################################################################
Version 30.12.2005, 0.2
################################################################################
Bernd Göbel, strich-komma, web@strichh-komma.de
################################################################################
################################################################################
- CSS für den Internetexplorer/alle "main_ie.css"
- CSS für den Druck, "print.css"
################################################################################
Farben:
+Türkis:
- Body: #CCEBEB
- linke Bilderspalte: #BFE5E5
- Start/Ende Navigation: #7FCCCC
- Navigation: #38B1B1
- Headline: #009999
################################################################################
*/

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

body {
  background-color:#CCEBEB;
  margin: 0;
  padding: 0;
  font-size: 100.01%;
  text-align: center;
}

table , p  , h2 , h3 , h4 , li {
    font-size:70%;
  }
 
body , div , table , p  , h2 , h3 , h4 ,  li , a , input , label, td, span {
  font-family: Verdana , Arial , Helvitica , sans-serif;
  color: #000000;
  }
    
h1, h2, h3, h4, ul, li, p {
  margin: 0;
  padding: 0;
}    
 
h2 {
  font-weight:bold;
  font-size:80%;  
}

h3 {
  color: #009999;
}

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

a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
}

td {
  vertical-align: top;
}
 
img {
  border: none;
 } 

form {
  display: inline;
}

/*#####################################################################################################*/
/*Page*/
#home {
  position: relative;
  top: 52px;
  width: 772px;
  height: 463px;
  margin: 0 auto 0 auto;
  padding: 18px 0 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/bg-home.gif);
  text-align: left;
}

#page {
  position: relative;
  top: 52px;
  width: 772px;
  margin: 0 auto 0 auto;
  padding: 18px 0 72px 0;
  background-repeat: no-repeat;
  background-image: url(../images/bg-page-header.gif);
  text-align: left;
}
/*#####################################################################################################*/
/*siouette*/
#home-silhouette {
  position: absolute;
  left: 608px;
  top: -9px;
}

#header-silhouette {
  position: absolute;
  left: 694px;
  top: -5px;
  z-index: 3;
}
/*#####################################################################################################*/
/*header*/

#header {
  margin: 0 16px 0 16px;
  padding: 0;
}

#header-image-line {
  position: absolute;
  left: 420px;
  top: 18px;
  z-index: 2;
}

#header-image-line img {
  margin-right:10px;
}

ul#home-navigation {
  display:block;
  background: #38B1B1;
  width: 728px;
  height: 17px;
  padding: 2px 0 0 12px;
  margin: 0;
}

#home-navigation li {
  display: inline;
  list-style: none;
  /*padding-right: 30px;*/
  float:left;
}

#home-navigation li a {
  color: #CFF6F5;
  font-size: 11px;
}

#home-navigation li a:hover {
  text-decoration:none;
  color: #FFFFFF;
}

ul#main-navigation {
  background-color: #38B1B1;
  width: 718px;
  height: 17px;
  padding: 2px 0 0 22px;
  margin: 0;
}

#main-navigation li {
  display: block;
  list-style: none;
  float:left;
  padding-right:24px;
}

#main-navigation li a {
  color: #CFF6F5;
  font-size: 11px;
}

#main-navigation li a:hover {
  text-decoration:none;
  color: #FFFFFF;
}

/*Breiten für das Menue*/
.home-nav a{
  display: block;
  width: 144px;
  text-align: center;
}

/*#####################################################################################################*/
ul#sub-navigation {
  background-color: #E9DDEB;
  width: 718px;
  height: 17px;
  margin: 0px;
  padding: 2px 0 0 22px;
}

#sub-navigation li {
  display: inline;
  list-style: none;
  float:left;
  padding-right:24px;
}

#sub-navigation li a {
  color: #6C1B72;
  font-size: 11px;
}

#sub-navigation li a:hover {
  text-decoration: none;
  color: #A452A9;
}

.aktiv {
  font-weight:bold;
}
/*Content*/
/*#####################################################################################################*/
#content {
  position: absolute;
  top: 130px;
  background-image: url(../images/bg-page-content.gif);
  background-repeat: repeat-y;
  clear: left;
  margin: 0;
  padding: 0;
  width: 772px;
}

#left-content {
  width: 188px;
  margin: 0;
  padding: 0;
}

#right-content {
  width: 480px;
  padding: 22px 0 0 0;
  margin: 0 50px 0 0;
  float: right;
}

#footer {
  margin: 0;
  padding: 0;
}

/*#####################################################################################################*/

#content h2 {
  margin-bottom:1em;
  color: #009999;
}

#content h3 {
  margin:4em 0 1em 0;
  color: #009999;
}

#content p {
  margin-bottom:1em;
}

#left-content img {
  margin: 16px 0 4px 30px;
  border: 1px solid #6C1B72;
}

#left-content img.plan  {
  margin: 16px 0 4px 24px;
  border: 1px solid #6C1B72;
}
#right-content p {
  line-height: 140%;
}

/*#####################################################################################################*/

.person ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 400px;
}

.person li {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: none;
  width: 400px;
}

p.image-text , p.image-plantext {
  color: #008D8D;
  margin: 0 0 0 30px;
  line-height: 100%
}

p.image-plantext {
  margin: 0 0 0 24px;
}