/* ---

Schwarz E-Commerce GmbH & Co. KG
Stiftsbergstr. 1
74166 Neckarsulm

Project:		Lidl Online Shop
Version:		1.1
Last change:	18/03/09
Author:			Tobias Beisel

Notice:
All CSS properties are sorted alphabetical!

--- */

/*************************************************************************
* 01 General
**************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

acronym, abbr {
	cursor: help;
}

html {
	height: 101%;
}

body {
	color: #003278;
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

.popup {
	background-image: none;
	color: #003278;
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	padding: 16px;
	text-align: left;
}

a,
input {
	color: #003278;
}

br {
	clear: both;
}

/*************************************************************************
* 02 Main
**************************************************************************/

.hide {
	display: none;
}

.hideclaim {
	display: block;
	font: normal 24px/28px "trebuchet ms";
	float: left;
	padding: 33px;
}

.clearer {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;	
}

#wrapper {
	margin: 16px;
	text-align: left;
	width: 100%;
}

#wrappernomenu {
	margin: 60px auto 0 auto;
	text-align: left;
	width: 986px;
}

#container {
	display: block;
	float: left;
}

#header {
	border-bottom: 2px solid #003278;
	height: 112px;
	width: 100%;
}

#nav {
	display: none;
}

#smallcontent { /* with menu and marginal big borders outsite */
	float: left;
	position: relative;
	padding: 0;
	width: 100%;
	z-index: 1;
}

#content { /* with menu and marginal */
	float: left;
	position: relative;
	padding: 0;
	width: 100%;
	z-index: 1;
}

#widecontent { /* no marginal */
	float: left;
	position: relative;
	margin:0;
	width: 100%;
	z-index: 1;	
}

#widestcontent { /* no menu and marginal */
	float: left;
	width: 100%;
}

#popupcontent { /* for popups */
	width: 100%;
}

#marginal {
	display: none;
}

#footer {
	border-top: 1px dotted #003278;
	margin: 0 16px 16px 16px;
	padding-top: 16px;
	width: 100%;
}

/*************************************************************************
* 03 Header
**************************************************************************/
		
#logo {
	float: left;
}

#logo img {
	height: 100px;
}

/* 03.01 Top-Tabs (eg. Online-Shop, Reisen, Blumen ... ) *****************/

#servicesitesnav {
	display: none;
}

/* 03.02 Teaser with Image, Text, Status *********************************/

#teaser {
	display: none;
}

/* 03.05 Breadcrumb-Navigation under teasers *****************************/
		
#breadcrumb {
	border-bottom: 1px dotted #003278;
	float: left;
	font: normal 11px/15px verdana;
	margin: 24px 0 16px 0;
	padding-bottom: 16px;
	width: 100%;
	overflow: hidden; /* fix me */
	clear: both;
}

span.specialsactionpos {
	display:none;
}

/*************************************************************************
* 06 Footer
**************************************************************************/

#footer a.copyright:after {
	content:" Lidl";
}

#footer a.copyright {
	color: #003278;
	font: normal 11px/15px verdana;
	text-decoration: none;
}

#footer ul,
#footer a#totop {
	display: none;
}

/*************************************************************************
* 07 Content
**************************************************************************/

/* 07.01 Main definitions ************************************************/

#smallcontent h1,
#content h1,
#widecontent h1,
#widestcontent h1,
#popupcontent h1 {
	display: block;
	font: normal 24px/28px "trebuchet ms";
	padding: 16px 0;
}

#smallcontent h2,
#content h2,
#widecontent h2,
#widestcontent h2,
#popupcontent h2 {
	color: #b41e0a;
	display: block;
	font: normal 18px/22px "trebuchet ms";
	padding: 16px 0;
}

#smallcontent p,
#content p,
#widecontent p,
#widestcontent p,
#popupcontent p {
	font: normal 11px/15px verdana;
	margin-bottom: 16px;
}

#smallcontent p strong,
#content p strong,
#widecontent p strong,
#widestcontent p strong,
#popupcontent p strong {
	font: bold 11px/15px verdana;
}

#smallcontent p em,
#content p em,
#widecontent p em,
#widestcontent p em,
#popupcontent p em {
	font: normal 11px/15px verdana;
	font-style: italic;
}

#smallcontent p img.left,
#content p img.left,
#widecontent p img.left,
#widestcontent p img.left,
#popupcontent p img.left,
#smallcontent img.left,
#content img.left,
#widecontent img.left,
#widestcontent img.left,
#popupcontent img.left {
	float: left;
	padding: 0 8px 4px 0;
}

#smallcontent p img.right,
#content p img.right,
#widecontent p img.right,
#widestcontent p img.right,
#popupcontent p img.right,
#smallcontent img.right,
#content img.right,
#widecontent img.right,
#widestcontent img.right,
#popupcontent img.right {
	float: right;
	padding: 0 0 4px 8px;
}

#smallcontent p ul li a,
#content p ul li a,
#widecontent p ul li a,
#widestcontent p ul li a,
#popupcontent p ul li a,
#smallcontent p a,
#content p a,
#widecontent p a,
#widestcontent p a,
#popupcontent p a {
	color: #b41e0a;
	font: bold 11px/15px verdana;
}

.line {
	border-top: 2px solid #b41e0a;
	display: block;
	height: 1px;
}

.highlight {
	border: 1px dotted #b41e0a;
	display: inline;
	font-style: normal;
	padding: 2px;
	text-decoration: none;
}

a em.highlight {
	border: 1px dotted #b41e0a;
	display: inline;
	font-style: normal;
	padding: 2px;
	text-decoration: underline;
}

#content a.marker,
#widecontent a.marker,
#widestcontent a.marker,
#popupcontent a.marker {
	color: #b41e0a;
	display: block;
	font: bold 11px/15px verdana;
	margin: 8px 0;
}

#smallcontent ul.list,
#content ul.list,
#widecontent ul.list,
#widestcontent ul.list,
#popupcontent ul.list {
	color: #b41e0a;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 8px 0 8px;
}

#smallcontent ul.list li,
#content ul.list li,
#widecontent ul.list li,
#widestcontent ul.list li,
#popupcontent ul.list li {
	color: #003278;
	line-height: 15px;
}

#smallcontent ul.list li strong,
#content ul.list li strong,
#widecontent ul.list li strong,
#widestcontent ul.list li strong,
#popupcontent ul.list li strong {
	font-weight: bold;
}

#smallcontent ul.list li em,
#content ul.list li em,
#widecontent ul.list li em,
#widestcontent ul.list li em,
#popupcontent ul.list li em {
	font-style: italic;
}

/*
	Buttons
*/

.delbtn {
	cursor: pointer;
	display: block;
	height: 15px;
	text-indent: -99999999px;
	width: 15px;
}

.refreshbtn {
	cursor: pointer;
	display: block;
	float: left;
	height: 15px;
	text-indent: -99999999px;
	margin: 3px 0 0 2px;
	width: 15px;
}

.smallshopbtn {
	display: none;
}

.shopbtn {
	color: #b41e0a;
	display: block;
	font: bold 11px/11px "trebuchet ms";
	height: 17px;
	padding: 0;
	text-decoration: none;
	width: 103px;
}

.shoppingcartbtn {
	display: none;
}

.watchbtn {
	color: #003278;
	display: block;
	font: bold 11px/11px "trebuchet ms";
	height: 17px;
	padding: 0;
	text-decoration: none;
	width: 143px;
}

.advicebtn {
	color: #003278;
	display: block;
	font: bold 11px/11px "trebuchet ms";
	height: 17px;
	padding: 0;
	text-decoration: none;
	width: 69px;
}

.printbtn {
	color: #003278;
	display: block;
	font: bold 11px/11px "trebuchet ms";
	height: 17px;
	text-decoration: none;
	padding: 0;
	width: 54px;
}

div#widecontent a.printbtn {
	display: none;
}

.strongnextbtn {
	color: #003278;
	display: block;
	font: bold 14px/14px "trebuchet ms";
	height: 21px;
	padding: 0;
	text-decoration: none;
	text-align: left;
}

.nextbtn {
	border: none;
	cursor: pointer;
	color: #003278;
	font: bold 11px/11px verdana;
	height: 16px;
	overflow: visible;
	padding: 0;
	text-align: left;
}

.strongbackbtn {
	display: none;
}

.basketbtn,
.basketbtn_standard {
	color: #003278;
	display: block;
	font: bold 14px/14px "trebuchet ms";
	height: 21px;
	padding: 0;
	text-decoration: none;
	width: 129px;
}

.strongnextbtn:hover,
.nextbtn:hover,
.basketbtn:hover,
.basketbtn_hover,
.printbtn:hover,
.advicebtn:hover,
.watchbtn:hover,
.shoppingcartbtn:hover,
.strongbackbtn:hover {
	color: #b41e0a;
}

/* 
	View-Changer
*/

.viewchanger {
	display: none;
}


/* 07.02 Tables **********************************************************/


.tableborder {
	border-bottom: 2px solid #b41e0a;
	border-top: 2px solid #b41e0a;
	display: block;
	padding: 6px 0;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table thead th,
table tbody td,
table tfoot td {
	border-right: 1px solid #c9d4e3;
	font: normal 11px/15px verdana;
	vertical-align: top;
	padding: 10px 8px;
}

table thead th.lastcell,
table tbody td.lastcell,
table tbody tr.even td.lastcell,
table tfoot td.lastcell {
	border-right: none;
	vertical-align: top;
}

table tbody tr.even td,
table tbody tr.odd td {
	border-bottom: 1px solid #c9d4e3;
	vertical-align: top;
}

table thead th strong,
table tbody td strong,
table tfoot td strong,
table thead th.lastcell strong,
table tbody td.lastcell strong,
table tbody tr.even td.lastcell strong,
table tfoot td.lastcell strong,
table tbody tr.even td strong {
	font-weight: bold;
}

table thead th.right,
table tbody td.right,
table tfoot td.right,
table thead th.lastcell .right,
table tbody td.lastcell .right,
table tbody tr.even td.lastcell .right,
table tfoot td.lastcell .right,
table tbody tr.even td.right {
	text-align: right;
}

table tbody tr td strong.price,
table tbody tr.even td strong.price {
	display: block;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

table tbody tr td a.headlinelink,
table tbody tr.even td a.headlinelink {
	display: block;
	color: #b41e0a;
	font: bold 11px/15px verdana;
}

table tbody tr td p,
table tbody tr.even td p {
	display: block;
	margin: 0;
	padding: 0;
}

table tbody tr td a,
table tbody tr.even td a {
	color: #b41e0a;
	font-weight: bold;
}

table tbody tr td a.watchbtn,
table tbody tr.even td a.watchbtn {
	margin-top: -8px;
	color: #003278;	
}

table tbody tr td a img,
table tbody tr.even td a img {
	display: block;
}

table tbody tr td ul {
	color: #b41e0a;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 8px 0 8px;
}

table tbody tr td ul li {
	color: #003278;
	line-height: 15px;
}

table tbody tr td ul li strong {
	font-weight: bold;
}

table tbody tr td ul li em {
	font-style: italic;
}

table thead th {
	border-bottom: 2px solid #003278;
	font-weight: bold;
}

table thead th a.sort {
	font: bold 11px/15px verdana;
	padding: 0 0 0 13px;
	text-decoration: none;
}

table thead th a.sortup {
	font: bold 11px/15px verdana;
	padding: 0 0 0 16px;
	text-decoration: none;
}

table thead th a.sortdown {
	font: bold 11px/15px verdana;
	padding: 0 0 0 16px;
	text-decoration: none;
}

table tfoot tr.bordertop td {
	border-top: 1px solid #c9d4e3;
}

table tfoot tr.bordertop td a {
	color: #b41e0a;
	font-weight: bold;
}

table tfoot tr.darkblue td {
	background-color: #d9e0eb;
}

/* 07.03 Formfields ************************************************/

#smallcontent .fieldset {
	border: 2px solid #c9d4e3;
	padding: 8px;
	overflow: hidden; /* ie6 */
	width: 496px;
}

#content .fieldset {
	border: 2px solid #c9d4e3;
	padding: 8px;
	width: 568px;
}

#widecontent .fieldset {
	border: 2px solid #c9d4e3;
	padding: 8px;
	float: left;
	width: 696px;
}

#smallcontent .fieldsetfoot {
	display: block;
	height: 16px;
}

#content .fieldsetfoot {
	display: block;
	height: 16px;
	width: 568px;
}

#widecontent .fieldsetfoot {
	display: block;
	height: 12px;
	margin-bottom: 16px;
}

.fieldset legend {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 16px;
	padding-left: 8px;
	width: 100%;
}

#smallcontent .fieldset fieldset ol,
#content .fieldset fieldset ol,
#widecontent .fieldset fieldset ol {
	margin-left: 8px;
}

#smallcontent .fieldset fieldset ol li {
	float: left;
	width: 280px;
}

#content .fieldset fieldset ol li {
	float: left;
	width: 280px;
}

#smallcontent .fieldset fieldset ol li.wide {
	float: left;
	margin: 0;
	width: 488px;
}

#content .fieldset fieldset ol li.wide {
	float: left;
	margin: 0;
	width: 560px;
}

#widecontent .fieldset fieldset ol li.wide {
	float: left;
	margin: 0;
	width: 680px;
}

#content .fieldset fieldset ol li.wide a.closewindow,
a.closewindow {
	color: #003278;
	display: block;
	float: right;
	font-weight: bold;
	margin: 2px 8px 0 16px;
	padding: 1px 0 4px 22px;
	text-decoration: none;
}

#content .fieldset fieldset ol li.wide a.closewindow:hover {
	color: #b41e0a;
}

#widecontent .fieldset fieldset ol li {
	float: left;
	width: 340px;
}

#content .fieldset fieldset ol li strong.headline {
	font: bold 14px/14px "trebuchet ms";
	margin: 0;
}

#smallcontent .fieldset fieldset ol li strong.headline  {
	display: block;
	font-weight: bold;
}

#content .fieldset fieldset ol li strong,
#widecontent .fieldset fieldset ol li strong {
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
}

#widecontent .fieldset fieldset ol li p {
	display: block;
	margin: 0;
}

#widecontent .fieldset fieldset ol.payment li p {
	display: block;
	margin: 2px 0 0 0;
}

#content .fieldset fieldset ol li p {
	display: block;
	margin: 2px 0 16px 0;
}

#content .fieldset fieldset ol li label,
#content .fieldset fieldset ol li ul li label {
	cursor: pointer;
	display: block;
	float: left;
	margin: 4px 8px 0 0;
	width: 92px;
}

#smallcontent .fieldset fieldset ol li label,
#widecontent .fieldset fieldset ol li label {
	cursor: pointer;
	display: block;
	float: left;
	margin: 4px 8px 0 0;
	width: 104px;
}

#widecontent .fieldset fieldset ol.payment li label {
	margin-bottom: 8px;
}

#widecontent .fieldset fieldset ol.payment li label strong {
	margin: 0 0 4px 0;
	padding: 0;
}


#widecontent .fieldset fieldset ol li ul.checkboxselection li label strong {
	display: inline;
}

#widecontent .fieldset fieldset ol li label a {
	color: #b41e0a;
	font: bold 11px/15px verdana;
	padding-top: 0;
}

#smallcontent .fieldset fieldset ol li a.smallbutton,
#widecontent .fieldset fieldset ol li a.smallbutton {
	color: #003278;
	font: bold 11px/15px verdana;
	margin: 0 0 0 112px;
	padding: 0;
	text-decoration: none;
}

#smallcontent .fieldset fieldset ol li a.smallbutton:hover,
#widecontent .fieldset fieldset ol li a.smallbutton:hover {
	color: #b41e0a;
	font: bold 11px/15px verdana;
	margin: 0 0 0 112px;
	padding: 1px 0 4px 22px;
	text-decoration: none;
}

#content .fieldset fieldset ol li ul.formlist,
#content .fieldset fieldset ol li ul.formlist li  {
	width: 280px;
}

#widecontent .fieldset fieldset ol li ul.formlist,
#widecontent .fieldset fieldset ol li ul.formlist li  {
	width: 340px;
}

#widecontent .fieldset fieldset ol li ul.formlist li.wide,
#widecontent .fieldset fieldset ol li ul.formlist li.wide strong  {
	width: 680px;
}

#widecontent .fieldset fieldset ol li ul.formlist li.wide p strong  {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#widecontent .fieldset fieldset ol li a.link  {
	color: #b41e0a;
	display: block;
	float: left;
	font: bold 11px/15px verdana;
	padding-top: 2px;
}

#content .fieldset fieldset ol li ul.formlist li span.agb {
	display: block;
	float: right;
	width: 192px;
}

#widecontent .fieldset fieldset ol li ul.formlist li span.agb {
	display: block;
	float: right;
	width: 228px;
}

#content .fieldset fieldset ol li ul.formlist li span.agb label {
	line-height: 15px;
	margin-left: 4px;
	width: 154px;
}

#widecontent .fieldset fieldset ol li ul.formlist li span.agb label {
	line-height: 15px;
	margin-left: 4px;
	width: 180px;
}

#content .fieldset fieldset ol li ul.formlist li span.agb label a,
#widecontent .fieldset fieldset ol li ul.formlist li span.agb label a {
	color: #b41e0a;
	font-weight: bold;
}

#content .fieldset fieldset ol li ul.formlist li label {
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 0;
	width: 84px;
}

#widecontent .fieldset fieldset ol li ul.formlist li label {
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 0;
	width: 104px;
}

#widecontent .fieldset fieldset ol li ul.formlist li strong  {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 0 6px 0;
	width: 184px;
}

#widecontent .fieldset fieldset ol li ul.formlist li p  {
	margin: 0;
}

#widecontent .fieldset fieldset ol li ul.formlist li p a {
	color: #b41e0a;
	font-weight: bold;
}


#content .fieldset fieldset ol li ul {
	width: 220px;
	float: left;
}

#smallcontent .fieldset fieldset ol li ul.checkboxselection {
	float: left;
	margin-bottom: 16px;
	width: 368px;
}

#smallcontent .fieldset fieldset ol li ul.checkboxselection li {
	float: left;
	width: 368px;
}

#smallcontent .fieldset fieldset ol li ul.checkboxselection li label {
	display: block;
	float: left;
	line-height: 15px;
	margin: 4px 0 0 8px;
	width: 300px;
}

#smallcontent .fieldset fieldset ol li ul.checkboxselection li label strong {
	font-weight: bold;
}

#smallcontent .fieldset fieldset ol li ul.checkboxselection li label a {
	color: #b41e0a;
	font-weight: bold;
}

#widecontent .fieldset fieldset ol li ul.checkboxselection {
	float: left;
	margin-bottom: 16px;
	width: 568px;
}

#widecontent .fieldset fieldset ol li ul.checkboxselection li {
	float: left;
	width: 568px;
}

#widecontent .fieldset fieldset ol li ul {
	float: left;
	width: 220px;
}

#content .fieldset fieldset ol li ul li {
	width: 220px;
}

#widecontent .fieldset fieldset ol li ul li {
	width: 220px;
}

#content .fieldset fieldset ol li ul li label {
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 8px;
	width: auto;
}

#widecontent .fieldset fieldset ol li ul li label {
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 8px;
	width: auto;
}

/*
	Password criteria
*/

#widecontent .fieldset fieldset ol li ul.criteria {
	width: 340px;
}

#widecontent .fieldset fieldset ol li ul.criteria li {
	float: left;
	padding: 5px 0 6px 6px;
	margin-bottom: 4px;
	width: 164px;
}

#widecontent .fieldset fieldset ol li ul.criteria li.neg {
	color: #b41e0a;
}

#widecontent .fieldset fieldset ol li ul.criteria li.pos {
	color: #296406;
}

/*
	Textfields
*/

.textfield {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	float: left;
	margin-bottom: 8px;
	width: 184px;
}

.selectfield {
	background-color: white;
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	color: #003278;
	float: left;
	margin-bottom: 8px;
	width: 186px;
}

.selectfieldsmall {
	background-color: white;
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	color: #003278;
	float: left;
	margin-bottom: 8px;
	width: 50px;
}

.selectfielddoublesmall {
	background-color: white;
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	color: #003278;
	float: left;
	margin-bottom: 8px;
	width: 60px;
}

.textfieldshort {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	margin-bottom: 8px;
	width: 166px;
}

.textfieldsmall {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	font: normal 11px/15px verdana;
	float: left;
	margin-bottom: 8px;
	text-align: center;
	width: 25px;
}

.textfielddoublesmall {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	font: normal 11px/15px verdana;
	float: left;
	margin-bottom: 8px;
	text-align: center;
	width: 40px;
}

.textfieldmini {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	font: normal 11px/15px verdana;
	float: left;
	margin-bottom: 8px;
	text-align: center;
	width: 38px;
}

.textfieldshort {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	font: normal 11px/15px verdana;
	float: left;
	margin-bottom: 8px;
	width: 134px;
}

.textfieldmiddle {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	font: normal 11px/15px verdana;
	float: left;
	margin-bottom: 8px;
	width: 149px;
}

.textarea {
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	color: #003278;
	font: normal 11px/15px verdana;
	margin-bottom: 8px;
	width: 258px;
}

.checkbox {
	float: left;
	margin: 5px 0 0 0;
}

#content .fieldset .formsubhead {
	display: block;
	font-weight: bold;
	padding: 8px 0 16px 8px;
}

#widecontent .fieldset .formsubhead {
	display: block;
	font-weight: bold;
	padding: 8px 0 16px 8px;
}

.buttonrow {
	display: block;
	margin: 16px 8px 8px;
}

.dateexplain {
	float: left;
	margin: 4px 0 0 0;
}

.formspacer {
	display: block;
	float: left;
	height: 8px;
	width: 8px;
}

/* 07.04 Grid-boxes ******************************************************/

/* 
	Big overview box with image (566 x 286 px)
*/

.boxbigoverview {
	display: block;
	float: left;
	height: 352px;
	width: 576px;
}

.boxbigoverview a {
	border: 1px solid #738eb5;
	cursor: pointer;
	display: block;
	height: 342px;
	position: relative;
	text-decoration: none;
	width: 566px;
}

.boxbigoverview a strong {
	display: block;
	font: bold 12px/14px "trebuchet ms";
	margin: 7px 8px 0 8px;
}

.boxbigoverview a small {
	display: block;
	font: italic 10px/12px "trebuchet ms";
	margin: 0 8px;
}

.boxbigoverview a em {
	font: bold 18px/20px "trebuchet ms";
	display: block;
	left: 409px;
	position: absolute;
	text-align: right;
	top: 317px;
	width: 150px;
}

.boxbigoverview a em span {
	font: bold 12px/12px "trebuchet ms";
}

/* 
	Overview-box with image (566 x 166 px)
*/

.boxoverview {
	display: block;
	height: 176px;
	float: left;
	width: 576px;
}

.boxoverview div {
	border: 1px solid #738eb5;
	display: block;
	height: 166px;
	position: relative;
	width: 566px;
}

/* 
	Small-box with Image (182 x 110 px)
*/

.boxsmall {
	display: block;
	float: left;
	height: 176px;
	width: 192px;
}

.boxsmall a {
	border: 1px solid #738eb5;
	display: block;
	float: left;
	height: 166px;
	position: relative;
	text-decoration: none;
	width: 182px;
}

.boxsmall a img.soldout,
.boxbigoverview a img.soldout {
	display:none;
}

.boxsmall a img.again,
.boxbigoverview a img.again {
	display:none;
}

.boxsmall a img.notavail,
.boxbigoverview a img.notavail {
	display:none;
}

.boxsmall a strong {
	display: block;
	font: bold 12px/14px "trebuchet ms";
	margin: 7px 8px 0 8px;
}

.boxsmall a small {
	display: block;
	font: italic 10px/12px "trebuchet ms";
	margin: 0 8px;
}

.boxsmall a em {
	display: block;
	font: bold 18px/20px "trebuchet ms";
	padding-bottom: 3px;
	left: 25px;
	position: absolute;
	text-align: right;
	top: 141px;
	width: 150px;
}

.boxsmall a em span.smallbasketbtn {
	border: none;
	display: block;
	float: left;
	height: 22px;
	width: 22px;
}

.boxsmall a em span {
	font: bold 12px/12px "trebuchet ms";
}

.boxsmall a span.furtherinfo,
.boxbigoverview a span.furtherinfo {
	display:none;
}

/* 
	Wide-box with image (374 x 110 px)
*/

.boxwide {
	display: block;
	float: left;
	height: 176px;
	width: 384px;
}

.boxwide a {
	border: 1px solid #738eb5;
	display: block;
	float: left;
	height: 166px;
	position: relative;
	text-decoration: none;
	width: 374px;
}

.boxwide a strong {
	display: block;
	font: bold 12px/14px "trebuchet ms";
	margin: 7px 8px 0 8px;
}

.boxwide a small {
	display: block;
	font: italic 10px/12px "trebuchet ms";
	margin: 0 8px;
}

.boxwide a em {
	display: block;
	font: bold 18px/20px "trebuchet ms";
	left: 217px;
	padding-bottom: 3px;
	position: absolute;
	text-align: right;
	top: 141px;
	width: 150px;
}

.boxwide a em span {
	font: bold 12px/12px "trebuchet ms";
}

/* 
	High-box with image (182 x 286 px)
*/

.boxhigh {
	display: block;
	float: left;
	height: 352px;
	width: 192px;
}

.boxhigh a {
	border: 1px solid #738eb5;
	display: block;
	float: left;
	height: 342px;
	position: relative;
	text-decoration: none;
	width: 182px;
}

.boxhigh a strong {
	display: block;
	font: bold 12px/14px "trebuchet ms";
	margin: 7px 8px 0 8px;
}

.boxhigh a small {
	display: block;
	font: italic 10px/12px "trebuchet ms";
	margin: 0 8px;
}

.boxhigh a em {
	display: block;
	font: bold 18px/20px "trebuchet ms";
	left: 25px;
	padding-bottom: 3px;
	position: absolute;
	text-align: right;
	top: 317px;
	width: 150px;
}

.boxhigh a em span {
	font: bold 12px/12px "trebuchet ms";
}

/*
	General box-styles
*/

.boxbigoverview a img,
.boxoverview div img,
.boxsmall a img,
.boxwide a img,
.boxhigh a img {
	display: block;
}

.boxgroup {
	float: left;
	width: 192px;
}

/* 07.05 Pagemenu (1,2,3,4 ... zurück / weiter) **************************/

/*
	General
*/

.pagemenu {
	background-color: white;
	border-top: 2px solid #003278;
	display: block;
	padding-top: 8px;
	width: 100%;
}

#widecontent .pagemenu {
	width: 100%;
}

/*
	Numbers
*/

ul.pagemenulist {
	float: left;
}

ul.pagemenulist li {
	float: left;
	padding: 0 0 8px 8px;
}

ul.pagemenulist li a {
	border: 1px solid #003278;
	display: block;
	font: normal 11px/11px verdana;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px;
}

ul.pagemenulist li a:hover {
	border: 1px solid #b41e0a;
	color: #b41e0a;
}

ul.pagemenulist li a.active {
	border: 1px solid #b41e0a;
	color: #b41e0a;
	display: block;
	font: bold 11px/11px verdana;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px;
}

/*
	Buttons
*/

ul.pagemenubuttons {
	float: right;
}

ul.pagemenubuttons li {
	float: left;
	margin-left: 8px;
	padding-top: 3px;
}

/*
	Left button (zurück)
*/

ul.pagemenubuttons li a.tolastpage {
	display: block;
	float: left;
	font: normal 11px/11px verdana;
	text-decoration: none;
	padding-left: 13px;
}

ul.pagemenubuttons li a.tolastpage:hover {
	color: #b41e0a;
}

ul.pagemenubuttons li a.tolastpage.inactive,
ul.pagemenubuttons li a.tolastpage.inactive:hover {
	color: #9cadd3;
	cursor: text;
	display: block;
	float: left;
	font: normal 11px/11px verdana;
	padding-left: 13px;
	text-decoration: none;
}

ul.pagemenubuttons li span {
	display: block;
	float: left;
	font: normal 11px/11px verdana;
	padding-left: 6px;
}

/*
	Right button (weiter)
*/

ul.pagemenubuttons li a.tonextpage {
	display: block;
	float: left;
	font: normal 11px/11px verdana;
	padding: 0 23px 0 0;
	text-decoration: none;
}

ul.pagemenubuttons li a.tonextpage:hover {
	color: #b41e0a;
}

ul.pagemenubuttons li a.tonextpage.inactive,
ul.pagemenubuttons li a.tonextpage.inactive:hover {
	color: #9cadd3;
	cursor: text;
	display: block;
	float: left;
	font: normal 11px/11px verdana;
	padding: 0 23px 0 0;
	text-decoration: none;
}

/* 07.06 Detailpage ******************************************************/

.articleout {
	color:#b41e0a;
	display:block;
	font:normal 10px Verdana;
	height:29px;
	padding:9px 0 0 32px;
}

.detailhead {
	display: block;
	float: left;
	width: 100%;
}

.detailhead h3 {
	color: #003278;
	font: bold 24px/24px "trebuchet ms";
	float: left;
	padding: 8px 0 0 8px;
}

.detailhead span.detailprice {
	float: right;
	height: 42px;
	padding: 8px 16px 0 0;
	text-align: right;
}

.detailhead strong {
	color: #003278;
	font: bold 24px/24px "trebuchet ms";
}

.detailhead small {
	color: #003278;
	display: block;
	font: normal 10px/10px verdana;
	padding-top: 6px;
}

.detailhead small a {
	color: #b41e0a;
	font: bold 10px/12px verdana;
}

.detailhead ul {
	display: none;
}

.detailhead div.shortdescription {
	display: block;
	float: left;
	height: 277px;
	padding: 25px 0 0 8px;
	width: 176px;
}

.detailhead div.shortdescription h4 {
	color: #003278;
	display: block;
	font: bold 14px/16px "trebuchet ms";
	padding-bottom: 8px;
}

.detailhead div.shortdescription strong,
.detailhead div.shortdescription label {
	font: bold 11px/15px verdana;
	font-weight: bold;
}

.detailhead div.shortdescription p {
	width: 168px;
}

.detailhead div.shortdescription .detaildropdown {
	background-color: white;
	border-top: 1px solid #908e8e;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #908e8e;
	color: #003278;
	font: normal 11px verdana;
	margin: 0 0 8px 0;
	width: 166px;
}

.detailhead div.pictures {
	display: block;
	float: left;
	height: 277px;
	padding: 18px 0 0 9px;
	position: relative;
	width: 382px;
	z-index: 9;
}

.detailhead div.pictures a {
	display: block;
	text-decoration: none;
}

.detailhead div.pictures a span.zoom {
	display: block;
	height: 30px;
	position: absolute;
	left: 346px;
	top: 24px;
	width: 30px;
	z-index: 10;
}

.detailhead div.pictures a span.infotext {
	display: block;
	position: absolute;
	left: 9px;
	top: 215px;
	padding: 6px 8px 7px 8px;
	width: 374px;
	z-index: 11;
}

ul.thumbs {
	display: block;
	padding: 6px 8px;
	width: 378px;
}

ul.thumbs li {
	float: left;
	padding-right: 18px;
}

ul.thumbs li a img {
	border: 1px solid #003278;
}

ul.thumbs li a img.active {
	border: 1px solid #b41e0a;
}

/*
	Tabs (Beschreibung, Technische Daten, ...)
*/


ul.tablist li {
	float: left;
	padding-left: 8px;
}

ul.tablist li a,
ul.tablist li a.standard {
	display: block;
	font: bold 12px/12px "trebuchet ms";
	text-decoration: none;
	padding: 8px 8px 8px 0;
}

ul.tablist li.active {
	border-top: 1px solid #738eb5;
	border-right: 1px solid #738eb5;
	border-bottom: 1px solid white;
	border-left: 1px solid #738eb5;
	display: block;
	float: left;
	margin-bottom: -1px;
	padding: 0 0 1px 8px;
	position: relative;
}

ul.tablist li.active a {
	display: block;
	font: bold 12px/12px "trebuchet ms";
	text-decoration: none;
	margin-bottom: -1px;
	padding: 8px 8px 9px 0;
}

.tabdiv {
	border: 1px solid #738eb5;
	clear: both;
	padding: 16px 8px;
	width: 550px;
}

.tabdiv ul {
	color: #b41e0a;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 8px 0 8px;
}

.tabdiv ul li {
	color: #003278;
	line-height: 15px;
}

.tabdiv ul li strong {
	font-weight: bold;
}

.tabdiv ul li em {
	font-style: italic;
}

.tabdiv p a,
.tabdiv a {
	color: #b41e0a;
	font-weight: bold;
}

.productlogos {
	display: block;
	padding: 8px 0;
}

/*
	Zoomed Image
*/

.zoomer {
	height: 384px;
	width: 576px;
}

.zoomer strong {
	display: block;
	float: left;
	font: bold 12px/12px "trebuchet ms";
	padding: 10px 8px;
	width: 520px;
}

.zoomer a.close {
	display: block;
	float: right;
	height: 32px;
	width: 32px;
	text-decoration: none;
}

.zoomer img {
	clear: both;
	margin-left: 1px;
}

.zoomer div.zoomermenu {
	display: block;
	height: 18px;
	width: 560px;
	left: 0;
	top: 48px;
	text-align: right;
	position: absolute;
}

.zoomer div.zoomermenu ul {
	float: right;
}

.zoomer div.zoomermenu ul li {
	float: left;
	color: white;
	height: 18px;
}

.zoomer div.zoomermenu ul li span {
	display: block;
	margin: 3px 8px;
}

.zoomer div.zoomermenu ul li img {
	margin: 5px 2px;
}

.zoomer div.zoomermenu ul li a.box {
	border: 1px solid white;
	display: block;
	height: 8px;
	margin: 4px 2px;
	width: 8px;
}

.zoomer div.zoomermenu ul li a.boxactive {
	background-color: white;
	border: 1px solid white;
	display: block;
	height: 8px;
	margin: 4px 2px;
	width: 8px;
}

/*
	Positiv status
*/

#content div.posstatusbig {
	height: auto;
	padding-top: 8px;
	width: 568px;
}

#content div.posstatusbig strong {
	color: #296406;
	font: bold 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}

#content div.posstatusbig p {
	color: #296406;
	display: block;
	font: normal 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}


#content div.posstatusbigfoot {
	display: block;
	height: 8px;
	margin-bottom: 8px;
	width: 568px;
}

#widecontent div.posstatusbig {
	height: auto;
	padding-top: 8px;
	width: 696px;
}

#widecontent div.posstatusbig strong {
	color: #296406;
	font: bold 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}

#widecontent div.posstatusbig p {
	color: #296406;
	display: block;
	font: normal 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}


#widecontent div.posstatusbigfoot {
	display: block;
	height: 8px;
	margin-bottom: 8px;
	width: 696px;
}

/*
	Negativ status
*/

#content div.negstatusbig {
	height: auto;
	padding-top: 8px;
	width: 568px;
}

#content div.negstatusbig strong {
	color: #b41e0a;
	font: bold 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}

#content div.negstatusbig p {
	color: #b41e0a;
	display: block;
	font: normal 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}


#content div.negstatusbigfoot {
	display: block;
	height: 8px;
	margin-bottom: 8px;
	width: 568px;
}

#widecontent div.negstatusbig {
	height: auto;
	padding-top: 8px;
	width: 696px;
}

#widecontent div.negstatusbig strong {
	color: #b41e0a;
	font: bold 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}

#widecontent div.negstatusbig p {
	color: #b41e0a;
	display: block;
	font: normal 11px/13px verdana;
	margin: 0;
	padding: 0 8px 0 38px;
}


#widecontent div.negstatusbigfoot {
	display: block;
	height: 8px;
	margin-bottom: 8px;
	width: 696px;
}

/*
	Neutral status
*/

#widecontent div.infostatusbig {
	border: 2px solid #003278;
	height: auto;
	padding: 8px;
	width: 696px;
}

#widecontent div.infostatusbig strong {
	color: #003278;
	font: bold 11px/13px verdana;
	margin: 0;
	padding: 0;
}

#widecontent div.infostatusbig p {
	color: #003278;
	display: block;
	font: normal 11px/13px verdana;
	margin: 0;
	padding: 0;
}


#widecontent div.infostatusbigfoot {
	display: block;
	height: 8px;
	margin-bottom: 8px;
	width: 696px;
}

/*
	Infolayer
*/

.infolayer {
	display: block;
	width: 576px;
}

.infolayer strong.infoheadline {
	display: block;
	float: left;
	font: bold 12px/12px "trebuchet ms";
	padding: 10px 8px;
	width: 520px;
}

.infolayer a.close {
	display: block;
	float: right;
	height: 32px;
	width: 32px;
	text-decoration: none;
}

.infolayer p {
	display: block;
	clear: both;
	padding: 12px 0 16px 16px;
	width: 538px;
}

.infolayer p a.link {
	color: #b41e0a;
	font-weight: bold;
}

.infolayerend {
	display: block;
	height: 9px;
	margin-top: -16px;
	width: 576px;
}

/* 07.07 Shopping Card ***************************************************/

.deliverystatus {
	border: 1px solid #296406;
	color: #296406;
	display: block;
	padding: 8px;
	width: auto;
}

.deliverystatusfalse {
	border: 1px solid #b41e0a;
	color: #b41e0a;
	display: block;
	padding: 8px;
	width: auto;
}

.fittingarticles {
	display: block;
	width: 704px;
}

.fittingarticles li {
	float: left;
}

.fittingarticles li a img {
	float: left;
}

.fittingarticles li a {
	border: 1px solid #738eb5;
	display: block;
	height: 110px;
	margin-right: 8px;
	text-decoration: none;
	width: 342px;
}

.fittingarticles li a strong {
	display: block;
	font: bold 14px/14px "trebuchet ms";
	float: left;
	margin: 8px 8px 4px 8px;
	width: 144px;
}

.fittingarticles li a small {
	display: block;
	font: normal 11px/15px verdana;
	float: left;
	height: 52px;
	margin: 0 8px 8px 8px;
	width: 144px;
}

.fittingarticles li a em {
	display: block;
	font: bold 24px/14px "trebuchet ms";
	float: left;
	margin: 0 8px 0 8px;
	text-align: right;
	width: 144px;
}

.fittingarticles li a em span {
	font: bold 12px/12px "trebuchet ms";
}

ol.timeline {
	border-bottom: 2px solid #003278;
	display: block;
	height: 18px;
	padding: 8px;
	width: 696px;
}

ol.timeline li {
	color: #9cadd3;
	float: left;
	padding: 0 16px 0 8px;
}

ol.timeline li.visited {
	color: #003278;
	float: left;
	padding: 0 16px 0 8px;
}

ol.timeline li em {
	color: #b41e0a;
	font-weight: bold;
	font-style: normal;
	padding-left: 0;
}

ol.timeline li strong {
	font-weight: bold;
	padding-left: 0;
}

ol.timeline li.visited strong {
	font-weight: bold;
	padding-left: 0;
}

#widecontent label.shoppingp {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 15px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 660px;
}

#widecontent label.shoppingp a {
	color: #b41e0a;
	font-weight: bold;
}

#widecontent label.shoppingp strong {
	font-weight: bold;
}

/*
	Social Bookmark
*/


.socialbookmark {
	display: none;
}

/*
	Article Chooser
*/

.fakedropdown {
	display: none;
}

/*************************************************************************
* 02 Themworld
**************************************************************************/

#contenttheme {
	background: none;	
	width: 100%;
}

#contenttheme h1 {
	color: black;
	font: bold 24px/28px "trebuchet ms";
	margin-bottom: 8px;
}

#contenttheme h2 {
	color: black;
	font: bold 14px/18px "trebuchet ms";
	margin-bottom: 8px;
}

#contenttheme a.posit {
	display: block;
	text-decoration: none;
	margin-bottom: 8px;
}

#contenttheme a.posit strong {
	color: black;
	display: block;
	font: bold 14px/18px "trebuchet ms";
}

#contenttheme a.posit small {
	color: black;
	display: block;
	font: normal 10px/14px "verdana";
	font-style: italic;
}

#contenttheme a.posit span {
	color: black;
	display: block;
	font: normal 10px/14px "verdana";
}

#contenttheme a.posit em {
	background: none;
	color: black;
	display: block;
	font: bold 16px/20px "trebuchet ms";
}

#contenttheme a.zoompos {
	display: block;
}

#contenttheme a.zoompos span.zoom {
	background: none;
	cursor: pointer;
	display: block;
	margin:0;
}

#contenttheme div.themezoomerpos .themezoomer {
	display: none;
}

/********************************************
	TYPO3
*/

table.typo3-adminPanel {
	display:none;
}

div#ui-datepicker-div {
	display:none;
}