* {
  margin:0;
  padding:0;
}

html {
  height:100%;
  background:#FFFFF0;
}

body {
  width:980px;
  min-height:101%;
  margin:0 auto;
  background-color:#000000;
}

/*-------------------------------------------- TextStyle --------------------------------------------------*/

h1 {
  margin:0 30px 0 12px;
  padding-top:10px;
  width:679px;
  font-size:180%;
  text-align:center;
  color:#FF0000;
}

h2 {
  margin:0 30px 0 12px;
  padding:0 0 10px 0;
  font-size:120%;
}

p {
  margin:0 44px 0 12px;
  padding:0 0 10px 0;
  text-align:justify;
}

a.textfett {
  margin:0 0px;
  font-weight:bold;
}

a.textunterfett {
  margin:0 0px;
  text-decoration:underline;
  font-weight:bold;
}

/*-------------------------------------------- fixierte Kopfzeile -----------------------------------------*/

#kopfzeile {
  position:fixed;
  top:0px;
  height:125px;
  width:980px;
  background:url(kopfzeile.jpg);
  z-index:2000;
}

/*-------------------------------------------- fixierte Menüleiste ----------------------------------------*/

#menuleiste {
  position:fixed;
  top:124px;
  width:243px;
  background:url(menuleiste.jpg);
  z-index:1000;
  bottom:0px;
}

a.menu {
  position:relative;
  display:block;
  width:170px;
  margin:7px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:130% "arial black";
  color:#FFFF00;
}

a.aktmenu {
  position:relative;
  display:block;
  width:170px;
  margin:7px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:130% "arial black";
  color:#FF0000;
}

a.menugarten {
  position:relative;
  display:block;
  width:170px;
  margin:7px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:130% "arial black";
  color:#FFFF00;
}

a.aktmenugarten {
  position:relative;
  display:block;
  width:170px;
  margin:7px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:130% "arial black";
  color:#FF0000;
}

a.menuklein {
  position:relative;
  display:block;
  width:170px;
  margin:3px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:85% "arial black";
  color:#FF8000;
}

a.aktmenuklein {
  position:relative;
  display:block;
  width:170px;
  margin:3px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:85% "arial black";
  color:#FF0000;
}

a.menu:active, a.menu:hover {
  color:#DEDEDE;
}

a.menugarten:active, a.menugarten:hover {
  color:#DEDEDE;
}

a.menuklein:active, a.menuklein:hover {
  color:#DEDEDE;
}

a.datum {
  display:block;
  width:170px;
  margin:15px 37px 0px;
  text-align:center;
  text-decoration:none;
  font:70% "arial black";
  color:#FFFFF0;
}

/*-------------------------------------------- Textfenster ------------------------------------------------*/

#inhalt {
  position:absolute;
  min-height:101%;
  margin-top:124px;
  margin-left:243px;
  padding:0px 0px 10px 0px;
  width:737px;
  font:90% arial;
  color:#FFFFF0;
  background:url(schatten_rechts.jpg) repeat-y top right #000000;
}

a.link {
  color:#FF9429;
}

/*-------------------------------------------- Tabellen ---------------------------------------------------*/

.tabelle_allgemein {
  margin:0 30px 0 12px;
  width:681px;
  border:1px solid #FFFFF0;
  border-collapse:collapse;
}

.tabelle_koi {
  width:679px;
  border-collapse:collapse;
}

.tabelle_kl_koi {
  width:679px;
  height:50px;
  text-align:center;
  border-collapse:collapse;
}

.tabelle_kl_bilder {
  height:274px;
  text-align:center;
  border-collapse:collapse;
}

.tabelle_impressum {
  margin:0 30px 0 12px;
  border-collapse:collapse;
}

.tabelle_beschreibung {
  margin:0 30px 0 12px;
  width:681px;
  border-left:1px solid #FFFFF0;
  border-right:1px solid #FFFFF0;
  border-bottom:1px solid #FFFFF0;
  border-collapse:collapse;
}

.zeile_tabellenkopf {
  background-color:#88C4F9;
  color:#000000;
  text-align:center;
  font-weight:bold;
  border:1px solid #FFFFF0;
}

.zelle_beschreibung {
  padding:2px 4px;
  text-align:justify;
  vertical-align:top;
}

.zelle_aufzaehlung {
  padding:0 2px 0 0;
  vertical-align:top;
}

.zelle_jahr {
  padding:0 2px;
  width:42px;
  vertical-align:top;
}

.zelle_gr_bild {
  width:445px;
  text-align:center;
  vertical-align:middle;
  border-left:1px solid #FFFFF0;
  border-right:1px solid #FFFFF0;
}

.zelle_kl_bild {
  height:68px;
  width:118px;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #FFFFF0;
}

.zelle_gr_koibild {
  width:339px;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #FFFFF0;
}

.zelle_kl_koibild {
  text-align:center;
  vertical-align:middle;
  border-right:1px solid #FFFFF0;
}

.zelle_koiname {
  padding:0 0 0 10px;
  border-bottom:1px solid #FFFFF0;
}

.zelle_passbild {
  height:140px;
  text-align:center;
  vertical-align:middle;
  border:1px solid #FFFFF0;
}

.zelle_kinderbild_gr {
  height:236px;
  text-align:center;
  vertical-align:middle;
  border:1px solid #FFFFF0;
}

.zelle_kinderbild_kl {
  height:100px;
  text-align:center;
  vertical-align:middle;
  border:1px solid #FFFFF0;
}

.spalte_99 {
  width:99px;
  padding-left:2px;
  vertical-align:middle;
  border:1px solid #FFFFF0;
}

.spalte_192 {
  width:192px;
  padding-left:2px;
  text-align:left;
  vertical-align:top;
  border:1px solid #FFFFF0;
}

.spalte_226 {
  width:226px;
  height:155px;
  text-align:center;
  vertical-align:bottom;
  border:1px solid #FFFFF0;
}

.spalte_260 {
  width:260px;
  vertical-align:top;
}

.spalte_336 {
  width:336px;
  padding:0 2px;
  text-align:justify;
  vertical-align:top;
  border:1px solid #FFFFF0;
}

.spalte_420 {
  width:420px;
  vertical-align:top;
}

/*-------------------------------------------- Bilder ------------------------------------------------*/

.startbild {
  position:relative;
  display:inline-block;
  top:20px;
  padding:20px;
  margin:0px 0px 0px 12px;
  width:550px;
  height:389px;
}

.passbild {
  position:relative;
  display:inline-block;
  width:111px;
  height:127px;
}

.bild_boti_gr {
  position:relative;
  display:inline-block;
  width:292px;
  height:219px;
}

.bild_ole_gr {
  position:relative;
  display:inline-block;
  width:195px;
  height:219px;
}

.bild_kinder_kl {
  position:relative;
  display:inline-block;
  cursor:pointer;
}

.bild_foto_gr {
  position:relative;
  display:inline-block;
  width:445px;
  height:273px;
  border:none;
}

.bild_foto_kl {
  position:relative;
  display:inline-block;
  width:97px;
  height:60px;
  cursor:pointer;
}

.bild_koi_gr {
  position:relative;
  display:inline-block;
  width:339px;
  height:212px;
  border:none;
}

.bild_koi_kl {
  position:relative;
  display:inline-block;
  width:70px;
  height:44px;
  cursor:pointer;
}

.bild_galerie {
  position:relative;
  display:inline-block;
  width:220px;
  height:147px;
}