﻿@charset "utf-8";
/* CSS Document */


/*------------------------------------------------------ Grippspecial */
#boxspec {
	float:left;
	background-image:url(../images/footertap2.jpg);
	background-repeat:no-repeat;
	width: 230px; /**/
	height: 210px;
	margin-left: 19px;
	
}

#boxspec h3 {
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
	margin: 10px 0 0 0px;
	padding-bottom:5px;
	text-align:center;
}


#boxspec div.txt-img {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	margin: 22px 0 0 0px;
	text-align:center;
	/*padding: 0;*/
	height:20px;
}

*html #boxspec div.txt-img {
	margin: 4px 0 0 0px;
	
}

*:first-child+html #boxspec div.txt-img {
	margin: 4px 0 0 15px;
}

#boxspec div.txt-img2 {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	margin: 7px 0 0 15px;
	/*padding: 0;*/
}

*html #boxspec div.txt-img2 {
	margin: -10px 0 0 15px;
}

*+html #boxspec div.txt-img2 {
	margin: -10px 0 0 15px;
}



/* ----------------------------------------------------- ENDE  */

 
 .videocaption  {
	color:#CC0000;
	font-weight:bold;
	font-size:12px !important;
	text-align:center;
	
}

h2 /* wir nur auf kochvideoseite verwendet */
{
	color:#000000;
	font-size:18px;
}


.videobox {
	float:left;
	background-image:url(../images/videobox.jpg);
	width: 210px;
	height: 210px;
	margin-top:1px;
	padding-top:6px;
	background-repeat:no-repeat;

}

.videotext
{
margin-top:5px;
font-weight:normal;color:#000000;
margin-left:10px;
}

.videotable
{
width:700px;
height:420px;
margin-left:40px !important;
position:relative;
z-index:20;

}

*html .videotable
{
width:700px;
height:420px;
margin-left:0px !important;
position:relative;
z-index:20;

}
#videofaecher
{
float:right;
border:0px solid red;
position:absolute;
width:300px;
top:340px;
left:685px

}


*html #videofaecher
{
float:right;
border:0px solid red;
position:absolute;
width:300px;
top:200px;
left:465px

}
.videoimg{
border:0px;
margin-top:7px;
}

/* ---------------------------------------               */

#homeTeaser1
{
position:absolute;
z-index:100;
width:403px;
height:345px;
top:80px;
left:140px;

}

#homeTeaser2
{
position:absolute;
z-index:100;
width:222px;
height:118px;
top:467px;
left:505px;
}

*html #homeTeaser2
{
position:absolute;
z-index:100;
width:222px;
height:118px;
top:480px;
left:506px;
top /*\**/: 465\9
}


*+html #homeTeaser2 { /*nur IE7*/
	position:absolute;
	z-index:100;
	width:222px;
	height:118px;
	top:482px;
	left:500px;

}



body {
	background-color:#FFFFFF;
	/*background-image:url('../images/background.jpg');
	background-repeat:repeat-x;
	background-color:#fcf59b;*/
	font-family:"Helvetica", Arial, Helvetica, sans-serif;	
	font-size: 12px;
}

input {
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#container_home {
	position:relative;
	width: 985px; 
	min-width: 900px;
	min-height: 710px;
	float:left;
	display:block;
	background:#fff8c0;	
}


*html #container_home { /* IE6 */
	position:relative;
	width: 985px;												
	min-width: 900px;
	height: 720px; 
	float:left;
	display:block;
	background:#fff8c0;
}


#container {
	position:relative;
	width: 985px;
	min-width: 900px;
/*	min-height: 735px; */
	float:left;
	background:#fdf169;
}



*html #container {
	position:relative;
	width: 985px;                                   				   /* WIEDER AUF 985 ändern*/
	min-width: 900px;
	/*	min-height: 735px; 
	height:auto !important;  
 	height:700px; */ 	
	background:#fdf169;
}

#header {
	position:absolute;
	left: 230px;
	top: 40px; 
	height:100px; /*???*/
}



.clearer
{
clear:both;
}


a{
 cursor:pointer; cursor:hand;
 }
 
 #small_product
{
	margin-left:40px;
}

* html #small_product
{
	margin-left:0px;
}
 
 
 
/*für Produkte Salsa, Fondor und Maggi Würze*/ 
#small_product
{
	margin-left:40px;
}

* html #small_product
{
	margin-left:0px;
}
 
 
 
/*für Template Home*/
#second_navigation_home {

	background-color: #fcf59b;/*#FEF6AA; */
	/* padding-top:260px; */
	width:100%;
	height: 20px;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

*html #second_navigation_home { /*IE 6 */

	background-color: #fcf59b;/*#FEF6AA; */
	/* padding-top:260px; */
	width:102%;
	height: 20px;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	top:10px;
	margin-top:10px;
}


#second_navigation_produkt{
	position:relative;
	bottom: 0;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding-top:10px; 
	background-color:#FFFFFF;
	margin-left:219px;
	
	width:768px;
}

#second_navigation_rezept{
	position:relative;
	bottom: 0;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding-top:10px; 
	background-color:#FFFFFF;
	margin-left:219px;
	
	width:768px;
}


* html #second_navigation_produkt{ /* IE6 */
	position:relative;
	z-index:2;
	bottom: 0;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding-top:10px; 
	background-color:#FFFFFF;
	margin-left:219px;

	/* width:768px;
	top:725px; */
}

* html #second_navigation_rezept{ /* IE6 */
	position:relative;
	z-index:2;
	
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	
	padding-top:10px; 
	margin-left:219px;
	background-color:#FFFFFF;
	
	
	width:768px;
	/*top:725px; */
}


	#second_navigation_whitebg
	{
		background:#FFFFFF;
		width:1000px;
		height:23px;
	
		margin-left:0px;
		padding-left:0px;
	}
	
* html #second_navigation_whitebg
	{
		background:#FFFFFF;
		width:100%;
		height:23px;
		margin-left:0px;
		padding-left:0px;
	}
	
/*für Template Content-Normal*/
#second_navigation2 {
	bottom: 0;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding-top:10px;
	background-color:#FFFFFF;
}
*html #second_navigation2 {
	bottom: 0;
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding-top:10px;
	background-color:#FFFFFF;
}


#leftmenu {

	/* background-image:url(../images/leftmenu2.4.jpg);
	width: 219px;
	height: 709px;
	float:left; */
}


/*Menu-Container der Seiten (außer Home)*/
#leftmenu_container {
	
	/* background-image:url(../images/leftmenu2.3.jpg); */
	top:145px;
	width: 219px;
	height:564px; 
	float:left;
}
*html #leftmenu_container {
	margin-top:-3px;
	padding:0;
}
*+html #leftmenu_container {
	margin-top:-3px;
	padding:0;
}


/*Menu-Container der Homeseite +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftmenu_container_home {
	/* background-image:url(../images/leftmenu.jpg); */
	
	background:  #fef58d;
	top:145px;
	width: 217px;
	 height:308px;
	float:left;
	
	
	
	
}

*html #leftmenu_container_home {
	margin-top:-3px;
	padding:0;
}
*+html #leftmenu_container_home {
	margin-top:-3px;
	padding:0;
}

/*Maggi Logo mit Verlinkung*/
#leftmenu_logo_home{
	width: 217px;
	float:left;
}
#leftmenu_logo{
	width: 219px;
	float:left;
	
	height:100%;
}

/*Menupunkte links*/
#leftmenu_body {
	margin-top: 20px;
}

#leftmenu_body .home {
}

#leftmenu_body a, #leftmenu a:link, #leftmenu a:visited, #leftmenu a:hover {
	color: black;
	margin-left: 10px;
}

#leftmenu_body a.current {
	color: #e21f21;
	font-weight: bold;
}

#leftmenu_body ul ul a,
#leftmenu ul ul a:link, #leftmenu ul ul a:visited, #leftmenu ul ul a:hover{
	font-weight: normal;
}

#leftmenu_body ul {
	list-style: none;
	margin: 0 ;
	padding: 0;
}

#leftmenu_body ul li {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

#leftmenu_body ul li ul {
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background-color: #fcea17;
}

#leftmenu_body ul li ul li {
	text-transform: none;
	margin-bottom: 5px;
	background-image:url(../images/bullet_1.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 5px;
}

#leftmenu_body ul li ul li.active {
	text-transform: none;
	margin-bottom: 5px;
	background-image:url(../images/bullet_2.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 5px;
}


#leftmenutext {
	position:absolute;
	top: 165px;
	/*border: 1px solid red;*/
	width: 200px;
	height: 544px;
	padding: 20px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}


#leftmenu_container_home #suche {
	position:absolute;
	top: 410px;
	left: 10px;
}
#suche {
	
	position:absolute;
	top: 670px;
	left: 10px;
	width: 190px;
}
#suche span.header {
	font-weight: bold;
}

*html #suche form{
	margin-top:0px;
}

*+html #suche form{
	margin-top:0px;
}

#suche input.search {
	width: 150px;
	float: left;
}

#suchimage {

  position:absolute;
	top: 505px;
	width:21px;
	height: 21px;
	left: 150px;
}





#content { /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	/*	
	position:absolute;
	left:219px;  */
	float:left;
	background-color:#fdf5aa;
	background-image:url(../images/content.jpg);
	background-repeat:no-repeat;
	width:766px;
	
	min-height:709px; 	
	
}

* html #content { /*ie6*/
	 
	top:0px;
	z-index:0;
	position:static; /* static da sonst die überschrift verschoben wird */
	
  	height:730px; 
	
	
}

/*
*html #header {
	position:absolute;
	z-index: 50;
	left: 230px;
	top:40px;
	height:100px; 
}
*/

#content #contentbox {
	margin-top: 170px;
	/* min-height:565px;*/
}

*html #content #contentbox { /* IE6 */
	
	position:relative;
	z-index:0;
/*	top:180px; */
	margin-left: 0px;
	color: #000000;
	font-weight:normal;
	font-size:12px;
/* 	height:768px;  	height:486px;   */ 
	

	 height:auto !important;  /*für moderne Browser */
	
	/* top:200px;   #fdf169 */
	border:1px solid   #fdf7b9 ;  
	
}

+html #content #contentbox {
	margin-left: 0px;
	/*background-color:#fef7c0;*/
}

#content #contentbox h3 {
	color: #cc0000;
	font-size: 14px;
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: bold;
}

#content #contentbox h4 {
	font-size: 13px;
	margin: 0 0 0 40px;
	padding: 0;
	font-weight: bold;
}

/*Überschrift Nährwerttabelle bei Produktansicht*/
#content #contentbox h6{
	font-size: 13px;
	margin: 0 0 0 40px;
	padding: 0;
	font-weight: bold;
}

*html #content #contentbox h6{
	font-size: 13px;
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: bold;
}
*+html #content #contentbox h6{
	font-size: 13px;
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: bold;
}


/*Überschrift: Zubereitungsanleitung für Produktbeschreibungen*/
#content #contentbox h5 {
	font-size: 13px;
	margin: 0px 0 10px 40px;
	padding: 0;
	font-weight: bold;
}
*html #content #contentbox h5 {
	margin: 0px 0 10px 0px;
}
*+html #content #contentbox h5 {
	margin: 0px 0 10px 0px;
}

/*Rezepttipp Überschrift, Zutaten, Zubereitung für Produktbeschreibung*/
#tipueb{
	margin-left: 40px;
	margin-top:20px;
	font-weight:bold;
	color:black;
}
*html #tipueb{
	margin-left:0px;
}
*+html #tipueb{
	margin-left:0px;
}

#tiptxt{
	margin-left: 40px;
	margin-bottom: 10px;
	font-weight:normal;
	color:black;
}
*html #tiptxt{
	margin-left:0px;
}
*+html #tiptxt{
	margin-left:0px;
}

#tipzut{
	margin-left: 40px;
	font-weight:bold;
	color:black;
}
*html #tipzut{
	margin-left:0px;
}

#tipzub{
	margin-left: 40px;
	font-weight:bold;
	color:black;
}
*html #tipzub{
	margin-left:0px;
}

/*Zubereitungsschritte, wenn keine Bilder gegeben, für Produktbeschriebung*/
#step{
	margin-left:40px;
	margin-bottom:5px;
	margin-top:5px;
	width:388px;
}
*html #step{
	margin-left:0px;
}


#content #contentbox p{
	margin-left: 40px;
	/*margin-right: 400px;*/
}
*html #content #contentbox p {
	margin-left: 40px;
	/*margin-right: 400px;*/
}


*html #content #contentbox div .prod3 {
	margin-left: 0px;
}

*html #content #contentbox .prod {
	margin-left: 0px;
	margin-top:0px;
	/*margin-right: 400px;*/
}
*+html #content #contentbox .prod {
	margin-left: 0px;
	margin-top:0px;
	/*margin-right: 400px;*/
}

/*Ergebnis der Rezeptsuche*/
#content #contentbox .rezimg{
	float:left;
	margin-top:10px;
	margin-bottom:0px;
}
*html #content #contentbox .rezimg{
	margin-left:20px;
	margin-top:0px;
}
*+html #content #contentbox .rezimg{
	margin-top:0px;
}
#content #contentbox .rezimg img{
	border:0;
}
#content #contentbox .reztxt{
	position:relative;
	top:10px;
	left:15px;
	color:black;
	font-weight:normal;
}

#content #contentbox p2{
	margin-left: 40px;
}
*html #content #contentbox p2 {
	margin-left: 0px;
}



#content #contentbox .lex {
	margin-left: 40px;
	margin-bottom: 20px;
	font-size:13px;
	letter-spacing:7px;
	/*margin-right: 400px;*/
}

#content #contentbox table {
	margin-left:40px;
}

#content #contentbox table table {
	margin-left: 0px;
}

*html #content #contentbox table {
	margin-left: 0px;
}
*+html #content #contentbox table {
	margin-left: 0px;
}

/*Content für Kochtipps -> Kochlexikon, Kräuter- und Warenkunde, Einheiten und Abkürzungen*/
*html #content #contentbox div.lextable {
	margin-left: 40px;
}

*html #content #contentbox div.lex{
	margin-left: 40px;
}

#content #contentbox div.lextxt {
	margin-left: 40px;
}
*html #content #contentbox div.lextxt {
	margin-left: 0px;
}
*+html #content #contentbox div.lextxt {
	margin-left: 0px;
}

*+html #content #contentbox div.lextable {
	margin-left: 40px;
}

*+html #content #contentbox div.lex{
	margin-left: 40px;
}


/*Content für Über Uns -> natürlich haltbar*/
#content #contentbox table.bild {
	margin-top: 20px;
}

*html #content #contentbox table.bild {
	margin-left: 40px;
}

*+html #content #contentbox table.bild {
	margin-left: 40px;
}

#contentbox .product-category {
	float: right;
	clear: right;
	

}
*html #contentbox .product-category {
	float: right;
	clear: right;
	/*height:538px;*/
}


#contentbox .clearer {
	clear: both;
	
}

/*"Zeilenumbruch" Rezeptsuche -> Ausgabe*/
#contentbox .clearer1 {
	clear: left;
	position:relative;
}
/*overview für produktübersichtsseiten */
#content #overview_product ul {
	/*background-color:#e21f21;*/
	list-style: none;
	margin-top:-38px;
	margin-bottom:25px;
	padding:0;
}

*html #content #overview_product ul {
	margin-left:20px;
}




#content #overview_product ul {
	margin-left:70px;
}




#content#overview_product ul li {
	padding: 5px 0 5px 20px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	border:0px none;
}

*html #content #overview_product ul li {
	padding: 5px 0 5px 50px;
}



/* ende overview für produktübersichtsseiten  */



#content #overview ul {
	/*background-color:#e21f21;*/
	list-style: none;
	margin-top:25px;
	margin-bottom:25px;
	padding:0;
}



*html #content #overview ul {
	margin-left:-20px;
}

*+html #content #overview ul {
	margin-left:0px;
}


#content #overview ul li {
	padding: 5px 0 5px 20px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	border:0px none;
}

*html #content #overview ul li {
	padding: 5px 0 5px 50px;
}

#content #overview ul a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#content #contentbox #box {
	float:left;
	background-image:url(../images/produktbox.jpg);
	background-repeat:no-repeat;
	width: 221px;
	height: 153px;
	margin-left: 25px;
	margin-bottom: 25px;

}




#content #contentbox #box a{ cursor:pointer; cursor:hand; }
* html #content #contentbox #box a{
cursor:hand;

} 

* html #content #contentbox #box {
	float:left;
	background-image:url(../images/produktbox.jpg);
	width: 221px;
	height: 153px;
	margin-left: 13px;
	margin-right: 7px;
	margin-bottom: 25px;
	
}


*html #content #contentbox #box table{
	margin-left: -18px;
}

#content #contentbox #box2 {
	float:left;
	background-image:url(../images/produktbox.jpg);
	width: 321px;
	height: 153px;
	margin-bottom: 25px;
	border:1px solid blue;
}

#content #contentbox #box h3 {
	color:#cc0000;
	font-size:12px;
	font-weight:bolder;
	height:22px;
	padding: 7px 0 0 0px;
	margin: 0;
	text-align:center;
	a.hover: cursor: hand; cursor: pointer;
	
}

#box img {
	border: none;
	margin-left:1px;
}

#box div.weiter {
	font-size:11px;
	padding:20px 0 0 10px;
}

#box div.txt-img {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	margin: 7px 0 0 0px;  /*7*/
	text-align:center;
	/*padding: 0;*/
	height:20px;
}

#box div.txt-imgS {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	margin: 20px 0 0 0px;  /*7*/
	text-align:center;
	/*padding: 0;*/
	height:20px;
}

*html #box div.txt-img {
	margin: 4px 0 0 0px;
	
}

*:first-child+html #box div.txt-img {
	margin: 4px 0 0 15px;
}

#box div.txt-img2 {
	color:#000000;
	font-weight:normal;
	font-size:12px;
	margin: 7px 0 0 15px;
	/*padding: 0;*/
}

*html #box div.txt-img2 {
	margin: -10px 0 0 15px;
}

*+html #box div.txt-img2 {
	margin: -10px 0 0 15px;
}

#kochfooter{
	position:absolute;
	top:277px;
	right:0px;
}

#kochbox1{
	position:absolute;
	background-image:url(../images/kochbox.jpg);
	background-repeat:no-repeat;
	width:221px;
	height:279px;
	top: 180px;
	left:250px;
	z-index:3;
}
*html #kochbox1{
	position:relative;
	left:30px;
	top: 10px;
	float:left;
}
*+html #kochbox1{
	position:relative;
	left:30px;
	top: 10px;
	float:left;
}

#kochbox2{
	position:absolute;
	background-image:url(../images/kochbox.jpg);
	background-repeat:no-repeat;
	width:221px;
	height:279px;
	top: 180px;
	left:491px;
	z-index:3;
}
*html #kochbox2{
	position:relative;
	top: 10px;
	left:30px;
	margin-left:20px;
	float:left;
}
*+html #kochbox2{
	position:relative;
	top: 10px;
	left:30px;
	margin-left:20px;
	float:left;
}

#kochbox3{
	position:absolute;
	background-image:url(../images/kochbox.jpg);
	background-repeat:no-repeat;
	width:221px;
	height:279px;
	top: 180px;
	left:732px;
	z-index:3;
}
*html #kochbox3{
	position:relative;
	top:10px;
	left:50px;
	margin-left:20px;
}
*+html #kochbox3{
	position:relative;
	top:10px;
	left:50px;
	margin-left:20px;
}

#kochboxheader{
	color:#cc0000;
	font-size:12px;
	font-weight:bolder;
	height:22px;
	padding: 7px 0 0 0px;
	text-align:center;
}

#kochboximage{
	width:100%;
	height:99px;
	border:none;
}

#kochboxfooter{
	
	font-size:11px;
	padding:5px 0 0 10px;
	color:#000000;
	border:0px;
}

#kochboxfooterbtn{
	
	padding:0px 0 0 0px;
	border:0px;
	text-align:center;
}

#kochboxfooter3{
	
	font-size:11px;
	padding:0px 0 0 10px;
	color:#000000;
}

#kochtext{
	position:absolute;
	top: 480px;
	left:250px;
	z-index:3;
	font-size:12px;
}
*html #kochtext{
	position:relative;
	left:30px;
	top: 30px;
}
*+html #kochtext{
	position:relative;
	left:30px;
	top: 30px;
}

#kochlinke{
	position:absolute;
	z-index:3;
	top:700px;
	right:20px;
	font-size:12px;
}

#lexiconresult{
	position:absolute;
	top:225px;
	left:15px;
}

#lexiconsuche1{
	position:absolute;
	top: 180px;
	left:40px;
	font-size:11px;
}

#lexiconlupe{
	position:absolute;
	top: 194px;
	left: 235px;
}
#lexiconlink{
	position:absolute;
	top: 680px;
	right:20px;
	font-size:11px;
}

a:link {
	font-style:normal;
	font-weight:bolder;
	color:red;
	text-decoration:none;
}
a:active {
	font-style:normal;
	color:red;
	text-decoration:none;
	font-weight:bolder;
}
a:visited {
	font-style:normal;
	font-weight:bolder;
	color:red;
	text-decoration:none;
}
a:hover {
	font-weight:bolder;
	font-style:normal;
	color:red;
	text-decoration:none;
}


/**
HOME
**/

* .home_ie6{
	position:absolute;
}

#header_yellowbg {
	position:absolute;
	width:768px;
	height:452px;
	top:0px;
	left:217px;
	background:url('../images/hauptvisualbg.png') no-repeat;
	z-index:3;
	
}

* html #header_yellowbg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hauptvisualbg.png');
	background:none;
	z-index:3;
	/*position:absolute;*/
}


#footer {
	background-image:url(images/footer.html);
	/*width: 980px;
	height: 257px;*/
	margin: 0;
	padding: 0;
	position: absolute;
	width: 980px;
	/*top: 497px; */
	/*left: 5px;*/
	
	
}

*html #footer {
	background-image:url(images/footer.html);
	/*width: 980px;
	height: 257px;*/
	margin-left:-12px;
	padding: 0;
	position: absolute;
	width: 1000px;
	top: 480px;
	
	left:0px;
}
*+html #footer {
	background-image:url(images/footer.html);
	/*width: 980px;
	height: 257px;*/
	margin-left:-5px;
	padding: 0;
	position: absolute;
	width: 980px;
	top: 482px;
}

#box {
	float:left;
	background-image:url(../images/footertap.jpg);
	background-repeat:no-repeat;
	width: 222px;
	height: 206px;
	margin-left: 20px;
	
}




* Html #box {
	float:left;
	background-image:url(../images/footertap.jpg);
	background-repeat:no-repeat;
	width: 220px;
	height: 206px;
	padding:0;
	margin-left: 18px;
}

#box h3 {
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
	margin: 10px 0 0 0px;
	padding-bottom:5px;
	text-align:center;
}

#mainheader1 {

	background-image:url(../images/mainheader1.jpg);
	position: absolute;
	top:20px;
	left: 217px;
	width: 760px;
	height: 144px;
	font-size:12px;
	
}

#mainheadertext {

	width: 300px;
	height: 140px;
	padding: 10px 0 0 10px;
}
#main1 {
	
	/*background-image:url(../images/main1.jpg);*/
	position: absolute;
	top: 164px;
	left: 325px;
	width: 760px;
	height: 308px;
}
#mainimage {
	z-index: 2;
	position: absolute;
	top: 100px;
	right: 4px;
	width:240px;
	height:184px;
}

*html #mainimage {
	z-index: 2;
	position: absolute;
	top: 111px;
	right: 4px;
	
	height:184px;
	font-size:12px;
}

/**
 kopf
 **/
 /*Ihr Rezept der Woche*/
#breadcrumb {
	position: absolute;
	z-index: 100; 
	left: 230px; 
	top: 28px;
}

*html #breadcrumb {
	position: relative;
	z-index: 100; 
	left: 10px; 
	top: 10px;
	color: #000000;
	font-size:12px;
}

/*Darstellung der Produktkategorie im Header*/
#headerkat {
	position:absolute;
	z-index:120;
	left: 230px;
	top: 10px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

*html #headerkat {
	/*position:absolute;*/
	z-index:120;
	left: 230px;
	top: 10px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
}




.header-image-2 {
	position:absolute;
	left: 810px;
	top: 19px;
}

.header-image-1 {
	position:absolute;
	left: 580px;
	top: 0px;
}


#header .header-image-2 {
	position:absolute;
	left: 512px;
	top: -10px;
}
*html #header .header-image-2 {
	top: -10px;
}

#header_image {
	background-image:url(../images/mainheader1.jpg);
	position: absolute;
	top:20px;
	left: 217px;
	width: 760px;
	height: 144px;
	font-size:12px;
	z-index:2;
}

#header h4{
	top:-20px;
}

/*Rezept der Woche-Bild auf der Startseite für den IE 6 positionieren*/
*html #main_bgimage {
	/*margin-top:-15px;*/
	width:760px;
	height: 450px;
	float:left;
}

#header h1 {
	font-size:32px;
	color:#CC0000;
	margin-top: 0px; /*-5px;*/
	margin-bottom:2px;
	
}

#headerText{
width:600px;
}

#header h2 {
	font-size:13px;
	color:#000000;
	margin-top:0px;
	margin-bottom:0px;
	
}

/**
 * produkt, rezept ansicht
 */
 
#content #contentbox #leftcolumn h4 {
	margin-top: 5px;
}

#content #contentbox #leftcolumn h3 {
	text-transform: uppercase;
}
 
#leftcolumn {

	float: left;
	width: 550px;
}

#leftcolumn .par {

	color:#FF0000;
	font-weight:bolder;
}

* HTML #leftcolumn {
	
	float: left;
	width: 550px; !important;
	margin-right:0;
	margin:0; !important;
	padding:0; !important;
	padding-right:0;
}

#rightcolumn {
	
	float: right;
	width: 190px !important;

}
* HTML #rightcolumn {
	
	float: right;
	width: 190px !important;
}

#rightcolumn .bild{
	margin-top:10px;
}

#prodNavigation
{
float:right;
margin-right:33px;
margin-top:10px;

}

*html #prodNavigation
{
margin-top:10px;
padding-right:30px;
margin-left:0px;
margin-right:0px;
}


#rightcolumn2 {
	
	background-image:url(../images/rezeptversendenright.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
	float: right;
	width: 190px !important;
	min-height:260px;
}
#rightcolumn2 .format {
	padding: 7px 0 0 8px;
}



.floatright {
	float: right;
	clear: none;
}


#content #contentbox p.zubereitungsinfo {
	margin: 0 0 0 0;
	padding: 10px 0 7px 48px;
	background-image:url(../images/osicons2.jpg);
	background-repeat: no-repeat;
	display: block;
}

#content #contentbox p.portioneninfo {
	margin: 0 0 0 0;
	padding: 10px 0 7px 48px;
	background-image:url(../images/osicons2.jpg);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	display: block;
}

.instruction table {
	border: 0;
	margin-left: 40px;
	font-size:12px;
}

*html .instruction{
	margin-left:40px;
}

*+html .instruction{
	margin-left:40px;
}

.instructionprodtext{
	padding: 35px 0 0 48px;
}

#content #contentbox p.nutrition {
	margin-top: 0;
	padding-top: 0;
}

*html #content #contentbox p.nutrition {
	margin-left:-20px;
	margin-top: 0;
	padding-top: 0;
}

#content #contentbox .gda {
	margin-top: 0;
	padding-top: 10px;
	padding-right:55px;
	float:right;
}

#content #contentbox .gda2 {
	margin-top: 0;
	padding-top: 10px;
	padding-right:20px;
	float:right;
}

#content #contentbox .gda3 {
	margin-top: 0;
	padding-bottom:20px;
	padding-left:15px;
}

*html #content #contentbox .gda {
	float:right;
	padding:0px;
	margin-right:55px;
	margin-top:10px;
}

*+html #content #contentbox .gda {
	float:right;
	padding:0px;
	margin-right:55px;
	margin-top:10px;
}

.nutritiontable {
	border: 0;
	margin-left:40px;
}


*html .nutritiontable {
	margin-left:0px;
}

*+html .nutritiontable {
	margin-left:0px;
}


#content #contentbox p.rezepttipps {
	margin: 0 0 0 0;
	padding: 10px 0 7px 48px;
	background-image:url(../images/osicons.jpg);
	background-repeat: no-repeat;
	display: block;
}

#content #contentbox p.tippsernaehrung {
	margin: 0 0 0 0;
	padding: 10px 0 7px 48px;
	background-image:url(../images/osicons.jpg);
	background-repeat: no-repeat;
	background-position: 0 -44px;
	display: block;
}

/**
 * Rezept
**/

#content #contentbox img.rezeptimage {
	margin-right:15px;
	margin-left:40px;
	/*padding: 0 15px 0 40px;*/
	float:left;
	border:none;
}

#content #contentbox img.rezeptimage2 {
	float:left;
	border:none;
}
*html #content #contentbox img.rezeptimage2 {
	float:left;
	border:none;
}

#content #contentbox img.rezeptimageklein {
	margin-left: 15px;
	/*padding: 0 0 0 0px;*/
}

#content #contentbox .rezeptname {
	margin-right:0px;
	margin-top:0px;
}
*html #content #contentbox .rezeptname {
	margin-right:0px;
}

#content #contentbox #leftcolumn .rezeptname {
	padding:0;
	margin:0 0 15px 20px;	
}

#content #contentbox #leftcolumn .rezeptname h4 {
	margin-bottom: 7px;
	padding-top:0;
	margin-top:0;
}


#content #contentbox p.info {
	margin: 0 0 0 0;
	padding: 5px 0 7px 50px;
	background-image:url(../images/osicons2.jpg);
	background-repeat: no-repeat;
	display: block;
	float:left;
}

/*Text neben Rezeptbild bei Rezeptansicht*/
#content #contentbox .verwprod {
	text-align:left;
	padding-left:0px;
}

/*Zubereitungszeit bei Rezeptansicht*/
#content #contentbox .zubzeit {
	margin-left:20px;
	padding: 5px 20px 7px 50px;
	background-image:url(../images/zubereitungszeit.jpg);
	background-repeat: no-repeat;
	display: block;
	float:left;
}
*html #content #contentbox .zubzeit {
	margin-left:10px;
}

/*Portionen bei Rezeptansicht*/
#content #contentbox .port {
	margin: 0 0 0 0;
	padding: 5px 0 7px 50px;
	background-image:url(../images/portionen.jpg);
	background-repeat: no-repeat;
	display: block;
	float:left;
}


#content #contentbox .rezeptdrucken{
	background-image:url(../images/druck2.jpg);
	background-repeat:no-repeat;
	margin-left: 40px;
	padding: 5px 0 0 30px;
	float:left;
}

*html #content #contentbox .rezeptdrucken{
	margin-left: 20px;
}

#content #contentbox .rezepttipp{
 	clear:left;
	background-image:url(../images/rezepttipp.jpg);
	background-repeat:no-repeat;
	margin-left: 30px;
	padding: 5px 0 0 50px;
}

* HTML #content #contentbox .rezepttipp{
 	clear:left;
	background-image:url(../images/rezepttipp.jpg);
	background-repeat:no-repeat;
	margin-left: 30px;
	padding: 5px 0 0 50px;
}

#content #contentbox .zubereitung{
	clear:left;
	padding-top:10px;

}

#content #contentbox .rezeptversenden{
	background-image:url(../images/rezeptversenden.jpg);
	background-repeat:no-repeat;
	padding:5px 0 0 30px;
	margin-right:120px;
	float:right;
}

* HTML #content #contentbox .rezeptversenden{
	margin-right:60px;
}

#zettel{

	background-image:url(../images/langerzettel.jpg);
	background-repeat:no-repeat;
	width:175px;
	min-height:246px;
	max-height:500px;
	color:#000000;
}
*html #zettel{

	background-image:url(../images/langerzettel.jpg);
	background-repeat:no-repeat;
	height:246px;
	max-height:500px;
	color:#000000;
}

#zettel .text{
	
	max-width:155px;
	padding-left:10px;
	padding-top:30px;
	list-style:none;
	/*list-style-image:none;*/
}

*html #zettel .text{

	width:155px;
	padding-left:0;
	margin-left:10px;
	color:#000000;
}

*+html #zettel .text{
	
	padding-left:0;
	margin-left:10px;
	color:#000000;
}



#zettel .bold{
	color:#000000;
	font-weight:bold;
	padding: 0;
	margin-bottom:10px;
}

*html #zettel .bold{
	color:#000000;
	font-weight:bold;
	padding: 0;
	margin-bottom:10px;
}

#zettel .normal{
	margin-left:-20px;
}

#zettel .space{
	padding-left:38px;
}

#zettel .spaceklein{
	padding-left:10px;
}

#zettel .druck a{
	padding-right:20px;
	margin-bottom:20px;
	color:#000000;
}


/* Kontakt */
#kontaktform{



}
#kontakttable {
	
	padding:10px;
	margin-top:50px;
	font-size:11px;
	right: 28px;
}
*html #kontakttable {
	margin-top:0px;
	right: 0px;
}

*html #kontakttable table {
	left:40px;
}

#content #contentbox #contactSpace{
	margin-top:100px;
	border:solid green 1px;
}

#kontakttable a, #kontakttable a:link, #kontakttable a:visited, #kontakttable a:hover {
	color: red;
	margin:0;
}

.formsubmit {
	background-image:url(../images/sendenbutton.jpg);
	width:127px;
	z-index:101;
}

.formselect
{
	width: 680px;
	background-color:#FFFFFF
}

/*Kontakt Email*/

#kontaktheaderimage{
	background-image:url(../images/kheader.gif);
	width:400px;
	height:85px;
}

.krest{
	background-color:#fef8c4;
	height: 500px;
}

.formsubmitrdw {
	background-image:url(../images/suchenbutton.gif);
	width:224px;
	background-repeat:no-repeat;
	height:25px;
	z-index:101;
}

.formsubmitrv {
	background-image:url(../images/rezeptversendenbutton.jpg);
	width:224px;
	background-repeat:no-repeat;
	height:21px;
}

.selectrs{
	width:228px;
}

/*Einheiten & Abkürzungen*/
#table table{
	/*background-image:url(../images/einheiten_bg.jpg);*/
	background-color:#fef37d;
	border:none;
	border-width:0;
	border-color:#FFFFFF;
	border-collapse:collapse;
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	
	margin-bottom:20px;
	margin-left:45px;
}


*html #table {
	margin-left:45px;
}

*+html #table {
	margin-left:45px;
	border-color:#FFFFFF;
}

#table .header{
	margin-left:45px;
	padding-bottom:10px;
	color:#cc0000;
	font-size:14px;
	font-weight:bolder;
}
*html #table .header{
	margin-left:0px;
}
*+html #table .header{
	margin-left:0px;
}

/*Abstand auf Kochkurs-Seite*/
#kochkurs 
{
position:absolute;
	float:right;
	top:205px;
	left:700px;
	width:200px;
	text-align:center;
}

*html #kochkurs{
	position:absolute;
	float:right;
	top:55px;
	left:480px;
	width:200px;
	text-align:center;
	
}
*+html #kochkurs{
	position:absolute;
	float:right;
	top:205px;
	left:700px;
	width:200px;
	text-align:center;
}


*html #produebersicht
{
 margin-left:40px;
}


/**
 * ---------------------------------------------------------------------------------
 * Modul: 3-01 - Bild & Galerie (jscript)
 * Stand: 05-2009
 * ---------------------------------------------------------------------------------
 */

#galerie {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    /*display: block;*/
}

.galerie-image {
	/*width: 270px;*/ /* wird im Modul Galerie bestimmt! */
	float: left;
	position: relative;
	padding: 10px;	
}

.galerie-image img {
	padding: 10px;
	border:1px solid #feea17;
}


/* ------------------------- Kochstudio-Seite ---------------------------------- */
.rowLight{
background-color:#fffbd4;
height:20px;

}

.rowDark{
/*background-color:#fef7a9;*/
height:30px;
}

.ks_tabCaption
{
font-size:16px;
color:#cc0000;
font-weight:bold;
background-image:url(../images/kochstudio_tab_header.png);
background-repeat:no-repeat;
height:36px;
vertical-align:middle;
padding-left:10px;
}

.monthCaption 
{
font-size:18px;
padding-bottom:10px;
padding-left:25px;
}

.tabMargin
{
margin-left:0px;
}

#kochstudiogalerie {
padding-top:20px;
padding-left:70px;
padding-bottom:30px;
}

*+html #kochstudio
{
padding-left:30px;
}

*html #kochstudio
{
padding-left:30px;
}


