html,
body
{
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	background: #FFFFFF url(../images/layout/header_background.gif) repeat-x;
	color: #565464;
	font: normal 12px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
	line-height: 1.675em;
	text-align: center;
}

/* ------- Allgemeine Settings ------------------------------------------------------------------------------ */

a
{
	color: #002F71;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	cursor: pointer;
}
a:hover,
a:focus
{
	text-decoration: underline;
}
a img
{
	border: none;
}
h2
{
	margin: 0;
	padding: 10px 0 6px 0;
	color: #002F71;
	font: normal 16px Georgia, "Times New Roman", Times, Serif;
	line-height: 20px;
}
h3
{
	margin: 0;
	padding: 10px 0 6px 0;
	color: #002F71;
	font-size: 16px;
	line-height: 1.475em;
	font-weight: normal;
}
blockquote
{
	margin: 0;
	padding: 12px 0 12px 0;
	color: #002F71;
	font: normal 16px Georgia, "Times New Roman", Times, Serif;
	font-style: italic;
	line-height: 20px;
}
p
{
	margin: 0;
	padding: 6px 0 6px 0;
}
ol
{
	margin: 0;
	padding: 6px 0 6px 16px;
	text-indent: -16px;
	list-style-position: inside;
}
ol li
{
	margin: 0;
	padding: 0 0 4px 0;
}
ul
{
	margin: 0;
	padding: 6px 0 6px 16px;
}
ul li
{
	margin: 0;
	padding: 0 0 4px 0;
}
table
{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
td
{
	padding: 6px 24px 6px 20px;
}
td.price
{
	text-align: right;
}
th
{
	padding: 6px 24px 6px 20px;
	color: #002F71;
	text-align: left;
}

/* Formulare */

form
{
	margin: 0;
	padding: 0;
}
label
{
	cursor: pointer;
}
input.text,
textarea
{
	padding: 2px 6px 2px 6px;
	border: solid 1px #96B8DF;
	color: #565464;
	font: normal 12px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
}
input.submit
{
	cursor: pointer;
}
textarea
{
	padding-right: 0;
}
select
{
	color: #565464;
	font: normal 12px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
}

/* ------- Framework ---------------------------------------------------------------------------------------- */

#wrapper
{
	position: relative;
	width: 960px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 184px;
	background: #EEF4FC url(../images/layout/header.jpg) no-repeat;
	text-align: left;
}

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

/* Logo */

#logo
{
	position: absolute;
	top: 82px;
	left: 746px;
	width: 140px;
	height: 140px;
	margin: 0;
	padding: 0;
	background: url(../images/layout/logo.gif) no-repeat;
}
#logo a
{
	display: block;
	width: 100%;
	height: 100%;
}
#logo span
{
	display: none;
}
#logo_print
{
	display: none;
}

/* Suche */

#topsearch
{
	float: left;
	width: 208px;
	margin: 245px 0 0 0;
	padding: 15px 24px 0 16px;
}
#topsearch input.text
{
	float: left;
	width: 140px;
	height: 20px;
	padding: 6px 8px 2px 20px;
	background: url(../images/layout/topsearch_input.gif) no-repeat;
	line-height: 18px;
	border: none;
	color: #4D688B;
}
#topsearch_submit
{
	width: 40px;
	height: 28px;
}

/* Navigation */

#navigation
{
	float: left;
	height: 56px;
	margin: 245px 0 0 0;
	padding: 1px 0 0 1px;
	background: url(../images/layout/navigation_button.gif) no-repeat 0 1px;
	list-style-type: none;
}
#navigation li
{
	float: left;
	height: 56px;
	padding: 0;
	background: url(../images/layout/navigation_button.gif) no-repeat right top;
}
#navigation a
{
	float: left;
	height: 56px;
	padding: 0 16px 0 16px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 56px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation a:hover,
#navigation a:focus
{
	background: url(../images/layout/navigation_button.gif) repeat-x 0 -56px;
	padding: 0 15px 0 16px;
	margin: 0 1px 0 0;
}
#navigation li.active
{
	margin-left: -1px;
	padding-left: 1px;
	background: url(../images/layout/navigation_button.gif) repeat-x 0 -112px;
}
#navigation li.active a,
#navigation li.active a:hover,
#navigation li.active a:focus
{
	color: #002F71;
	background: none;
}

/* ------- Linke Spalte ------------------------------------------------------------------------------------- */

#left_column
{
	clear: both;
	float: left;
	width: 200px;
	margin-top: 20px;
}
#left_column a
{
	font-weight: normal;
	font-style: normal;
}
#left_column h2.title
{
	margin: 12px 8px 0 16px;
	padding: 0;
	background: #002F71 url(../images/layout/left_headline_background.gif) no-repeat;
	color: #FFFFFF;
	font: normal 16px Georgia, "Times New Roman", Times, Serif;
}
#left_column h2.title a,
#left_column h2.title span
{
	display: block;
	padding: 12px 48px 10px 24px;
	background-position: 136px 0.545em;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}
#left_column h2.title a:hover,
#left_column h2.title a:focus
{
	color: #CDCBE3;
}
#left_column h2.categories a,
#left_column h2.categories span
{
	background-image: url(../images/layout/icons/categories.gif);
}

/* Linklisten (Submenüs, Kategorie-Auflistung) */

#left_column ul.menu
{
	margin: 0 8px 0 16px;
	padding: 0 0 12px 0;
	list-style-type: none;
}
#left_column ul.menu li
{
	padding: 0;
}
#left_column ul.menu a
{
	display: block;
	padding: 4px 24px 4px 24px;
	text-decoration: none;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
	color: #686679;
}
#left_column ul.menu a:hover,
#left_column ul.menu a:focus
{
	background-color: #DBE4EF;
	color: #002F71;
}
#left_column ul.menu li.active a,
#left_column ul.menu li.active a:hover,
#left_column ul.menu li.active a:focus
{
	background-color: #FFFFFF;
	color: #002F71;
}

/* Feature-Box (Neuheiten, Bestseller, Schnäppchen) */

.features
{
	margin: 12px 8px 0 16px;
	padding: 22px 0 0 0;
	background: #002F71 url(../images/layout/features_top.gif) no-repeat;
}

#left_column .features ul
{
	min-height: 106px;
	margin: 0;
	padding: 0;
	background: url(../images/layout/dots_white.gif) repeat-x left top;
	list-style-type: none;
}
#left_column .features li
{
	padding: 0;
	background: url(../images/layout/dots_white.gif) repeat-x left bottom;
	font: normal 16px Georgia, "Times New Roman", Times, Serif;
	line-height: 20px;
}
#left_column .features a
{
	display: block;
	padding: 6px 48px 6px 24px;
	background-position: 136px 3px;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#left_column .features a:hover,
#left_column .features a:focus
{
	color: #CDCBE3;
	text-decoration: none;
}
#left_column li.novelties a
{
	background-image: url(../images/layout/icons/novelties.gif);
}
#left_column li.bestseller a
{
	background-image: url(../images/layout/icons/bestseller.gif);
}
#left_column li.bargain a
{
	background-image: url(../images/layout/icons/bargain.gif);
}
#left_column .features div
{
	height: 16px;
	background: url(../images/layout/features_bottom.gif) no-repeat bottom;
}

/* Teaser-Element */

#left_column .teaser
{
	width: 180px;
	margin: 12px 6px 0 14px;
}
#left_column .teaser a
{
	display: block;
	width: 180px;
	height: 66px;
}
#left_column .teaser a span
{
	display: none;
}
#left_column .teaser a.newsletter
{
	background: url(../images/layout/teaser_newsletter.jpg) no-repeat;
}
#left_column .teaser a.facebook
{
	height: 64px;
	background: url(../images/layout/teaser_facebook.jpg) no-repeat;
}
#left_column .teaser a.catalogue
{
	background: url(../images/layout/teaser_catalogue.jpg) no-repeat;
}
#left_column .teaser a.engine
{
	margin-top: 8px;
	background: url(../images/layout/button_shop_engine.gif) no-repeat 2px top;
}

/* ------- Layout Inhaltsbereich ---------------------------------------------------------------------------- */

#content
{
	float: left;
	width: 760px;
}

/* Das Hauptpanel und Spalten */

.panel
{
	clear: both;
	width: 712px; /* 760 */
	padding: 0 20px 0 28px;
	background: url(../images/layout/panel.gif) repeat-y;
}

.panel .top
{
	height: 48px;
	margin: 0 -20px 8px -28px;
	background: url(../images/layout/panel_top.gif) no-repeat;
}
.panel .bottom
{
	clear: both;
	height: 48px;
	margin: 0 -20px 0 -28px;
	background: url(../images/layout/panel_bottom.gif) no-repeat;
}
.left_column
{
	float: left;
	width: 332px;
	margin: 0 0 0 -28px;
	padding: 0 16px 0 28px;
}
.right_column
{
	overflow: hidden;
	margin: 0;
	padding: 0 4px 0 28px;
}

/* Panel Standard-Inhaltsseiten */

.content .bottom
{
	margin-top: 12px;
}
.content .left_column
{
	padding: 0 24px 0 28px;
	background: url(../images/layout/dots_gray_vertical.gif) repeat-y right top;
}
.content .right_column
{
	padding: 0 4px 0 20px;
}

/* Panel Produktseiten */

.product
{
	background-image: url(../images/layout/panel_product.gif);
}
.product .top
{
	background-image: url(../images/layout/panel_product_top.gif);
}
.product .bottom
{
	background-image: url(../images/layout/panel_product_bottom.gif);
}

/* Panel Startseite */

.frontpage
{
	background-image: url(../images/layout/panel_frontpage.gif);
}
.frontpage .top
{
	height: 352px;
	margin: 0 -20px -296px -28px;
	background-image: url(../images/layout/panel_frontpage_top.jpg);
}
.frontpage .bottom
{
	background-image: url(../images/layout/panel_frontpage_bottom.gif);
}

/* ------- Inhalte im Inhaltsbereich ------------------------------------------------------------------------ */

/* Content-Headline */

h1
{
	float: left;
	height: auto;
	min-height: 60px;
	margin: 42px 0 0 0;
	padding: 0 24px 0 28px;
	color: #002F71;
	font: normal 24px Georgia, "Times New Roman", Times, Serif;
}
h1 span
{
	color: #545474;
	font: normal 16px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
	line-height: 1.475em;
}
img.category_icon
{
	float: left;
	margin: 36px -16px 0 24px;
}

/* Inhalte Produktübersichtsseiten */

.product_row
{
	clear: both;
	height: 248px;
}
.product_overview
{
	float: left;
	width: 154px;
	/*height: 248px;*/
	overflow: hidden;
	padding: 8px 12px 0 12px;
	text-align: center;
}
.product_overview a
{
	font-weight: normal;
	font-style: normal;
}
.product_overview a:hover,
.product_overview a:focus
{
	text-decoration: none;
}
.product_overview h2
{
	padding: 6px 0 0 0;
}
.product_overview h2 a
{
	color: #002F71;
}
.product_overview img
{
	display: block;
	border: solid 3px #EEF2F7;
}
.product_overview p
{
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 20px;
}
.product_overview p a
{
	color: #686679;
}
.product_overview strong
{
	color: #002F71;
}
.product_overview a:hover,
.product_overview a:focus,
.product_overview a:hover strong,
.product_overview a:focus strong
{
	color: #1E66CA;
}

/* Produktübersicht auf der Startseite */

.product_news
{
	padding: 0 0 0 8px;
}
h2.product_news
{
	margin: 0 0 18px 0;
	padding: 4px 0 6px 20px;
	color: #565464;
	font-size: 22px;
}
h2.product_news a
{
	color: #565464;
	font-weight: normal;
	font-style: normal;
}
h2.product_news a:hover,
h2.product_news a:focus
{
	text-decoration: none;
}
.product_news .product_overview
{
	width: 152px;
	height: 208px;
	padding: 0 16px 0 20px;
	background: url(../images/layout/divisor_vertical.gif) no-repeat top right;
	text-align: left;
}
.product_news .product_overview.last
{
	background: none;
}
.product_news .product_overview h2
{
	margin-top: 6px;
}
.product_news .product_overview img
{
	position: relative;
	left: -3px;
	border: solid 3px #ADCDF0;
}
.product_news div.submit
{
	clear: both;
	margin: 0;
	padding-right: 24px;
}

/* ------- Balken unten (z.B. Pagination) ------------------------------------------------------------------- */

.bar
{
	height: 36px;
	margin: 8px 20px 24px 8px;
	padding: 0 16px 0 20px;
	background: url(../images/layout/bar_background.gif) no-repeat;
}
#results
{
	float: left;
	height: 28px;
	margin: 4px 4px 0 0;
	padding: 0;
	color: #002F71;
	font-weight: bold;
	line-height: 28px;
}
#pagination
{
	position: relative;
	float: right;
	height: 28px;
	margin: 4px 4px 0 0;
	padding: 0;
	line-height: 28px;
	background: url(../images/layout/submit_background.gif) repeat-x;
}
#pagination span.left
{
	display: block;
	top: 0;
	left: -16px;
	position: absolute;
	width: 16px;
	height: 28px;
	background: url(../images/layout/submit_left.gif) no-repeat;
}
#pagination span.right
{
	display: block;
	position: absolute;
	top: 0;
	right: -16px;
	width: 16px;
	height: 28px;
	background: url(../images/layout/submit_right.gif) no-repeat;
}
#pagination a,
#pagination span
{
	color: #ADCDF0;
	font-weight: normal;
	font-style: normal;
}
#pagination a:hover,
#pagination a:focus
{
	text-decoration: none;
}
#pagination a.previous,
#pagination a.next,
#pagination span span
{
	color: #FFFFFF;
}
#pagination a.previous
{
	padding: 0 0 0 24px;
	background: url(../images/layout/icons/pagination_previous.gif) no-repeat left center;
}
#pagination a.next
{
	padding: 0 24px 0 0;
	background: url(../images/layout/icons/pagination_next.gif) no-repeat right center;
}
#pagination span.pages
{
	padding: 0 16px 0 16px;
}
#pagination span a,
#pagination span.current
{
	padding: 0 4px 0 4px;
}
#pagination span a:hover,
#pagination span a:focus
{
	background: #FFFFFF;
	color: #002F71;
}

/* ------- Standard-Inhalte im Inhaltsbereich --------------------------------------------------------------- */

/* Bilder */

.content img.left
{
	float: left;
	padding: 4px 12px 4px 0;
}
.content img.right
{
	float: right;
	padding: 4px 0 4px 12px;
}

/* Liste Produktneuheiten */

ul.new_products
{
	padding: 0;
	list-style-type: none;
}
ul.new_products a
{
	font-style: normal;
	font-weight: normal;
}
ul.new_products h2
{
	margin: 8px 0 0 -216px;
	padding: 4px 0 4px 4px;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}
ul.new_products h2 a
{
	color: #8787A2;
}
ul.new_products a:hover,
ul.new_products a:focus
{
	text-decoration: none;
}
ul.new_products li
{
	padding: 0 0 0 216px;
}
ul.new_products img
{
	float: left;
	margin: 16px 0 16px -216px;
}
ul.new_products p a
{
	color: #565464;
}
ul.new_products p.details
{
	padding: 0 0 12px 0;
}
ul.new_products p.details a
{
	color: #002f71;
	font-style: italic;
}

/* Liste Newsletterarchiv */

ul.news_archiv
{
	padding: 0;
	list-style-type: none;
}

ul.news_archiv a
{
	font-style: normal;
	font-weight: normal;
}

ul.news_archiv h2
{
	margin: 8px 0 0 0;
	padding: 4px 0 4px 4px;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}
ul.news_archiv h2 a
{
	color: #8787A2;
}
ul.news_archiv a:hover,
ul.news_archiv a:focus
{
	text-decoration: none;
}

ul.news_archiv li
{
padding: 4px 0 0 4px;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}

ul.news_archiv a:hover,
ul.news_archiv a:focus
{
	text-decoration: none;
}

ul.news_archiv img
{
	float: left;
	margin: 7px 16px 16px 0;
	border: 1px solid #eef4fc;
}

ul.news_archiv p a
{
	color: #565464;
}

ul.news_archiv span.details a
{
	color: #002f71;
	font-style: italic;
	font-weight: normal;
}

/* Teaserlisten auf der Startseite */

#content .teaser
{
	margin-top: -8px;
	padding: 0;
	list-style-type: none;
}
#content .teaser li
{
	overflow: hidden;
	padding: 16px 0 18px 76px;
}
.left_column .teaser li
{
	border-bottom: solid 1px #8AA4C0;
}
.right_column .teaser li
{
	border-bottom: solid 1px #B1BBC8;
}
#content .teaser li.last
{
	border-bottom: none;
}
#content .teaser a
{
	font-weight: normal;
	font-style: normal;
}
#content .teaser div
{
	float: left;
	margin-left: -76px;
	height: 64px;
}
#content .teaser h2
{
	margin: -2px 0 0 0;
	padding: 0;
}
#content .teaser img
{
	/*
	float: left;
	margin-left: -76px;
	*/
}
.left_column .teaser li img
{
	border: solid 1px #859FBC;
}
#content .teaser p
{
	padding-bottom: 2px;
}
#content .teaser p a
{
	color: #565464;
}

/* Diamant-Tabelle auf der Mineral-Seite */

table.carat
{
	width: 100%;
	margin-bottom: 8px !important;
}
table.carat td,
table.carat th
{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-bottom: none !important;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}
table.carat td
{
	margin: 8px 0 10px 0;
	padding-right: 72px !important;
	text-align: right;
}

/* Box für Rechtshinweise in den AGBs */

div.legal
{
	padding: 4px 32px 6px 32px;
	border: solid 1px #96B8DF;
	color: #002F71;
}

/* Bildboxen Neuheiten-Artikelseite */

div.product_teaser
{
	margin-top: 8px;
	padding: 8px 23px 8px 23px;
	background: #EEF4FC;
	text-align: center;
}
div.product_teaser img
{
	margin: 8px 8px 4px 8px;
	border: solid 1px #ADCDF0;
}
div.product_teaser div
{
	float: left;
	display: inline;
	width: 200px;
	margin: 0 10px 0 10px;
	padding-bottom: 12px;
	border: solid 1px #EEF4FC;
}
div.product_teaser div h3
{
	margin-bottom: -4px;
	padding: 4px 0 0 12px;
	text-align: left;
}
div.product_teaser div img
{
	margin: 0;
}
div.product_teaser .clear
{
	float: none;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}
div.product_teaser p
{
	padding-left: 12px;
	color: #002F71;
	text-align: left;
}

/* Sitemap */

#sitemap a
{
	font-weight: normal;
	font-style: normal;
}
#sitemap a:hover,
#sitemap a:focus
{
	color: #1E66CA;
	text-decoration: none;
}
#sitemap h2
{
	padding: 0;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}
#sitemap h2 a
{
	display: block;
	width: 292px;
	padding: 12px 0 12px 40px;
	background: url(../images/layout/icons/sitemap.gif) no-repeat 6px center;
}
#sitemap ul
{
	padding: 0;
	list-style-type: none;
}
#sitemap li
{
	padding: 0;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
}
#sitemap li a
{
	display: block;
	width: 268px;
	padding: 4px 24px 4px 40px;
	background: url(../images/layout/dots_gray.gif) repeat-x left bottom;
	color: #686679;
}
#sitemap li a:hover,
#sitemap li a:focus
{
	background-color: #EEF4FC;
}

/* Produktübersicht Inline-Suche */

#inline_search
{
	padding-top: 4px;
	padding-bottom: 12px;
}
#inline_search label,
#inline_search input
{
	float: left;
	margin-right: 12px;
}
#inline_search label
{
	width: auto;
}
#inline_search input.submit
{
	position: relative;
	top: -2px;
}
#searchform p.back
{
	clear: both;
	margin: 0 0 16px 24px;
	padding: 0;
}
#searchform p.back a
{
	padding: 0;
}

/* ------- Inhalte Produktdetails --------------------------------------------------------------------------- */

.product h2
{
	color: #002F71;
	font: normal 19px Georgia, "Times New Roman", Times, Serif;
}
.product .left_column h3
{
	color: #002F71;
	font-size: 16px;
	line-height: 1.475em;
	font-weight: normal;
}
.product .left_column img
{
	padding: 3px;
	background: url(../images/layout/product_border.gif) no-repeat;
}
.product .left_column p strong
{
	color: #002F71;
	font-style: italic;
}
.product .left_column dl
{
	float: left;
	width: 162px;
	margin: 4px 0 0 0;
	padding: 0 16px 0 0;
}
.description
{
	margin: 20px 0 0 0;
	padding: 12px 0 0 0;
	border-top: solid 1px #DEE0E3;
}
.product .left_column dl dt
{
	color: #002F71;
	font-size: 16px;
}
.product .left_column dl dd
{
	margin: 0;
	padding: 2px 0 4px 0;
}

/* Lieferzeit > Tooltip */

#delivery
{
	position: relative;
}
#delivery p img
{
	position: relative;
	top: 4px;
	padding: 0;
	background: none;
}
.tooltip
{
	position: absolute;
	z-index: 1;
	left: 280px;
	top: 20px;
	display: none;
	width: 242px;
	background: #FFFFFF url(../images/layout/tooltip_background.gif) repeat-y left top;
}
.tooltip .top,
.tooltip .bottom
{
	width: 242px;
	height: 16px;
	margin: 0;
	background: transparent url(../images/layout/tooltip_border.png) no-repeat left top;
}
.tooltip .top
{
	margin-top: -16px;
}
.tooltip .bottom
{
	margin-bottom: -16px;
	background-position: left bottom;
}
.tooltip p
{
	margin-right: 16px;
	margin-left: 16px;
}

/* Ringgröße > Tooltip */

.ring_sizes
{
	position: relative;
}
.ring_sizes img
{
	position: relative;
	left: 48px;
	margin-bottom: -6px;
}
.ring_sizes .tooltip
{
	left: 112px;
	top: 20px;
}
.ring_sizes .tooltip p
{
	color: #565464;
	font-weight: normal;
}


/* Produktdetails rechte Spalte */

.product .right_column h3
{
	padding: 4px 0 0 0;
	color: #565464;
	font: normal 12px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
}
.product .right_column h3 a
{
	color: #565464;
}
.product .right_column h3 a:hover,
.product .right_column h3 a:focus
{
	text-decoration: underline;
}

/* Stöber-Balken und Verlinkungen */

.browser
{
	width: 326px;
	margin: 6px -4px 8px -4px;
	padding: 0 7px 0 7px;
	background: url(../images/layout/browser.gif) repeat-y;
}
.browser .top
{
	width: 340px;
	height: 8px;
	margin: 0 -7px -2px -7px;
	background: url(../images/layout/browser_top.gif) no-repeat;
}
.browser .bottom
{
	width: 340px;
	height: 8px;
	margin: 0 -7px 0 -7px;
	background: url(../images/layout/browser_bottom.gif) no-repeat left bottom;
}
.browser div.frame
{
	overflow: hidden;
	width: 270px;
	height: 60px;
	float: left;
	position: relative;
}
.browser ul
{
	position: relative;
	height: 60px;
	margin: 0 0 -2px 0;
	padding: 0 6px 0 0;
	list-style-type: none;
	width: 8000px;
}
.browser ul li
{
	float: left;
	margin: 0;
	padding: 0 0 0 6px;
}
.browser ul img
{
	border: solid 1px #9bA4C7;
}
.browser a.button
{
	position: relative;
	float: left;
	margin: 0 0 -2px 0;
}
.browser p
{
	position: relative;
	height: 28px;
	margin: 0 0 -2px 0;
	padding: 0;
	line-height: 28px;
}
.browser p a
{
	position: relative;
	display: block;
	height: 28px;
	padding: 0 32px 0 8px;
	background: url(../images/layout/browser_button_next_small.gif) no-repeat right center;
	color: #565464;
}
.browser p strong
{
	font-style: italic;
}
div.community
{
	margin-top: 20px;
	padding: 8px 0 16px 0;
	background: url(../images/layout/dots_gray.gif) repeat-x left top;
}

/* ------- Buttons (auch für Warenkorb im Header) ----------------------------------------------------------- */

.button
{
	position: relative;
	display: block;
	height: 28px;
	margin: 12px 16px 0 12px;
	padding: 0;
	background: url(../images/layout/button.gif) repeat-x;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: 28px;
	cursor: pointer;
}
.button:hover,
.button:focus
{
	text-decoration: none;
}
.button .left
{
	position: absolute;
	top: 0;
	left: -16px;
	display: block;
	width: 16px;
	height: 28px;
	background: url(../images/layout/button_left.gif) no-repeat;
}
.button .right
{
	position: absolute;
	top: 0;
	right: -16px;
	display: block;
	width: 16px;
	height: 28px;
	background: url(../images/layout/button_right.gif) no-repeat;
}
.button .icon
{
	z-index: 1;
	position: absolute;
	top: 6px;
	right: -6px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
.recommendation .icon
{
	background-image: url(../images/layout/icons/button_recommendation.gif);
}
.wish .icon
{
	background-image: url(../images/layout/icons/button_wish.gif);
}
.empty_shopping_cart .icon
{
	background-image: url(../images/layout/icons/button_empty_shopping_cart.gif);
}

/* ------- Tabelle Produktvarianten ------------------------------------------------------------------------- */

#variants
{
	width: 732px;
	margin: 8px 0 16px 8px;
	background: #FFFFFF url(../images/layout/variants_header.gif) no-repeat left top;
}
#variants td
{
	background: #EEF4FC;
	border-right: solid 1px #D8E7FB;
	border-bottom: solid 1px #D8E7FB;
}
#variants td.first
{
	border-left: solid 1px #D8E7FB;
}
#variants tr.second td
{
	background: #FFFFFF;
}
#variants th
{
	padding-top: 12px;
	padding-bottom: 10px;
	border-right: solid 1px #D8E7FB;
	border-bottom: solid 1px #D8E7FB;
}
#variants th.shopping_cart
{
	border-right: none;
}
table input.text
{
	width: 32px;
	margin-right: -6px;
	text-align: right;
}
table td.count
{
	width: 40px;
	text-align: right;
}
table .shopping_cart
{
	width: 192px;
}
table .action a,
table .action input.submit
{
	overflow: visible;
	padding: 3px 0 3px 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
	color: #002F71;
	font: normal 13px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
}
table .action a:hover,
table .action a:focus,
table .action input.submit:hover,
table .action input.submit:focus
{
	color: #1E66CA;
	text-decoration: underline;
}
table .shopping_cart a,
table .shopping_cart input.submit
{
	background-image: url(../images/layout/icons/variants_shopping_cart.gif);
}
table .shopping_cart a:hover,
table .shopping_cart a:focus,
table .shopping_cart input.submit:hover,
table .shopping_cart input.submit:focus
{
	background-image: url(../images/layout/icons/variants_shopping_cart_hover.gif);
	text-decoration: none;
}
table .delete
{
	width: 136px;
}
table .delete a,
table .delete input.submit
{
	background-image: url(../images/layout/icons/delete.gif);
}
#variants td.footer
{
	height: 22px;
	padding: 0;
	background: url(../images/layout/variants_footer.gif) no-repeat left bottom;
	border: none;
}

/* ------- Warenkorb-Tabelle -------------------------------------------------------------------------------- */

#shopping_cart
{
	width: 712px;
	margin-bottom: 0;
}
#shopping_cart a
{
	font-weight: normal;
	font-style: normal;
}
.panel table
{
	margin: 0 0 0 -4px;
	border-collapse: collapse;
}
.panel table td
{
	padding: 12px 16px 12px 0;
	border-bottom: solid 1px #CCCCCC;
	color: #002F71;
	vertical-align: top;
}
.panel table th
{
	padding: 6px 0 6px 4px;
	border-bottom: solid 1px #CCCCCC;
	color: #565464;
	font-weight: normal;
}
.panel table h2
{
	padding: 0;
	color: #002F71;
	font: normal 19px Georgia, "Times New Roman", Times, Serif;
}
.panel table h2 a
{
	color: #002F71;
}
.panel table p
{
	padding: 4px 0 0 0;
	color: #565464;
	line-height: 16px;
}
.panel table p a
{
	color: #565464;
}
.panel table img
{
	float: left;
	margin: 3px 16px 0 0;
	border: solid 1px #9BA4C7;
}
.panel table td.price
{
	width: 64px;
	padding-left: 0;
}
.panel table td.article
{
	padding-left: 76px;
}
.panel table td.article img
{
	margin-left: -76px;
}
.panel table td.count input.text
{
	position: relative;
	top: -2px;
}
.panel table td.action
{
	width: 132px;
	padding-right: 0;
}
.panel table td.article
{
	padding-top: 7px;
	width: 268px;
}

/* Submit-Zeile */

div.submit
{
	height: 40px;
	margin: 0 4px 0 -4px;
	padding: 10px 8px 0 0;
	text-align: right;
}
div.submit.last
{
	position: relative;
	margin-bottom: -18px;
}
div.submit input.submit
{
	margin-left: 8px;
	height: 28px;
}

/* Gesamtbetrag */

#pricing
{
	width: 712px;
	margin-top: -1px;
	background: #FFFFFF url(../images/layout/pricing_background.gif) repeat-x;
	border-collapse: separate;
}
#pricing td
{
	padding: 2px 152px 2px 16px;
	border: none;
	border-right: solid 1px #C6D5E8;
	text-align: right;
}
#pricing th
{
	width: 344px;
	padding: 2px 16px 2px 0;
	border: none;
	border-left: solid 1px #C6D5E8;
	text-align: right;
}
#pricing tr.first td,
#pricing tr.first th
{
	padding-top: 12px;
	border-top: solid 1px #C6D5E8;
}
#pricing tr.last td,
#pricing tr.last th
{
	padding-bottom: 12px;
}
#pricing tr.total td,
#pricing tr.total th
{
	padding-top: 15px;
	padding-bottom: 16px;
	background: url(../images/layout/pricing_footer.gif) no-repeat left top;
	color: #002F71;
	font-size: 16px;
	border: none;
}
#pricing tr.total td
{
	background-position: right top;
}

/* ------- Formular-Seiten (insbesondere Elemente der Bestellung) ------------------------------------------- */

.step_description
{
	margin-bottom: 24px;
}

.back a
{
	padding-top: 8px;
	margin-bottom: -8px;
}

.info
{
	margin: 4px 0 4px -4px;
	padding: 5px 24px 4px 24px;
	background: #EEF4FC;
}
.info p
{
	padding: 0;
}
.info p strong
{
	color: #002F71;
}
.error
{
	background: #F6ECED;
	border: solid 1px #EA686C;
}
.error p strong
{
	color: #B11015;
}
#content .info.newsletter
{
	padding-left: 48px;
}
.info.newsletter input.checkbox
{
	float: left;
	height: 12px;
	display: inline;
	margin:  3px 0 0 -24px;
}
.voucher
{
	margin-top: 14px;
	padding: 16px 24px 16px 24px;
}
.voucher label
{
	clear: both;
	float: left;
	display: inline;
	height: 28px;
	margin: 12px 0 0 0;
	padding: 0;
	color: #002F71;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
}
.voucher input
{
	float: left;
	display: inline;
	margin: 12px 0 0 16px;
}
.voucher input.text
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.voucher p
{
	clear: both;
	padding: 0;
}
div.row
{
	clear: both;
	min-height: 24px;
	padding: 10px 0 10px 0;
	background: url(../images/layout/dots_gray.gif) repeat-x left top;
}
div.row.first
{
	margin-top: 12px;
}
div.row.last
{
	height: 1px;
	min-height: 1px;
	padding: 0;
}
div.row div
{
	position: relative;
	top: 2px;
}
div.row div.info
{
	position: static;
	padding: 8px;
	margin: -5px 4px -6px 4px;
}
div.row label
{
	padding: 3px 0 3px 0;
	color: #002F71;
	line-height: 20px;
}
div.row label.main
{
	float: left;
	width: 172px;
	margin: 0;
	padding: 2px 0 2px 24px;
	color: #565464;
}
div.row div.captcha p,
div.row img.captcha
{
	margin-left: 25px;
}
label strong,
strong.required
{
	color: #B11015;
}
div.row input.text,
div.row textarea
{
	width: 220px;
	line-height: 20px;
	color: #002F71;
}
div.row textarea
{
	width: 226px;
	height: 128px;
	line-height: 20px;
	color: #002F71;
}
div.row input.radio
{
	width: 12px;
	height: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
div.row label.radio
{
	padding: 3px 40px 3px 8px;
}
div.row select
{
	width: 234px;
	border: solid 1px #96B8DF;
	color: #002F71;
}
div.row div.input
{
	margin-left: 182px;
}

/* Bestellung Zahlungsart */

div.row div.first
{
	margin-top: 8px;
}
div.row div.row label.main
{
	padding-left: 38px;
}
div.row div.prepayment
{
	padding: 12px 32px 16px 38px;
}
div.row div.prepayment.left
{
	float: left;
	width: 286px;
	padding-top: 0;
}
div.row div.prepayment.right
{
	margin: 0 4px 0 356px;
	border: solid 1px #EEF4FC;
	color: #002F71;
}
div.row.creditcard
{
	position: relative;
}
div.row.creditcard img
{
	position: absolute;
	top: 10px;
	border: solid 1px #DBE6F4;
}
div.row.creditcard img.visa
{
	left: 148px;
}
div.row.creditcard img.mastercard
{
	left: 192px;
}

/* Produkt weiterempfehlen / als Wunsch verschicken */

div.product_recommendation
{
	padding: 12px 24px 12px 24px;
	background: #EEF4FC;
}
div.product_recommendation h3
{
	padding: 0;
}
div.product_recommendation h3 a
{
	font-weight: normal;
	font-style: normal;
}
#content div.product_recommendation a.product_image
{
	position: relative;
	float: left;
	display: inline;
	margin: 2px 12px 0 -8px;
	border: solid 1px #9ba4c7;
}
div.product_recommendation p
{
	padding: 0;
	color: #002F71;
}
#product_recommendation div.info.error
{
	margin-bottom: 16px;
}
#product_recommendation h2
{
	padding: 24px 0 12px 0;
}

/* Anfragen (Kontakt, Katalog, Gutschein) */

#form_anfrage h2
{
	padding: 16px 0 4px 0;
}

#form_anfrage #form_postal
{
	width: 50px;
}
#form_anfrage #form_city
{
	width: 152px;
}

/* ------- Warenkorb im Header ------------------------------------------------------------------------------ */

#top_shopping_cart
{
	position: absolute;
	top: 0px;
	left: 600px;
	z-index: 2;
	width: 336px;
}
#top_shopping_cart .button
{
	margin: 8px 16px 0 16px;
	padding-left: 32px;
	background-image: url(../images/layout/button_cart.gif);
	font-size: 12px;
}
#top_shopping_cart span.left
{
	background-image: url(../images/layout/button_cart_left.gif);
}
#top_shopping_cart span.right
{
	background-image: url(../images/layout/button_cart_right.gif);
}
#top_shopping_cart span.icon
{
	background-image: url(../images/layout/icons/button_down.gif);
	background-position: 0 -2px;
}
#top_shopping_cart span.shopping_cart
{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background: url(../images/layout/icons/button_shopping_cart.gif) no-repeat 0 1px;
}

#top_shopping_cart .button:hover,
#top_shopping_cart .button:focus,
#top_shopping_cart .button.active,
#top_shopping_cart .button.active:hover,
#top_shopping_cart .button.active:focus
{
	background-image: url(../images/layout/button_cart_hover.gif);
}
#top_shopping_cart .button:hover span.left,
#top_shopping_cart .button:focus span.left,
#top_shopping_cart .button.active span.left,
#top_shopping_cart .button.active:hover span.left,
#top_shopping_cart .button.active:focus span.left
{
	background-image: url(../images/layout/button_cart_left_hover.gif);
}
#top_shopping_cart .button:hover span.right,
#top_shopping_cart .button:focus span.right,
#top_shopping_cart .button.active span.right,
#top_shopping_cart .button.active:hover span.right,
#top_shopping_cart .button.active:focus span.right
{
	background-image: url(../images/layout/button_cart_right_hover.gif);
}
#top_shopping_cart .button:hover span.icon,
#top_shopping_cart .button:focus span.icon,
#top_shopping_cart .button.active span.icon,
#top_shopping_cart .button.active:hover span.icon,
#top_shopping_cart .button.active:focus span.icon
{
	background-image: url(../images/layout/icons/button_down_hover.gif);
}
#top_shopping_cart .button:hover span.shopping_cart,
#top_shopping_cart .button:focus span.shopping_cart,
#top_shopping_cart .button.active span.shopping_cart,
#top_shopping_cart .button.active:hover span.shopping_cart,
#top_shopping_cart .button.active:focus span.shopping_cart
{
	background-image: url(../images/layout/icons/button_shopping_cart_hover.gif);
}
#top_shopping_cart div.options
{
	padding: 5px 16px 4px 16px;
	text-align: right;
}
#top_shopping_cart div.options a
{
	margin-left: 8px;
}
#cart_detail
{
	display: none;
	margin-top: -14px;
	padding-top: 18px;
	background-color: #E8F1FC;
	border: solid 1px #7E87B4;
}
#cart_detail table
{
	width: 100%;
	margin: 0;
	background: transparent;
	border: none;
}
#cart_detail table td
{
	padding: 3px 16px 3px 16px;
	background: url(../images/layout/dots_gray.gif) repeat-x left top;
	color: #565464;
}
#cart_detail table td.count
{
	width: 22px;
}
#cart_detail table td.price
{
	text-align: right;
}
#cart_detail table th
{
	width: 160px;
	padding: 3px 16px 3px 16px;
	background: url(../images/layout/dots_gray.gif) repeat-x left top;
	color: #3a3944;
}
#cart_detail table tr.total td,
#cart_detail table tr.total th
{
	padding-top: 6px;
	padding-bottom: 6px;
	color: #498732;
}

/* ------- Footer ------------------------------------------------------------------------------------------- */

#clear
{
	clear: both;
	font-size: 0;
	line-height: 0;
}
.clear
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
#footer
{
	position: relative;
	width: 960px;
	height: 184px;
	margin: -184px auto 0 auto;
	background: url(../images/layout/footer_background.jpg) no-repeat;
}
#footer a
{
	font-weight: normal;
	font-style: normal;
}
#footer a:hover,
#footer a:focus
{
	text-decoration: none;
}
#footer h2
{
	width: 446px;
	margin: 10px auto 2px auto;
	padding: 12px 0 12px 82px;
	background: url(../images/layout/button_lynet.gif) no-repeat left center;
	color: #FFFFFF;
	font: normal 13px "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
	line-height: 1.675em;
}
#footer h2 span
{
	font-weight: bold;
}
#footer p
{
	padding: 0;
	color: #FFFFFF;
}
#footer p.links
{
	width: 416px;
	margin: 0 auto 0 auto;
	padding: 34px 0 4px 0;
	border-bottom: solid 1px #C8CFE8;
	color: #545474;
	letter-spacing: 1px;
}
#footer p.links a
{
	color: #545474;
	letter-spacing: 0;
}
#footer p.legal
{
	padding-top: 6px;
	color: #002F71;
	letter-spacing: 1px;
}
#footer p.legal a
{
	color: #002F71;
	letter-spacing: 0;
}
#footer p.trademark
{
	padding-top: 2px;
	line-height: 16px;
}

/* ------- Jahreszeiten ------------------------------------------------------------------------------------- */

.spring #wrapper
{
	background-image: url(../images/layout/header_fruehling.jpg);
}
.spring #footer
{
	background-image: url(../images/layout/footer_background_fruehling.jpg);
}

.summer
{
	background-image: url(../images/layout/header_background_sommer.gif);
}
.summer #wrapper
{
	background-image: url(../images/layout/header_sommer.jpg);
}
.summer #footer
{
	background-image: url(../images/layout/footer_background_sommer.jpg);
}

.autumn
{
	background-image: url(../images/layout/header_background_herbst.gif);
}
.autumn #wrapper
{
	background-image: url(../images/layout/header_herbst.jpg);
}
.autumn #footer
{
	background-image: url(../images/layout/footer_background_herbst.jpg);
}