/* ----------------------------------------
	Teaser-Container
   ---------------------------------------- */
#headerTeaser {
	background-image: url('/img/header_teaser.png');
	width: 290px;
	height: 148px;
	top: 36px;
	left: 36px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 10;
	display: none;
}

/* ----------------------------------------
	Tags
   ---------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body {
	padding-top: 12px;
	text-align:center;
	background-image: url('/img/bg_page.gif');
	background-color: #FAFAFA;
}

body, input, select, button {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #333333;
}

p {
	padding: 0px;
	margin: 0 0 1em 0;
}

h2, h3, h4 {
	color: #2F1F0F;
}

h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	padding: 3px 12px 7px 12px;
	margin: 0px 0px 12px 0px;
	color: #724536;
	background-color: #F9F9FA;
	background-image: url('/img/bg_content_head.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	border-top: 1px solid #D3D1D4;
}

h2, h3 {
	margin: 16px 0px 12px;
	font-weight: bold;
	font-size: 1em;
}

h3 {
	margin: 16px 0px 0px 0px;
}

h4 {
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 1em;
	border-top: 1px solid #2F1F0F;
}

select, input {
	margin: 0px;
}

/*
 * Links
 */

a {
	color: #B56242;
	text-decoration: none;
}

a img {
	border: 0px;
}

a:hover {
	text-decoration: underline;
}

a.linkBack {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/icons/icon_link_back.gif');
	text-decoration: none;
	padding: 0px 0px 0px 8px;
}

a.linkBack:hover {
	color: #C61720;
	text-decoration: underline;
/*	background-image: url('/img/icons/icon_link_back_hover.gif');*/
}

a.linkForward {
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url('/img/icons/icon_link_forward.gif');
	text-decoration: none;
	padding: 0px 8px 0px 0px;
}

a.linkForward:hover {
	color: #C61720;
	text-decoration: underline;
/*	background-image: url('/img/icons/icon_link_forward_hover.gif'); */
}

a.selectPage {
	padding: 2px 3px;
	background-color: #B56242;
	border: 1px solid #B56242;
	color: #FFFFFF;
	line-height: 2em;
}

a.selectPage:hover {
	color: #B56242;
	background-color: #FFFFFF;
	text-decoration: none;
}

a.linkUnderlined {
	text-decoration: underline;
}

.selectPageSelected {
	padding: 3px 4px;
	color: #A0A0A0;
	background-color: #F0F0F0;
}
/* ----------------------------------------------------------
	Layout-Container
   ---------------------------------------------------------- */
#container {
	width: 984px;
	text-align: left;
	margin: 0px auto 12px auto;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: url('/img/bg_content.gif');
}

#wrapper{
	float: left;
	width: 100%;
}


/* ----------------------------------------------------------
	Seitenkopf
   ---------------------------------------------------------- */
#header {
	position:relative;
	padding-left: 22px;
	padding-right: 22px;
}

#headerImage {
	position: relative;
	background-image: url('/img/bg_header.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 940px;
	height: 266px;
	/* height: 150px; */
}

#headerSealContainer {
	position: absolute;
	top: 24px;
	right: 32px;
	width: 180px;
	text-align: center;

}

#headerSealText {
	margin: 8px 0px 0px 0px;
	font-weight: bold;
	color: #333333;
}

#headerSealSpecial {
	position: absolute;
	top: 0px;
	right: 24px;
	color: #C0091B;
	font-weight: bold;
}


/* ----------------------------------------------------------
	Seitenkopf: Navigation
   ---------------------------------------------------------- */
#headerNavigation {
	height: 26px;
	background-color: #F9F9FA;
	background-image: url('/img/bg_header_navigation.gif');
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 1px solid #E7E6E8;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 12px;
	position: relative;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
}

#headerServiceNavigation {
	float: right;
}

#headerNavigation ul li a {
	padding: 0px 12px 0px 10px;
	line-height: 200%;
	color: #737174;
	text-decoration: none;
}

#headerNavigation ul li a:hover {
	color: #C61720;
	text-decoration: none;
}

#headerNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
}

#headerNavigation ul li {
	display: inline;
	background-image: url('/img/bg_header_navigation_element.gif');
	background-repeat: no-repeat;
	background-position: center right;
}

#headerNavigation ul li a.headerNavItemSelected {
	color: #A2846E;
}


/* ----------------------------------------------------------
	Servicespalte links
   ---------------------------------------------------------- */

#navColumn {
	float: left;
	width: 230px;
	margin-left: -962px;
	padding-top: 12px;
}


#navColumn a.linkCategorySelected:hover {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/icons/icon_mark_servicelink_selected.gif');
	text-decoration: underline;
}

#navColumn a.linkCategorySelected {
	color: #C61720;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/icons/icon_mark_servicelink_selected.gif');
	text-decoration: none;
}

#navColumn p {
	margin: 0px 0px 6px 0px;
}

#navColumn p.lastParagraph,
#serviceColumn p.lastParagraph {
	margin: 0px 0px 0px 0px;
}

#navColumn optgroup {
	font-weight: bold;
	font-style: normal;
	color: #6A432B;
}

#navColumn option {
	color: #333333;
}

#navColumn select {
	width: 172px;
	margin: 0px 0px 0px 0px;
}

.serviceBox {
	clear: both;
	padding: 0px 0px 16px 0px;
	position: relative;
}

#serviceBoxContact {
	margin: 4px 0px;
}

#serviceBoxPayment {

}

#serviceBoxTrustedShop {
	text-align: center;
	font-weight: bold;
}

#serviceBoxTrustedShop img {
	display: block;
	margin: 0px auto 4px auto;
}

/* ----------------------------------------------------------
	Linke und rechte Spalte: Service-Box
   ---------------------------------------------------------- */

#navColumn .serviceBox h1,
#serviceColumn .serviceBox h1 {
	color: #737174;
	color: #724536;
	padding: 3px 12px 7px 12px;
	background-color: #F9F9FA;
	background-repeat: repeat-x;
	background-position: bottom left;
	border-top: 1px solid #D3D1D4;
	margin: 0px 0px 12px 0px;
}

#navColumn .serviceBox h1 {
	background-image: url('/img/bg_servicebox_head_left.gif');
}

#serviceColumn .serviceBox h1 {
	background-image: url('/img/bg_servicebox_head_right.gif');
}

#navColumn .serviceBox h1.emphasized {
	color: #C00518;
}

.serviceBox h2 {
	margin: 12px 0px 4px 0px;
	padding: 0px 12px;
}

.serviceBox p {
	padding: 0px 12px 6px 12px;
}

.serviceBox ul li a {
	padding: 0px 12px 0px 12px;
	line-height: 15px;
	display: block;
	color: #737174;
	text-decoration: none;
}

.serviceBox ul li a:hover {
	color: #C61720;
	color: #B56242;
	text-decoration: none;
	background: #FFFFFF;
}

.serviceBox ul li.categorySelected a {
	font-weight: bold;

}

.serviceBox ul {
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style-type: none;
	background: transparent;
}

.serviceBox ul li {
	display: block;
	margin: 0px 0px;
}

.serviceBoxContentFollow {
	padding-bottom: 0px;
}

.serviceBox ul.indentedList {
	padding: 0px 0px 0px 0px;
}

.serviceBox ul.indentedList li a {
	padding: 0px 0px 0px 24px;
}

.serviceBoxInner {
	margin: 0px 12px;
}

/* ----------------------------------------------------------
	Inhaltsspalte mitte
   ---------------------------------------------------------- */

#content {
	margin: 0 254px;
	padding: 12px 0px 80px 0px;
	text-align: center;
	background-color: #FDFDFD;
}

#innerContent {
	width: 450px;
	text-align: left;
	margin: 0px auto;
}

#innerContent ul {
	padding: 0px 0px 0px 16px;
	margin: 0px;
	text-indent: 0px;

}

#innerContent li {
	margin: 0px 0px 6px 0px;
}


/* ----------------------------------------------------------
	Servicespalte rechts
   ---------------------------------------------------------- */

#serviceColumn {
	float: left;
	width: 230px;
	margin-left: -252px;
	padding-top: 12px;
}

#serviceColumn p {
	margin: 0px 0px 6px 0px;
}

#serviceColumn div.text {
	padding: 0px 12px;
}

.newsElement {
	background-color: #F7F6F5;
	border: 1px solid #AFAEB0;
	border-width: 1px 0px;
	position: relative;
	overflow: hidden;
	height: 106px;
	margin: 0px 0px 12px 0px;
}

.newsElementImageContainer {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 85px;
	overflow: hidden;
}

.newsElementImageContainer img {
	border: 0px;
}

.newsElement p {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 124px;
}


.newsElement a {
	font-weight: bold;
}

.newsElement a:hover {

}


/* ----------------------------------------------------------
	Seitenfuß
   ---------------------------------------------------------- */

#footer {
 	clear: both; 
	width: 100%;
/*	margin: 0px 0px 12px 0px;*/
}

#footerContent {
	margin: 24px 22px 0px 22px;
	padding: 3px 12px 4px 12px;
	background-color: #E8E8E8;
	border-bottom: 1px solid #D3D1D4;
	text-align: right;
	color: #333333;
}

#footer a,
#footer a:hover {
	color: #333333;
	margin: 0px 2px;
	text-decoration:none;
}


/* ----------------------------------------------------------
	Shop: Startseite Bildteaser
   ---------------------------------------------------------- */
.specialTeaser,
.specialTeaserRight {
	width: 216px;
	overflow: hidden;
	margin: 16px 0px 0px 0px;
	border-top: 1px solid #D3D1D4;
	background-color: #F2F2F2;
	background-image: url('/img/bg_specialteaser.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

.specialTeaser {
	clear: right;
	float: left;
}


.specialTeaserRight {
	float: right;
}

.specialTeaser h1 {
	padding: 3px 12px;
	margin: 0px;
	background: none;
	border: 0px;
}

.specialTeaser h1 a {
	color: #C00518;
}

.specialTeaserImage {
	text-align: center;
	width: 214px;
	margin: 0px auto;
	overflow: hidden;
}

.specialTeaserImage img {
	border: 0px;
}

.specialTeaser p {
	padding: 8px 12px;
	text-align: right;
}

#serviceColumn a.markedLink {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/icons/icon_link_forward.gif');
	text-decoration: none;
	padding: 0px 0px 0px 8px;
}

#serviceColumn a.markedLink:hover {
	text-decoration: underline;
}


/* ----------------------------------------------------------
	Shop: Kategorieübersicht
   ---------------------------------------------------------- */

#categoryArticles {

}

.categoryArticleEventContainer {

}

.categoryArticleRow {
	clear: both;
}

.categoryArticleContainer {
	position: relative;
	float: left;
	width: 143px;
	text-align: center;
	margin: 0px 3px 16px 3px;
}

.categoryArticleContainer h2 {
	font-size: 11px;
	margin: 6px 0px 0px 0px;
	text-align: left;
}


.categoryArticleDetailsContainer {
	position: relative;
	text-align: center;
	border-right: 1px solid #D1D1D1;
}

.categoryArticleContainer img {

}

.categoryArticleText,
.categoryArticlePrice,
.upsellArticlePrice {
	background-color: #D1D1D1;
	position: relative;
	text-align: right;
	padding: 2px 7px 0px 0px;
	font-weight: bold;
	color: #A10918;
	height: 15px;
	overflow: hidden;
}

.categoryArticleLabel,
.categoryArticleLabelSale,
.categoryArticleLabelNew,
.upsellArticleLabel,
.upsellArticleLabelSale,
.upsellArticleLabelNew,
.categoryArticleLabelChristmas,
.upsellArticleLabelChristmas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 73px;
	height: 17px;
}

.categoryArticleLabelNew,
.upsellArticleLabelNew {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/bg_category_overview_label_new.gif');
}

.categoryArticleLabelSale,
.upsellArticleLabelSale {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/bg_category_overview_label_sale.gif');
}


.categoryArticleLabelChristmas,
.upsellArticleLabelChristmas {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/bg_category_overview_label_christmas.png');
}




.categoryArticleDescriptions {
	position: relative;
}

.categoryArticleLongDescription {
	position: absolute;
	text-align: left;
	z-index: 50;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-width: 0px 1px 1px 1px;
	width: 129px;
	padding: 6px 6px 6px 6px;
	font-size: 90%;
}

.categoryArticleShortDescription {
	text-align: left;
	padding: 6px 6px 0px 7px;
	font-size: 90%;
}

#categoryNavContainer {
	position: relative;
	margin: 16px 0px 0px 0px;
}

#categoryPrevPage {
	float: left;
	margin: 0px 12px 0px 0px;
}

#categoryNextPage {
	float:right;
	margin: 0px 0px 0px 12px;
}

#categorySelectPageContainer {
	clear: both;
	position: relative;
	padding: 12px 0px 0px 40px;
	text-align: left;
}

#categorySelectPageText {
	position: absolute;
	top: 16px;
	left: 0px;
	width: 40px;
	overflow: hidden;
}

#categorySelectPage {

}

#categoryDescription {
	margin: 12px 0px 0px 0px;
}

/* ----------------------------------------------------------
	Shop: Detailansicht
   ---------------------------------------------------------- */

#detailsHeader {
	position: relative;
}

#detailsHeader h1 {
	margin: 0px 0px 4px 0px;
}

h2#detailsHeaderAddInfo {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	padding: 3px 7px;
	margin: 0;
	color: #737174;
}

#detailsHeaderNavigation {
	position: relative;
	height: 16px;
}

.detailsLinkPrevArticle {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/icons/icon_detail_prev_shoe.gif');
}

.detailsLinkNextArticle {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 10px 0px 0px;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url('/img/icons/icon_detail_next_shoe.gif');
}

#detailsImageContainer {
	position: relative;
	text-align: center;
}

#detailsZoomButtonContainer {
	position: absolute;
	bottom: 12px;
	right: 7px;
}

#detailsZoomButtonContainer img {
	cursor: pointer;
}

#detailsZoomOuterContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	display: block;
}

#detailsZoomContainer {
	margin: 120px auto 0px auto;
	width: 803px;
/*	height: 540px;*/
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/img/icons/icon_spinner.gif');
/*	padding: 12px; */
	text-align: center;
	vertical-align: middle;
}

#detailsPriceContainer {
	position: relative;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 7px;
	margin: 0px 0px 4px 0px;
	text-align: right;
	background-color: #F7F6F5;
	border-bottom: 1px solid #D3D1D4;
}

#detailsPriceDiscountText {
	position: absolute;
	top: 3px;
	left: 7px;
	color: #C00518;
}

#detailsPriceRegular {
	position: absolute;
	top: 3px;
	right: 100px;
	text-decoration: line-through;
}

#detailsPrice {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FFFFFF;
	background-color: #C00518;
	padding: 3px 7px;
	border-bottom: 1px solid #7C030F;
}

#detailsPriceInfo {
	text-align: right;
	font-size: 90%;
	margin: 0px 0px 16px 0px;
}

#detailsInfoContainer {
	margin: 0px 0px 12px 0px;
}

#detailsSelectViewContainer {
	margin: 0px 16px 0px 0px;
	float: left;
}

.detailsSelectView {
	float:left;
	margin: 0px 8px 0px 0px;
	border-right: 1px solid #C6AFA3;
	border-bottom: 1px solid #7A5449;
}

#detailsAddInfoContainer {
	float: left;
}

#detailsAddInfoTable {
	border: 0;
	border-collapse: collapse;
}

#detailsAddInfoTable td {
	margin: 0;
	padding: 1px 4px;
	border: 0px;
	text-align: left;
	vertical-align: top;
}

#detailsSizeSelectContainer {
	margin: 16px 0px 8px 0px;
}

#detailsSizesText {
	margin: 0px 0px 6px 0px;
}

.detailsSizeNotAvailable,
.detailsSizeAvailable {
	float: left;
	width: 30px;
	margin: 0px 4px 4px 0px;
	text-align: center;
}

.detailsSizeAvailable {
	border: 1px solid #B56242;
}

.detailsSizeNotAvailable {
	line-height: 22px;
	border: 1px solid #F0F0F0;
}

.detailsSizeAvailable a {
/*	padding: 4px 0px;
	width: 32px; */
	line-height: 22px;
	display: block;
}

.detailsSizeNotAvailable {
	color: #A0A0A0;
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
}

.detailsSizeAvailable a {
	background-color: #B56242;
	color: #FFFFFF;
	width: 30px;
}

.detailsSizeAvailable a:hover {
	background-color: #FFFFFF;
	color: #B56242;
	text-decoration: none;
}

#detailsSizeAberrationContainer {

}

#detailsSizeAberrationContainer img {
	display: inline;
	vertical-align: middle;
	margin: 0px 8px 0px 0px;
}

#detailsLongDesc {
	margin: 12px 0px 0px 0px;
}

#detailsDeliveryInfoContainer {
	margin: 12px 0px;
}

#detailsSizeSelectContainer {
	margin: 16px 0px 8px 0px;
}

#detailSizesText {
	margin: 0px 0px 8px 0px;
} 

#detailsFooterContainer {
	position: relative;
	margin: 24px 0px 4px 0px;
	border-top: 1px solid #D3D1D4;
}

#detailsFooterContainer p {
	background-color: #F7F6F5;
/*	height: 16px; */
	margin: 0;
	padding: 2px 0px;
	text-align: center;
}

#detailsFooterContainer .detailsLinkPrevArticle,
#detailsFooterContainer .detailsLinkNextArticle {
	top: 2px;
}

.detailsThumbNextArticle {
	position: absolute;
	top: 24px;
	right: 0px;
}

.detailsThumbPrevArticle {
	position: absolute;
	top: 24px;
	left: 0px;
}

.detailsArticleAdded {
	padding: 14px 8px 14px 52px;
	margin: 0px 0px 16px 0px;
	border-right: 2px solid #479500;
	background-color: #EDF6E5;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/bg_confirm.gif');
}

.detailsAddArticleButton {
	width: 160px;
	border: 1px solid #B56242;
}

.detailsAddArticleButton a {
	background-color: #B56242;
	color: #FFFFFF;
	padding: 4px 8px;
	display: block;
	text-align: center;
}

.detailsAddArticleButton a:hover {
	background-color: #FFFFFF;
	color: #B56242;
	text-decoration: none;
}

.detailsThumbNextArticle img,
.detailsThumbPrevArticle img {
	border: 0px;
}

/*
 * Selektoren für linke Servicespalte
 */
/*
.searchFieldWithButton {
	position: relative;
}

.searchButtonRight {
	position: absolute;
	right: 0px;
	_right: 12px;
	top: 2px;
}
*/
/* ----------------------------------------------------------
	Warenkorb
   ---------------------------------------------------------- */

.shoppingCartIcon {
	position: absolute;
	top: -22px;
	left: 172px;
	z-index: 20;
}

#shoppingCartSummary .shoppingCartEmptyTextContent {
	padding-right: 44px;
}

.shoppingCartTextContentAmount {
	
}

.shoppingCartTextContentPrice {

}

#shoppingCartCustomerNr {
	margin: 8px 0px 0px 0px;
}

.shoppingCartTextContentLink {
	margin: 16px 0px 0px 0px;
}

#shoppingCartArticleAdded {
	margin: 12px 0px 0px 0px;
	color: #CC353F;
}

.shoppingCartSummaryError {
	background-color: #C62017;
	color: #FFFFFF;
	font-weight: bold;
	padding: 12px;
}

/* Warenkorb: Detailansicht */
#shoppingCartTable {
	margin: 12px 0px 0px 0px;
}

.shoppingCartTableThumbnail, .shoppingCartTableSize, .shoppingCartTableAmount, 
.shoppingCartTablePrice, .shoppingCartTableTotalPrice, .shoppingCartTableFunctions, .shoppingCartTableDescription {
	text-align: left;
	vertical-align: top;
	padding: 3px 6px;
}

.shoppingCartTableDescription {
	padding: 4px 3px 8px 3px;
}

.shoppingCartTableAltRow0 {
	background-color: #FDFDFD;
}

.shoppingCartTableAltRow1 {
	background-color: #F7F6F5;
}

.shoppingCartImage {
	border: 0px;
	border-right: 1px solid #C6AFA3;
	border-bottom: 1px solid #7A5449;
}

.shoppingCartTableFooter {
	background-color: #E8E8E8;
	padding: 3px 6px;
	border-top: 1px solid #B6B3B7;
	font-weight: bold;
}

.shoppingCartTableOrderPriceRow {
	font-size: 1.2em;
	font-weight: bold;
}

#shoppingCartNavigation {
	margin: 16px 0px 0px 0px;
}

#shoppingCartNavigationBack {
	float: left;
}

#shoppingCartNavigationProceed {
	float:right;
}

/*
 * Ähnliche Modelle, Variationen
 */
.serviceSimiliarImagesContainer, .serviceVariationImagesContainer {
	margin: 8px 0px 0px 0px;
}

.serviceSimiliarImageContainer0, .serviceSimiliarImageContainer1, .serviceVariationImageContainer0, .serviceVariationImageContainer1  {
	border-right: 1px solid #C6AFA3; /*#745045;*/
	border-bottom: 1px solid #7A5449; /*#745045;*/
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	width: 96px;
/*	height: 70px; */
	text-align: center;
	overflow: hidden;
	margin: 0px 0px 8px 0px;
	background-color: #FFFFFF;
}

div.serviceSimiliarImageContainer0:hover, div.serviceSimiliarImageContainer1:hover, 
div.serviceVariationImageContainer0:hover, div.serviceVariationImageContainer1:hover {
	border: 1px solid #CC353F;
}

.serviceSimiliarImageContainer0, .serviceVariationImageContainer0 {
	float: left;
	clear: left;
}

.serviceSimiliarImageContainer1, .serviceVariationImageContainer1 {
	float: right;
}
/*------------------------------------------------------
	Allgemeine Selektoren
  ------------------------------------------------------*/

/* Tabellen */
.evitaTable {
	width: 100%;
	border-collapse: collapse;
	border-bottom:  1px solid #B6B3B7;
}

.evitaTableHead {
	background-color: #B6B3B7;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 6px;
}

/* Grafiken */
.imageLinked {
	border: 0px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.serviceText {
	color: #A0A0A0;
}

.alignRight {
	text-align: right;
}

.clearfix:after {
	content: 	".";
	display:	 block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* -------------------------------------
	Knöpfe
   ------------------------------------- */
.buttonForward,
.buttonBack {
	font-weight: bold;
	text-decoration: none;
	height: 19px;
	width: 128px;
	overflow: hidden;
	text-align: left;
	border: 0px;
	background-repeat: no-repeat;
	background-color: #FDFDFD;
	background-position: 0px 0px;
	cursor: pointer;
}

.buttonForward {
	padding: 5px 24px 0px 8px;
	background-image: url('/img/buttons/button_forward.gif');
}

.buttonBack {
	padding: 5px 8px 0px 24px;
	background-image: url('/img/buttons/button_back.gif');
	text-align: right;
}

a.buttonForward,
a.buttonBack {
	display: block;
}

button.buttonForward {
	width: 160px;
	height: 24px;
	padding-top: 0px;
	color: #B56242;
	border: 0px;
}

.buttonForward:hover,
.buttonBack:hover {
	background-position: 0px -32px;
	text-decoration: none;
}


/*
 * Linke Spalte: Kategorieauswahl
 */
/*
.articleGroupSelectGroup {
	margin: 0px 0px 12px 0px;
}

.articleGroupSelectGroupHeader {
	font-weight: bold;
	color: #6A432B;
}

.articleGroupElement {
	height: 2.3ex;
	overflow: hidden;
}
*/


/*------------------------------------------------------
	Cashdesk: Bestellabwicklung
  ------------------------------------------------------*/
.cashdeskArea {
	margin: 0px 0px 24px 0px;
}

.cashdeskArea .floatingList li {
	margin: 0px 0px 0px 12px !important;
}

.cashdeskArea h2 {
	margin: 0px;
}

.cashdeskHead {
	color: #2F1F0F;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 2px 0px;
	font-weight: bold;
	border-bottom: 1px solid #D3D1D4;
}

.cashdeskFormfieldContainer {
	clear: both;
	margin: 0px 0px 12px 0px;
}

.cashdeskFormfieldLabel {
	float: left;	
	color: #909090;
	width: 140px;
}

.cashdeskFormfield {
	float: right;	
	color: #A0A0A0;
	width: 290px;
}

.cashdeskFormfieldFloatLeft {
	float: left;
	color: #A0A0A0;
	width: 140px;
}

.cashdeskFormfieldInput {
	font-size: 1em;
	width: 290px;
	margin: 0px;
}

.cashdeskFormfieldLabelRadio {
	margin: 0px 0px 0px 8px;	
}

.cashdeskFormfieldLabelRadioImage {
	float: left;
}

.cashdeskFormfieldRadio {
	float: left;
	padding: 0px 12px 12px 0px;
}

.cashdeskButtonContainer {
	text-align: right;
}

#cashdeskNavigationBack {
	float: left;
}

#cashdeskNavigationProceed {
	float:right;
}
/* "Sie befinden sich hier" Anzeige */
.cashdeskProcessActive, .cashdeskProcessInActive {
	margin: 0px 0px 4px 0px;
}

.cashdeskProcessActive {
	color: #333333;
	font-weight: bold;
}

.cashdeskProcessInActive {
	color: #909090;
}

.cashdeskErrorContainer, .errorContainer {
	padding: 14px 8px 14px 52px;
	margin: 8px 0px 16px 0px;
	border-right: 2px solid #C6201A;
	background-color: #FEF5F5;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/img/bg_error.gif');
}

.cashdeskAddressAddText {
	margin: 12px 0px 0px 0px;
}

#cashdeskClubArea {
	position: relative;
}

#cashdeskClubCardContainer {
	position: absolute;
	top: 108px;
	right: -12px;
}

.errorText {
	margin: 0px 0px 12px 0px;
	font-weight: bold;
	color: #C62017;
}

/* Kreditkartencontainer */
#cashdeskCreditcardContainer {
	position: relative;
	height: 60px;
	margin: 4px 0px 12px 0px;
	color: #909090;
}

#cashdeskCreditcardMastercard {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
}

#cashdeskCreditcardVisa {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 150px;
}

#cashdeskCreditcardAmex {
	position: absolute;
	top: 0px;
	left: 300px;
	width: 150px;
}

/* Seite Bestellübersicht */
.cashdeskTable {
	border-bottom: 0px;
}

.cashdeskTableThumbnail, .cashdeskTableSize, .cashdeskTableAmount, 
.cashdeskTablePrice, .cashdeskTableTotalPrice, .cashdeskTableAddRow, .cashdeskTableOrderPriceRow, 
.cashdeskTableOrderPriceRow, .cashdeskTableDescription {
/*	text-align: left;*/
	vertical-align: top;
	padding: 3px 6px;
}

.cashdeskTableDescription {
	padding: 4px 3px 8px 3px;
}

.cashdeskTableAltRow0 {
	background-color: #FDFDFD;
}

.cashdeskTableAltRow1 {
	background-color: #F7F6F5;
}

.cashdeskTableAlignLeft {
	padding: 3px 6px;
	vertical-align: top;
	text-align: left;
}

.cashdeskTableAlignCenter {
	padding: 3px 6px;
	vertical-align: top;
	text-align: center;
}

.cashdeskTableAlignRight {
	padding: 3px 6px;
	vertical-align: top;
	text-align: right;
}

.cashdeskImage {
	border: 0px;
	border-right: 1px solid #B6B3B7;
}

.cashdeskTableFooter {
	background-color: #E8E8E8;
	padding: 3px 6px;
	border-top: 1px solid #B6B3B7;
	font-weight: bold;
}

.cashdeskTableOrderPriceRow, .cashdeskTableOrderPriceCell {
	padding: 6px 6px 6px 3px;
	font-weight: bold;
}

.cashdeskTableOrderPriceCell {
	padding: 5px 6px 6px 3px;
	border: 2px solid #333333;
	border-width: 2px 0px 0px 0px;
}

.cashdeskService {
	color: #A0A0A0;
}

.cashdeskFormCheckboxContainer {
	padding: 2px 0px 0px 24px;
	position: relative;
}

.cashdeskFormCheckboxContainer input {
	position: absolute;
	top: 0px;
	left: 0px;
}

#cashdeskConfirmationSeal {
	float: left;
	width: 86px;
}

#cashdeskConfirmationText {
	float: left;
	width: 358px;
}

.cashdeskAddProduct {
	position: relative;
	padding: 0px 120px 0px 0px;
	display: block;
	margin: 0px 0px 16px 0px;
}

.cashdeskAddProductImage {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 104px;
	height: 104px;
	overflow: hidden
}

.cashdeskTableHeadAddProduct {
	background-color: #C32728;
	text-align: center;
	vertical-align: top;
}

.cashdeskTableAddProductPriceTotal {
	font-weight: bold;
	padding: 3px 6px;
	text-align: center;
	vertical-align: top;
}

.cashdeskTableAddProductPriceTotalText {
	padding: 3px 6px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/*
 * allgemeingültige Layoutelement
 */
.imageFloatRight {
	float: right;
	margin: 0px 0px 12px 16px;
}

.imageFloatLeft {
	float: left;
	margin: 0px 16px 12px 0px;
}

.imageContainer {
	width: 230px;
	overflow: hidden;
	border-top: 1px solid #D3D1D4;
}

.imageCaption {
	display: block;
	font-size: 0.9em;
	padding: 2px 8px;
	color: #909090;
	font-weight: normal;
}

/*
 * Teaserelemente
 */
/*
.teaserBox {
	clear: both;
	margin-bottom: 16px;
	position: relative;
}

.teaserBoxHead {
	padding: 3px 0px 3px 12px;
	background-color: #A2AB7C;
}

.teaserBoxContent {
	padding: 12px;
}

.teaserBoxHead {
	position: relative;
}

.teaserBoxHeadImage {
	position: absolute;
	top: -16px;
	right: 2px;
}

.teaserBadge {
	position: absolute;
	top: 24px;
	left: 140px;
	_left: 130px;
	z-index: 20;
}

.teaserBoxContentImageRight {
	float: right;
	margin: 0px 0px 8px 12px;
}
*/
/*
 * Elemente
 */
.textRight {
	text-align: right;
}

.spacerNormal {
	height: 1.2em;
	clear: both;
	display: block;
}

.spacerMedium {
	height: 2.4em;
	clear: both;
	display: block;
}

.lineBrown {
	border-top: 1px solid #2F1F0F;
	height: 1px;
	display: block;
	clear: both;
}

.stressText {
	font-weight: bold;
	color: #C62017;
}

/* ----------------------------------------------------------
	Virtual Catwalk / Artikelscroller
   ---------------------------------------------------------- */
.articleScrollerHeadContainer {
	width: 450px;
	height: 1.2em;
}

.articleScrollerHeadLeft, .articleScrollerHeadRight {
	color: #2F1F0F;
	font-size: 1em;
	margin: 2px 0px 0px 0px;
}

.articleScrollerHeadLeft {
	float: left;
	text-align: left;
	width: 40%;
	font-weight: bold;
}

.articleScrollerHeadRight {
	float: right;
	text-align: right;
	width: 50%;
	font-weight: normal;
}

/* ----------------------------------------------------------
	Artikelfilter (rechte Spalte)
   ---------------------------------------------------------- */
#serviceColumn div.filterStatus {
	padding: 0px 12px 6px 12px;
	position: relative;
}

#serviceColumn div.filterStatus p {
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#serviceColumn div.filterStatusImageContainer {
	position: absolute;
	top: 0px;
	right: 12px;
	text-align: right;
	padding: 1px 20px 1px 0px;
}

.filterStatusImageActive, .filterStatusImageInActive  {
	background-repeat: no-repeat;
	background-position: top right;
}

.filterStatusImageActive {
	background-image: url('/img/icons/icon_filter_active.gif');
}

.filterStatusImageInActive {
	background-image: url('/img/icons/icon_filter_inactive.gif');
}

.filterFormFieldContainer {
	display: block;
	width: 158px;
	padding: 2px 12px 2px 60px;
	position: relative;
}

.filterFormFieldContainer label {
	position: absolute;
	width: 48px;
	top: 5px;
	left: 12px;
}


/* ----------------------------------------------------------
	Artikelnummernsuche (rechte Spalte)
   ---------------------------------------------------------- */
#searchArticleContainer,
#nlEContainer {
	position: relative;
	margin: 0px 12px;
	height: 28px;
}

#searchArticleContainer form,
#nleForm {
	position: relative;
}

#searchArticleField,
#nlEField {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	z-index: 9;
}

#searchArticleLabel,
#nlELabel {
	position: absolute;
	top: 2px;
	left: 4px;
	color: #737174;
	width: 160px;
	z-index: 10;
	display: block;
}

#searchArticleButton,
#nlEButton {
	position: absolute;
	top: 2px;
	right: 0px;
	width: 24px;
}

/* ----------------------------------------------------------
	Downloads
   ---------------------------------------------------------- */
.downloadContainer {
	clear: both;
	margin: 8px 0px;
}

.downloadIcon {
	float: left;
	margin: 0px 16px 0px 0px;
}

.downloadIcon img {
	border: 0px;
}

.downloadText {
	float: left;
}

/* ----------------------------------------------------------
	Presse
   ---------------------------------------------------------- */
.pressOverviewElementContainer {
	margin: 0px 0px 24px 0px;
}

.pressOverviewDate, .pressDetailsDate {
	margin: 0px 0px 6px 0px;
	color: #888888;
}

.pressOverviewTeaser, .pressDetailsText {

}

.pressOverviewMore, .pressDetailsBack {
	margin: 8px 0px 0px 0px;
}

.pressDetailsTeaser {
	margin: 0px 0px 12px 0px;
}

.pressDetailsBack {
	margin: 24px 0px 0px 0px;
	text-align: right;
}

.pressDetailImageContainer {
	width: 230px;
	overflow: hidden;
	border-top: 1px solid #D3D1D4;
	margin: 0px 0px 24px 0px;
}

/* ----------------------------------------------------------
	Pressedownloads
   ---------------------------------------------------------- */
.pressDownloadsContainer{
   width: 125px;
   margin: 0px 9px 14px 0px;
   float: left;
   height: 128px;
}

.pressDownloadsThumbnail{
   height:84px;
}

.pressDownloadsThumbnail a img{
   border: none;
}

.pressDownloadsText{

}

.pressDownloadsLink{
   height: 26px;
   margin-top:1px;
}

#checkJavascriptContainer, #checkCookiesContainer {
	padding: 16px 12px;
	background: #C62017;
	color: #FFFFFF;
	font-weight: bold;
}


/*------------------------------------------------------
	Presse: Startseite
  ------------------------------------------------------*/
/*
.pressTeaserImage {
	float: right;
	margin: 0px 0px 12px 16px;
}

.pressTeaserElementContainer {
	margin: 0px 0px 24px 0px;
}

.pressTeaserElementContainer h2 {
	margin-top: 8px;
}

.pressTeaserDate {
	margin: 0px 0px 0px 0px;
	color: #888888;
}

.pressTeaserText {

}

.pressTeaserMore {
	margin: 8px 0px 0px 0px;
}
*/
/*------------------------------------------------------
	Umfrage
  ------------------------------------------------------*/
.surveyContainer {
	margin: 0px 0px 36px 0px;
}

.surveyQuestion {
	font-weight: bold;
	margin: 0px 0px 18px 0px;
}

.surveyAnswerCheckbox {
	margin: 0px 0px 6px 0px;
}

.surveyAnswerRadio,
.surveyAnswerCheckbox {
	position: relative;
	padding: 0px 0px 0px 24px;
	margin: 0px 0px 8px 0px;
	display: block;
}

.surveyAnswerTextarea,
.surveyExtraQuestionContainer {
	position: relative;
	margin: 36px 0px 8px 0px;
}

.surveyAnswerRadio label,
.surveyAnswerCheckbox label {

}

.surveyAnswerRadio input,
.surveyAnswerCheckbox input {
	position: absolute;
	top: 0px;
	left: 0px;
}

.surveyAnswerTextarea textarea {
	width: 402px;
	border: 1px solid #A0A0A0;
}

#surveyNavigation {
	margin: 8px 0px 0px 0px;
}

.surveyButtonContainer {
	text-align: right;
}

#surveyNavigationBack {
	float: left;
}

#surveyNavigationProceed {
	float: right;
}

.surveyExtraQuestionContainer {

}

.developmentAreaRibbon {
	background-color: #FF0000; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center; 
	padding: 2px 0px;
	margin: 0px 0px 12px 0px;
}

/*------------------------------------------------------
	Formulare
  ------------------------------------------------------*/
.formFieldContainer {
	margin: 0px 0px 12px 0px;
	position: relative;
	padding: 0px 0px 0px 156px;
	_zoom: 1;
}

.formFieldContainer label {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #909090;
	width: 140px;
}

.formFieldContainer input {
	font-size: 1em;
	margin: 0;
	width: 290px;
}

.formFieldContainer input.formfieldInputSmall {
	width: 24px;
}

.formFieldContainer input.formfieldInputMedium {
	width: 48px;
}

.formButtonContainer {
	text-align: right;
	margin: 24px 0px 0px 0px;	
}
/*------------------------------------------------------
	ToolTips
  ------------------------------------------------------*/
.toolTip {
	width: 290px;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 24px;;
	padding: 0px 0px 8px 0px;
	background-image: url('/img/bg_tootip_left.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.toolTipInner {
	border: 1px solid #BCBABA;
	border-width: 1px 1px 0px 1px;
	padding: 12px;
	color: #2F1F0F;
}

.toolTipShow {
	display: block;
}

/*------------------------------------------------------
	Cashdesk: Upsell
  ------------------------------------------------------*/
.upsellArticleContainer {
	margin: 0px 0px 24px 0px;
}

.upsellArticleThumbnail {
	width: 140px;
	overflow: hidden;
	float:left;
}

.upsellArticleDetailsContainer {
	float: right;
	width: 270px;
}

.upsellArticleContainer h2 {
	margin-top: 0px;
}

.upsellArticleLabel,
.upsellArticleLabelSale,
.upsellArticleLabelNew {
	/* Definitionen von .categoryArticleLabel etc. werden übernommen */
}