h1, h2, h3 { font-family:arial; color:#000; }
table { font-family:arial; color:#FFF; font-size:small; font-weight:600; }
/* altes grün: #80FF00*/
h2.details { font-family:arial; color: #000; background-color:#87D300; }
h3.details { font-family:arial; color: #87D300; }
h3.eigenschaften { font-family:arial; color: #00F; background-color:#80FF00;}

h2.einkaufsliste {font-family: arial; font-size: large; color: #000;}


h2.final { font-family:arial; color: #000; }
h3.final { font-family:arial; color: #000; }

p.final {
  text-align:justify; color:black;
  width: 45em;
}


p.alert {
  text-align:justify; color:orange;
  
}

span.alert {
  color:orange; font-weight: bold;
}

div {
  border: 0px solid #000;
}


div.final {
  padding:20px; color: #000; width: 45em;

}

div.login {
  padding:40px; width: 30em;

}

div.center {
  padding:40px; 
  text-align:center;
}

div.text {
  padding:20px; width: 45em;
}

div.eck {
  margin-top:0px; margin-right:0px; margin-left:45em;
}

div.finaltop {
  margin-top:30px; margin-left:0px; width:350px;
}

div.final a:link { color:#000; text-decoration:underline;}
div.final a:visited { color:#111; text-decoration:underline;}
div.final a:active { color:#0077EE; text-decoration:none; background-color:#DDD;}
div.final a:hover { color:#0000FF; text-decoration:underline; background-color:#DDD;}
div.final a:focus { color:#0000FF; text-decoration:underline; background-color:#DDD;}

table.final { height:21px; padding-left:3px; padding-right:3px; margin:0px; border-collapse: collapse;font-size:small;}
table.final th { color: #000; background-color: #0080C0; }
table.final td { color: #FFF; background-color: #0080C0; padding-left:3px; padding-right:3px;}

table.kalender {  padding-left:3px; padding-right:3px; margin:1px; border-collapse: collapse;font-size:small;}
table.kalender th { color: #000; background-color: #0080C0; }
table.kalender td { color: #000; background-color: #0080C0; padding-left:3px; padding-right:3px;}


table.kochbuch { height:21px; padding-left:3px; padding-right:3px; margin:0px; border-collapse: collapse;font-size:small;}
table.kochbuch th { color: #000; background-color: #0080C0; }
table.kochbuch td { color: #FFF; background-color: #0080C0; padding-left:3px; padding-right:3px;}
table.kochbuch a:link { color: #FFF; background-color: #0080C0; text-decoration:underline; padding-left:3px; padding-right:3px;}
table.kochbuch a:visited { color: #EEE; background-color: #0080C0; text-decoration:underline; padding-left:3px; padding-right:3px;}
table.kochbuch a:active { color:#0077EE;  text-decoration:none; background-color:#DDD; padding-left:3px; padding-right:3px;}
table.kochbuch a:hover { color:#0000FF;  text-decoration:underline; background-color:#DDD; padding-left:3px; padding-right:3px;}
table.kochbuch a:focus { color:#0000FF;  text-decoration:underline; background-color:#DDD; padding-left:3px; padding-right:3px;}


table.normal { height:21px; padding-left:3px; padding-right:3px; margin:0px; border-collapse: collapse;font-size:small;}
table.normal th { color: #FFF; background-color: #0080C0; }
table.normal td { color: #FFF; background-color: #0080C0; padding-left:3px; padding-right:3px;}

table.basiszutaten { padding-left:3px; padding-right:1px; margin:0px; border-collapse: collapse;font-size:small;font-family:arial;}
table.basiszutaten th { color: #00DD00; background-color: #FFF; font-family:arial;font-size:larger; column-span:2;}
table.basiszutaten td { color: #000; background-color: #FFF; padding-left:3px; padding-right:1px;font-family:arial;font-weight:normal;}

table.ads {  padding-left:3px; padding-right:3px; margin:1px; border-collapse: collapse; width:22em;}
table.ads th { color: #000; background-color: #fff; font-weight: bold;}
table.ads td { color: #444; background-color: #fff; font-weight: normal;}


div.tipp {float:left; left:0px; margin-top:0px; }



div.left {
  float:left;
  height: 100%;
  margin-top:20px;
  width: 48%;
}

div.right{
  float:right;
  height: 400px;
  width: 48%;
  margin-top:20px;
  
}

div.rightupper{
  float:left;
  height: 20%;
  width: 100%;
  margin:0;
  padding:0px;
}

div.rightmiddle{
  float:left;
  height: 50%;
  width: 100%;
  margin:0;
  padding:0px;
}

div.rightlower{
  float:left;
  height: 30%;
  width: 100%;
  margin:0;
  padding:0px;
}

div.tisch {
  float:left;
  height: 100%;
  width:80%;
  margin-top:20px;
  padding:10px;

}

div.tischplatte {
  float:left;
  height: 100%;
  width:60%;
  margin-top:20px;
  padding:10px;
  margin-left:50px;
}

table.result { height:21px; padding-left:3px; padding-right:2px; margin:0px; border-collapse: collapse;}
table.result a { padding-left:40px; display:block; text-decoration:none; }
table.result a:link { color:#FFF; font-size:small;}
table.result a:visited { color:#EEE; font-size:small;}
table.result a:hover {font-size:small; background:  url(../images/carrot.gif) no-repeat; }
table.result a:active {font-size:small; color:#0077EE; }
table.result th {width: 1%; column-span:2; color: #000; background-color: #87D300; }
table.result td {width: 1%; color: #FFF}

td.marked { color:#FFF; padding-left:40px; font-weight:bold; background: #FFA500 url(../images/carrot_gray.gif); background-repeat: no-repeat; }
td.locked { font-style:italic;}


div.detailleft { width: 50%; margin-top: 0px; float:left;}
div.detailright { width: 50%; margin-top: 0px; float:left;}

div.cal {float: left; width: 30%; margin-top: 0px;}
div.planerinfo {float: left; width: 70%; margin-top: 0px;}
div.planer {float: left; width: 100%; margin-top: 0px;}

table.kategorie { width: 20em; color: #444; border-color: #D3D3D3; border-width:1px; border-style: solid; height:25px; padding:4px; margin:0px; border-collapse: collapse;}
table.kategorie td.left {width: 7em;}
table.kategorie td.right {width: 13em;}

table.zeit { width: 11em; color: #444; border-color: #D3D3D3; border-width:1px; border-style: solid; height:25px; padding:4px; margin:0px; border-collapse: collapse;}
table.zeit td.left {width: 7em;}
table.zeit td.right {width: 4em;}

table.zutaten { height:21px; padding-left:3px; padding-right:3px; margin:0px; border-collapse: collapse;font-size:small;}
table.zutaten th { color: #000; background-color: #0080C0; }
table.zutaten td { color: #FFF; background-color: #0080C0; padding-left:3px; padding-right:3px;}

table.gewichte { color: #444; border-color: #D3D3D3; border-width:1px; border-style: solid;  padding:4px; margin:4px; border-collapse: collapse; width:450px;}
table.gewichte th { font-weight:bold; font-size:1.2em; width: 100px; text-align: center;}
table.gewichte td { font-weight:normal; text-align: center;}

table.login { color: #444; border-style: none;  padding:4px; margin:4px; border-collapse: collapse; width:200px;}
table.login th { font-weight:bold; font-size:1.2em; width: 100px; text-align: center;}
table.login td { font-weight:normal; text-align: center;}

table.center { color: #444; border-style: none;  padding:4px; margin:4px; border-collapse: collapse; width:100px;}
table.center th { font-weight:bold; font-size:1.2em; width: 100px; text-align: center;}
table.center td { font-weight:normal; text-align: center;}



table.blacktext { color: #444; }

table.goodie { width: 40em; color: #444; border-color: #D3D3D3; border-width:1px; border-style: solid; height:25px; padding:8px; margin:10px; border-collapse: collapse;}


a.compagnon:link {color:#000; font-size:1.2em; font-weight:bold; border-color: #0080FF; border-width:1px; border-style: solid; text-decoration: none; padding:2px;}
a.compagnon:visited {color:#000;  font-size:1.2em; font-weight:bold; border-color: #0080FF; border-width:1px; border-style: solid; text-decoration: none;padding:2px;}
a.compagnon:hover {color:#000;  font-size:1.2em; font-weight:bold; border-color: #0080FF; border-width:2px; border-style: solid; text-decoration: none;padding:1px;}
a.compagnon:active {color:#000;  font-size:1.2em; font-weight:bold; border-color: #0080FF; border-width:1px; border-style: solid; text-decoration: none;padding:2px;}

ul.agb {color: #000; width: 44em; text-align:justify;}

span.zutatpopup {color:#fff; background-color: #0080C0; cursor:help; text-decoration:none; border-bottom: 1px dotted;}
a.zutatpopup {color:#fff; cursor:help; text-decoration:none; border-bottom: 1px dotted;}
a.zutatpopup:hover {color:#ddd; border-bottom: 1px solid; background-color: #0080C0;}

a.helplink {color:#fff; text-decoration: underline; font-weight:bold;}
a.helplink:hover {color:#ddd; text-decoration: underline; font-weight:bold; background-color: #0077EE;}

div.zutatinfo {
  margin-left: auto; margin-right: auto; padding:20px; width: 45em;
  }
  
img.right
  {
  float:right;
  right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  } 
  
img.border
  {
  border:1px black solid;  
  }
  
img.logo
  {
  vertical-align:bottom;  
  }     
  
p.center
  {
  text-align:center;  
  }  
  
p.justify
  {
  text-align:justify;  
  }