@charset "iso-8859-1";
html {
    background-color: #ffffd0;
    font: 12px verdana, arial, helvetica, sans-serif;
    color: #442200;
  	margin:0px;
  }
body {
    background-color: #ffffd0;
    font: 12px verdana, arial, helvetica, sans-serif;
    color: #442200;
  	margin:0px;
  }
/* Mittlerer Kopfbereich  */
#oben {
  	position: absolute;
    top: 0px;
    left: 140px;
  	padding-left: 0px;
  	padding-top: 8px;
  }
/* Linker Kopfbereich */
#oben_li_1 {
  	position: absolute;
    top: 20px;
    left: 10px;
  }
/* Navigationsbereich links */ 
#navi_li {
  	position: absolute;
    top: 110px;
    left: 10px;
    width: 115px;
  }
/* Inhaltsbereich */
#inhalt {
  	position: absolute;
    top: 110px;
    left: 140px;
    min-width: 725px;
    height: 655px;
    border-left: 1px solid #442200;
  }
.tab_td {
    background-color : #ffffe0;
    color: #442200; 
    border-top: outset 2px #cccccc;

    border-right: outset 2px #442200;
    border-bottom: outset 2px #442200;
    border-left: outset 2px #cccccc;
    padding: 1px;
  }
/* Allgemeine Schriftformatierung */
.kopf {
    font: 14px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
  }
.kopf1 {
    font: 18px verdana, arial, helvetica, sans-serif;
  } 
.kopf2 {
    font: 12px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
  }
.klein {
    font: 9px verdana, arial, helvetica, sans-serif;
  }
hr {
    height:4px; 
    border:1px solid #442200;
  }
table {
    font: 12px verdana, arial, helvetica, sans-serif;
  }
table td, table th {text-align: left; border: 0px;}
/* Bilder ohne Rahmen */
img	{
    padding: 0px;
    border: none;
  }
/* Text-Link */
.txt1 a:link, .txt1 a:visited, .txt1 a:active {
    color: #442200;
    background-color: #ffffd0;
    font: 11px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding-left: 8px;
  }
.txt1 a:hover {
    color: #996633;
    background-color: #ffffd0;
    background-image: url("images/pfeil_br.gif");
    background-repeat: no-repeat;
  } 
/* Allgemeine Verweise */
a:link, a:visited {
    color: #442200;
    background-color: transparent;
    font: 11px verdana, arial, helvetica, sans-serif;
  }
a:hover {
    color: #ff0000;
    background-color: transparent;
    font: 11px verdana, arial, helvetica, sans-serif;
    text-decoration: underline;
  }
a:active {
    color: #663300;
    background-color: transparent;
    font: 11px verdana, arial, helvetica, sans-serif;
    text-decoration: underline;
  }
/* Katalogseiten im Bilderalbum */
a.album:link, a.album:visited {
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: none;
    color: #ffffff;
    background-color : #aa8855;
    border-top: solid 1px #d4bfb1;
    border-right: solid 1px #392a1f;
    border-bottom: solid 1px #392a1f;
    border-left: solid 1px #d4bdb1;
  }
a.album:hover {
  	color: #442200;
    background-color: #ffffd0;
  	text-decoration: none;
    border-top: 1px solid #392a1f;
    border-right: 1px solid #d4bfb1;
    border-bottom: 1px solid #d4bfb1;
    border-left: 1px solid #392a1f;
  }
/* Menue DiaShow */
.dsh a:link, .dsh a:visited, .dsh a:active {
    position: relative;
    float: left;
    margin-right: 2px;
    color: #ffffff;
    background-color: #aa8855;
    font:11px/14px arial, georgia, sans-serif;
    padding: 3px 3px 3px 3px;
    border-top: 1px solid #d4bfb1;
    border-right: 1px solid #392a1f;
    border-bottom: 1px solid #392a1f;
    border-left: 1px solid #d4bfb1;
    width: 85px;
    text-decoration: none;
  }
.dsh a:hover {
    color: #ffffff;
    background-color: #CC9966;
    border-top: 1px solid #392a1f;
    border-right: 1px solid #d4bfb1;
    border-bottom: 1px solid #d4bfb1;
    border-left: 1px solid #392a1f;
  }
/* Allgemeine Schaltflaeche */
a.butt:link, a.butt:visited, a.butt:active {
    position: relative;
    display: block;
    width: 88px;
    font:11px verdana, arial, georgia, sans-serif;
    text-decoration: none;
    color: #442200;
    background-color: #ffffd0;
    padding: 1px 1px 3px 1px;
    border-bottom: 1px solid #392a1f;
  }
a.butt:hover {
    background-color : #cccccc;
    color: #ff0000;
    padding: 1px 1px 3px 1px;
    border-bottom: 1px solid #ff0000;
  }
/* Zugang zur Adminseite */
.adm a:link , .adm a:visited {
    color: #ffffd1;
    background-color: #ffffd0;
    font: 11px verdana, arial, helvetica, sans-serif;
  }
.adm a:hover {
    color: #cc9966;
    background-color: #ffffd0;
  }
  .adm a:active {
    color: #ffffd1;
    background-color: #ffffd0;
  }
/* Menue im Kopfbereich */
.menu_oben a:link, .menu_oben a:visited {
    font:11px/14px verdana, arial, georgia, sans-serif;
    display: inline;
    float: left;
    margin-right: 2px;
    text-decoration: none;
    color: #442200;
    background-color: #ffffd0;
    padding: 3px 3px 3px 3px;
    border-top: 2px solid #d4bfb1;
    border-right: 2px solid #392a1f;
    border-bottom: 2px solid #392a1f;
    border-left: 2px solid #d4bfb1;
    text-align: left;
    width: 100px;
    font-weight: normal;
  }
.menu_oben a:hover, .menu_oben a:active{
    font:11px/14px verdana, arial, georgia, sans-serif;
    display: inline;
    float: left;
    margin-right: 2px;
    text-decoration: none;
    background-color : #cc9966;
    color: #ffffff;
    padding: 3px 3px 3px 3px;
    border-top: 2px solid #392a1f;
    border-right: 2px solid #d4bfb1;
    border-bottom: 2px solid #d4bfb1;
    border-left: 2px solid #392a1f;
    text-align: left;
    width: 100px;
    font-weight: normal;
  }
/* Menue linker Navigationsbereich */
.menu_links a:link, .menu_links a:visited {
    font: 11px/14px arial, sans-serif, georgia, verdana;
    display: block;
    margin-top: 1px;
    text-decoration: none;
    color: #fff;
    background-color : #aa8855;
    padding: 3px 3px 3px 3px;
    border-top: 1px solid #d4bfb1;
    border-right: 1px solid #392a1f;
    border-bottom: 1px solid #392a1f;
    border-left: 1px solid #d4bfb1;
    text-align: left;
    width : 100px;
  }
.menu_links a:hover, .menu_links a:active {
    font: 11px/14px arial, sans-serif, georgia, verdana;
    display: block;
    margin-top: 1px;
    text-decoration: none;
    color: #fff;
    background-color: #cc9966;
    padding: 3px 3px 3px 3px;
    border-top: 1px solid #392a1f;
    border-right: 1px solid #d4bfb1;
    border-bottom: 1px solid #d4bfb1;
    border-left: 1px solid #392a1f;
    text-align: left;
    width : 100px;
  }
/* Menue Navigation allgemein */
.men_navi a {
    display: block;
    width: 200px;
    text-decoration: none;
    background-color: #ffffd0;
    color: #442200;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    font:11px/14px verdana, arial, georgia, sans-serif;
    border-top: 1px solid #d4bfb1;
    border-bottom: 1px solid #392a1f;
    border-left: 1px solid #d4bfb1;
    border-right: 1px solid #d4bfb1;
  }
.men_navi a:hover {
    color: #aa0000;
    background-image: url("images/pfeil_br.gif");
    background-color: #ffffe0;
    border-bottom: 1px solid #d4bfb1;
    background-repeat: no-repeat;
    background-position: center left;
  }
  /* Rezeptesammlung */
img.form {
    border: 1px solid #442200;
  }
.rzkat {
    width: 80px;
    border-collapse: collapse;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #442200;
    padding-right: 3px;
    padding-left: 3px;
  }
.rztd {
    font: 12px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffffd0;
    color: #442200;
    border: 1px solid #442200;
  }
.rztd1 {
    font: 12px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #442200;
    background-color: #eebb88;
  }
.rztd2 {
    font: 12px verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #442200;
    background-color: #ffdd99;
  }
.rztd3 {
    border: 1px solid #442200;
  }
  #men_rz {
    position: relative;
    top: 0px;
    left: 10px;
  }
.men_rz a:link, .men_rz a:visited {
    display: block;
    width: 560px;
    font: 12px verdana, arial, helvetica, sans-serif;
    background-color: #ffffd0;
    color: #442200;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 16px;
    border-bottom: 1px dotted #442200;
  }
.men_rz a:hover, .men_rz a:active {
    background-color: #ffffd0;
    color: #D45F00;
    background-image: url("images/pfeil.gif");
    background-repeat: no-repeat;
    background-position: center left;
  }
a.kat:link, a.kat:visited, a.kat:hover, a.kat:active {
    color: #442200;
    background-color: #ffdd99;
  }
/* Kalender */
table.calendar {border: solid 1px #442200;}
table.calendar td, th {text-align: center; border: 0px;}
table.calendar th {height: 10px; font-size: 9pt;}
table.calendar td {width: 30px; height: 10px; font-size: 10pt;}
table.calendar td.so_day {width: 30px; height: 10px; font-size: 10pt; color: #ff0000;}
table.calendar .calendar-month {border-top: solid 1px #442200; border-left: solid 1px #442200; border-right: solid 1px #442200; background-color: #ffdd99; font-weight: bold; padding-top: 5px; padding-bottom: 5px; font-size: 10pt;}
table.calendar .calendar-month a {background-color: #ffdd99; text-decoration: none}
table.calendar .calendar-prev a {position: absolute; left: 6px; top: 7px; width: 20px; font-weight: bold; background-color: #ffffd0;}
table.calendar .calendar-next a {position: absolute; right: 6px; top: 7px; width: 20px; font-weight: bold; background-color: #ffffd0;}
table.calendar th {color: #008000; text-align: center;}
table.calendar td.linked-day {background-color: #ffdd99;}
table.calendar td.linked-day a:link, td.linked-day a:active, td.linked-day a:visited {font-weight: bold; background-color: #ffdd99; color: #008000; font-size: 10pt; text-decoration: none;}
table.calendar td.linked-day a:hover {color: #ff0000;}
table.calendar td.akt-day {font-weight: bold; color: #ff0000; font-size: 10pt; text-decoration: blink;}
table.prevnext {width: 100%; margin-top: .3em;}
table.prevnext td{font-size: smaller;}
table.prevnext td a{text-decoration: none}
/* Transparenzeffekte */
div.transOFF {
    width: 100%;
    background-color: silver;
  }
div.transON {
    width: 100%;
    background-color: silver;
    opacity:.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5;
  }
.txttipp {
      font: bold 12px verdana, arial, helvetica, sans-serif;
      border: 2px solid #666;
      color:#000;
      position:absolute;
      max-width:160px;
      padding: 5px;
      z-index: 2;
      visibility: hidden;
      opacity: 0.8;
      -moz-opacity:0.8;
      -khtml-opacity:0.8;
      filter: alpha(opacity=80);
      background:#ccc;
  }