/* ---

Lidl Stiftung & Co. KG 
Stiftsbergstr.1

74166 Neckarsulm
http://www.lidl.de

--- */


/*-------------------------------- Allgemein --------------------------------*/

html {
	min-height: 101%;
	height: 101%;
}

Body { /* Definition Body-Tag */
	margin: 15px 0;
	padding: 0;
	background: #d7ccba url(../../../images/common/$file/main_hg.gif) left top repeat-x;
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#main { /* Definition Grundgerüst */
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	color: #333333;
	background: #ffffff url(../../../images/common/$file/main_bg.gif) left top repeat-y;
	display: block;
}

#main img { /* Alle Bilder auf "Null" setzen */
	margin: 0;
	padding: 0;
	border: 0;
}

.nocss { /* Führungslinien ohne CSS */
	display: none;
}
.sprungmarke { /* Sprungmarke verstecken */
	display: none;
}

#printheader { /* Printheader verstecken */
	display: none;
}

/*--------------------------- Definition Note ---------------------------*/

#main p#note { /* Definition des Note-Textes */
	margin: 0;
	padding: 10px 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5e4e34;
	background-color: #d6cab7;
	border-left: none;
}

#main p#note a, #main p#note a:hover { /* Definition des Note-Textes */
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #5e4e34;
	border-left: none;
	background-image: none;
}

/*------------------------------- Grundlayout -------------------------------*/

#header { /* Definition des Headers / Headerbildes */
.header /* Headergrafik */
	margin: 0;
	padding: 0;
	width: 980px;
	height: 100px; 
	background: transparent url(../../../images/common/$file/header_bg.jpg) no-repeat left top;
	text-align: right;
}




#content { /* Definition des Content-Bereichs */
	margin: 0;
	padding: 25px 20px;
	width: 760px;
	min-height: 463px;
	height: auto !important;
	height: 463px;
	text-align: left;
	float: right;
}

#navigation { /* Definition der Navigation */
	margin : 0; 
	padding: 0;
	width: 180px;
	background-color: #e6ded2;
	float: left;
}

#lidllogo { /* Definition des Lidl Logos */
	position: relative;
	margin: -109px 0 0 0;
	width: 180px;
	text-align: center;
}

#footer { /* Definition des Footers */
	margin : 0;
	padding-top: 5px;
	padding-left: 55px;
	width: 925px;
	height: 26px; 
	background: transparent url(../../../images/common/$file/footer_bg.jpg) no-repeat left top;
	text-align: left;
	color: #ffffff;
	clear: both;
	font-size: 10px;
}


/*---------------------------- Definition Header ----------------------------*/

#header div { /* Definition des innenliegendes Divs */
	padding-right: 10px;
}

#header div a { /* Definition der Links innerhalb des Headers */
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#header div a:hover { /* Definition der Links (hover) innerhalb des Headers */
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #8ec227;
	text-decoration: none;
}

#header div a#selected { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #8ec227;
	text-decoration: none;
}

/*---------------------------- Definition Content ---------------------------*/

#keyvisual { /* Einbindung des Keyvisuals */
	margin: 0;
	padding: 0;
	width: 800px;
	height: 220px;
	background: url(../../../images/common/$file/keyvisual.jpg) left top no-repeat;
	float: left;
}

#keyvisual_deko { /* Einbindung des Keyvisuals Deko */
	margin: 0;
	padding: 0;
	width: 800px;
	height: 220px;
	background: url(../../../images/common/$file/keyvisual_dekotipps.jpg) left top no-repeat;
	float: left;
}

#keyvisual_menue { /* Einbindung des Keyvisuals Rezepte */
	margin: 0;
	padding: 0;
	width: 800px;
	height: 220px;
	background: url(../../../images/common/$file/keyvisual_menue.jpg) left top no-repeat;
	float: left;
}

#keyvisual_kuechentipps { /* Einbindung des Keyvisuals Küchentipps */
	margin: 0;
	padding: 0;
	width: 800px;
	height: 220px;
	background: url(../../../images/common/$file/keyvisual_kuechentipps.jpg) left top no-repeat;
	float: left;
}

#keyvisual_asia { /* Einbindung des Keyvisuals Asiatisch */
	margin: 0;
	padding: 0;
	width: 800px;
	height: 220px;
	background: url(../../../images/common/$file/keyvisual_asia.jpg) left top no-repeat;
	float: left;
}

#contentstart { /* Sonderfall Startseite */
	margin: 0;
	padding: 25px 20px;
	width: 760px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	text-align: left;
	float: right;
}

#content #zweispalten, #contentstart #zweispalten { /* Definition der linken Content-Spalte */
	margin: 0;
	padding: 0;
	width: 500px;
	line-height: 18px;
	color: #333333;
	float: left;
}

#content #zweispalten h1, #contentstart #zweispalten h1 { /* Definition der Überschrift */
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
}

#content #zweispalten p, #contentstart #zweispalten p { /* Definition des Textes */
	margin: 0;
	padding: 0 0 0 6px;
	border-left: 1px solid #6a961a;
}

#main #content #zweispalten a, #main #contentstart #zweispalten a { /* Definition der Links */
	padding-left: 6px;
	color: #365405;
	text-decoration: underline;
	background: url(../../../images/common/$file/link_arrow.gif) left 4px no-repeat;
}

#main #content #zweispalten a:hover, #main #contentstart #zweispalten a:hover { /* Definition der Links (hover) */
	padding-left: 6px;
	color: #6a961a;
	text-decoration: underline;
	background: url(../../../images/common/$file/link_arrow_over.gif) left 4px no-repeat;
}

#content #zweispalten ul, #contentstart #zweispalten ul { /* Definition einer Liste */
	margin: 10px 0 10px 30px;
	padding: 0;
	border: none;
}

#content #zweispalten li, #contentstart #zweispalten li { /* Definition der Listenpunkte */
	list-style-image: url(../../../images/common/$file/bullet.gif);
}

#content #zweispalten div ul, #contentstart #zweispalten div ul { /* Definition einer Liste */
	margin: 25px 0 0 0;
	padding: 0;
}

#content #zweispalten div li, #contentstart #zweispalten div li { /* Definition der Listenpunkte */
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	float: left;
}

#content #zweispalten div li.space, #contentstart #zweispalten div li.space { /* Definition der Listenpunkte */
	margin: 0;
	padding: 0 20px 0 0;
	list-style-image: none;
	list-style-type: none;
	float: left;
}

#content #zweispalten p#sitemap , #content #zweispalten p#sitemap { /* Ausrichtung der Sitemap-Tabelle */
	margin: 0;
	padding: 0 0 0 6px;
}

#content #zweispalten p#sitemap a, #content #zweispalten p#sitemap a:hover { /* Link innerhalb der Sitemap-Tabelle */
	padding: 5px;
	width: 480px;
	height: 20px;
	text-decoration: none;
	color: #564831;
	background-color: #d7cbb8;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	display: block;
}

#content #zweispalten p #sitemap a .raster, #content #zweispalten p #sitemap a:hover .raster { /* Link innerhalb der Sitemap-Tabelle mit anderer Hintergrundfarbe */
	width: 480px;
	height: 20px;
	text-decoration: none;
	background-color: #d7cbb8;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	display: block;
}

#content #zweispalten p#sitemap strong.ueberschrift { /* Tabellenüberschrift */
	padding: 5px;
	width: 480px;
	height: 20px;
	color: #ffffff;
	background-color: #6d5c41;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	display: block;
}

#content #einespalte, #contentstart #einespalte { /* Definition der rechten Content-Spalte */
	margin: 0;
	padding: 0 0 0 20px;
	width: 220px;
	color: #333333;
	float: right;
}

#content #einespalte p, #contentstart #einespalte p { /* Definition der rechten Content-Spalte */
	margin: 10px 0 0 0;
	padding: 0 0 0 6px;
	color: #666666;
	font-size: 10px;
	line-height: 15px;
	border-left: 1px solid #c1dd99;
}

#content #einespalte p.infotext, #contentstart #einespalte p.infotext { /* Definition der rechten Content-Spalte */
	margin: 0 0 20px 0;
	padding: 5px;
	color: #365405;
	background-color: #e0eecc;
	font-size: 10px;
	line-height: 15px;
	border-bottom: 1px solid #6a961a;
	border-right: 1px solid #6a961a;
	border-left: 1px solid #6a961a;
}

#content #einespalte p.infotext a, #contentstart #einespalte p.infotext a { /* Link in der Infobox */
	padding-left: 6px;
	color: #365405;
	text-decoration: underline;
	background: url(../../../images/common/$file/link_arrow.gif) left 4px no-repeat;
}

#content #einespalte div.print , #content #einespalte div.print  { /* Positionierung des Print-Buttons */
	padding-bottom: 20px;
}


#content #einespalte div.print a, #content #einespalte div.print a:hover { /* Definition des Print-Buttons */
	margin: 0;
	padding: 9px 0 9px 37px;
	width: 183px;
	font-weight: bold;
	text-decoration: none;
	color: #564831;
	background: #d7cbb8 url(../../../images/common/$file/print_sign.gif) 10px 7px no-repeat;
	display: block;
}

hr, /* Grüne Trennlinie */
{
	margin: 20px 20px;
	padding: 0;
	height: 1px;
	border-top: 1px solid #71a709;
	border-bottom: none;
	border-right: none;
	border-left: none;
}



/*--------------------------- Definition Navigation --------------------------*/

#navigation ul { /* Definition Navigationsliste */
	margin: 0;
	padding: 0;
}

#navigation li { /* Definition Navigationslistenpunkte */
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	display: block;
}

#navigation ul#subnavi li a { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 30px;
	width: 140px;
	height: auto;
	font-weight: normal;
	color: #564831;
	text-decoration: none;
	background: #ebe5db url(../../../images/common/$file/nav_arrow.gif) 20px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li a:hover { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 30px;
	width: 140px;
	height: auto;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 20px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li a.subsubnavi { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 40px;
	width: 130px;
	height: auto;
	font-weight: normal;
	color: #564831;
	text-decoration: none;
	background: #f0ebe4 url(../../../images/common/$file/nav_arrow.gif) 30px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li a.subsubnavi:hover   { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 40px;
	width: 130px;
	height: auto;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 30px 13px no-repeat;
	background-color: #d7cbb8;
	display: block;
}

#navigation ul#subnavi li a.subsubsubnavi { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 50px;
	width: 120px;
	font-weight: normal;
	color: #564831;
	background: #f5f2ed url(../../../images/common/$file/nav_arrow.gif) 40px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li a.subsubsubnavi:hover   { /* Definition der Links */
	margin: 0;
	padding: 10px 10px 10px 50px;
	width: 120px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 40px 13px no-repeat;
	display: block;
}

#navigation li a { /* Definition der Links */
	margin: 0;
	padding: 10px 20px;
	width: 140px;
	height: auto;
	font-weight: bold;
	color: #564831;
	text-decoration: none;
	background: url(../../../images/common/$file/nav_arrow.gif) 10px 13px no-repeat;
	display: block;
}

#navigation li a:hover { /* Definition der Links (hover) */
	margin: 0;
	padding: 10px 20px;
	width: 140px;
	height: auto;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 10px 13px no-repeat;
	display: block;
}

#navigation li #selected { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 20px;
	width: 140px;
	height: auto;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 10px 13px no-repeat;
	display: block;
}

#navigation li #selecteddown, #navigation li #selecteddown3 { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 20px;
	width: 140px;
	height: auto;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over_down.gif) 10px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li #selected { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 10px 10px 30px;
	width: 140px;
	height: auto;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 20px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li #selected2 { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 10px 10px 50px;
	width: 120px;
	height: auto;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over.gif) 40px 13px no-repeat;
	display: block;
}


#navigation ul#subnavi li #selecteddown, #navigation ul#subnavi li #selecteddown3 { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 10px 10px 30px;
	width: 140px;
	height: auto;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #ebe5db url(../../../images/common/$file/nav_arrow_over_down.gif) 20px 13px no-repeat;
	display: block;
}

#navigation ul#subnavi li #selecteddown2 { /* Ausgewählter Status eines Links */
	margin: 0;
	padding: 10px 10px 10px 40px;
	width: 130px;
	height: auto;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: #d7cbb8 url(../../../images/common/$file/nav_arrow_over_down.gif) 30px 13px no-repeat;
	display: block;
}

/*--------------------------- Definition Lidl Logo ---------------------------*/

#lidllogo a img { /* Positionierung des Logos */
	padding-bottom: 4px;
}

#lidllogo a { /* Definition der Links */
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #003277;
	text-decoration: none;
}

/**********************************************************
*
* 6. Marginalspalte
*
*/


.marginal div /* Hauptdiv in Position bringen */
{
	padding: 9px 0 10px 9px;
}


.marginal a, /* Div-Hintergrund und Überschrift definieren */
.marginal b.head
{
	display: block;
	margin: 0;
	padding: 0;
	background: url(../images/common/abb_hg.gif) repeat-y top left;
	text-decoration: none;
	width: 185px;
}


.marginal a span img.abb, /* Im Markup eingefügtes Bild zurechtrücken */
.marginal b.head span img.abb
{
	margin: 0;
	padding: 0 0 0 2px;
	border: none;
}


.marginal a span span.abbtext, /* Großer Text */
.marginal b.head span span.abbtext
{
	display: block;
	margin: 0;
	padding: 10px 10px 0 10px;
	font: bold 12px  Trebuchet MS;
	line-height: 16px;
	color: #2e4c05;
	text-decoration: none;
	background: url(../images/common/abb_phg.gif) no-repeat top left;
}


.marginal a span span.abbtext a, /* Link */
.marginal b.head span span.abbtext a
{
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
	text-decoration: none;
	background-position: 0 1px;
	background-repeat: no-repeat;
	width: 145px;
}


.marginal a span span.abbtext a:hover, /* Mouse-Over */
.marginal b.head span span.abbtext a:hover
{
	text-decoration: underline;
}


.marginal a span span.abbtext b, /* Fetter Text */
.marginal b.head span span.abbtext b
{
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 14px  Trebuchet MS;
	line-height: 18px;
	color: #b61919;
	text-decoration: none;
	display: block;
	background: none;
}


.marginal a span span.abbtextinfo, /* Infotext */
.marginal b span span.abbtextinfo
{
	display: block;
	margin: 0;
	padding: 10px 10px 0 10px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
	text-decoration: none;
	background: url(../images/common/abb_phg.gif) no-repeat top left;
	width: 165px;
}


.marginal a span span.abbtextinfo b, /* Fetter Text */
.marginal b span span.abbtextinfo b
{
	background: none;
}


/* Funktionsbox */


.marginal div.functions /*  */
{
	display: block;
	margin: 0;
	padding: 0;
	background: url(../images/common/abb_hg.gif) repeat-y top left;
	text-decoration: none;
	width: 185px;
}


.marginal div.functions div.abbtext /*  */
{
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(../images/common/abb_phg.gif) no-repeat top left;
}


.marginal div.functions div.abbtext form /*  */
{
	margin: 0;
	padding: 5px 0;
	background: none;
}


.marginal div.functions div.abbtext form a /*  */
{
	margin: 0;
	padding: 0;
}


.marginal div.functions div.abbtext form input.textfield /*  */
{
	padding: 2px;
	border: 1px solid #2e4c05;
	font: 10px normal Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #2e4c05;
	width: 155px;
	background-color: #fff;
}


.marginal div.functions div.abbtext form textarea.textarea /*  */
{
	padding: 2px;
	border: 1px solid #2e4c05;
	font: 10px normal Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #2e4c05;
	width: 155px;
	height: 45px;
	background-color: #fff;
}


.marginal div.functions div.abbtext form select.textfield /*  */
{
	padding: 2px;
	border: 1px solid #2e4c05;
	font: 10px normal Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #2e4c05;
	width: 160px;
	background-color: #fff;
}


.marginal div.functions div.abbtext form input.button /*  */
{
	padding: 2px 2px 0 0;
}


.marginal div.functions div.abbtext form p /*  */
{
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
}


.marginal div.functions div.abbtext form p b /*  */
{
	display: inline;
	margin: 0;
	padding: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
}


.marginal div.functions div.abbtext form b /*  */
{
	margin: 0;
	padding: 2px 0 2px 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
	background: none;
	width: 145px;
}


.marginal div.functions div.abbtext a /*  */
{
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #2e4c05;
	text-decoration: none;
	background-position: 0 1px;
	background-repeat: no-repeat;
	width: 145px;
}