html {
height:101%;
}

body {
height:101%;
padding:0px;
margin:0px;
background-color:#ECFCC8;
font: normal 100.01% verdana;
text-align: left;/*Aufheben von IE_quirks im BODY*/
}

body p {
font-family: verdana;
font-size:1em;
color:#666;
}

div#container {
position: relative;
width: 770px;
padding: 0px;
margin: 2% auto;
text-align: left;/*Aufheben von IE_quirks im BODY*/
border-left:1px solid #d2d2d2;
border-top:1px solid #d2d2d2;
/*background-color:aqua;*/
} 
.schlagschatten
{
box-shadow: 5px 5px 10px #555; /* Versatz x-Achse; Versatz y-Achse; Wert für Weichzeichnen; Schattenfarbe*/
-webkit-box-shadow: 5px 5px 10px #555; /* für Safari */
}

div#logo {
float:left;
padding:0; margin:0;
width:100%;height:90px;
background-color:#ffff99;
border:0px solid black;
}

div#logo span{
vertical-align:super;
font-style: italic;
color:#555;
padding-left:10px;
font-size:20px;
}

div#navig {
float:left;
width:238px;height:151px; /* W:770-532 */ /*  H: wie in div#img (vorgegeben durch img-file) */
padding:0; margin:0;
border:0px solid black;
color:yellow;
background-color:#8CC709;
}
:root div#navig {  /* Workaround fuer den IE 9 */
width:238px;height:149px \0/;
}


/* ------------------- Navigation ------------------- */
ul#Navigation {
margin: 0; padding:0;
text-align: center;
width:100%; height:100%;
font-size:0.83em;
}

ul#Navigation li {
list-style: none;
float: left;
position: relative;
margin: 0; padding:0;
width:100%; max-height:25px; /* Höhe/Anzahl Links = 151/6 = 25.1666 */
}

ul#Navigation a {
display: block;
width:100%; height:auto;
margin:0; padding: 4px 0;
text-decoration: none;
color: #444; background-color: #ddd;
border-top: 1px solid #8CC709;
border-bottom: 1px solid #8CC709;
border-collapse:collapse;
}

ul#Navigation a:hover {
color: #444; background-color: #eee;
width:100%; height:auto;
}

li a#aktiv {  /* aktive Rubrik kennzeichnen */
color: #444; background-color: #eee;
width:100%; height:auto;
}
/* ------------------- eof Navigation ------------------- */

div#img {
float:left;
width:532px; height:151px; /* W:770-238 */ /* H: wie in div#navig (vorgegeben durch img-file) */
padding:0; margin:0;
background-color:#999;
border:0px solid black;
color:yellow;
}

div#img img {
padding:0; margin:0;
border:0px solid black;
height: 100%;
}

:root div#img {  /* Workaround fuer den IE 9 */
width:532px; height:149px \0/;
}

:root div#img img {  /* Workaround fuer den IE 9 */
width:532px; height:149px \0/;
}

div#spacer {
float:left;
width:238px;height:65px; /* W:770-532 */ /* H: wie div#sidename */
padding:0; margin:0;
background-color:#ABF30B;
}

div#sidename {
float:left;
width:532px;height:65px; /* W:770-238 */ /* H: wie div#spacer */
padding:0; margin:0;
background-color:#8CC709;
}

div#sidename p {
padding:0 0 0 5%;
font-size:20px;
color:#000;
}

div#address {
float:left;
width:238px;height:auto; /* W:770-532 */
padding:0; margin:0;
border:0px solid black;
border-collapse:collapse;
font-size:12px;
}

div#address p {
padding:50% 0 0 8%;
color:#666;
}

a.address {
text-decoration:none;
}

div#inhalt {
float:left;
width:532px; min-height:290px; /* W:770-238 */
padding:20px 0; margin:0;
background-color:#e9e9e9;
border:0px solid black;
border-collapse:collapse;
}
div#inhalt p {
padding-left:5%;
font-size:14px;
color:#666;
}

div#inhalt img {
padding-left:5%;
}

div#inhalt h2 {
padding-left:5%;
font-size:14px;
font-weight:bold;
color:#666;
}

div#inhalt ul {
padding:2% 10% 2% 10%; margin-top:-15px;
font-size:14px;
color:#666;
}

div#footer {
background-color:#8CC709;
font-size:11px;
padding:0; margin:0;
border-left:1px solid #8CC709;
}
div#footer p {  
text-align:right;
padding:4px 15px 4px 0px; margin:0;
color:#888;
}
div#footer a {
text-decoration:none;
color:#888;
}

div.note_info {
width:auto; height:14px;
background-image:url("../Grafik/info.gif");
background-repeat:no-repeat;
background-position:left;
padding:7px 0 0 23px;
color:#000000;
font-size:12px;
color:#666;
}
div.note_error {
width:auto; height:14px;
background-image:url("../Grafik/info2.gif");
background-repeat:no-repeat;
background-position:left;
padding:7px 0 0 23px;
color:#e71700;
font-size:12px;
color:#666;
}

/* kehrt die Lesereihenfolge von class='email' um*/
span.email { unicode-bidi:bidi-override; direction:rtl; color: #686353;
}

.select option {
color: #666;
font-size: 12px;
}

/* ------------- Kochbuch Formular ------------------- */
.formtable { 
font-size:14px;
padding:3%; margin:0 0 0 10%;
color:#666;
width:320px;
border: 0px solid black;
}

.inputField 
{ 
border: 1px solid #7f7f7f;
font-size: 12px; 
width: 220px; 
padding:0; margin:0;
} 

.errorField 
{
border: 1px solid #9f0004;
font-size: 12px;
width: 220px;
background-color: #ffffcc;
padding:0; margin:0;
} 

.errorTable {
font-size: 0.8em;
color: #ee0000;
font-style:italic;
height:65px;
margin:5px 0 1px -2px;
}

.button
{
border: 1px solid #666;
font-size: 10px; 
}
/* -----------  eof Kochbuch Formular ------------------ */