/* Algemeine CSS-Elemente  */

#main {

  color: #000000;
  font-family: Arial;
  font-style: normal;
  font-variant: normal;
  font-size: 0.75em;
  font-weight: normal;
  text-decoration: none;

}

#top_search_buttons {

  position: absolute;
  bottom: 25px;
  left: 31px;

  
}

a:link,a:active,a:visited {

  color: #000000;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;

}

a.weiss:link,a.weiss:active,a.weiss:visited {

  color: #FFFFFF;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;

}

a.schwarz:link,a.schwarz:active,a.schwarz:visited {

  color: #000000;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;

}

a:hover {

  color: #000000;
  text-decoration: underline;

}

a.weiss:hover {

  color: #FFFFFF;
  text-decoration: underline;

}

a.schwarz:hover {

  color: #000000;
  text-decoration: underline;

}

/* CSS-Elemente für Content-Seite */

h1 {

  font-size: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  font-weight: bold;
  margin-bottom: 1.5em;
  line-height: 1.2em;
  padding: 0px;

}

h2 {

  font-size: 1.0em;
  font-family: Arial, sans-serif;
  color: #000000;
  font-weight: bold;
  margin-bottom: 1.0em;
  padding: 0px;
}

h3 {

  font-size: 1.0em;
  font-family: Arial, sans-serif;
  color: #000000;
  padding: 0px;
  font-weight: normal;
}

#content {

  position: absolute;
  top: 10px;
  left: 30px;
  width: 555px;
  padding: 0px;
  font-size: 1.0em;
  font-family: Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
  padding-bottom: 1.5em;
  padding-left: 1px;
  color: #000000;

}

#pic {

  position: relative;
  right: 0px;
  top: 0px;
  float: right;

}

/* CSS-Elemente für Startseite  */

#top_body_start {

 background-image:url(../img/top.back.start.gif);
 bgcolor="#FFFFFF";

}

#top_leben_start {

  color: #000000;
  position: absolute;
  top: 24px;
  left: 0px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.leben.gif);
  padding-top:10px;
  padding-left: 31px;

}

#top_gast_start {

  color: #FFFFFF;
  position:absolute;
  top: 24px;
  left: 214px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.gast.gif);
  padding-top: 10px;
  padding-left: 31px
  
}

#top_wirtschaft_start {

  color: #FFFFFF;
  position:absolute;
  top: 24px;
  left: 428px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.wirtschaft.gif);
  padding-top: 10px;
  padding-left: 31px

}

#top_layout_start {

  position:absolute;
  top: 78px;
  left: 0px;
  height: 66px;
  width: 428px;
  
}

#top_search_start {

  position:absolute;
  top: 78px;
  left: 428px;
  height: 66px;
  width: 214px;
  background-image:url(../img/top.search.start.gif);
  padding-top: 20px;
  padding-left: 31px;

}


#top_history_start {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 60px;
  width: 642px;
  background-image:url(../img/top.history.start.gif);
  padding-top: 12px;
  padding-left: 31px;

}

#function_start {

  position:absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 642px;
  background-color: #DED9B6;
  padding-top: 4px;
  padding-left: 31px;

}

#nav_start {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 200px;
  width: 214px;
  background-color:#DED9B6;
  padding-top: 18px;
  padding-left: 23px;

}

/* CSS-Elemente für Leben */

#top_body_leben {

 background-image:url(../img/top.back.leben.gif);
 bgcolor="#FFFFFF";

}

#top_leben_leben {

  position: absolute;
  top: 24px;
  left: 0px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.leben.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_gast_leben {

  position:absolute;
  top: 24px;
  left: 214px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grau.gif);
  padding-top: 10px;
  padding-left: 31px

}

#top_wirtschaft_leben {

  position:absolute;
  top: 24px;
  left: 428px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grau.gif);
  padding-top: 10px;
  padding-left: 31px

}

#top_layout_leben {

  position:absolute;
  top: 78px;
  left: 0px;
  height: 66px;
  width: 428px;

}

#top_search_leben {

  position:absolute;
  top: 78px;
  left: 428px;
  height: 66px;
  width: 214px;
  background-image:url(../img/top.search.leben.gif);
  padding-top: 20px;
  padding-left: 31px;

}


#top_history_leben {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 60px;
  width: 642px;
  background-image:url(../img/top.history.leben.gif);
  padding-top: 12px;
  padding-left: 31px;

}

#function_leben {

  position:absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 642px;
  background-color: #FEAB45;
  padding-top: 4px;
  padding-left: 31px;

}

#nav_leben {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 200px;
  width: 214px;
  background-color:#FEAB45;
  padding-top: 18px;
  padding-left: 23px;

}

/* CSS-Elemente für Gast */

#top_body_gast {

 background-image:url(../img/top.back.gast.gif);
 bgcolor="#FFFFFF";

}

#top_leben_gast {

  position: absolute;
  top: 24px;
  left: 0px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grauohnelinie.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_gast_gast {

  position:absolute;
  top: 24px;
  left: 214px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.gast.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_wirtschaft_gast {

  position:absolute;
  top: 24px;
  left: 428px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grau.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_layout_gast {

  position:absolute;
  top: 78px;
  left: 0px;
  height: 66px;
  width: 428px;

}

#top_search_gast {

  position:absolute;
  top: 78px;
  left: 428px;
  height: 66px;
  width: 214px;
  background-image:url(../img/top.search.gast.gif);
  padding-top: 20px;
  padding-left: 31px;

}


#top_history_gast {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 60px;
  width: 642px;
  background-image:url(../img/top.history.gast.gif);
  padding-top: 12px;
  padding-left: 31px;

}


#function_gast {

  position:absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 642px;
  background-color: #A6D975;
  padding-top: 4px;
  padding-left: 31px

}

#nav_gast {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 200px;
  width: 214px;
  background-color:#A6D975;
  padding-top: 18px;
  padding-left: 23px;

}

/* CSS-Elemente für Wirtschaft */

#top_body_wirtschaft {

 background-image:url(../img/top.back.wirtschaft.gif);
 bgcolor="#FFFFFF";

}

#top_leben_wirtschaft {

  position: absolute;
  top: 24px;
  left: 0px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grauohnelinie.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_gast_wirtschaft {

  position:absolute;
  top: 24px;
  left: 214px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.grau.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_wirtschaft_wirtschaft {

  position:absolute;
  top: 24px;
  left: 428px;
  height: 54px;
  width: 214px;
  background-image:url(../img/top.nav.wirtschaft.gif);
  padding-top: 10px;
  padding-left: 31px;

}

#top_layout_wirtschaft {

  position:absolute;
  top: 78px;
  left: 0px;
  height: 66px;
  width: 428px;

}

#top_search_wirtschaft {

  position:absolute;
  top: 78px;
  left: 428px;
  height: 66px;
  width: 214px;
  background-image:url(../img/top.search.wirtschaft.gif);
  padding-top: 20px;
  padding-left: 31px;

}


#top_history_wirtschaft {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 60px;
  width: 642px;
  background-image:url(../img/top.history.wirtschaft.gif);
  padding-top: 12px;
  padding-left: 31px;

}

#function_wirtschaft {

  position:absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 642px;
  background-color: #8DD0E3;
  padding-top: 4px;
  padding-left: 31px;

}

#nav_wirtschaft {

  position:absolute;
  top: 144px;
  left: 0px;
  height: 200px;
  width: 214px;
  background-color:#8DD0E3;
  padding-top: 18px;
  padding-left: 23px;

}