/**
	@media      screen
	@version	1.2 (2010-05-14)
	
	@author     Katja Deutschmann
				Schwarz E-Commerce GmbH & Co. KG
				Stiftsbergstr. 1
				74166 Neckarsulm

	@content
		00 General
		01 Header
		02 Meta Navigation
			02.1 Breadcrumb
			02.2 Search
		03 Main Navigation
			03.1 Sub Navigation Mouseover-Layer
		04 Sub Navigation and Context
			04.1 Sub Navigation
			04.2 Context
		05 Content
			05.1 Content Boxes
			05.2 Teaser Boxes
			05.3 General
			05.4 Special
			05.5 Links
			05.6 Forms
			05.7 Tables
				05.7.1 Sortable Tables
			05.8 Tabs
			05.9 Navigation Moduls
				05.9.1 Inline Navigation Modul (on detail page)
			05.10 Expandable Boxes	
			05.11 Sitemap
		06 Layer
		07 Footer	
		08 TYPO3
*/


/********************************************
	00 General
*/

body {
	background: #e0dfe3 url('../imgs/bg.png') repeat-x left top;
	color: #333333;	
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0 0 1px 0;
	padding: 0;
	text-align: center;
}

#wrapper {
	background: #e0dfe3 url('../imgs/body_bg.png') repeat-y left top;	
	margin: 11px auto 25px auto;
	text-align: left;
	width: 987px;
}

.screenreader {
	display: none;
}


div.head, div.foot {
	background: #e7e7e7 url('../imgs/boxes.png') no-repeat;
	font-size: 6px;
	height: 10px;
}

div.body {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0 9px 0 9px;	
}


/********************************************
	01 Header
*/

#header {
	background: #ffffff url('../imgs/head_bg.jpg') no-repeat left top;
	height: 162px;
	margin: 0;
	padding: 0 15px 0 15px;	
	position: relative;
}

a#logo {
	background-image: none;
	left: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
}

span#slogan {
	display: none;
}


/********************************************
	02 Meta Navigation
*/

/* 02.1 Breadcrumb */

#breadcrumb {
	float: left;
	font-size: 11px;
	height: 14px;
	margin: 12px 0 16px 25px;
	overflow: hidden;
	width: 700px;
}

#breadcrumb strong {
	color: #bf0c04;
	float: left;
}

#breadcrumb ul {
	margin: 0 0 0 10px;
	float: left;
	padding: 0;
}

#breadcrumb ul li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
	width: auto;	
}

#breadcrumb ul li.active {
	color: #bf0c04;
}

#breadcrumb ul li span {
	color: #bf0c04;
	display: inline;
	padding: 0 5px 0 5px;
}

#breadcrumb ul li a {
	background-image: none;
	display: inline;
	font-size: 10px;
	height: auto;
	padding: 0;
	text-transform: uppercase;
}


/* 02.2 Search */

#search {
	float: right;
	margin-top: 9px;
	position: relative;
	right: 25px;
}

#search label {
	float: left;
	margin-top: 2px;
}

#search input {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
	width: 138px;
}


/********************************************
	03 Main Navigation
*/

#mainnav {
	border-top: 1px solid #ffffff;	
	clear: both;
	height: 34px;
	left: 15px;
	margin-top: 90px;
	position: absolute;
	top: 38px;
	width: 957px;
}

#mainnav ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainnav ul li {
	background: transparent url('../imgs/mainnav_bg.png') repeat-x right -35px;
	display: table;	
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 106px;
}

#mainnav ul li.active {
	background-position: right 0px;
}

#mainnav ul li span {
	display: table-cell;
	text-align: center;		
	vertical-align: middle;
	width: 106px;	
}

#mainnav ul li span a {
	color: #ffffff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 6px 3px 4px;
	text-align: center;		
	text-decoration: none;
	width: 96px;
}

#mainnav ul li:hover, #mainnav ul li.active:hover {
	background-position: right -105px;
}

#mainnav ul li.last:hover  {
	background-position: left -105px;
}

#mainnav ul li.active span a,
#mainnav ul li:hover span a,
#mainnav ul li span a:hover, #mainnav ul li:hover span a:hover, 
#mainnav ul li.active span a:hover, #mainnav ul li.active:hover span a:hover {
	color: #bf0c04 !important;
}

#mainnav ul li.last {
	background-position: left -70px;
	padding: 0;
	width: 109px;	
}

#mainnav ul li.last span {
	background-image: none;
}


/* 03.1 Sub Navigation Mouseover-Layer */

#mainnav ul li div {
	display: none;
	margin-left: -106px;
	position: absolute;
	top: 34px;
	width: 166px;
	z-index: 2;	
}

#mainnav ul li:hover div {
	display: block;
}

#mainnav ul li div.head {
	background-position: left -140px;
	margin: 0;
	position: static;
	width: 166px;
}

#mainnav ul li div.foot {
	background-color: transparent;
	background-position: left -150px;	
	margin: 0;	
	position: static;	
	width: 166px;
}

#mainnav ul li div.body {
	background-color: #ffffff;
	margin: 0;
	position: static;	
	width: 146px;
}

#mainnav ul li div strong {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#mainnav ul li div ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 146px;
}

#mainnav ul li div ul li {
	background-image: none;
	display: block;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
}

#mainnav ul li div ul li a, #mainnav ul li.active div ul li a {
	background: url('../imgs/arrow.png') no-repeat left 1px;	
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	height: auto;
	padding: 0 0 4px 8px;
	text-align: left;
	text-decoration: none;
}

#mainnav ul li div ul li a:hover, #mainnav ul li div ul li a:active {
	background-position: left 1px;	
	color: #bf0c04;
	text-decoration: underline;
}

#mainnav ul li.active div ul li.active a {
	background-position: left 1px;	
	color: #bf0c04;
	font-weight: bold;
	text-decoration: none;
}


/********************************************
	04 Sub Navigation and Context
*/

#subnav_context {
	clear: both;
	float: left;
	padding-left: 25px;
	width: 166px;
}


/* 04.1 Sub Navigation */

#subnav {
	clear: both;
}

#subnav span {
	display: block;
	margin-bottom: 8px;
}

#subnav span strong {
	font-size: 14px;
	font-weight: bold;
	color: #bf0c04;
}

#subnav ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnav ul li {
	background-image: none;
	border-top: 1px solid #8d9595;	
	padding: 10px 10px 9px 10px;
}

#subnav ul li.active {
	background: url('../imgs/arrow.png') no-repeat left 11px;	
}

#subnav ul li a {
	background-image: none;
	font-size: 12px;
	padding: 0;
	text-decoration: none;
}

#subnav ul li a:hover {
	text-decoration: underline;
}

#subnav ul li.active a {	
	color: #bf0c04;
	font-weight: bold;	
}

#subnav ul li.active a:hover {
	text-decoration: none;
}



/* 04.2 Context */

div.contextbox {
	margin-bottom: 10px;
	width: 166px;
}

div.contextbox div.head {
	background-position: 0px -80px;
	width: 166px;
}

div.contextbox div.foot {
	background-position: 0px -90px;
	width: 166px;
}

div.contextbox div.body {
	background-color: #ffffff;
}

div.contextbox h1 {
	background-color: #bf0c04;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 16px;
	margin: 0;
	padding: 8px 6px 0px 6px;
}

div.contextbox h2 {
	color: #333333;
	margin-top: 10px;
}

div.contextbox legend {
	color: #333333;	
	margin: 0;
	padding: 10px 0 5px 0;
}

div.contextbox select {
	width: 144px;
}

div.contextbox input#datum1,
div.contextbox input#datum2 {
	width: 109px;
	margin-right: 0;
}

div.contextbox hr {
	margin: 10px 0 0 0;	
}

div.contextbox p, div.contextbox label {
	font-size: 11px;
	line-height: 13px;	
}

div.contextbox div#memorylist p {
	background: url('../imgs/imgicon_notes.png') no-repeat left top;
	padding-bottom: 15px;
	padding-left: 70px;
}

div.contextbox div#memorylist p strong {
	white-space: nowrap;
}

div.contextbox div#faq p {
	background: url('../imgs/imgicon_faq.png') no-repeat left top;
	padding-bottom: 5px;
	padding-left: 70px;	
}

div.contextbox div#context_nl p {
	background: url('../imgs/imgicon_nl.png') no-repeat left top;
	padding-bottom: 5px;
	padding-left: 70px;	
	margin-right: -1px;
}

form#quicksearch_form label {
	clear: left;
	display: block;
	float: left;
	padding-top: 2px;
	width: 20px;
}


/********************************************
	05 Content
*/

#content {
	float: left;
	margin-bottom: 30px;
	margin-left: 13px;
	position: relative;
	width: 768px;
	z-index: 1;	
}

/* 05.1 Content Boxes */

div.contentbox {
	clear: both;
	margin-bottom: 10px;
	text-align: left;
	width: 758px;
}

div.contentbox div.head {
	background-position: 0px 0px;
}

div.contentbox div.foot {
	background-position: 0px -10px;
}

div.contentbox div.body {
	background-color: #ffffff;
}

div.contentbox h1, 
div.teaserbox h1 {
	background-color: #bf0c04;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 16px;
	margin: 0;
	padding: 8px 6px 0px 6px;
	position: relative;
}

div.contentbox h2 {
	margin-top: 10px;
}

div.contentbox.infoheader p {
	padding-bottom: 0px;
	padding-top: 10px;
}

div.contentbox.infoheader p strong {
	color: #bf0c04;
}


/* 05.2 Teaser Boxes */

div.teaserbox {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;		
}

div.teaserbox img {
	float: none;
}

div.teaserbox.single {
	width: 182px;
}

div.teaserbox.double {
	width: 374px;
}

div.teaserbox.triple {
	width: 566px;
}

div.teaserbox.quad {
	width: 758px;
}

div.teaserbox.single div.head {
	background-position: left -60px;
}

div.teaserbox.double div.head {
	background-position: left -40px;
}

div.teaserbox.triple div.head {
	background-position: left -20px;
}

div.teaserbox.quad div.head {
	background-position: left top;
}

div.teaserbox.single div.foot {
	background-position: left -70px;
}

div.teaserbox.double div.foot {
	background-position: left -50px;
}

div.teaserbox.triple div.foot {
	background-position: left -30px;
}

div.teaserbox.quad div.foot {
	background-position: left -10px;
}

div.teaserbox div.body {
	background-color: #ffffff;
	height: 308px;	
}

div.teaserbox div.body.category {
	height: 180px;
}

div.teaserbox.quad div.body {
	height: 354px;
}

div.teaserbox h2 {
	margin-top: 14px;
}

div.teaserbox.single div.price,
div.teaserbox.double div.price {
	bottom: 29px;
	position: absolute;
	right: 10px;	
}

div.teaserbox.single div.stars {
	height: 14px;	
	position: absolute;
	right: 9px;
	top: 138px;
}

div.teaserbox.single strong.soldout,
div.teaserbox.single strong.tempsoldout {
	left: 20px;
	position: absolute;
	top: 101px;
}

div.teaserbox.single strong.specialfeature {
	/* fix for IE6 in main.js */
	max-width: 152px;
	top: 116px;
}

div.teaserbox.double strong.soldout,
div.teaserbox.double strong.tempsoldout {
	left: 116px;
	position: absolute;
	top: 215px;
}

div.teaserbox.quad strong.soldout,
div.teaserbox.quad strong.tempsoldout {
	left: 212px;
	position: absolute;
	top: 329px;
}

div.teaserbox.quad strong.specialfeature {
	/* fix for IE6 in main.js */
	max-width: 536px;
	right: 202px;
	top: 344px;
}

div.teaserbox.single a.next, 
div.teaserbox.double a.next {
	bottom: 10px;
	left: 10px;
	position: absolute;
}

div.teaserbox.quad div.part1 {
	width: 546px;
	margin-right: 30px;
}

div.teaserbox.quad div.part2 {
	width: 162px;
}

div.teaserbox.quad div.part2 a.next {
	position: relative;
}

div.teaserbox div.navmodul {
	bottom: 10px;
	margin: 0;
	position: absolute;
	right: 10px;
	width: 162px;
}

div.teaserbox div.navmodul a.prev_button {
	background: url('../imgs/prev_big.png') no-repeat left bottom;
}

div.teaserbox div.navmodul a.next_button {
	background: url('../imgs/next_big.png') no-repeat left bottom;
	float: right;
}

div.teaserbox div.navmodul a.prev_button:hover,
div.teaserbox div.navmodul a.prev_button:active {
	background-image: url('../imgs/prev_big_hov.png');
}

div.teaserbox div.navmodul a.next_button:hover,
div.teaserbox div.navmodul a.next_button:active {
	background-image: url('../imgs/next_big_hov.png');
}

div.teaserbox div.navmodul a.prev_button img,
div.teaserbox div.navmodul a.next_button img  {
	visibility: hidden;
}


/* 05.3 General */

h1 {
	clear: both;
	color: #bf0c04;
	font-size: 18px;
	font-weight: bold;
}

h1 {
	clear: both;	
	color: #333333;
	font-size: 18px;
	font-weight: normal;	
}

h2 {
	clear: both;	
	color: #bf0c04;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;	
	margin: 0 0 5px 0;
}

h3 {
	clear: both;	
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
}

p, ul, ol {
	margin: 0;
	padding: 0 0 10px 0;
}

ul {
	list-style-image: none;
	list-style-type: none;
}

ul li, ol ul li {
	background: transparent url('../imgs/bullet.png') no-repeat left 2px;
	margin: 0;
	padding: 0 0 0 10px;
}

ul.list li, ol ul.list li,
ul.ankerlist li, ol ul.ankerlist li,
ul.linklist li, ol ul.linklist li {
	background: transparent url('../imgs/arrow.png') no-repeat left 1px;
	margin: 0;
	padding: 0 0 0 10px;
}

ul.multiplelines li {
    padding-bottom: 10px;
}

ol li {
	margin: 0 0 0 20px;
	padding: 0;	
}

ol.multiplelines li {
    padding-bottom: 10px;
}

ul ul, ul ol, ol ol, ol ul {
	margin: 0;
	padding: 0 0 0 20px;
}

ol ol, ul ol {
	list-style-image: none;
	list-style-type: lower-alpha;
}

ul ol li {
	background-image: none;
}

hr {
	border: none;
	background-color: #8D9595;
	clear: both;
	color: #8D9595;
	height: 1px;
	margin: 0;
	padding: 0;
}

hr.last {
	visibility: hidden;
}

br {
	clear: both;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
}

img, a img {
	border-style: none;
	float: left;	
	margin: 0;
	padding: 0;
}

td a img {
	float: none;
}

img.left {
	float: left;
	margin: 0 10px 0 0;
	padding-bottom: 10px;
}

img.right {
	float: right;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
}

img.nofloat {
	float: none;
}

strong {
	font-weight: bold;
}

strong.active {
	color: #bf0c04;
}

.last {
	margin-bottom: 0;
	padding-bottom: 0;
}

.nowrap {
	white-space: nowrap;
}


/* 05.4 Special */

.stars img {
	float: none;
	margin-left: 2px;
}

h1 .stars img {
	margin-left: 3px;
}

span.stars {
	position: absolute;
	right: 6px;
}

div.price {
	color: #bf0c04;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

div.price strong {
	font-size: 28px;
}

div.price span.annotation {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

div.thumbs {
	clear: both;
	margin: 0 0 10px 0;
}

div.thumbs img {	
	margin: 0 5px 10px 5px;
	padding: 0;
}

div#detailimagebox {
	height: 210px;
	margin-bottom: 10px;	
	position: relative;	
	width: 354px;
}

div#detailzoomimagebox {
	background: transparent url('../imgs/zoomimage_bg.png') left top;
	height: 334px;
	position: absolute;
	width: 556px;
	z-index: 2;
}

div#detailimagebox img, div#detailzoomimagebox img {
	float: none;
}

div#detailimagebox a#zoomer img.zoom_button, div#detailzoomimagebox a#closer img.close_button  {
	float: left;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 20px;	
}

div#detailimagebox strong.soldout.layer, div#detailimagebox strong.tempsoldout.layer {
	left: 106px;
	position: absolute;
	top: 175px;
}

div#detailimagebox strong.specialfeature {
	/* fix for IE6 in main.js */	
	max-width: 344px;
	position: absolute;
	right: 0px;
	text-decoration: none;
	top: 190px;
}

strong.soldout, strong.tempsoldout {
	background: transparent url('../imgs/soldout.png') no-repeat top left;
	color: #333333;
	display: block;
	font-size: 11px;
	font-weight: normal;
	height: auto;	
	padding: 4px 0px 4px 30px;			
	width: 110px;			
}

strong.specialfeature {
	background-color: #009ee0;
	color: #ffffff;
	display: inline-block;
	font-size: 9px;
	height: 17px;
	overflow: hidden;
	padding: 3px 5px 0 5px;
	position: absolute;
	right: 10px;
	text-align: right;
	width: auto;
	white-space: nowrap;
}

strong.soldout.layer, strong.tempsoldout.layer {
	background: transparent url('../imgs/soldout_bg.png') no-repeat top left;		
	height: 10px;	
	padding: 9px 0px 11px 32px;	
}

.annotation {
	color: #999999;	
}

p.annotation {
	font-size: 11px;
	line-height: 13px;
	margin-top: 10px;
}

p.footnote {
	color: #999999;	
	font-size: 9px;
}

sup {
	font-size: 9px;
}

strong.match {
	background: transparent url('../imgs/match.png') no-repeat left 1px;
	padding-left: 13px;
}

strong.mismatch {
	background: transparent url('../imgs/mismatch.png') no-repeat left 2px;
	padding-left: 13px;
}

iframe {
	margin: 0 0 10px 0;
}

/* 05.5 Links */

a {
	color: #333333;
	padding: 0;
	text-decoration: underline;
}

a:hover, a:active {
	color: #bf0c04;
	text-decoration: underline;
}

a.onlyimage {
	background-image: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

a.inline {
	background: transparent url('../imgs/arrow.png') no-repeat 2px 1px;
	margin: 0;
	padding: 0 0 0 10px;	
}

a.next, a.print, a.totop, a.recommend, a.search, a.prev, a.select, a.note, a.check, a.delete {
	background-color: transparent;
	background-image: url('../imgs/next.png');	
	background-position: top left;
	background-repeat: no-repeat;	
	display: block;
	font-size: 11px;
	padding: 4px 0px 4px 30px;	
}

a.next_button,
a.prev_button,
a.delete_button,
a.search_button,
a.calendar_button {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;	
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

a.print {
	background-image: url('../imgs/print.png');	
	width: 100px;
}

a.print:hover, a.print:active {
	background-image: url('../imgs/print_hov.png');		
}	

a.check {
	background-image: url('../imgs/check.png');
}

a.check:hover, a.check:active {
	background-image: url('../imgs/check_hov.png');
}

a.delete,
a.delete_button {
	background-image: url('../imgs/delete.png');
}

a.delete:hover, a.delete:active,
a.delete_button:hover, a.delete_button:active {
	background-image: url('../imgs/delete_hov.png');
}

a.note {
	background-image: url('../imgs/note.png');
}

a.note:hover, a.note:active {
	background-image: url('../imgs/note_hov.png');
}

a.totop {
	background-image: url('../imgs/totop.png');
}

a.totop:hover, a.totop:active {
	background-image: url('../imgs/totop_hov.png');
}

a.recommend {
	background-image: url('../imgs/recommend.png');
}

a.recommend:hover, a.recommend:active {
	background-image: url('../imgs/recommend_hov.png');
}

a.search,
a.search_button {
	background-image: url('../imgs/search.png');
}

a.search:hover, a.search:active,
a.search_button:hover, a.search_button:active {
	background-image: url('../imgs/search_hov.png');
}

a.calendar,
a.calendar_button {
	background-image: url('../imgs/calendar.png');
}

a.calendar_button {
	margin-top: -1px;
}

a.calendar:hover, a.calendar:active,
a.calendar_button:hover, a.calendar_button:active {
	background-image: url('../imgs/calendar_hov.png');
}

a.prev,
a.prev_button {
	background-image: url('../imgs/prev.png');	
}

a.prev:hover, a.prev:active,
a.prev_button:hover, a.prev_button:active {
	background-image: url('../imgs/prev_hov.png');	
}

a.next, 
a.next_button,
a.select {
	background-image: url('../imgs/next.png');	
}

a.next:hover, a.next:active, 
a.next_button:hover, a.next_button:active,
a.select:hover, a.select:active {
	background-image: url('../imgs/next_hov.png');	
}

a.close {
	background-color: transparent;
	background-image: url('../imgs/close.png');	
	background-position: top right;
	background-repeat: no-repeat;
	color: #ffffff;	
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 30px 4px 0;
	position: absolute;
	right: 17px;
	top: 12px;
}

a.close:hover, a.close:active {
	background-image: url('../imgs/close_hov.png');
	color: #ffffff;
}

a.next_button img,
a.prev_button img,
a.delete_button img,
a.search_button img,
a.calendar_button img {
	visibility: hidden;
}

h2 a, h2 a:hover, h2 a:active {
	color: #bf0c04;
	text-decoration: none;
}

/* 05.6 Forms */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	color: #bf0c04;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 10px 0;	
}

label {
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
}

label.right {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

label.right.multiplelines {
	display: block;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	vertical-align: top;
}

input {
	margin: 0 0 10px 0;
	padding: 0;
	vertical-align: top;
}

input.multiplelines {
	float: left;
}

input.field, select, textarea {
	border: 1px solid #333333;
	font-size: 10px;
	height: 14px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 3px;
	width: 215px;
}

textarea {
	height: 100px;
	overflow: auto;
	width: 349px;
}

select {
	height: 16px;
	padding: 0;
	width: 218px;
}

input.field.day, input.field.month {
	margin-right: 10px;
	width: 20px;
}

select.day, select.month {
	margin-right: 10px;
	width: 40px;
}

input.field.year, input.field.zip {
	margin-right: 10px;
	width: 35px;
}

input.field.nr {
	width: 35px;
}

select.year {
	margin-right: 10px;
	width: 55px;
}

input.field.city {
	width: 165px;
}

input.field.street {
	margin-right: 10px;
	width: 165px;
}

input.field.calendar {
	float: left;
	margin-right: 10px;
	width: 184px;
}

input.field.cardnumberblock {
	margin-right: 10px;
	width: 35px;
}

div.part1 {
	clear: both;
	float: left;
	margin-right: 30px;
	width: 354px;
}

div.part2 {
	float: left;
	width: 354px;	
}

div.part1.onlytext, div.part2.onlytext {
	margin-bottom: 5px;
}

div.part1 label, div.part2 label {
	float: left;
	margin: 0;
	width: 134px;	
}

div.part1 label.right, div.part2 label.right {
	float: none;
	margin-left: 10px;
	margin-right: 20px;
	width: auto;	
}

div.part1.onlytext p, div.part2.onlytext p {
	float: left;
	width: 220px;
}

fieldset span {
	vertical-align: top;
}

option.option_deactivated {
	color:#999;
}


/* 05.7 Tables */

table {
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px solid #ffffff;
	border-style: hidden;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

th, td {
	padding: 10px;
	vertical-align: top;
}

th {
	background-color: #ffffff;	
	background-image: url('../imgs/line.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 3px solid #ffffff;
	font-weight: bold;
}

tfoot td {
	border-top: 3px double #999999;
	border-left: none;
}

th.offers {
	width: 328px;
}

th.stars {
	width: 78px;
}

td {
	border-left: 1px solid #999999;
}

td.numeric {
	text-align: right;
	white-space: nowrap;	
}

td.logo {
	text-align: center;
}

table td a.check,
table td a.select,
table td strong.soldout {
	width: 50px;
}

tr.even td {
	background-color: #f7f7f7;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

td div.part1 {
	float: left;
	margin: 0 10px 0 0;	
	padding: 0;
	width: 162px;
}

td div.part2 {
	margin: 0;
	padding: 0;
	width: 152px;
}

td div.part2 h2 {
	margin-top: 0;
}

caption {
	color: #999999;		
	margin: 0;	
	padding: 0;
	text-align: center;
}

/* 05.7.1 Sortable Tables */

table.sortable th {
	background: transparent url('../imgs/tabs.png') left -100px;
	font-weight: normal;
	line-height: 14px;	
	padding: 0 0 4px 10px;
	vertical-align: bottom;
}

table.sortable th span {
	background: transparent url('../imgs/tabs.png') no-repeat right -155px;
	color: #ffffff;
	display: block;
	font-weight: normal;
	height: 42px;
	padding: 4px 10px 4px 0;
	margin: 0;
	text-decoration: none;
}

table.sortable th br {
	font-size: 12px;
	line-height: 14px;	
}

table.sortable th a {
	background: transparent url('../imgs/up_down.png') no-repeat right bottom;
	color: #ffffff;	
	display: inline;
	padding: 0 27px 0 0;
	white-space: nowrap;
}

table.sortable th a:hover, table.sortable th a:active {
	color: #ffffff;
}

table.sortable th.active {
	background-position: left -210px;
}

table.sortable th.active span {
	background-position: right -265px;
}

table.sortable th.active a {
	color: #333333;
}

table.sortable th.active a:hover, table.sortable th.active a:active {
	color: #333333;
}

table.sortable th.active a.ascending {
	background-image: url('../imgs/up_act_down.png');
}

table.sortable th.active a.descending {
	background-image: url('../imgs/up_down_act.png');
}

/* 05.8 Tabs */

ol.tabs {
	border-bottom: 1px solid #d9d9d9;
	height: 17px;
	list-style-type: none;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 738px;
}

ol.tabs li {
	background: transparent url('../imgs/tabs.png') no-repeat left top;
	display: inline;
	padding: 4px 0 4px 10px;
	margin: 0px 3px 0 3px;	
}

ol.tabs li a, ol.tabs li span {
	background: transparent url('../imgs/tabs.png') no-repeat right -25px;
	color: #ffffff;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px 4px 0;
	margin: 0;
	text-decoration: none;
}

ol.tabs li.active {
	background: transparent url('../imgs/tabs.png') no-repeat left -50px;
}

ol.tabs li.active a, ol.tabs li.active span {
	background: transparent url('../imgs/tabs.png') no-repeat right -75px;
	color: #bf0c04;
}


/* 05.9 Navigation Moduls */

div.navmodul {
	clear: both;
	font-size: 11px;
	margin-bottom: 10px;
	width: 758px;
}

div.contentbox div.navmodul {
	margin-bottom: 0;
	width: 738px;
}

div.navmodul div.head {
	background-position: 0px -100px;
	width: 758px;
}

div.contentbox div.navmodul div.head {
	background-position: 0px -120px;
	background-color: #ffffff;
	width: 738px;
}

div.navmodul div.foot {
	background-position: 0px -110px;
	width: 758px;
}

div.contentbox div.navmodul div.foot {
	background-position: 0px -130px;
	background-color: #ffffff;		
	width: 738px;
}

div.navmodul div.body {
	background-color: #efefef;
	position: relative;	
}

div.navmodul div.part1 {
	float: none;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 738px;
}

div.navmodul div.part2 {
	float: none;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	width: 738px;
}

div.navmodul hr {
	background-color: #ffffff;
	border: none;
	clear: both;
	color: #ffffff;
	height: 1px;
	margin: 0 -9px 0 -9px;
	padding: 0;
	width: 756px;
}

div.navmodul a.print,
div.navmodul a.recommend,
div.navmodul a.prev,
div.navmodul a.next,
div.navmodul a.totop {
	padding-bottom: 3px;
}

div.navmodul a.prev {
	width: 300px;
}

div.navmodul a.recommend {	
	position: absolute;
	left: 309px;	
	top: 0;
}

div.navmodul div.part1 a.recommend,
div.navmodul div.part2 a.recommend {
	left: 300px;
}

div.navmodul a.totop,
div.navmodul a.next {
	position: absolute;
	right: 10px;	
	top: 0;
}

div.navmodul div.part1 a.totop,
div.navmodul div.part2 a.totop {
	right: 0;
}

div.navmodul span.pagingoffers {
	display: block;
	padding-bottom: 2px;
	padding-top: 5px;
	width: 200px;
}

div.navmodul fieldset.pagingview {	
	height: 10px;
	left: 290px;
	position: absolute;	
	top: 0;
}

div.navmodul div.part1 fieldset.pagingview,
div.navmodul div.part2 fieldset.pagingview {	
	left: 291px;
}

div.navmodul fieldset.pagingview label,
div.navmodul div.part1 fieldset.pagingview label,
div.navmodul div.part2 fieldset.pagingview label {
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;
	width: auto;
}

div.navmodul fieldset.pagingview select {	
	display: inline;
	float: left;
	margin: 3px 0 0 0;
	width: 100px;
}

div.navmodul span.pagingpages {
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	top: 0;	
}

div.navmodul span.pagingpages span {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;	
	width: auto;
}

div.navmodul span.pagingpages img {
	float: left;
	margin-right: 10px;
}


div.navmodul span.pagingpages strong a {
	background-image: none;
	display: inline;
	padding: 0;
}

div.navmodul div.part1 span.pagingpages a.next_button img,
div.navmodul div.part2 span.pagingpages a.next_button img,
div.navmodul div.part1 span.pagingpages img.next_button,
div.navmodul div.part2 span.pagingpages img.next_button  {
	margin-right: 0;
	padding: 0;
}

/* 05.9.1 Inline Navigation Modul (on detail page) */

div.part2 div.navmodul {
	width: 354px;	
}

div.part2 div.navmodul div.body {
	background: url('../imgs/inline-navmodul_bg.png') no-repeat left top;
	border-style: none;
	margin-top: 10px;	
	padding: 10px 10px 0 10px;
}

div.part2 div.navmodul div.head, div.part2 div.navmodul div.foot {
	display: none;
}

div.part2 div.navmodul a {
	display: block;
	margin-bottom: 9px;
	position: static;
}


/* 05.10 Expandable Boxes */

div.expandablebox_expanded {
	border-bottom: 1px solid #d0d8d8;
}

div.expandablebox_collapsed {
	border-bottom: none;
}

div.expandablebox_expanded div.title,
div.expandablebox_collapsed div.title {
	background-image: none;
	cursor: pointer;
	height: auto;
}

div.expandablebox_expanded div.title {
	background-color: #efefef;
	border-bottom: 1px solid #d0d8d8;	
}

div.expandablebox_collapsed div.title {
	background-color: #ffffff;	
	border-bottom: 1px solid #d0d8d8;
}

div.expandablebox_collapsed div.title:hover {
	background-color: #efefef;
}

div.expandablebox_expanded div.title h2,
div.expandablebox_collapsed div.title h2 {	
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font-size: 12px;
	margin: 0;
}	

div.expandablebox_expanded div.title h2 {
	background: transparent url('../imgs/arrow_explist_down.png') no-repeat 5px 7px;	
	color: #bf0c04;
	font-weight: bold;	
	padding: 5px 0 2px 20px;	
}

div.expandablebox_collapsed div.title h2 {
	background: transparent url('../imgs/arrow_explist.png') no-repeat 3px 7px;	
	color: #000000;
	font-weight: normal;
	padding: 5px 0 2px 14px;	
}

div.expandablebox_collapsed div.title:hover h2 {
	color: #bf0c04;	
}

div.expandablebox_expanded div.content,
div.expandablebox_collapsed div.content {
	background-color: #efefef;
	border-bottom: 1px solid #ffffff;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ffffff;
	display: block;
	height: auto;
	padding: 12px 10px 1px 20px;
}

div.expandablebox_collapsed div.content {
	display: none;
}


/* 05.11 Sitemap */

ul.sitemap li  {
	background-image: none;
	padding: 0;
}

ul.sitemap li strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

ul.sitemap li ul {
	margin-top: 10px;
	padding: 0 0 0 10px;
}

ul.sitemap li ul li {
	font-size: 12px;
	font-weight: bold;	
	margin-bottom: 10px;
}

ul.sitemap li a {
	background: transparent url('../imgs/arrow_small.png') no-repeat 2px 3px;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}

ul.sitemap li ul li a {
	background-position: 2px 1px;
}

ul.sitemap li a:hover {
	text-decoration: underline;
}


/********************************************
	06 Layer
*/

div.overlay {
	background-color: #ffffff;
	filter:alpha(opacity=66);
	-moz-opacity: .66;
	height: 100%;
	left: 0;
	opacity: .66;	
	position: fixed;
	top: 0;	
	width: 100%;
	z-index: 5;	
}

div.layerbox {
	max-height: 600px;
	margin-left: 73px;
	position: fixed;
	text-align: left;
	top: 100px;
	width: 438px;	
	z-index: 6;
}

div#recommendation_layer div.layerbox {
	top: 10px;
}

div.layerbox .info, div.layerbox .success, div.layerbox .error {
	background-position: 18px top;
	background-repeat: no-repeat;
	height: auto !important;
	height: 50px;
	margin-bottom: 0;	
	min-height: 50px;
	padding-left: 80px;
}

div.layerbox .info {
	background-image: url('../imgs/imgicon_info.png');
}

div.layerbox .success {
	background-image: url('../imgs/imgicon_success.png');
}

div.layerbox .error {
	background-image: url('../imgs/imgicon_error.png');
}

div.layerbox div.head {
	background: transparent url('../imgs/layer_bg.png') no-repeat left top;
	height: 30px;
	padding: 7px 13px 0 7px;	
	position: relative;
}

div.layerbox div.foot {
	background: transparent url('../imgs/layer_bg.png') no-repeat left -48px;	
	height: 21px;
}

div.layerbox div.body {
	background: transparent url('../imgs/layer_bg.png') no-repeat -438px top;	
	border-style: none;
	overflow: auto;		
	padding: 10px 19px 10px 14px;
}

div.layerbox h1 {
	background-color: #bf0c04;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 16px;
	margin: 0;
	padding: 8px 6px 0px 6px;
}

div.layerbox a.next {
	clear: both;
}


/********************************************
	07 Footer
*/

#footer {
	background: #e0dfe3 url('../imgs/foot_bg.png') no-repeat left top;	
	clear: both;
	height: 58px;
	padding-top: 10px;
	text-align: center;
}

#footer ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#footer ul li {
	color: #ffffff;	
	display: inline;
	font-size: 11px;
	font-weight: normal;	
	margin: 0;
	padding: 0;
}

#footer ul li a {
	background-image: none;
	color: #ffffff;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px 0 5px;
	text-align: center;		
	text-decoration: none;
}

/********************************************
	08 TYPO3
*/

table.typo3-adminPanel {
	width:auto;
}

table.typo3-adminPanel td {
	padding:0;
}

#ui-datepicker-div {
	z-index:9999;
	display: none;
}