/* ---

LIDL Stiftung & Co. KG
Stiftsbergstraße 1

74167 Neckarsulm


--- */


/*-------------------------------- 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: 3px 10px 3px 0;
	text-align: right;
	color: #ffffff;
	background-color: #005029;
	border-top: 1px solid #ffffff;
	clear: both;
	height: 12px;
	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;
}

/*--------------------------- 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;
	
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
	xheight: 10px;
	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;
}