body {
background-color: white;
margin: 0;
padding: 0;
height: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #666666;
line-height: 150%;
font-size: 11.5px; }

html, body { overflow:hidden; }

a img { 
border:none;
/*float: left;*/
}

#top
{
left:0;
top:0;
padding-top: 15px;
padding-left: 30px; 
/*border: 1px gray solid;*/
height: 120px;
width:100%;
background-image: url(img/himmel3.jpg);
background-repeat: repeat-x;
z-index:4;
}


 
#top h1
{
padding: 0;
margin: 0;
font-weight: bold;
color: #00428e;
text-transform: uppercase;
font-size: 20px;
letter-spacing: +3px;
word-spacing: +2px;
margin-left: 199px;
margin-top: 75px; 
vertical-align: bottom;
background-color: transparent; 
line-height:130%;
}

h1{
	line-height:140%;
	font-size:20px;
}
#leftnav
{
float: left;
width: 180px;
margin: 0;
padding: 0;
/* border: 1px gray solid; */
margin-top: 0em;
margin-left: 20px;
clear: both;
height: 100%;
position: absolute; }

#leftnav ul
{
list-style-type: none;
padding: 0;
margin: 0 1em 0 0;
font-size: 13.7px;
font-weight: bold;
text-align: right; }


#leftnav ul li
{
color: #00428e;
margin-bottom: 7px;
}

#leftnav ul li a
{
text-decoration: none;
color: #00428e;
margin: 0 0  0 10px;
padding-left: 2px;
}

#leftnav ul li a:link, a:visited
 {
color: #00428e;
}

#leftnav ul li a:hover, a:active, a:focus
 {
color: #c41500;
/*background-image: url(img/navspace.gif);
background-repeat: repeat-y;*/
}

#leftnav p 
{ 
     margin: 15px 0 0 0;
     float: right; 
}

#actuell .actuell, #knowledge .knowledge, #taste .taste, #service .service, #profi .profi, #bezug .bezug
{
color: #c41500;
}

#tipps .tipps, #search .search, #press .press, #dates .dates, #trade .trade, #nutrition .nutrition, #parts .parts, #buying .buying, #lookback .lookback, #mlabel .mlabel, #contact .contact, #links .links, #whodidit .whodidit, #newsletter .newsletter, #logo .logo, #koester .koester, #partner .partner, #bezug_h .bezug_h

{
color: #00428e;
}


#leftnav ul ul
{
list-style-type: none;
padding: 0;
margin: 6px 0 15px 0;
font-size: 73%;
font-weight: bold;
text-align: right;
line-height: 1.2em; }

#leftnav ul ul li
{
color: #666666;
}

#leftnav ul ul li a
{
text-decoration: none;
color: #666666;
margin: 0 0 0 0;
padding-left: 2px;
}


#leftnav ul ul li a:link, a:visited
 {
color: gray;
}


#leftnav ul ul li a:hover, a:active, a:focus
 {
color: #c41500;
}


#content 
 {
position:absolute;  /*  	 Position is declared "relative" to gain control of stacking order (z-index). */
background: white;

/* width:70%;
min-width:220px;
margin:0px 210px 0px 200px;
border: 1px gray solid;*/
left: 230px;
right: 250px;
z-index:4; 
overflow: auto;
overflow-x:hidden;
padding: 0 15px 0 0;
height: 60%; 
}

#contentlarge 
 {
position: absolute;
background: transparent;
left: 230px;
right: 60px;
z-index:4; 
height: 60%;
overflow: auto;
overflow-x:hidden;
padding: 0 15px 0 0;
}


h2 
{
margin: 0 0 0.3em 0;
font-size: 115%;
color: #00428e; 
}


#content h3, #contentlarge h3
{
margin: 1.5em 0 .2em 0;
font-size: 105%;
color: #00428e;
}

h4
{
font-weight: bold;
margin-bottom: 1px; 
margin-top: 0px; 
padding-top: 5px;
font-size: 105%;
/*  border-top: 1px #666666 solid;  */
width:auto;
}

#content p, #contentlarge p
{
margin: 0 0 .8em 0;
}


#content a, #contentlarge a {
color: #00428e;
text-decoration: none;
}


/*  a[href^="https://"]:before 
  content: "\2197\00A0";
content:"\2022";
*/

#content p a:before, #contentlarge p a:before, #content ul li a:before
{
content:"\2192\00a0";
}

#content a:visited 
{
color: #00428e;
}



#content a:hover, a:active {
color: #c41500;
font-style: normal; }

#content .query a
{
text-decoration: none;
/*  margin-right: 0px;
margin-left: 10px;
padding-left: 2px;
margin-top: 0em;
margin-bottom: 0px;   */
font-weight: bold; 
}


#content .query a:link, a:visited  {
color: gray;
}


#content .query a:hover, a:active  {
color: #00428e;
}


#content .rezept {
font-size: 95%;
line-height: 140%;
}

#content .rezept h4 {
font-weight: bold;
margin-bottom: 1px; 
margin-top: 0px; 
font-size: 100%;
}

#content .rezept .ingredience {
color: #00428e;
line-height: 125%;
}


#content ul
{
list-style-image: url(img/smallbox.gif);
/* padding: 0;   */
padding-left:18px;
margin: 0 0 1em 0;   
}

#content ul li
{
margin-bottom:.5em;
}


.tm {
color: #00428e;
font-style: italic; 
}

.important {
font-weight: bold; 
}

em {
font-style: italic; 
}

.frage {
font-style: italic; 
}

.infoblock, .infoblock_indent {
     margin-left: 2em;
     padding-top:8px;
     font-size: 90%;
     display: block;
     line-height: 130%;
					clear: both; 
}

.infoblock_indent {
     padding-left:20px;
}

#rightcol
{
position:absolute;
float:right;
padding: 0;
margin-right: 60px;
z-index:3; 
right: 0;
height: 100%;
/*
width: 100px;
border: 1px solid gray;
right: 50px; 

*/
}

/*  #rightcol p {
padding: 10px 0 20px 0;
}  */

#printfooter
{
     display: none; 
}


#footer {

position:absolute; 
z-index: 1;
clear: both;
	bottom: 0;
padding: 0em;
background-image: url(img/kuhzeile_neu3.jpg);
background-repeat: repeat-x;
height: 100px;
width: 100%;
overflow: visible; }



/* DROPSHADOW-BOX */

.wrap1, .wrap2, .wrap3 {
  display: inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  /*float:left;*/
	clear: both; 
  background: url(img/shadow.gif) no-repeat right bottom;
margin-bottom: 6px;
  }
.wrap2 {
  background:url(img/corner_bl.gif) -7px 100% no-repeat;
}
.wrap3 {
  padding:0 11px 8px 0;
  background:url(img/shad/corner_tr.gif) 100% -7px no-repeat;
  }


.dropshadow {
	margin: 0px -0px -0px 0px;
	/*float: left;*/
	background: url(img/shad/shadow_rb.png) no-repeat right bottom;
	padding: 0px 0px 0px 0px;
}

.shadow_tr {
	/*float: left;*/
	background: url(img/shad/shadow_tr.png) no-repeat right top;
	padding: 0px 12px 1px 0px;
	/*clear: both;*/
}

.shadow_bl {
	/*float: left;*/
	background: url(img/shad/shadow_bl.png) no-repeat left bottom;
	padding: 0px 0px 9px 0px;
	/*clear: both;*/
}


.teaserbox
{
background: #0066c1;
width: 160px;
clear: both;
}

.teaserbox_special
{
background: #b40814;
width: 160px; 
/*  line-height: 135%;
font-size: 80%;  
color: #cccccc;  */
clear: both;
}



.teaserbox p, .teaserbox_special p
{
     margin: 0px 7px 4px 7px;
     padding:3px 0 3px 0;
     line-height: 135%;
     font-size: 80%;
     color: #cccccc;
}

/*.teaserbox img
{
     margin:4px 0 6px 5px;
}*/

.teaserbox h3, .teaserbox_special h3
{
color: #fff;
line-height: 125%;
font-size: 100%;
font-weight: bold;
     margin:0 7px 0 7px;
     padding:6px 0 0 0;
 }

.teaserbox_special h2
{
color: #fff;
line-height: 125%;
font-size: 100%;
font-weight: bold;
     margin:0 7px 0 7px;
     padding:6px 0 0 0;
text-decoration: underline; 
}




.teaserbox a:link {
color: white;
text-decoration: none;
font-style: italic;
font-weight: bold; }

.teaserbox_special a:link, .teaserbox_special a:visited {
color: white;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 120%; }

.teaserbox a:visited
{
color: white;
font-weight: bold; 
text-decoration: none;
}

.teaserbox a:hover, a:active, .teaserbox_special a:hover, a:active {
font-style: italic; }


/*  list-sytyles  */

dl {
}

dt {
clear: both;
}

dd {
padding-top: 12px;
vertical-align: bottom;
}

.query {
clear: both;
}

.query a {
font-size: 100%; }

.column {
position: relative;
float: left;
/* border: 1px #ff9898 solid;  */
width: 165px;
}

.column  p {
line-height: 1.1em;
padding-top: 12px;
}


.column img {
float: left;
/* margin: 5px 6px 0 0; */
margin-right: 6px;
}


/* --------FORMS-------   */

.formbox {
  width: 267px;
		color: #00428e;
  float: left; 
	 font-weight: bold;
 /*  border: 1px gray solid;  */
   line-height:120%; 
}

.formboxsep {
  width: 267px;
	 color: #00428e;
  float: left;
  clear:both;   
  font-weight: bold; 
/*   border: 1px #333333 solid;  */
     background-color: #99b1d0;
     padding: 7px;
     margin-top: 10px;
}

.reihe {
  clear: both;
  padding: 3px 0;
}

.label {
     float: left;
     width: 80px;
     text-align: right;
     font-size: 90%;
     display: inline;
     margin-right: 10px;
     margin-bottom: 6px; 
     line-height:110%; 

}

.feld {
  float: left;
  width: 170px;
  text-align: left;

} 

.knopf {

  text-align: right;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 0;
  float: right;
}


.defbreite {
  width: 170px;
}
	
input, select, textarea { 
  display: inline;
  float: left;
     clear: none;
}



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

.picturebox {
     display: block;
     text-align: center;
     width: 125px;
     background-color: white; 
}


.picturebox img {
  display: block;
}


.left {
  float: left;
  margin: 1em 2em .5em 0;
text-align: left;
}

.small {
     width: 80px;
}

.medium {
     width: 150px;
}

.large {
     width: 250px;
}

.red {
	     color: #c41500;	
 }

.ul {
						text-decoration: underline;
 }

.right {
  float: right;
  margin: 1em 0 .5em 2em;
  text-align: left;
}

.picturebox p {
     padding-top:3px;
     padding-bottom:8px;
     color: #000000;
     font-size: 9px;
     line-height: 125%; 
}