/* @group Basics */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666767;
}

fieldset {
	margin: 0;
	border: 0 none;
	padding: 0;
}

form {
 	margin: 0;
  	padding: 0;
}

img {
	border: none;
	display: block;
}

legend {
	display: none;
}

th, td {
	text-align: left;
	vertical-align: top;
}

.pos {
  	position: absolute;
}

.tal { text-align: left; }
.tar { text-align: center; }
.tar { text-align: right; }
.fl { float: left!important; }
.fr { float: right!important; }

a, a:hover {
  color:  #666767;
}

a.raquo {
	padding-left: 15px;
	background: transparent url(../../images/app/common/bg_raquo.gif) 0 4px no-repeat;  
}


input[type=text], 
input[type=password], 
select,
textarea {
 	color: #535353;
	font-size: 11px;
	padding: 1px 0 0 5px;	
	border: 1px solid #a9a9a9;
}
input[type=text], input[type=password] {
	height: 16px;
}

.noMargin {
 	margin: 0!important; 
}
.clear {
  clear: both;
}

h6 {
	font-size: 14px;
  	font-weight: bold;
  	color: #2c2c2c;
  	margin: 10px 0 5px 0;
}

/* @end */


/* @group Frame */

#mirror {
	width: 970px;
	margin: 0 auto 0 auto;
}

/* @end */

/* @group Header */
#header {
	height: 131px;
	position: relative;
	z-index: 10;
}
.orderPage #header {
	height: 92px;
	background: url(../../images/app/common/basket_illustration.jpg) no-repeat 215px 0;
}
.orderPage #header.seasonHeader {
	height: 92px;
	background: url(../../images/app/common/seasons/deko_weihnachten_kugeln.jpg) no-repeat 265px 32px!important;	
}
#header .logo {
	position: absolute;
	left: 6px;
	top:  11px;
}
#header .logo.season {
	top:  3px;
}
.seasonHeader {
	background: url(../../images/app/common/seasons/deko_weihnachten_kugeln.jpg) no-repeat 105px 32px;	
}
.seasonDekoBottom {
	position: relative;
	left: 105px;
	top: 92px;
	/*
	left: 300px;
	top: 50px;	*/
	z-index: 99;
}
.orderPage #header .seasonDekoBottom {
	left: 265px;
}

#header .jubilogo {
	position: absolute;
	left: 164px;
	top:  24px;
	z-index: 100;
}
#header .jubilogo img {
	width: 65px;
	height: 65px;
}

/* @group Mini Basket */
#miniBasket {
	position: absolute;  
	left: 771px;
	top: 0;
	width: 205px;
	height: 90px;
	font-size: 12px;
	background: transparent url(../../images/app/common/bg_header_mini_basket.jpg) 0 0 no-repeat;
	color: #454545;
}
#miniBasket div {
  margin: 0px 15px 15px 35px;
}
#miniBasket p {
	margin: 10px 0 8px 0;
	padding: 1px 0 0 25px;
	font-size: 13px;
	height: 16px;
	color: black;
	font-weight: bold;
	background: transparent url(../../images/app/common/bg_icon_mini_basket.gif) 0 0 no-repeat;  
}
#miniBasket div.basketSummary {
	position: relative;
	margin: 0;
	padding: 0;
  	width: 150px;
  	background: transparent url(../../images/app/common/bg_header_mini_basket_dotted_line.gif) 0 9px repeat-x;
}
#miniBasket div span {
  	background-color: #f2f2f1;
  	padding-right: 5px;
}
#miniBasket div span.price {
    position: absolute;
    right: 0;
    top: 0; 
    padding-right: 0;
    padding-left: 5px;
}

/* button to basket */
#miniBasket div a {
	position: absolute;
	left: 93px;
	top: 55px;
	margin-top: 2px;
}

/* @end */

/* @group Salutation Header */
#headsalutation {
	position: absolute;
	left: 7px;
	top: 70px;	
	color: #666767;
	font-size: 12px;
}

#headsalutationSeason {
	color: #666767;
	font-size: 12px;
	left: 340px;
	left: 295px;
	position: absolute;
	text-align: left;
	top: 62px;
	width: 400px;
}

#checkoutheadsalutation {
	position: absolute;
	left: 7px;
	top: 70px;	
	color: #666767;
	font-size: 12px;
	z-index: 101;
}

/* @end */

/* @group Meta Navigation Sub Info Service Line */
#metaNavSubLine {
  	position: absolute;
  	top: 34px;
  	left: 230px;
	color: #666767;
	font-size: 12px;  
	width: 535px;
	text-align: right;
}
#metaNavSubLine small {
  font-size: 10px;
}
/* @end */

/* @group Meta Navigation */
#metaNav {
	position: absolute;
	top: 6px;
	left: 233px;
	text-align: right;
}
#metaNav ul,
#metaNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 21px;
}
#metaNav li {
	text-align: left;
	margin-right: 2px;
	background: transparent url(../../images/app/common/bg_meta_nav.jpg) 0 0 repeat-x;
	float: left;
}
#metaNav li.directOrder {
	background-position: 0 -25px;
}
#metaNav li span {
  	display: block;
  	width: 102px;
	height: 21px;
  	padding-right: 1px;
  	background: transparent url(../../images/app/common/bg_meta_nav_right_border.jpg) top right no-repeat;
}
#metaNav li.directOrder span {
  width: 117px;
}
#metaNav li a {
	color: #333333;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width:  86px;
	padding: 4px 0 2px 16px;
	background: transparent url(../../images/app/common/bg_arrow_right_top_nav.gif) 6px 8px no-repeat;	
}
#metaNav li a:hover {
	color: #d40d15;
}
#metaNav li.directOrder a {
  width:  101px;
  color: white;
  font-weight: bold;
  background-image: url(../../images/app/common/bg_arrow_right_top_nav_white.gif);
}
/* @end */


/* @end */




/* @group Top Navigation */
#topNav {
	position: absolute;
	top: 92px;
	left: 0;
	height: 39px;
	width: 970px;  
}
#topNav ul,
#topNav li {
  	list-style: none;
  	margin: 0;
  	padding: 0;  	
}

#topNav ul {
	position: relative;
	z-index: 50;
	background: transparent url(../../images/app/common/bg_top_nav.jpg) 0 0 repeat-x;	
}

#topNav ul li {
	position: absolute;
	height: 39px;	
	display: block;
	list-style: none;
	background: transparent url(../../images/app/common/bg_top_nav.jpg) 0 0 repeat-x;		
}
#topNav ul li.active,
#topNav ul li.selected {
	background-position: 0 -50px;
	color: white;
}

#topNav ul li a {
	display: block;
	color: #333333;	
	text-decoration: none;
	text-align: left;
	padding: 7px 0 0 4px;
	line-height: 13px;
	font-weight: bold;
	font-size: 12px;
	height: 32px;
}
#topNav ul li.active a,
#topNav ul li.selected a {
 	color: white;
} 
#topNav li.separator {
  	width: 1px;
  	height: 39px;
  	font-size: 1px;  	
	background: transparent url(../../images/app/common/bg_top_nav_separator.jpg) 0 0 repeat-x;	  	
}
#topNav li.separatorhighlight {
	background: transparent url(../../images/app/common/bg_top_nav_separator_highlight.jpg) 0 0 repeat-x;	  	
}
#topNav li.separator em {
  display: none;
}

#m1 { 
	left: 0; 
	width: 102px; 
	z-index: 60; 
}
#m1 a {
  padding-top: 12px!important;
  padding-left: 23px!important;
  height: 26px!important;
}

#s1 {
  	left: 102px;
}

#m2 {
  	left: 103px; 
  	width: 86px; 
   	z-index: 59; 
}
#s2 {
  	left: 189px;
}

#m3 { 
	left: 190px;
	width: 103px;  
	z-index: 58; 
}
#s3 {
  	left: 293px;
}

#m4 { 
	width: 93px;
	left: 294px;
	z-index: 57; 
}
#s4 {
  	left: 387px;
}

#m5 {  
	left: 388px; 
	width: 86px; 
	z-index: 56; 
}
#s5 {
  	left: 474px;
}

#m6 { 
	width: 121px; 
	left: 475px;
	z-index: 55; 
}
#s6 {
  	left: 596px;
}

#m7 { 
	width: 102px; 
	left: 597px; 
	z-index: 54; 
}
#s7 {
  	left: 699px;
}

#m8 { 
	width: 80px; 
	left: 700px; 
	z-index: 53; 
}
#s8 {
  	left: 780px;
}

#m9 {
  	width: 76px; 
  	left: 781px; 
  	z-index: 52; 
}
#s9 {
  	left: 857px;
}

#m10 { 
	width: 112px; 
	left: 858px; 
	z-index: 51; 
}
/* specials */
/* Highlight "Tolle Schnäppchen" */
#topNav a.highlight { 
  	color: #d40d15;
	padding-left: 18px;	
	background: transparent url(../../images/app/common/bg_top_exclamation_mark.jpg) 7px 8px no-repeat;
}
#topNav li.active a.highlight,
#topNav li.selected a.selected { 
	background: transparent url(../../images/app/common/bg_top_exclamation_mark_mo.jpg) 7px 8px no-repeat;
}

#m1 ul { z-index: 60; }
#m2 ul { z-index: 59; }
#m3 ul { z-index: 58; }
#m4 ul { z-index: 57; }
#m5 ul { z-index: 56; }
#m6 ul { z-index: 55; }
#m7 ul { z-index: 54; }
#m8 ul { z-index: 53; }
#m9 ul { z-index: 52; }
#m10 ul { z-index: 51; }


#topNav ul ul {
	display: none;	 
	top: 39px;
	left: -1px;
	width: 185px;
	height: auto;
	position: absolute;
	z-index: 99;
}
#m10 ul { left: -73px!important; }

#topNav ul li.active ul,
#topNav ul li.selected ul {	
	height: auto;
	background-image: none;
	padding-top: 5px;
	padding-bottom: 10px;
	background: #f3f3f3 url(../../images/app/common/bg_top_nav_second_level_top.gif) 0 0 repeat-x; 
}
#topNav ul li.active ul li,
#topNav ul li.selected ul li {
	position: relative;
	background-image: none;
	background-color: #f3f3f3;	
	height: auto;	
	border: none;
	margin: 4px 0 0 0;
	padding: 0;
}
#topNav ul li.active ul li a,
#topNav ul li.selected ul li a {
 	color: #333;
 	width: 166px;
 	padding: 3px 3px 3px 16px;
 	font-weight: normal;
	height: auto; 	
	background: transparent url(../../images/app/common/bg_top_nav_second_level.jpg) 0 -50px repeat-x!important; 
} 
#topNav ul li.active ul li a:hover,
#topNav ul li.active ul li a.selected {
	background: transparent url(../../images/app/common/bg_top_nav_second_level.jpg) 0 0 repeat-x!important; 
	color: white;
}

/*
#topNav ul li:hover>ul { visibility: visible; }
*/
/* @end */

/* @group Left Navigation */
#leftNav,
#leftNav li,
#leftNav li ul {
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
  	background-color: #eeeeed;
}
#leftNav {
  	padding: 20px 0 15px 0;
  	margin-bottom: 20px;
}
#leftNav li {
  	margin: 4px 0 4px 0;
}
#leftNav em {
  	color: #ec060e;
  	font-style: normal;
  	font-weight: bold;
  	padding-left: 25px;
}
#leftNav a {
  	padding: 2px 0 2px 25px;  	
  	display: block;
  	text-decoration: none;
  	color: #333;
}
#leftNav li li li a {
  	padding-left: 45px!important;  	
}
#leftNav li li.open,
#leftNav li li.open ul,
#leftNav li li.open a {
  	background-color: #f9f9f8!important;
}
#leftNav a.open {
  	font-weight: bold;
  	color: #EC060E;
}
#leftNav a:hover,
#leftNav a.selected {
	color: white;
	background: transparent url(../../images/app/common/bg_top_nav_second_level.jpg) 0 0 repeat-x; 
}

/* @group Search */

#leftNav.search span {
  	padding: 2px 0 2px 25px;  	
  	display: block;
  	text-decoration: none;
  	color: #333;
}

#leftNav.search li li span {
	display: block;
	width: 100px;
	font-weight: bold;
	background-color: #CECDCB;
	margin: 15px 0 0 0;
	color: #333;
}

#leftNav.search li li li a {
	padding-left: 25px!important;
}
#leftNav.search li li li select {
	margin-left: 25px;
}

/* @end */



/* @end */





/* @group globale Search Line */
#globaleSearch {
	text-align: center;
	padding-top: 7px;
  	height: 31px;
  	background: transparent url(../../images/app/common/bg_search.jpg) 0 0 repeat-x;
}
#globaleSearch div {
	width: 380px;
	height: 20px;
	padding-top: 6px;
	padding-bottom: 3px;
	background-color: #ebeaea;
  	margin: 0 auto 0 auto;
}
#globaleSearch #searchField {
  	width: 287px;
  	margin-left: 5px;
  	margin-right: 5px;
	vertical-align: middle;
}
#globaleSearch label {
	font-size: 13px;
  	color: #4c4c4c;
  	font-weight: bold;
	vertical-align: middle;  		
}
#globaleSearch input[type=image] {
	vertical-align: middle;
}
/* @end */

/* @group Borderlinbe */
#footerBorderline {
  	background: transparent url(../../images/app/common/bg_footer_top_line.gif) 0 0 repeat-x;  
  	height: 7px;
}
/* @end */



/* @group Footer */

#footer {
	padding: 75px 0 10px 0;
  	text-align: center;
  	background: transparent url(../../images/app/common/bg_mood_footer.gif) 423px 13px no-repeat;
}
#footer span {
	display: block;
  	text-align: center;
  	margin: 0 0 2px 0;
}
#footer p {
  padding: 10px 0 0 0;
}

#footer,
#footer a {
	color: #525252;
  	font-size: 11px;
}
#footer a {
	text-decoration: none;
	margin-right: 5px;
}
#footer a:hover {
  text-decoration: underline;
}

/* @end */

/* @group Teaser Boxes */
.teaserBox,
.teaserBoxDark {
	background: transparent url(../../images/app/common/teaser_box_white_bottom.gif) left bottom no-repeat;
	margin-bottom: 10px;
}
.teaserBox div.top,
.teaserBoxDark div.top {
	background: transparent url(../../images/app/common/teaser_box_white_top.gif) left top no-repeat;
	padding: 1px 10px 10px 10px;
}
/* Dark Box */
.teaserBoxDark {
	background-image: url(../../images/app/common/teaser_box_gray_bottom.gif);
}
.teaserBoxDark div.top {
	background-image: url(../../images/app/common/teaser_box_gray_top.gif);
}

.main .teaserBox div.top,
.main .teaserBoxDark div.top {
  	padding-left: 25px;
  	width: 160px;
}

/* online catalogs */
.teaserBox .images {
	float: left;
}
.teaserBox .text {
	padding-top: 5px;
	width:  120px;
	float: right;
}
/* Boxes on other pages */
.main .teaserBox .text {
  	width: 105px;
}
.teaserBox .text a {
  	display: block;
  	text-decoration: none;
}
.main .teaserBox .btn,
.main .teaserBoxDark .btn {
	display: block;
  	margin-top: 10px;
}
/* @end */

/* @group Homepage Content */

#homepageContent {
	line-height: 130%;
	z-index: 1;
	width: 970px;	
}
#homepageContent div.homepageContentInner {
  	position: relative;  	
  	margin: 5px 0 10px 0;
	height: 545px;
	line-height: 130%;
}
#homepageContent a {
  	text-decoration: none;
}
#homepageContent p {
  	padding: 0;
  	margin: 0;
}

/* @group Teaser A, B and C */
#homepageTeaserA {
  	position: absolute;
	top: 0;
	left: 0;
}
#homepageTeaserB1,
#homepageTeaserB2,
#homepageTeaserB3,
#homepageTeaserC {
  	position: absolute;
  	top: 378px;
  	width: 333px;
  	height: 167px;
}
#homepageTeaserB2 {
  	left:  343px;
}
#homepageTeaserB3 {
	width: 283px;
  	right: 1px;
}
#homepageTeaserC {
	width: 190px;
	height: 236px;
	top: 0;
  	left: 781px;
}

#homepageContent .categoryLink {
  	height: 18px;
  	left: 0;  
  	bottom: 0;
  	background-color: gray;
  	text-align: right;
}
#homepageContent .categoryLink a {
	display: block;
	padding: 2px 40px;
	color: white;	
}

#homepageContent .categoryLink.red {
  	background: transparent url(../../images/app/common/misc/bg_homepage_teaser_b_link_red.jpg) right top no-repeat;
}
#homepageContent .categoryLink.brown {
  	background: transparent url(../../images/app/common/misc/bg_homepage_teaser_b_link_brown.jpg) right top no-repeat;
}
#homepageContent .categoryLink.purple {
  	background: transparent url(../../images/app/common/misc/bg_homepage_teaser_b_link_purple.jpg) right top no-repeat;
}
#homepageContent .categoryLink.green {
  	background: transparent url(../../images/app/common/misc/bg_homepage_teaser_b_link_green.jpg) right top no-repeat;
}
/* @end */


/* @group Newsletter */
#homepageContent #newsletter {
  	position: absolute;
  	left: 780px;
  	top: 246px;
  	width: 190px;
  	height: 122px;
  	background: transparent url(../../images/app/common/bg_rounded_teaser_dark_122.gif) right top no-repeat;
}
#homepageContent #newsletter div {
  	margin: 10px 16px 12px 14px;
  	color: #666767;
}
#homepageContent #newsletter h6 {
	font-size: 14px;
  	font-weight: bold;
  	color: #2c2c2c;
  	padding: 0 0 5px 0;
  	margin: 0;
}
#homepageContent #newsletter input.email {
	margin: 5px 0 7px 0;
	width: 138px;
}
/* @end */


/* @group Homepage Service */
#homepageService {
	padding: 15px 0 15px 20px;
  	background-color: #eeeeed;
  	height: 170px;
  	margin-bottom: 5px;
}
#homepageService .spacer {
  float:  left;
  border-left: 1px solid #c8c8c7;
  height: 170px;  
}
#homepageService .spacer em {
  display: none;
}
#homepageService .column {
  	margin-left: 20px;
  	float: left;
  	color: #818282;
}
#homepageService .col1 {
  	width: 192px;
  	margin-left: 0;
}
#homepageService .col2 {
  	width: 220px;
}
#homepageService .col3 {
  	width: 213px;
  	padding-top: 10px;
}
#homepageService .col4 {
  	width: 245px;
  	border: none;
}
#homepageService .col4 h6 {
 	padding-bottom: 10px;
}

#homepageDirectOrder {
  	margin: 10px 0 10px 0;
}

#homepageService a {
 	display: block;
  	color: #666767;
}
#homepageService .col3 a {
	margin-bottom: 10px;
}
#homepageService .col4 a {
	margin-bottom: 5px;
}
#homepageService .catalogs .inner {
  width: 202px;
}
#homepageService .btn {
  margin-top: 10px;
  display: block;
}

/* @end */

/* @end */






/* @group Main Table */

table.main {
  	border: none;
  	width: 970px;
  	margin-top: 5px;
}
.orderPage table.main {
	margin-top: 0;
}

td.nav {		
  	width: 195px;
  	padding-right: 20px;
}
td.content {		
  	width: 755px;
}

td.content #footer {
  	background-position: 315px 13px;
}
/* @end */


/* @group Productlist Standard */
.productList .mainTeaser {
/*	margin-bottom: 10px; */ 
}
.breadcrumb {
  	margin-top: 10px;
}
.productList .navigation {
	margin-bottom: 15px;
}

.products .productvideo {
	position:relative;
	top:0px;
	float:right;
	padding:10px;
}

.products .details {
	margin: 0 10px 10px 15px;
}
.products .flag {
  	min-height: 25px;
  	margin-top: 5px;
  	margin-left: 1px;
}
.products .hero .flag {
    min-height: 40px;
}
.products h2 {
  	color: #414141;
  	font-size: 13px;
  	margin: 2px 0 5px 0;
  	line-height: 130%;
}
.products h2 a {
  	text-decoration: none;
}

/* price */
.products .price,
.products .oldPrice {
  	color:  #666767;
  	font-size: 13px;
}
/* old price */
.products .oldPrice {
  	color: #d5151c;
}
.products .oldPrice span {
	text-decoration: line-through;
	margin-right: 10px;
}
.products td.product {
  	width: 160px;
  	background: transparent url(../../images/app/common/bg_productlist_product_details.gif) 0 0 repeat-y;
}
.products .spacer {
  	width: 38px;
}
.products a.button  {
	display: block;
	margin-bottom: 30px;
}

/* navigation  */
.productList .navigation table {
  	width: 755px;
}
.productList .navigation td,
.productList .navigation td select {
  	vertical-align: middle!important;
  	margin-left: 5px;
}
.productList .navigation td.pager {
  	text-align: right;
}

/* @end */

/* @group Productlist Top Ten, Favourites, Sales */
.products td.product h1 {
  	color: white;
  	font-size: 18px;
  	margin: 0;
  	height: 20px; /* 30px */
  	padding: 5px 0 5px 15px;
  	position: relative;
}
.products td.hero h1 {
    width: 343px; 
}
.products td.top {
 	background: transparent url(../../images/app/common/bg_productlist_product_details.gif) 357px 0 repeat-y; 
}
.products td.top .flag {
	margin-left: 0;
}
.products td.product h1 img.left {
  	position: absolute;
  	left: 0;
  	top: 0;
}
.products td.product h1 img.right { 
  	position: absolute;
  	right: 0;
  	top: 0;
}
.products td.product .topImage {
 	display: block;
  	width: 250px;
  	height: 250px;
	float: left;	
}
.products td.product .topDetails {
	width: 100px;
	margin-left: 250px;
}
.products td.product .topDetails .flag {
  	margin-top: 0;
  	padding-top: 25px;
}

/* Colors */
.top10novelties h1 {
  	background-color: #afbd2f;  
}
.top10sale h1 {
  	background-color: #EBCC00;  
}
.top10favourites h1 {
  	background-color: #835B7F;  
}

/* floating IE */
.products .heroFloatContainer {
  	width: 358px;
}

/* @end */

/* @group Pager */
div.pager {  
	vertical-align: middle;
}
div.pager span.pages {  
	margin-right: 10px;
}
div.pager img {
	vertical-align: middle;	
  	display: inline;
}
div.pager em {
	font-style: normal;
	font-weight: bold;
	color: #ed1c24;  
}
div.pager a {
  padding: 0 4px 0 4px;
}
div.pager a.prev {
  padding: 0;
  padding-right: 5px;
}
div.pager a.next {
  padding: 0;
  padding-left: 5px;
}
/* @end */

/* @group breadcrumb */
.breadcrumb {
	color:  #666767;
	margin-bottom: 20px;
}
.breadcrumb b {
  margin-right: 10px;
}
.breadcrumb span {
  margin: 0 3px 0 3px;
}
/* @end */

/* @group Search */

.searchResultHeader {
  	background-color: #eeeeed;
	font-weight: bold;
	color: #333;
	padding: 10px;
	margin: 0 0 20px 0;
}

.footerSearchWrap {
	margin-left: 195px;
}
.footerSearchWrap #footer {
	background-position: 325px 13px!important;
}

/* @end */

/* @group Detailview */
.detailview .breadcrumb {
  	margin-top: 25px;
}

.detailContent {
  	margin: 25px 0 25px 0;
}
.detailContent .mainImage {
	margin-bottom: 10px;
  	display: block;
  	position: relative;
  	height: 250px;
}
.detailImages {
	float: left;
	padding-bottom: 10px;
	width: 250px;
   	color: #2c2c2c;
   	background: transparent url(../../images/app/common/bg_detailimages.gif) left bottom no-repeat;
   	margin-bottom: 20px;
}


.detailImages .sold {
	font-size:15px;
	font-weight:bold;
	position:absolute;
	text-align:center;
	bottom:0;
	height:50px;
	color:#666666;
	z-index:100;
	opacity: 0.85;
	filter: Alpha(opacity=85);
	background-color:white;
	width:250px;
	padding-top:10px;
}

.detailImages ul,
.detailImages li {
  	margin: 0;
  	padding: 0;
  	list-style: none;
}
.detailImages li {
  	float: left;
  	margin: 0 20px 20px 0;
}
.detailImages ul {
  	width: 240px;
}
.detailImages ul {
  	margin: 5px 0 15px 15px;
}
.detailImages span {
  	margin-left: 15px;
}
.detailImages .links {
  	clear: left;
  	margin-left: 15px;
}
.detailImages .links a {
  	float: left;
  	text-decoration: none;  	
}
.detailImages .links a:hover {
  	text-decoration: underline;
}
/* zoom */
.detailview a.zoom,
.detailview a.tv {
  	display: block;
  	padding: 5px 0 0 35px;
  	height: 20px;
   	background: transparent url(../../images/app/common/icon_detailview_zoom.gif) 0 0 no-repeat;
}
.detailview a.tv {
  	background-image: url(../../images/app/common/icon_detailview_tv.gif);
}
.detailImages .links a.tv {
  	margin-left: 55px;
}
.detailview h1 {
  	color: #414141;
  	font-size: 22px;
  	margin-bottom: 5px;
}

.detailInfos {
	width: 485px;
	margin-left: 270px;
}
.detailInfos .headline {
  	margin-bottom: 25px;
}
.detailInfos small {
  	font-size: 12px;
  	color: #414141;
}
.detailInfos td.description {
  	width: 294px; /* 275px + 19px */
}

.detailInfos td.description div {
  	color: #666767;
  	width: 255px;
  	font-size: 12px;
}
.detailInfos td.description p.more {
  	margin: 10px 0 0 0;
  	padding: 0;
  	text-align: right;  	
}
.detailInfos td.description p.more a {
  	text-decoration: none;
   	background: transparent url(../../images/app/common/bg_raquo.gif) 0 4px no-repeat;    	
  	padding-left: 15px;
}
.detailInfos td.description p.more a:hover {
  	text-decoration: underline;
}

/* Button Bar */
.buttonBar {
	width: 485px;
  	position: relative;
  	height: 65px;
  	margin-top: 30px;
  	margin-bottom: 20px;
  	clear: right;
}

.buttonBar a,
.buttonBar div.basket {
  	position: absolute;  
}
.buttonBar div.basket {
  	right: 0;
  	bottom: 0;
  	height: 33px;
  	width: 191px; /* 191px */
  	background-color: #fff4e0;
  	text-align: right;
}
.buttonBar div.basket div {
  	height: 29px; /* 39px */
  	font-size: 22px;
  	color: black;
  	padding: 10px 10px 0 0;
}
.buttonBar div.basket div span#price2ndCurrency {
    height: 21px;
    font-size: 14px;
    color: gray;
}
/* old price */
.buttonBar div.basket div span#oldPrice {
  	text-decoration: line-through;
  	font-size: 14px;
  	color: #D5151C;
  	padding-right: 15px;
}
.buttonBar a.print,
.buttonBar a.review,
.buttonBar a.note,
.buttonBar a.recommend,
body.popup a.print,    
body.popup a.close,
body.checkout #shadowbox a.print,
body.checkout #shadowbox a.close {
	text-decoration: none;
  	display: block;
  	height: 14px;
  	padding: 2px 0 0 25px;
   	background: transparent url(../../images/app/common/icon_detailview_print.gif) 0 0 no-repeat;  	
}

.buttonBar a.print {
	bottom: 0;
	left: 0;
}
.buttonBar a:hover {
	text-decoration: underline;
}
.buttonBar a.review {
   	background-image: url(../../images/app/common/icon_detailview_review.gif);
   	top: 17px;
   	left: 0;
}
.buttonBar a.note {
   	background-image: url(../../images/app/common/icon_detailview_note.gif);
   	top: 17px;
   	left: 146px;
}

.buttonBar a.recommend {
  	background-image: url(../../images/app/common/icon_detailview_recommend.gif);  
	bottom: 0;
  	left: 146px;
}

/* article selection */
td.selection {
	width: 191px;
}
td.selection .bordure {
  	border-left: 1px solid #ccc;
  	padding: 2px 0 2px 10px;
  	margin-bottom: 18px;
}
td.selection .bulk {
  	background-color: #ec060e;
  	width: 174px; /* 191px */
  	height: 39px; /* 49px */
  	color: white;  	
  	padding: 10px 0 0 15px;  	
  	margin-bottom: 32px;
}
td.selection label {
  	width: 50px;
  	display: block;
  	float: left;
  	padding-top: 2px;
  	color: #414141;
}
td.selection select {
	margin-bottom: 10px;
}
td.selection select {
  	width: 130px;
  	color: #414141;
}
td.selection select.quantity {
  	width: 75px;
  	margin-bottom: 0;
}
td.selection .delivery {
  	color: black;
  	font-weight: bold;
  	margin-left: 10px;
}
td.selection .articleNumber {
  	display: block;
  	margin: 10px 0 10px 10px;
}

/* pager */
.detailview .pager {
  	background-color: #eeeeed;
  	height: 25px;
  	position: relative;
}
.detailview .pager a {
	position: absolute;
	width: auto;
  	display: block;
  	padding: 0 0 0 20px;
  	margin-top: 6px;
  	text-decoration: none;
   	background: transparent url(../../images/app/common/btn_pager_prev.gif) 0 0 no-repeat; 
}
.detailview .pager a:hover {
   	text-decoration: underline;
}
.detailview .pager a.prev {
  	background-image: url(../../images/app/common/btn_pager_prev.gif);
  	padding: 0 0 0 20px;  	
  	top: 0;
	left: 10px;  	
}
.detailview .pager a.back {
  	background-image: url(../../images/app/common/btn_pager_back.gif);
  	padding: 0 0 0 20px;  	
  	top: 0;
	left: 350px;  	
}

.detailview .pager a.next {
   	background: transparent url(../../images/app/common/btn_pager_next.gif) top right no-repeat; 
  	padding: 0 20px 0 0;  	
  	top: 0;
	right: 10px;
}

/* @group Recommendation */
#recommendation h4 {
  	color: #414141;
  	font-size: 14px;
  	margin-bottom: 15px;
}
#recommendation iframe {
  	border: none;
  	width: 755px;
  	margin: 0 0 20px 0;
  	padding: 0;
  	height: 111px;
}
#recommendation .a1,
#recommendation .a2 {
  	width: 255px;
}
#recommendation .a3 {
  	width: 245px;
}

#recommendation .product {
  	width: 245px;
}
#recommendation .product .image {
  	float: left;
}
#recommendation .product .details {
	float: right;
	width: 134px;
	height: 108px;
	border: 1px solid #cecdcb;
	border-left: none;	
	position: relative;
}
#recommendation .product .details h2 {
	color: #414141;
	font-size: 13px;
	padding: 0;  
	margin: 0 0 5px 0;
  	line-height: 130%;	
}
#recommendation .product .details a {
  	position: absolute;
  	bottom: 0;
  	left: 0;
}
#recommendation .product .details div {
  	position: absolute;
	width: 115px;
  	bottom: 30px;
  	left: 15px;
}
#recommendation .product .details .oldPrice {
  	font-size: 13px;
  	color: #d5151c;
}
#recommendation .product .details .oldPrice span {
	text-decoration: line-through;
	margin-right: 10px;
}
/* @end */

/* @group Personalization */

.detailPersonalization {
  	background-color:#eaeaea;
	padding:15px 0 15px 20px;
	border:1px solid;	
	width:250px;
}

.detailPersonalization .left {
	float: left;
	width: 230px;
}

.detailPersonalization .left .buttonBar {
	width: 220px;
	margin-top: 0;
}

.detailPersonalization .left .buttonBar a.recommend {
	top: 0;
	left: 0;
}
.detailPersonalization .left .buttonBar a.print {
	top: 30px;
	left: 0;
}
.detailPersonalization .left .buttonBar a.note {
	top: 60px;
	left: 0;
}

.detailPersonalization .right {
	margin-left: 300px;
}

.detailPersonalization .right h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.detailPersonalization .right .field {
	float: left;
	width: 195px;
	margin-right: 40px;
}
.detailPersonalization .right .field.date {
	width: 163px;
}
.detailPersonalization .right .field.last {
	margin-right: 0;
}
.detailPersonalization .right .field label {
	display: block;
}
.detailPersonalization .right .field input {
	width: 188px;
}
.detailPersonalization .right .field.date input {
	width: 156px;
}
.detailPersonalization .right .field p {
	margin: 0;
}

/* @end */

/* @end */

/* @group Buttons */

.basket .button,
.account .button,
.service .button,
div.lightbox .button,
div.recommendationPopup .button {
	margin: 10px 0;
}

.basket .buttonMargin,
.account .buttonMargin,
.service .buttonMargin,
div.lightbox .buttonMargin {
	margin: 20px 0;
}


.basket .button a,
.account .button a,
.service .button a,
div.lightbox .button a,
div.recommendationPopup .button a,
.basket .button input,
.account .button input,
.service .button input,
div.lightbox .button input,
div.recommendationPopup .button input {
	float: right;
}

#dateOfConfirmation {
	display: none;
}

/* @end */

/* @group Basket */

.basket {
	padding-bottom: 30px;
	width: 756px;
}

.basket .red {
	color: #C00;
	position: static;
}

/* @group Item */

div.item {
	display: block;
	line-height: 150%;
	color: #000;
}

div.item img {
	display: block;
	float: left;
	margin-right: 10px;
}

div.item strong {
	color: #666767;
}



/* @end */

/* @group Basket Status */

.basket div.basketStatus {
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
}

/*.basket ol.basketStatus {
	display: block;
	height: 100px;
	background: url(../../images/app/common/temp/basket_status.jpg) no-repeat;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
}

.basket .basketStatus li {
	display: none;
	margin: 0;
	padding: 0;
}

.basket .basketStatus li.currentStatus {
	display: block;
	background-color: white;
	position: absolute;
	width: 94px;
	height: 60px;
	top: 23px;
}

.basket .basketStatus li.status1.currentStatus { left: 111px; width: 94px; }
.basket .basketStatus li.status2.currentStatus { left: 205px; width: 99px; }
.basket .basketStatus li.status3.currentStatus { left: 304px; width: 139px; }
.basket .basketStatus li.status4.currentStatus { left: 443px; width: 136px; }*/

/* @end */

/* @group Basket Boxes */

.basket .basketBox {
	margin-bottom: 10px;
}

.basket .basketBox b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.basket .basketBox b b {
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;
	
}

.basket .basketBox h3 {
	color: #414141;
	padding: 5px 10px;
	margin: 0;
}

.basket .basketBox .basketBoxContent {
	padding: 25px 10px 25px 25px;
}

.basket .basketBox .left {
	float: left;
	width: 315px;
	padding: 1px;
}

.basket .basketBox .right {
	margin-left: 360px;
	width: 370px;
	padding: 1px;
}

.changeMyAddress {
	margin-left: 240px;
	padding-left: 0!important;
}
.changeMyAddress .wrap {
	width: 270px;
}
.changeMyAddress .formBox {
	width: 370px;
}

.otherAddress {
	margin-left: 185px;
	padding-left: 0!important;
}
.otherAddress .wrap {
	width: 395px;
}
.otherAddress .formBox {
	width: 395px;
}


.basket .basketBox.orange { background-color: #fef8f1; }
.basket .basketBox.orange .basketBoxHead { background-color: #f7c58a; }

.basket .basketBox.gray { background-color: #f8f8f7; }
.basket .basketBox.gray .basketBoxHead { background-color: #cecdcb; }

#promotionForm .decision {
	margin: 0 8px 0 0;
}

/* @group Box Content */

.basket .basketBox p {
	margin: 0;
}

.basket .basketBox form label {
	display: none;
	vertical-align: middle;
}

.basket .basketBox form input {
	vertical-align: middle;
}

#basketDirectOrderError {
	display: block;
	margin-top: 10px;
	margin-left: 2px;
	padding: 10px;
	border: 1px solid #EC0610;
	background-color: #FFF6E5;
	color: #EC0610;
}

.basket .basketBox ul.personalData {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0;
}
.basket .basketBox ul.personalData li {
	position: relative;
}
.basket .basketBox ul.personalData li span {
	
}
.basket .basketBox ul.personalData li strong {
	position: absolute;
	left: 155px;
}
.basket .basketBox div.address {
	height: 90px;
}
.basket .basketBox div.rightAddress #deleteAdr {
	margin-top: 5px;
}
.basket .basketBox div.rightAddress {
	border-left: 1px solid #cecdcb;
	padding-left: 25px;
	width: 325px;
}
.basket .basketBox .shipping label {
	padding-right: 60px;
}
/* @end */

/* @end */

/* @group Direct Order Item */

#basketDirectOrderItem {
	padding-bottom: 20px;
	display: block;
}

#basketDirectOrderItem .item {
	float: left;
	width: 250px;
}

#basketDirectOrderItem .item div.price {
	margin-top: 5px;	
}
#basketDirectOrderItem .item div.price #oldPrice {
	text-decoration: line-through;
	color: #D5151C;
	padding-right: 15px;
	font-size: 10px;
}
#basketDirectOrderItem .item div.price #price {
	font-size: 12px;
}

#basketDirectOrderItem .item img {
}

#basketDirectOrderItem .item strong {
}

#basketDirectOrderItem .right {
	margin-left: 260px;
}

#basketDirectOrderItem .right ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #CCC;
}

#basketDirectOrderItem .right ul li {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	position: relative;
}

#basketDirectOrderItem .right ul li label {
	display: block;
	float: left;
	width: 50px;
	padding: 4px 0;
}

#basketDirectOrderItem .right ul li select {
	margin-left: 0px;
	width: 130px;
}

#basketDirectOrderItem #basketDirectOrderAdd {
	display: block;
	margin: 20px 0 0 115px;
	width: 138px;
}

/*
.availability {
	padding-left: 20px;
} */

.availability {
/*	background: url(../..//images/app/common/availability_available.gif) no-repeat left center; */
	color: #000;
}


/* @end */

/* @group Direct Order Item Personalized */

#basketDirectOrderItem .pers {
	float: right;
	width: 270px;
}

#basketDirectOrderItem .pers .formBox {
	margin-bottom: 20px;
}

#basketDirectOrderItem .pers #basketDirectOrderAdd {
	margin-left: 132px;
}

/* @end */

/* @group Form-Box */

.formBox {
	margin: 0;
	padding: 0;
	width: 270px;
}
.formBox.brown {
	background-color: #ece9cc;
}
.formBox.gray {
	background-color: #EEE;
}
.formBox.lightgray {
	background-color: #f8f8f7;
}

.formBox.green {
	background-color: #f8f8f7;
}
.formBox .formBoxInner {
	padding: 8px 10px 16px 10px;
}

.formBox h3 {
	padding: 0 0 8px 0;
	margin: 0;
}
.formBox hr {
	background: none;
	border: none;
	border-top: 1px solid #cecdcb;
}

.formBox .item100,
.formBox .itemLR {
	width: 250px;
	float: left;
	padding: 0 0 8px 0;
	margin-right: 10px;
}
.formBox .item50 {
	width: 120px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.formBox .end {
	margin-right: 0;
	/*float: none;*/
}
.formBox .error {
	border: 2px solid #C00;
	padding: 1px;
}
label.error,
label.error a {
	color: #C00;
	font-weight: bold;
}


.formBox .errors {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.formBox .errors li {
	color: #C00;
}


.formBox .spacer {
	height: 20px;
	clear: both;
}

.formBox label, .formBox span.label {
	display: block;
	position: relative;
}
.formBox .newsletter label,
.formBox .checkbox label {
	display: inline;
	color: #666767;
}
.formBox label span {
	position: absolute;
	top: 0;
	right: 0;
}
.formBox span.label label {
	display: inline;
}

.formBox .itemLR label {
	float: left;
	width: 45px;
	line-height: 20px;
	/*display: inline;*/
}
.formBox .itemLR input.text,
.formBox .itemLR select {
	width: 122px;
}

.formBox .item100 input.text,
.formBox .item100 select {
	width: 243px;
}
.formBox .item50 input.text {
	width: 113px;
	/*margin-top: 3px;*/
}
.formBox .item50 select {
	width: 120px;
}


.yourData .formBox {
	width: 360px;
}
.yourData .formBox .formBoxInner {
	padding: 20px 20px 20px 20px;
}

.yourData .wide .formBox {
	width: 756px;
}
.yourData .wide .formBox .formBoxInner {
	padding: 8px 190px 16px 150px;
}
.yourData .wide .formBox .wideFoot .button {
	width: 576px;
	margin-left: 150px;
	padding-bottom: 10px;
}

.yourData .wide .formBox .wideFoot .notice {
	width: 576px;
	margin-left: 150px;
	padding-bottom: 20px;	
}


.yourData .formBox .item100,
.yourData .formBox .itemLR {
	width: 310px;
}
.yourData .formBox .item50 {
	width: 150px;
}
.yourData .formBox .item50.birthdate input.day {
	width: 30px;
	margin-right: 2px;
	float: left;
}
.yourData .formBox .item50.birthdate input.month {
	width: 30px;
	margin-right: 2px;
	float: left;
}
.yourData .formBox .item50.birthdate input.year {
	width: 45px;
	float: left;
}
.yourData .formBox .item50.birthdate span.dot {
	display: block;
	float: left;
	width: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 19px;
}
.yourData .formBox .item100 input.text,
.yourData .formBox .item100 select {
	width: 303px;
}
.yourData .formBox .item50 input.text {
	width: 143px;
}
.yourData .formBox .item50 select {
	width: 150px;
}

.yourData .formBox .item100.newsletter input {
	float: left;
}
.yourData .formBox .item100.newsletter label {
	margin-left: 30px;
	display: block;
}



.yourData .wide .formBox .item100,
.yourData .formBox .itemLR {
	width: 410px;
}
.yourData .wide .formBox .item50 {
	width: 200px;
}
.yourData .wide .formBox .item50.birthdate input.day {
	width: 45px;
	margin-right: 2px;
}
.yourData .wide .formBox .item50.birthdate input.month {
	width: 45px;
	margin-right: 2px;
}
.yourData .wide .formBox .item50.birthdate input.year {
	width: 65px;
}
.yourData .wide .formBox .item100 input.text,
.yourData .wide .formBox .item100 select {
	width: 403px;
}
.yourData .wide .formBox .item50 input.text {
	width: 193px;
}
.yourData .wide .formBox .item50 select {
	width: 200px;
}

.personalData .formBox {
	margin-left: 125px;
	margin-top: 30px;
	width: 450px;
}

/* @group Screen_Konto_2 */

.changeData {
	margin-bottom: 20px;
}

.changeData .formBox {
	width: 360px;
	position: relative;
}
.changeData .formBox .formBoxInner {
	padding: 20px 20px 20px 20px;
}

.changeData .wide .formBox {
	width: 756px;
}
.changeData .wide .formBox .formBoxInner {
	padding: 8px 30px 16px 310px;
}
.changeData .wide .formBox .wideFoot .button {
	width: 576px;
	margin-left: 150px;
	padding-bottom: 10px;
}

.changeData .wide .formBox .wideFoot .notice {
	width: 576px;
	margin-left: 150px;
	padding-bottom: 20px;	
}


.changeData .formBox .item100,
.changeData .formBox .itemLR {
	width: 310px;
}
.changeData .formBox .item50 {
	width: 150px;
}
.changeData .formBox .item50.birthdate input.day {
	width: 30px;
	margin-right: 2px;
	float: left;
}
.changeData .formBox .item50.birthdate input.month {
	width: 30px;
	margin-right: 2px;
	float: left;
}
.changeData .formBox .item50.birthdate input.year {
	width: 45px;
	float: left;
}
.changeData .formBox .item50.birthdate span.dot {
	display: block;
	float: left;
	width: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 19px;
}
.changeData .formBox .item100 input.text,
.changeData .formBox .item100 select {
	width: 303px;
}
.changeData .formBox .item50 input.text {
	width: 143px;
}
.changeData .formBox .item50 select {
	width: 150px;
}

.changeData .formBox .item100.newsletter input {
	float: left;
}
.changeData .formBox .item100.newsletter label {
	margin-left: 30px;
	display: block;
}

.changeData .wide .formBox .item100,
.changeData .formBox .itemLR {
	width: 410px;
}
.changeData .wide .formBox .item50 {
	width: 200px;
}
.changeData .wide .formBox .item50.birthdate input.day {
	width: 45px;
	margin-right: 2px;
}
.changeData .wide .formBox .item50.birthdate input.month {
	width: 45px;
	margin-right: 2px;
}
.changeData .wide .formBox .item50.birthdate input.year {
	width: 65px;
}
.changeData .wide .formBox .item100 input.text,
.changeData .wide .formBox .item100 select {
	width: 403px;
}
.changeData .wide .formBox .item50 input.text {
	width: 193px;
}
.changeData .wide .formBox .item50 select {
	width: 200px;
}

.changeData .info {
	position: absolute;
	left: 20px;
}


/* @end */

/* @end */

/* @group Basket Table */

/* @group Allgemein */

.basketTable {
	/*border-collapse: collapse;*/
	width: 100%;
}

.basketTable tr {
	margin: 0;
	padding: 0;
}

.basketTable tr td, .basketTable tr th {
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	position: relative;
	color: #414141;
}
.basketTable tr td,
.basketTable tr .tdContent {
	padding: 10px 8px;
}
.basketTable tr th {
	padding: 0;
	font-size: 14px;
}
.basketTable tr th span {
	padding: 4px 8px;
	display: block;
}

.basketTable tr .col1 { width: 250px; }
.basketTable tr .col2 { width: 100px; }
.basketTable tr .col3 { width: 100px; }
.basketTable tr .col4 { width: 100px; }
.basketTable tr .col5 { width: 120px; }

basketTable tr th.col1 {
	width: 325px;
}

.basketTable tr .noPadding {
	padding: 0;
}

.basketTable tr td.col3 {
	text-align: right;
	font-weight: bold;
	color: #414141;
}

.basketTable tr td.col4 {
	background-color: #ECE8CB;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	text-align: right;
	color: #414141;
	font-weight: bold;
}

.basketTable tr th h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #414141;
	position: relative;
	width: auto;
}

.basketTable tr td .strike {
	text-decoration: line-through;
	font-weight: normal;
}

.basketTable b.l {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.basketTable b.r {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;	
}



/* @end */

/* @group Tools */

.basketTable ul.tools {
	list-style: none;
	padding: 0;
	margin: 0;
}
.basketTable ul.tools li {
	padding: 0;
	margin: 0;
}
.basketTable ul.tools li input {
	border: none;
	display: block;
	padding: 0 0 10px 22px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #414141;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.basketTable ul.tools li .toolEdit   { background-image: url(../../images/app/common/icon_basket_edit.gif); }
.basketTable ul.tools li .toolDelete { background-image: url(../../images/app/common/icon_basket_delete.gif); }



/* @end */

/* @group Artikel Kopf */

.basketTable tr.gray th {
	color: #434341;
	background-color: #f8f8f7;
	border-color: #f8f8f7;
	padding: 0;
	border: none;
}

/* @end */

/* @group Artikel */

.basketTable tr.item td {
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
}
.basketTable tr.item td.col1, .basketTable tr.item td.col2, .basketTable tr.item td.col3 {
	border-right: none;
}
.basketTable tr.item td.col2 {
  	text-align: right;
}
.basketTable tr.item td.col5 {
	border-left: none;
}

.basketTable tr.item .item img {
	margin-bottom: 10px;
}
.basketTable tr.item .item strong {
	font-weight: normal;
	color: #000;
}

/* @end */

/* @group Artikel Gratis */

.basketTable tr.item.gratis td.col1,
.basketTable tr.item.gratis td.col2,
.basketTable tr.item.gratis td.col3,
.basketTable tr.item.gratis td.col5 {
	background-color: #fef8f1;
}
.basketTable tr.item.gratis td.col1 {
	border-left-color: #fef8f1;
}
.basketTable tr.item.gratis td.col5 {
	border-right-color: #fef8f1;
	border-bottom-color: #fef8f1;
}
.basketTable tr.item.gratis.last td.col5 {
	border-bottom-color: #CECECE;
}

.basketTable tr.item.subheader td.col1,
.basketTable tr.item.subheader td.col2,
.basketTable tr.item.subheader td.col3,
.basketTable tr.item.subheader td.col5 {
	background-color: #FFF;
}

/* @end */

/* @group Abstand */

.basketTable tr.spacer td {
	height: 19px;
	padding: 0;
	font-size: 1px;

}
.basketTable tr.spacer td.col1,
.basketTable tr.spacer td.col2,
.basketTable tr.spacer td.col3,
.basketTable tr.spacer td.col5 {
	border: none;
}

/* @end */

/* @group Vorteilsnummer */

.basketTable tr.advantage th.col1,
.basketTable tr.advantage th.col2,
.basketTable tr.advantage th.col3,
.basketTable tr.advantage th.col5 {
	background-color: #f7c58a;
	border: none;
	padding-right: 0;
}
.basketTable tr.advantage th h3,
.basketTable tr.advantage th h3 span {
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ECE8CB;
	margin-bottom: 1px;
}
.basketTable tr.advantage th h3 span {
	display: inline;
	background-color: #f7c58a;
	margin-right: 8px;
}
.basketTable tr.advantage td {
	padding: 0;
}
.basketTable tr.advantage th h3 {
	width: 325px;
}

/* @end */

/* @group Kopf Orange */

.basketTable tr.subheader td, .basketTable tr.subheader th {
	padding: 10px 0 0 0;
}

.basketTable tr.subheader th h3 {
	padding: 0;
	margin: 0;
	width: 190px;
	background-color: #f7c58a;
}
.basketTable tr.subheader th h3 span {
	padding: 4px 8px;
	display: block;
}

.basketTable tr.subheader.gratis td.col2,
.basketTable tr.subheader.gratis td.col3 {
	border-left: 1px solid #CECECE;
	/*border-right: 1px solid #CECECE;*/
}



/* @end */

/* @group Orange */

.basketTable tr.orange td {
	border-bottom: 1px solid #CECECE;
}
.basketTable tr.orange td.col123,
.basketTable tr.orange td.col5 {
	background-color: #fef8f1;
	border-right: none;
}
.basketTable tr.orange td.col1 {
	border-left-color: #fef8f1;
}
.basketTable tr.orange td.col5 {
	border-right-color: #fef8f1;
}

/* @end */

/* @group Summe */

.basketTable tr.sums td {
	padding: 5px 8px;
}
.basketTable tr.sums.sum1 td.col3,
.basketTable tr.sums.sum2 td.col3,
.basketTable tr.sums.sum2 td.col4 {
	font-weight: normal;
}
.basketTable tr.sums.sum3 td.col4 {
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	font-size: 14px;
}



/* @end */

/* @end */

/* @group Gewählte Vorteilsnummer */

.basket .advantageNumber {
	width: 300px;
}

.basket .advantageNumber h3,
.basket .advantageNumber h3 span {
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #fef8f1;
	margin-bottom: 1px;
}
.basket .advantageNumber h3 span {
	display: inline;
	background-color: #FFF;
	margin-right: 8px;
}


/* @end */

/* @group Vorteil */

.basket .advantageBox {
	margin-top: 10px;
}

.basket .advantageBox b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
	font-size: 1px;
}
.basket .advantageBox b b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;	
	font-size: 1px;
}

.basket .advantageBox h3 {
	margin: 0;
	padding: 0;
	color: #666;
}

.basket .advantageBox h3 strong {
	display: block;
	position: relative;
	background-color: #f7c58a;
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
}
.basket .advantageBox h3 span {
	display: block;
	margin: 0 6px;
	padding: 4px 3px 3px 3px;
}
.basket .advantageBox h3 strong span {
	padding: 3px;
}

.basket .advantageBoxContent {
	padding: 0;
	margin: 0;
	background: #fef8f1 no-repeat right top;
	height: 150px;
}
.basket .advantageBoxContent .advantageBoxContentInner {
	padding: 20px 250px 20px 30px;
	margin: 0;
}

.basket .advantageBoxContentGratis {
	height: auto;
	background: #FEF8F1 url(../../images/app/common/vorteil_gratisgeschenk.jpg) no-repeat right top;	
}
.basket .advantageBoxContentGratis .advantageBoxContentInner {
	padding: 30px 10px 10px 20px;
}
.basket .advantageBoxContentGratis h4 {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Georgia, Palatino Linotype;
	font-size: 24px;
	font-weight: normal;
	color: #D50D17;
}

.basket .advantageBoxContentGratis .gratisBox {
	background-image: url(../../images/app/common/bg_white_50.png);
	margin: 0 0 10px 0;
	padding: 0;
	height: 161px;
	position: relative;
	font-weight: bold;
}

.basket .advantageBoxContentGratis .gratisBox.following {
	height: 171px;
	margin: 0 0 0 0;
}
.basket .advantageBoxContentGratis .gratisBox.acceptance {
	height: auto;	
	padding: 10px;
	margin: 0;
}


.basket .advantageBoxContentGratis .gratisBox div.right {
	font-weight: normal;
}
.basket .advantageBoxContentGratis .gratisBox .image {
	float: left;
}
.basket .advantageBoxContentGratis .gratisBox .right {
	position: absolute;
	top: 0;
	left: 460px;	
	width: 240px;
}
.basket .advantageBoxContentGratis .gratisBox .right div {
	margin-top: 10px;
}
.basket .advantageBoxContentGratis .gratisBox .right select {
	width: 80px;
}
.basket .advantageBoxContentGratis .gratisBox .left {
	position: absolute;
	top: 50px;
	left: 170px;
	width: 270px;
}

.basket .advantageBoxContentGratis .gratisBox .inputLeft {
	float: left; 
	width: 20px;	
	position: relative;
}
.basket .advantageBoxContentGratis .gratisBox .inputRight {
	float: right; 
	width: 205px;	
	position: relative;
}
.basket .advantageBoxContentGratis .gratisBox.acceptance .inputRight {
	width: 670px;
	font-size: 14px;
	position: relative;
}

.basket h3.bonusAdvantageUpgrade {
	background: transparent url(../../images/app/common/bg_basket_advantage_plus.jpg) 0 0 no-repeat;
	padding: 10px 0 0 60px;
	font-size: 16px;
	height: 32px;
	margin-top: 10px;
}

.basket .advantageBoxContentGratis .gratisBox .inputRight label {
	width: 55px;
	display: block;
	float: left;
	margin-top: 8px;
}
.basket .advantageBoxContentGratis .gratisBox .inputRight select {
	float: right;
	margin-right: 30px;
	margin-top: 5px;
	width: 120px;
}

/* @end */

/* @group Ihre Daten */

.yourData {
	padding-top: 5px;
}

.yourData .header {
	margin: 0;
	padding: 0;
}

.yourData .header h3 {
	margin: 0 0 0 0;
	padding: 3px 10px;
}

.yourData b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
	font-size: 1px;
}
.yourData b b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;	
	font-size: 1px;
}

.yourData .left {
	width: 360px;
	float: left;
}

.yourData .left .header {
	background-color: #e2dbaf;
}

.yourData .right {
	width: 360px;
	float: right;
}

.yourData .right .header {
	background-color: #cecdcb;
}

.yourData .wide {
	width: 756px;
	float: left;
}

.yourData .wide .header {
	background-color: #e2dbaf;
}

.yourData .button {
	width: 310px;
}

div.forgottenPassword {
	margin-top: 10px;
} 
.yourData .headlineForgottenPassword {
	font-weight: bold;
	font-size: 13px;
	margin-top: 0;
}
.yourData .forgottenPassword form p {
	margin-bottom: 0;
}

/* @end */



/* @end */

/* @group Mein Konto */

.account {
	padding-bottom: 30px;
	width: 756px;
}

.account div.accountHeader {
	margin: 0 0 10px 0;
}

.account .red {
	color: #C00;
	position: static;
}


.account .intro {
	padding: 0 140px 20px 20px;
}

.account .box {
	margin-right: 33px;
	width: 361px;
	height: 174px;
	float: left;
}
.account .box.right {
	margin-right: 0;
}
.account .box.logout {
	position: relative;
}

.account .box h3 {
	background-color: #e2dbaf;
	margin: 0;
	line-height: 24px;
	font-size: 14px;
	color: #414141;
}
.account .box h3 span {
	padding: 0 10px;
}
.account .box h3 b {
	display: block;
	height: 1px;
	font-size: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}

.account .box.logout a {
	position: absolute;
	top: 126px;
	right: 0;
}

/* @end */

/* @group Service */

.service {
	padding-bottom: 80px;
	color: #414141;
}
.service a, .service a:hover{
	color: #414141;
}

.service div.header {
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
}

.service p {
	padding-left: 15px;
}

.service b {
	display: block;
	height: 1px;
	font-size: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.service b b {
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;
	
}

.service h3 { background-color: #EEE; }
.service h3 span {
	display: block;
	padding: 3px 15px;
	font-size: 14px;
}

.service span.withdrawal {
	border: 2px solid #eee; 
	display: block; 
	padding: 10px;
}

/* @group Points */

ul.points {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 130px;
}
ul.points li {
	position: absolute;
}
ul.points li a {
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 20px;
	height: 20px;
	display: block;
	width: 220px;
}
ul.points li a span {
	display: none;
}

ul.points li.p1 { top: 30px; left: 10px; }
ul.points li.p2 { top: 60px; left: 10px; }
ul.points li.p3 { top: 90px; left: 10px; }
ul.points li.p4 { top: 30px; left: 260px; }
ul.points li.p5 { top: 60px; left: 260px; }
ul.points li.p6 { top: 90px; left: 260px; }
ul.points li.p7 { top: 30px; left: 520px; }
ul.points li.p8 { top: 60px; left: 520px; }
ul.points li.p9 { top: 90px; left: 520px; }


ul.points.agb li.p1 { top: 30px; left: 10px; }
ul.points.agb li.p2 { top: 60px; left: 10px; }
ul.points.agb li.p3 { top: 90px; left: 10px; }
ul.points.agb li.p4 { top: 120px; left: 10px; }
ul.points.agb li.p5 { top: 150px; left: 10px; }

ul.points.agb li.p6 { top: 30px; left: 260px; }
ul.points.agb li.p7 { top: 60px; left: 260px; }
ul.points.agb li.p8 { top: 90px; left: 260px; }
ul.points.agb li.p9 { top: 120px; left: 260px; }
ul.points.agb li.p10 { top: 150px; left: 260px; }

ul.points.agb li.p11 { top: 30px; left: 520px; }
ul.points.agb li.p12 { top: 60px; left: 520px; }
ul.points.agb li.p13 { top: 90px; left: 520px; }
ul.points.agb li.p14 { top: 120px; left: 520px; }
ul.points.agb li.p15 { top: 150px; left: 520px; }


ul.points li.p1 a { background-image: url(../../images/app/common/icon_1.gif); }
ul.points li.p2 a { background-image: url(../../images/app/common/icon_2.gif); }
ul.points li.p3 a { background-image: url(../../images/app/common/icon_3.gif); }
ul.points li.p4 a { background-image: url(../../images/app/common/icon_4.gif); }
ul.points li.p5 a { background-image: url(../../images/app/common/icon_5.gif); }
ul.points li.p6 a { background-image: url(../../images/app/common/icon_6.gif); }
ul.points li.p7 a { background-image: url(../../images/app/common/icon_7.gif); }
ul.points li.p8 a { background-image: url(../../images/app/common/icon_8.gif); }
ul.points li.p9 a { background-image: url(../../images/app/common/icon_9.gif); }
ul.points li.p10 a { background-image: url(../../images/app/common/icon_10.gif); }
ul.points li.p11 a { background-image: url(../../images/app/common/icon_11.gif); }
ul.points li.p12 a { background-image: url(../../images/app/common/icon_12.gif); }
ul.points li.p13 a { background-image: url(../../images/app/common/icon_13.gif); }
ul.points li.p14 a { background-image: url(../../images/app/common/icon_14.gif); }
ul.points li.p15 a { background-image: url(../../images/app/common/icon_15.gif); }
ul.points li.p16 a { background-image: url(../../images/app/common/icon_16.gif); }
ul.points li.p17 a { background-image: url(../../images/app/common/icon_17.gif); }


/* @end */

/* @group Contact Boxes */

.contactBoxes {
	margin: 20px 0 0 0;
}
.contactBoxes .box {
	float: left;
	margin-right: 11px;
}
.contactBoxes .box.last {
	margin-right: 0;
}
.contactBoxes .box .boxInner {
	border: 1px solid #CCC;
	width: 178px;
}
.contactBoxes .box .boxInner .boxContent {
	height: 166px;
}
.contactBoxes .box .boxInner .boxContentInner {
	padding: 13px 5px 5px 16px;
	line-height: 13px;
}

.contactBoxes .box b {
	top: 0;
	left: 0;
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.contactBoxes .box b b { background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top; }
.contactBoxes .box b.t { margin-left: -1px; margin-top: -1px; }
.contactBoxes .box b.t b { margin-right: -1px; }
.contactBoxes .box b.b { margin-left: -1px; margin-bottom: -1px; }
.contactBoxes .box b.b b { margin-right: -1px; }
.contactBoxes .box h4 {
	margin: 0 0 5px 0;
	line-height: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
}
.contactBoxes .box h4.email { background-image: url(../../images/app/common/icon_contact_mail.gif); }
.contactBoxes .box h4.phone { background-image: url(../../images/app/common/icon_contact_phone.gif); }
.contactBoxes .box h4.fax   { background-image: url(../../images/app/common/icon_contact_fax.gif); }
.contactBoxes .box h4.post  { background-image: url(../../images/app/common/icon_contact_post.gif); }
.contactBoxes .box a {
	padding-right: 20px;
	background: url(../../images/app/common/btn_pager_next.gif) no-repeat right center;
	text-decoration: none;
	font-weight: bold;
}

/* @end */

/* @group Contact Boxes */
.contactForm .box {
	float: none;
}
.contactForm .formBox {
	width: auto;
}
.contactForm .box .boxInner {
	width: 750px;
}
.contactForm .box .boxInner .boxContent {
	height: auto;
}
.contactForm .box .boxInner .boxContentInner {
	padding:8px 130px 16px 170px;
}
.contactForm .box .boxInner .boxContentInner label {
	display: block;
}
.contactForm .box .boxInner .boxContentInner .item50 {
	float: left;
}
.contactForm .box .boxInner .boxContentInner .item50,
.contactForm .box .boxInner .boxContentInner .item100 {
	margin-bottom: 10px;
	margin-right: 10px;
	width: 200px;
}
.contactForm .box .boxInner .boxContentInner .item100 {
	width: 410px;
}
.contactForm .box .boxInner .boxContentInner .item50 select {
	width: 200px;
}
.contactForm .box .boxInner .boxContentInner .item50 input.text {
	width: 193px;
}
.contactForm .box .boxInner .boxContentInner .item100 input.text,
.contactForm .box .boxInner .boxContentInner .item100 select {
	width: 403px;
}
.contactForm .box .boxInner .boxContentInner .spacer {
	clear: both;
	height: 20px;
}
.contactForm .box .boxInner .boxContentInner textarea {
	width: 403px;
	height: 80px;
}
.contactForm .box .boxInner .boxContentInner .button {
	width: 410px;
}



/* @end */


/* @group Help Items */

.helpItem {
	padding: 10px 140px 0 40px;
	position: relative;
}
.helpItem .spacer {
	height: 20px;
}
.helpItem h4 {
	color: #424242;
}
.helpItem h4 span {
	color: #f8b66c;
	/*color: #8A8A8A;*/
}
.helpItem .button {
	position: absolute;
	bottom: 0;
	right: 80px;
}
.helpItem b,
.service p b {
	display: inline;
	background: none;
	font-size: 12px;
}

/* @end */

/* @group Service Items */

.serviceItem {
	padding: 0px 140px 10px 0;
	position: relative;
}
.serviceItem .button {
	position: absolute;
	bottom: 10px;
	right: 80px;
}


/* @end */

/* @group Rounded Boxes */

.linkList,
.partnerBox,
.catalogs .box {
	border: 1px solid #CCC;
}

.linkList b,
.partnerBox b,
.catalogs .box b {
	top: 0;
	left: 0;
	display: block;
	height: 10px;
	background: url(../../images/app/common/corner_tl.gif) no-repeat left top;
}
.linkList b b,
.partnerBox b b,
.catalogs .box b b { background: url(../../images/app/common/corner_tr.gif) no-repeat right top; }

.linkList b.t,
.partnerBox b.t,
.catalogs .box b.t { margin-left: -1px; margin-top: -1px; }
.linkList b.t b,
.partnerBox b.t b,
.catalogs .box b.t b { margin-right: -1px; }
.linkList b.b,
.partnerBox b.b,
.catalogs .box b.b { margin-left: -1px; margin-bottom: -1px; background: url(../../images/app/common/corner_bl.gif) no-repeat left top; }
.linkList b.b b,
.partnerBox b.b b,
.catalogs .box b.b b { margin-right: -1px; background: url(../../images/app/common/corner_br.gif) no-repeat right top; }

.linkList h3 b.t,
.partnerBox h3 b.t,
.catalogs .box h3 b.t { background: url(../../images/app/common/corner_tl_gray.gif) no-repeat left top; height: 5px; }
.linkList h3 b.t b,
.partnerBox h3 b.t b,
.catalogs .box h3 b.t b { background: url(../../images/app/common/corner_tr_gray.gif) no-repeat right top; }

/* @end */

/* @group Linklist (FAQ, Sitemap) */

.linkList {
	margin: 5px 0;
}

.linkList ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}
.linkList ul li {
	
}
.linkList ul li a {
	display: block;
	height: 20px;
	margin-bottom: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 3px;
	background: url(../../images/app/common/icon_linklist.gif) no-repeat left top;
}

.linkList h3 {
	margin: 0 0 0 0;
}
.linkList h3 span {
	padding: 0 10px 3px 10px;
}

/* @end */

/* @group Partners */

.partnerBox {
	margin-top: 10px;
}

.partnerBox a {
	padding-right: 20px;
	background: url(../../images/app/common/btn_pager_next.gif) no-repeat right center;
	text-decoration: none;
	font-weight: bold;
}



/* @end */

/* @group Catalogs */

.catalogSteps {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
.catalogSteps li {
	display: inline;
	padding: 0 25px 0 0;
	margin: 0;
	font-weight: bold;
}
.catalogSteps li span {
	color: #f8b66c;
}

.catalogs {
	margin-top: 10px;
}

.catalogs .box {
	width: 224px;
	margin-right: 38px;
	margin-bottom: 35px;
	float: left;
}
.catalogs .box.last {
	margin-right: 0;
}
.catalogs .box h3 {
	margin: 0;
}
.catalogs .box p {
	margin: 0;
	padding: 20px 0;
	position: relative;
}
.catalogs .box p img {
	text-align: center;
	display: block;
	margin: 0 auto;
}

/* @end */

/* @group Tabs */

.tabBox {
	position: relative;
	padding: 26px 0 0 0;
}

.tabBox .tab {}

.tabBox .tab .tabTitle {
	position: absolute;
	top: 0;
	width: 237px;
	height: 26px;
	background: url(../../images/app/common/tab_inactive_left.gif) no-repeat left top;
}
.tabBox .tab .tabTitle h2 {
	margin: 0;
	background: url(../../images/app/common/tab_inactive_right.gif) no-repeat right top;
	font-size: 14px;
	color: #a9a7a7;
	padding: 0 0 0 17px;
	line-height: 26px;
}
.tabBox .tab.active .tabTitle {
	height: 27px;
	background: url(../../images/app/common/tab_active_left.gif) no-repeat left top;
}
.tabBox .tab.active .tabTitle h2 {
	background: url(../../images/app/common/tab_active_right.gif) no-repeat right top;
	color: #000;
	line-height: 27px;
}

.tabBox #tab1 .tabTitle { left: 0; }
.tabBox #tab2 .tabTitle { left: 239px; }
.tabBox #tab3 .tabTitle { left: 478px; }

.tabBox .tab .tabContent {
	display: none;
	border: 1px solid #f8b66c;
	background-color: #FFEBC8;
}
.tabBox .tab.active .tabContent {
	display: block;
}
.tabBox .tab .tabContent .tabContentInner {
	padding: 15px 210px 15px 40px;
}


/* @end */

/* @group Newsletter */

.newsletterForm {
	width: 350px;
	margin-left: 15px;
}

.newsletterForm .item {
	margin-bottom: 10px;
}

.newsletterForm .item label,
.newsletterForm .item span.label {
	display: block;
	color: #535353;
}
.newsletterForm .item.birthdate label {
	display: inline;
}
.newsletterForm .item.checkbox label {
	display: block;
	margin-left: 30px;
}

.newsletterForm .item input.text {
	width: 194px;
}
.newsletterForm .item select {
	width: 200px;
}
.newsletterForm .item.checkbox input {
	float: left;
}
.newsletterForm .item.birthdate input {
	float: left;
}
.newsletterForm .item.birthdate input.day { width: 45px; }
.newsletterForm .item.birthdate input.month { width: 45px; }
.newsletterForm .item.birthdate input.year { width: 70px; }

.newsletterForm .item.birthdate span.dot {
	display: block;
	float: left;
	width: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 19px;
}


.newsletterForm .red {
	color: #d60f16;
}

.newsletterForm .button {
	margin-top: 20px;
}

/* @end */

/* @group Coloritis */

.service.blue ul.points li.p1 a { background-image: url(../../images/app/common/icon_1_blue.gif); }
.service.blue ul.points li.p2 a { background-image: url(../../images/app/common/icon_2_blue.gif); }
.service.blue ul.points li.p3 a { background-image: url(../../images/app/common/icon_3_blue.gif); }
.service.blue ul.points li.p4 a { background-image: url(../../images/app/common/icon_4_blue.gif); }
.service.blue ul.points li.p5 a { background-image: url(../../images/app/common/icon_5_blue.gif); }
.service.blue ul.points li.p6 a { background-image: url(../../images/app/common/icon_6_blue.gif); }
.service.blue ul.points li.p7 a { background-image: url(../../images/app/common/icon_7_blue.gif); }
.service.blue ul.points li.p8 a { background-image: url(../../images/app/common/icon_8_blue.gif); }
.service.blue .contactBoxes .box h4.email { background-image: url(../../images/app/common/icon_contact_mail_blue.gif); }
.service.blue .contactBoxes .box h4.phone { background-image: url(../../images/app/common/icon_contact_phone_blue.gif); }
.service.blue .contactBoxes .box h4.fax   { background-image: url(../../images/app/common/icon_contact_fax_blue.gif); }
.service.blue .contactBoxes .box h4.post  { background-image: url(../../images/app/common/icon_contact_post_blue.gif); }
.service.blue h3 { background-color: #D9DDE9; }
.service.blue .contactBoxes .box .boxInner { border-color: #8C92B2; }

.service.yellow ul.points li.p1 a { background-image: url(../../images/app/common/icon_1_yellow.gif); }
.service.yellow ul.points li.p2 a { background-image: url(../../images/app/common/icon_2_yellow.gif); }
.service.yellow ul.points li.p3 a { background-image: url(../../images/app/common/icon_3_yellow.gif); }
.service.yellow ul.points li.p4 a { background-image: url(../../images/app/common/icon_4_yellow.gif); }
.service.yellow ul.points li.p5 a { background-image: url(../../images/app/common/icon_5_yellow.gif); }
.service.yellow ul.points li.p6 a { background-image: url(../../images/app/common/icon_6_yellow.gif); }

.service.yellow ul.points li.p7 a { background-image: url(../../images/app/common/icon_7_yellow.gif); }
.service.yellow ul.points li.p8 a { background-image: url(../../images/app/common/icon_8_yellow.gif); }
.service.yellow .contactBoxes .box h4.email { background-image: url(../../images/app/common/icon_contact_mail_yellow.gif); }
.service.yellow .contactBoxes .box h4.phone { background-image: url(../../images/app/common/icon_contact_phone_yellow.gif); }
.service.yellow .contactBoxes .box h4.fax   { background-image: url(../../images/app/common/icon_contact_fax_yellow.gif); }
.service.yellow .contactBoxes .box h4.post  { background-image: url(../../images/app/common/icon_contact_post_yellow.gif); }
.service.yellow h3 { background-color: #FDF4C9; }

/*.service.yellow .contactBoxes .box .boxInner { border-color: #8C92B2; }*/

.service.orange ul.points li.p1 a { background-image: url(../../images/app/common/icon_1_orange.gif); }
.service.orange ul.points li.p2 a { background-image: url(../../images/app/common/icon_2_orange.gif); }
.service.orange ul.points li.p3 a { background-image: url(../../images/app/common/icon_3_orange.gif); }
.service.orange ul.points li.p4 a { background-image: url(../../images/app/common/icon_4_orange.gif); }
.service.orange ul.points li.p5 a { background-image: url(../../images/app/common/icon_5_orange.gif); }

.service.orange ul.points li.p6 a { background-image: url(../../images/app/common/icon_6_orange.gif); }
.service.orange ul.points li.p7 a { background-image: url(../../images/app/common/icon_7_orange.gif); }
.service.orange ul.points li.p8 a { background-image: url(../../images/app/common/icon_8_orange.gif); }
.service.orange ul.points li.p9 a { background-image: url(../../images/app/common/icon_9_orange.gif); }

.service.orange ul.points li.p10 a { background-image: url(../../images/app/common/icon_10_orange.gif); }
.service.orange ul.points li.p11 a { background-image: url(../../images/app/common/icon_11_orange.gif); }
.service.orange ul.points li.p12 a { background-image: url(../../images/app/common/icon_12_orange.gif); }
.service.orange ul.points li.p13 a { background-image: url(../../images/app/common/icon_13_orange.gif); }
.service.orange ul.points li.p14 a { background-image: url(../../images/app/common/icon_14_orange.gif); }
.service.orange ul.points li.p15 a { background-image: url(../../images/app/common/icon_15_orange.gif); }
.service.orange ul.points li.p16 a { background-image: url(../../images/app/common/icon_16_orange.gif); }
.service.orange ul.points li.p17 a { background-image: url(../../images/app/common/icon_17_orange.gif); }


.service.orange .contactBoxes .box h4.email { background-image: url(../../images/app/common/icon_contact_mail_orange.gif); }
.service.orange .contactBoxes .box h4.phone { background-image: url(../../images/app/common/icon_contact_phone_orange.gif); }
.service.orange .contactBoxes .box h4.fax   { background-image: url(../../images/app/common/icon_contact_fax_orange.gif); }
.service.orange .contactBoxes .box h4.post  { background-image: url(../../images/app/common/icon_contact_post_orange.gif); }
.service.orange h3 { background-color: #FFEBC8; }
.service.orange .contactBoxes .box .boxInner { border-color: #F8B66C; }
.service.orange .linkList ul li a { background-image: url(../../images/app/common/icon_linklist_orange.gif); }
.service.orange .linkList,
.service.orange .partnerBox,
.service.orange .catalogs .box { border: 1px solid #f8b66c; }

.service.orange .linkList b,
.service.orange .partnerBox b,
.service.orange .catalogs .box b { background-image: url(../../images/app/common/corner_tl_orange.gif); }
.service.orange .linkList b b,
.service.orange .partnerBox b b,
.service.orange .catalogs .box b b { background-image: url(../../images/app/common/corner_tr_orange.gif); }

.service.orange .linkList b.b,
.service.orange .partnerBox b.b,
.service.orange .catalogs .box b.b { background-image: url(../../images/app/common/corner_bl_orange.gif); }
.service.orange .linkList b.b b,
.service.orange .partnerBox b.b b,
.service.orange .catalogs .box b.b b { background-image: url(../../images/app/common/corner_br_orange.gif); }

.service.orange .linkList h3 b.t,
.service.orange .partnerBox h3 b.t,
.service.orange .catalogs .box h3 b.t { background-image: url(../../images/app/common/corner_tl_filled_orange.gif); }
.service.orange .linkList h3 b.t b,
.service.orange .partnerBox h3 b.t b,
.service.orange .catalogs .box h3 b.t b { background-image: url(../../images/app/common/corner_tr_filled_orange.gif); }



/* @end */



/* @end */

/* @group Lightbox-Inhalt */

div.lightbox {
	width: 520px;
}

div.lightbox .close {
	padding: 0 10px;
	height: 44px;
	background: #EEE url(../../images/app/common/bg_lightbox_head.gif) repeat-x;
}
div.lightbox .close a {
	display: block;
	text-align: right;
	padding-right: 20px;
	padding-top: 12px;
 	background: transparent url(../../images/app/common/btn_pager_next.gif) 12px right no-repeat; 
 	font-weight: bold;
 	text-decoration: none;
 	color: #333;
}

div.lightbox .paddedContent {
	padding: 10px 10px 0 10px;
}

div.lightbox h3 {
	color: #333;
	margin-top: 0;
}

div.lightbox .shadowLine {
	margin: 20px 0 10px 0;
	width: 500px;
}

div.lightbox .item {
	color: #333;
	font-weight: bold;
}
div.lightbox .item strong {
	font-size: 18px;
	color: #333;
}

div.lightbox .offers {
	
}
div.lightbox .offers .item {
	width: 245px;
	margin-right: 10px;
	float: left;
	position: relative;
}
div.lightbox .offers .item.last {
	margin-right: 0;
}
div.lightbox .offers .item img {
	margin-right: 21px;
}
div.lightbox .offers .item .itemInner {
	height: 89px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #C3C2BF;
	border-right: 1px solid #C3C2BF;
	border-bottom: 1px solid #C3C2BF;
}
div.lightbox .offers .item .itemContent {
	padding-top: 25px;
}
div.lightbox .offers .item .itemContent span {
	color: #666;
}

div.lightbox .offers .item .itemContent strong {
	font-size: 14px;
}

div.lightbox .offers .item .toItem img {
	position: absolute;
	bottom: 1px;
	right: 1px;
	margin: 0;
	padding: 0;
}

div.lightbox .offers .item b {
	display: block;
	height: 1px;
	font-size: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;
	margin-top: -1px;
	margin-right: -1px;
}


/* @end */

/* @group Shadowbox */

/* @group Defaults */

#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
  color: #888;
}
#shadowbox_title {
  height: 30px;
  padding: 0;
  overflow: hidden;
}

.checkout #shadowbox_title {
  height: 60px;
  padding: 0;
  overflow: hidden;
}
.checkout #shadowbox_title_inner {
  height: 60px;
}


#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 10px 0 4px 10px;
  background-color: #fff;
}
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 10px solid #fff;
  background-color: #eee;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #ccc;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 26px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 26px;
  background-color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 6px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #888;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}



/* @end */

/* @group Customizations */

#shadowbox_body {
  border: none;
  background-color: #FFF;
}

#shadowbox_toolbar {
	overflow: hidden;
	height: 3px;
}

#shadowbox_loading {
	background-color: #FFF;
}

/* @end */


/* @end */

/* @group Recommendation Popup */

div.recommendationPopup {
	
}

div.recommendationPopup .header {
	padding: 10px 35px 10px 25px;
}

div.recommendationPopup .content {
	overflow: scroll;
	height: 460px;
}

div.recommendationPopup .contentInner {
	padding: 0 0 0 25px;
}

div.recommendationPopup .footer {
	padding: 10px 35px 10px 25px;
}

div.recommendationPopup h1 {
	padding: 0px 25px;
	margin-top: 0;
	color: #333;
	background: url(../../images/app/common/bg_lightbox_head.gif) repeat-x;
	height: 44px;
	line-height: 44px;
}

div.recommendationPopup strong {
	color: #333;
}

div.recommendationPopup input {
	width: 190px;
}

div.recommendationPopup ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.recommendationPopup ul li {
	padding-bottom: 10px;
}

div.recommendationPopup ul li label {
	display: block;
	float: left;
	width: 127px;
}

div.recommendationPopup textarea {
	width: 317px;
	height: 60px;
}

div.recommendationPopup .item {
	width: 448px;
	height: 118px;
	background: url(../../images/app/common/bg_recommend_item.gif) no-repeat;
}

div.recommendationPopup .item table {
	margin: 0;
	padding: 0 0 0 0;
}
div.recommendationPopup .item table tr {
	
	
}
div.recommendationPopup .item table tr th {
	text-align: left;
	vertical-align: top;
	padding: 12px 0 0 0;
	color: #333;
}
div.recommendationPopup .item table tr td {
	vertical-align: top;
	color: #666;
	padding: 5px 0 0 0;
}

div.recommendationPopup .item table tr .col1 { width: 268px; padding-left: 2px; }
div.recommendationPopup .item table tr .col2 { width: 95px; }
div.recommendationPopup .item table tr .col3 { width: 73px; }

/* @end */

/* @group Error */

.errorMessage .errorMessageHead {
	background-color: #EC0910;
}

.errorMessage b {
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.errorMessage b b {
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;
	
}

.errorMessage h3 {
	color: #FFF;
	padding: 5px 10px;
	margin: 0;
}

.errorMessage .errorMessageContent {
	color: #EC0910;
	padding: 25px 70px;
	background-color: #F8F8F6;
}



/* @end */

/* @group Gratisgeschenk */



#gratisgeschenk {
	line-height: 130%;
	width: 755px;
	background: url(../../images/app/common/gratisgeschenk.jpg) no-repeat;
  	position: relative;
  	z-index: 1;
}
#gratisgeschenk div.gratisgeschenkInner {
  	position: relative;  	
  	margin: 5px 0 10px 0;
	height: 1022px;
	line-height: 130%;
}

#gratisgeschenk .infoBox {
	position: absolute;
	padding: 10px;
	border: 1px solid #f2e2d3;
	background-color: #fef8f1;
	width: 215px;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}

#gratisgeschenk #infoBox1 {
	left: 25px;
	top: 210px;
	width: 200px;
}
#gratisgeschenk #infoBox2 {
	top: 460px;
	left: 502px;
	width: 205px;	
}
#gratisgeschenk #infoBox3 {
	left: 33px;
	top: 825px;
}

#gratisgeschenk .infoBox h3 {
	color: #6e523c;
	margin: 0;
}
#gratisgeschenk .infoBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gratisgeschenk .infoBox ul li {
	margin-top: 5px;
	padding-left: 20px;
	color: #6e523c;
	background: url(../../images/app/common/gratisgeschenk_check.png) no-repeat left 4px;
	font-weight: bold;
	font-size: 13px;
	line-height: 130%;
}

#gratisgeschenk #gratisgeschenkAnfordern {
	position: absolute;
	right: 21px;
	bottom: 31px;
	width: 345px;
}



#gratisgeschenk #gratisgeschenkAnfordern b {
	display: block;
	height: 1px;
	/*background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;*/
	font-size: 1px;
}
#gratisgeschenk #gratisgeschenkAnfordern b b {
	display: block;
	height: 1px;
	/*background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;*/	
	font-size: 1px;
}

#gratisgeschenk #gratisgeschenkAnfordern h3 {
	color: #414141;
	font-size: 18px;
	padding: 5px 10px;
	background-color: #f7c58a;
	width: 300px;
	display: block;
	margin: 0 0 -10px 0;
}

#gratisgeschenk #gratisgeschenkAnfordern .gratisBox {
	background-color: #fce6cd;
	margin: 10px 0 0 0;
	padding: 0;
	width: 345px;
	height: 141px;
	position: relative;
	font-weight: bold;
}
#gratisgeschenk #gratisgeschenkAnfordern .gratisBox .image {
	float: left;
}
#gratisgeschenk #gratisgeschenkAnfordern .gratisBox .right {
	position: absolute;
	top: 50px;
	left: 260px;
	width: 100px;
}
#gratisgeschenk #gratisgeschenkAnfordern .gratisBox .right div {
	margin-top: 10px;
}
#gratisgeschenk #gratisgeschenkAnfordern .gratisBox .right select {
	width: 70px;
}
#gratisgeschenk #gratisgeschenkAnfordern .gratisBox .left {
	position: absolute;
	top: 50px;
	left: 133px;
	width: 160px;
}

#gratisgeschenk #gratisgeschenkAnfordern .submitBox {
	background-color: #f7c58a;
	padding: 15px;
	height: 24px;
	text-align: right;
}
#gratisgeschenk #gratisgeschenkAnfordern .submitBox a img {
	float: right;
}

/* @end */

/* @group Neukunde */



#neukunde {
	width: 755px;
	background: url(../../images/app/common/neukunde.jpg) no-repeat;
  	position: relative;
  	z-index: 1;
}
#neukunde div.neukundeInner {
  	position: relative;  	
  	margin: 5px 0 10px 0;
	height: 1475px;
	line-height: 130%;
}

#neukunde #introText {
	position: absolute;
	left: 27px;
	top: 230px;
	width: 290px;
	font-size: 16px;
	color: #4b3a23;
	line-height: 130%;
}

#neukunde #topSpacer {
	height: 409px;
}

#neukunde .infoHeader {
	width: 570px;
	margin: 40px 0 0 0;
	background-color: #e7cadc;
}
#neukunde .infoHeader h3 {
	color:  #885e80;
	font-family: Georgia, Palatino Linotype;
	font-style: italic;
	font-size: 24px;
	font-weight: normal;
	line-height: 43px;
	padding: 0 10px;
	margin: 0;
}

#neukunde .infoBox {
	width: 570px;
	margin: 0 0 10px 0;
	background-color: #F5EDEE;	
}
#neukunde .infoBox h4 {
	margin: 0;
	padding: 16px 0 22px 0;
	font-size: 24px;
	color: #4c3d2c;
}
#neukunde .infoBox p {
	color: #666767;
	padding: 0;
	margin: 0;
}
#neukunde .infoBoxImage {
	float: left;
	width: 200px;
	background-color: #f5edee;
}
#neukunde .infoBoxRight {
	background-color: #f5edee;
	margin-left: 200px;
}
#neukunde .infoBoxContent {
	padding: 1px 20px 5px 20px;
	min-height: 126px;
	height: auto !important;
	height: 126px;
}
#neukunde .h194 .infoBoxContent {
	min-height: 152px;
	height: auto !important;
	height: 164px;
}
#neukunde .infoBoxFunctions {
	position: relative;
}
#neukunde .infoBoxFunctions .left {
	position: absolute;
	left: 20px;
	bottom: 5px;
}
#neukunde .infoBoxFunctions .right {
	margin-left: 230px;
}
#neukunde .infoBoxFunctions .rightPrice {
	margin-left: 177px;
}
#neukunde .infoBoxFunctions a.recommend {
	background: url(../../images/app/common/bg_neukunde_weiterempfehlen.gif) no-repeat;
	padding-left: 24px;
	color: #7e5075;
	font-weight: bold;
	text-decoration: none;
}
#neukunde .infoBoxFunctions .price {
	background-color: #e9dee4;
	padding: 0 0 0 40px;
	color: #000;
	font-weight: bold;
	line-height: 25px;
	margin-right: 3px;
}
#neukunde .infoBoxFunctions div.automatic {
	background: url(../../images/app/common/bg_neukunde_mitgeliefert.gif) no-repeat;
	padding-left: 16px;
	padding-bottom: 5px;
	color: #414141;
	font-weight: bold;
}

#neukunde .infoHeader.left,
#neukunde .infoBox.left {
	margin-left: 47px;
}

#neukunde .infoHeader.right,
#neukunde .infoBox.right {
	margin-left: 160px;
}

/* @end */

/* @group Gratisgeschenk */



.landingpage {
	line-height: 130%;
	/*width: 755px;*/
  	position: relative;
  	z-index: 1;
  	padding: 66px 19px 19px 19px;
}
.landingpage div.ladingpageInner {
  	position: relative;  	
  	margin: 5px 0 10px 0;
	height: 1022px;
	line-height: 130%;
}
#landingpage2 {
	background: #fef9f2 url(../../images/app/common/landingpage_2_bg.jpg) no-repeat;
}
.landingpage .landingBox {
	margin-top: 11px;
	position: relative;
}

.landingpage .landingBox .pos {
	position: absolute;
	/*width: 100%;*/
}
.landingpage .landingBox .pos p {
	color: #bc023b;
	font-size: 16px;
	font-weight: bold;
	line-height: 130%;
	margin: 5px 0;
}
.landingpage .landingBox .pos p.price {
	font-size: 18px;
}
.landingpage .landingBox .pos a.snatch {
	display: block;
	color: #bc023b;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #bc023b;
	padding: 2px 3px 2px 14px;
	width: 101px;
	background: url(../../images/app/common/icon_landingpage_snatch.gif) no-repeat 5px center;
}
.landingpage .landingBox .heading h3 {
	font-family: Georgia;
	font-size: 24px;
	line-height: 24px;
	color: #8c012b;
	margin: 0 0 9px 0;
}
.landingpage .landingBox .heading p {
	color: #8c012b;
	font-weight: normal;
	font-size: 14px;
}

.landingpage #landingBox1 {
	height: 318px;
	background: url(../../images/app/common/landingpage_2_bg_1.jpg) no-repeat;
}
.landingpage #landingBox1 .pos1 { top: 20px; left: 30px; }
.landingpage #landingBox1 .pos2 { top: 162px; left: 214px; }
.landingpage #landingBox1 .pos3 { top: 33px; left: 574px; }
.landingpage #landingBox1 .posGo { top: 270px; left: 476px; }

.landingpage #landingBox2 {
	height: 573px;
	background: url(../../images/app/common/landingpage_2_bg_2.jpg) no-repeat;
}
.landingpage #landingBox2 .pos1 { top: 26px; left: 319px; }
.landingpage #landingBox2 .pos2 { top: 102px; left: 246px; }
.landingpage #landingBox2 .pos3 { top: 264px; left: 440px; }
.landingpage #landingBox2 .pos4 { top: 355px; left: 26px; }
.landingpage #landingBox2 .posGo { top: 521px; left: 476px; }

.landingpage #landingBox3 {
	height: 415px;
	background: url(../../images/app/common/landingpage_2_bg_3.jpg) no-repeat;
}
.landingpage #landingBox3 .pos1 { top: 23px; left: 41px; }
.landingpage #landingBox3 .pos2 { top: 117px; left: 251px; }
.landingpage #landingBox3 .pos3 { top: 318px; left: 242px; }
.landingpage #landingBox3 .pos4 { top: 193px; left: 553px; }
.landingpage #landingBox3 .posGo { top: 366px; left: 466px; }


/* @end */


/* @group Catalog Order */

.catalogOrder {
	padding-bottom: 30px;
	width: 756px;
}
.catalogOrder.success {
	margin-bottom: 300px;
}
.catalogOrder .catalogBox {
	margin-bottom: 10px;
	margin-top: 10px;
	width: 756px;
}
.catalogOrder .personalDataBox {
	margin-bottom: 10px;
	margin-top: 10px;
}
.catalogOrder .personalDataBox h3 {
	color: #414141;
	padding: 5px 10px;
	margin: 0;
}
.catalogOrder .personalDataBox .personalDataBoxContent {
	padding: 25px 0px;
}
.catalogOrder .personalDataBox {
	background-color: #F8F8F7;
}
.catalogOrder .personalDataBox .personalDataBoxHead {
	background-color: #F7C58A;
}
.catalogOrder .personalDataBox .personalDataBoxContent {
	float: none;
}
.catalogOrder .formBox {
	padding: 13px 5px 5px 16px;
	line-height: 13px;
}
.catalogOrder .formBox {
	width: auto;
}
.catalogOrder .personalData .personalDataBoxContent {
	width: 750px;
}
.catalogOrder .personalData .personalDataBoxContent .formBox {
	height: auto;
}
.catalogOrder .formBox {
	padding:8px 130px 16px 170px;
}
.catalogOrder .personalData .personalDataBoxContent .formBox label {
	display: block;
}
.catalogOrder .formBox .item50 {
	float: left;
}
.catalogOrder .formBox .item50,
.catalogOrder .formBox .item100 {
	margin-bottom: 10px;
	margin-right: 10px;
	width: 200px;
}
.catalogOrder .formBox .item100 {
	width: 410px;
}
.catalogOrder .formBox .item50 select {
	width: 200px;
}
.catalogOrder .formBox .item50 input.text {
	width: 193px;
}
.catalogOrder .formBox .item100 input.text,
.catalogOrder .formBox .item100 select {
	width: 403px;
}
.catalogOrder .formBox .spacer {
	clear: both;
	height: 20px;
}
.catalogOrder .formBox textarea {
	width: 403px;
	height: 80px;
}
.catalogOrder .formBox .button {
	width: 410px;
}
.catalogOrder .formBox .item50.birthdate input {
	float: left;
}
.catalogOrder .formBox .item50.birthdate input.day {
	width: 40px;
	margin-right: 2px;
}
.catalogOrder .formBox .item50.birthdate input.month {
	width: 40px;
	margin-right: 2px;
}
.catalogOrder .formBox .item50.birthdate input.year {
	width: 70px;
}
.catalogOrder .formBox .item50.birthdate span.dot {
	display: block;
	float: left;
	width: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 19px;
}
.catalogOrder .formBox .item50.birthdate span.label label {
	display: inline;
}
.catalogOrder .button input {
	float: right;
}
.catalogOrder .catalogBox {
	margin: 28px 16px 28px 22px;
	width: 335px;
	height: auto;
	color: #3B3B3B;
	float: left;
	border: 1px solid #F8B66C;
	border-bottom-width: 0px;
}
.catalogOrder .catalogBox h4 {
	color: #414141;
	padding: 5px 10px;
	margin: 0;
}
.catalogOrder .catalogBox .catalogBoxContent {
	padding: 20px 10px 15px 10px;
}
.catalogOrder .catalogBox .catalogBoxHead {
	background-color: #FFEBC8;
}
.catalogOrder .catalogBox .catalogBoxContent img {
	padding: 0 15px 15px 0px;
    float: left; 
}
.catalogOrder .catalogBox .footer {
	width: 335px;
	height: auto;
	background-color: #C1C0BE;
	float: left;
}
.catalogOrder .catalogBox .footer label {
	display: inline; 
	float: right; 
	width: auto;
	margin-left: 12px; 
	color: white;
	font-weight: bold;
}
.catalogOrder .catalogBox .footer input[type=checkbox] {
 	display: inline;
	float: right;
	margin: 3px 12px;
}
.catalogOrder .catalogBox.info {
	margin: 28px 16px 28px 22px;
	width: 335px;
	height: auto;
	float: left;
	background-color: #FFEBC8;
	border: 1px solid #F8B66C;
}
.catalogOrder .catalogBox.info h4 {
	padding: 5px 15px;
}
.catalogOrder .catalogBox.info .catalogBoxContent {
	padding: 10px 15px 15px 15px;
}
.catalogOrder .catalogBox.info .catalogBoxContent em {
	font-weight: bold;
	font-style: normal
}
.catalogOrder .box b {
	top: 0;
	left: 0;
	display: block;
	height: 1px;
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat left top;
}
.catalogOrder .box b b {
	background: url(../../images/app/common/bg_basket_corner.gif) no-repeat right top;
}
.catalogOrder .box b.top { 
	margin-left: -1px; margin-top: -1px;
}
.catalogOrder .box b.top b { 
	margin-right: -1px;
}
.catalogOrder .box b.bottom { 
	margin-left: -1px; margin-bottom: -1px;
}
.catalogOrder .box b.bottom b { margin-right: -1px;
}
.catalogOrder div.success {
	border: 1px solid #F8B66C; 
	margin: 20px 0;
}
.catalogOrder .success h4 {
	margin: 20px 15px 10px 15px;
}
.catalogOrder .success div.content {
	position: relative; 
	height: auto; 
	margin: 0 15px 40px 15px;
}
.catalogOrder .success div.content img {
	margin: 0 50px; display: inline; position: absolute; bottom: 0px;
}
.fake-corner {
	background: #F7C58A none repeat scroll 0% 0%;
	font-size: 0pt;
	height: 1px;
	margin: 0pt 1px;
}

/* @end */

/* @group fact finder */
body.popup {
	margin: 10px;
}
body.popup .logo {
	padding: 10px 0 10px 0;	
}
body.popup h1 {
	font-size: 18px;
	margin-bottom: 20px;
}
body.popup h2 {
	font-size: 14px;
}
body.popup a.close,
body.checkout #shadowbox #shadowbox_title_inner  a.close {
   	background: transparent url(../../images/app/common/icon_close_window.gif) 0 0 no-repeat;  	
	margin-bottom: 10px;	
}           


body.popup a.close,
body.popup a.print {
   	width: 110px;	
}
                   
body.checkout #shadowbox #shadowbox_title_inner a.close,
body.checkout #shadowbox #shadowbox_title_inner a.print {
	font-size: 12px;
	width: 110px;
	display: block;
	height: 14px;
	padding: 2px 0 0 25px;
	text-decoration:none;
}
/* @end */

/* @group fact finder */
span.selec {
    font-weight: bold;
    color: red;	
}
span.select {
    font-weight: bold;
    color: red;	
}
div.refer {
    padding-top: 10px;
    font-size: 11px;
}
li.removeFilter {
    font-weight: bold;
}
li.removeFilter font {
    color: red;
    font-size: 20px;
}
/* @end */


/* kdb meinKonto */
#myaccount #options_box {
	background-image:url(../../images/app/common/de/kdb/bild_mein_konto.jpg);
	background-repeat:no-repeat;
	width:376px;
	height:385px;
}

#myaccount #options_box .welcometext {
	margin:14px 0 0 14px;;
	font-family:verdana;
	font-size:13px;
	height:371px;
}

#myaccount #options_box .welcometext .telnr {
	font-size:15px;
}

#myaccount #options_box .welcometext .hinweis {
	font-size:9px;
}

#myaccount .accountbox .dline {
	background:url(../../images/app/common/brdr/dotted_h.gif) repeat-x scroll 0 0;
	width:100%;
	height:3px;
	overflow:hidden;
}

#myaccount .accountbox h1 {
	padding:10px 0 7px 3px;
	font-size:1.38333em;
}

#myaccount .accountbox img.accountbtn {
	margin-left:10px;
	margin-bottom:2px;
}

#myaccount .accountbox div {
	float:left;
}

#myaccount #options_box .accountbox div {
	float:right;
}

#myaccount .accountbox div.icon {
	float:right;
}

/*   Bestellungen Liste  */

#myaccount .accountheadline {
	width:730px;
	background-color:#e2dedc;
	display:inline;
	float:left;
	margin:0.75em 0 0.75em 0.25em;
	font-family:verdana, arial;
	font-size:20px;
	padding:5px 0 5px 10px;
	color:#666767;
}

#myaccount .accounttext {
	margin:1.00em 0 0.75em 3.50em;
	width:730px;
	float:left;
	display:inline;
	font-family:verdana, arial;
	font-size:12px;
	color:#666767;
}

#myaccount .accountlist {
	margin:0.75em 0 0.75em 1em;
	width:730px;
	float:left;
	display:inline;
}

#myaccount .accountlist .accounttable td {
	font-family:verdana, arial;
	font-size:12px;
	color:#666767;
}

#myaccount .accountlist .accounttable {
	width:740px;
	border:none;
}

#myaccount .accountlist .accounttable th {
	height:20px;
	font-size:11px;
	font-family:verdana, arial;
	font-weight:bold;
	background-color:#f1efee;
	padding-left:15px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px dotted #8d817a;
}

#myaccount .accountlist .accounttable th.thbestelldatum {
	text-align:center;
	padding-left:0px;
}

#myaccount .accountlist .accounttable tr.hell {
	height:70px;
}

#myaccount .accountlist .accounttable tr.dunkel {
	height:70px;
	background-color:#f1efee;
}

#myaccount .accountlist .accounttable td.bestellnummer {
	width:176px;
	padding-left:15px;
	border-left:1px dotted #8d817a;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.bestelldatum {
	width:162px;
	text-align:center;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
	font-weight:bold;
}

#myaccount .accountlist .accounttable td.bestellstatus {
	width:212px;
	padding-left:15px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.bestellungansehen {
	width:209px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
	text-align:center;
}
#myaccount .accountlist .accounttable td.bestellungansehen img {
	margin-left:auto;
	margin-right:auto;
}

#myaccount .accountlist .accounttable .statusicon {
	background-repeat:no-repeat;
	background-position:0 7px;
	padding:16px 0 0 45px;
	height:30px;
}

#myaccount .accountlist .accounttable td.bestellstatus .iconbearbeitung {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_in_bearbeitung.png);
}

#myaccount .accountlist .accounttable td.bestellstatus .iconerfasst {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_erfasst.png);
}

#myaccount .accountlist .accounttable td.bestellstatus .iconstorniert {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_storniert.png);
}

#myaccount .accountlist .accounttable td.bestellstatus .iconlieferung {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_lieferung.png);
}

#myaccount .accountback {
	float:left;
	margin-top:15px;
}


/* Retouren */

#myaccount .accountlist .accounttable th.thmenge {
	text-align:center;
	padding-left:0px;
}

#myaccount .accountlist .accounttable th.thpreis {
	text-align:right;
	padding-left:0px;
	padding-right:15px;
}

#myaccount .accountlist .accounttable td.rechnungsnummer {
	width:126px;
	padding-left:15px;
	border-left:1px dotted #8d817a;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.artikelnummer {
	width:126px;
	padding-left:15px;
	border-left:1px dotted #8d817a;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.bezeichnung {
	width:255px;
	padding-left:15px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
	font-weight:bold;
}

#myaccount .accountlist .accounttable td.menge {
	width:63px;
	padding-left:0px;
	text-align:center;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.preis {
	width:115px;
	padding-left:0px;
	padding-right:15px;
	text-align:right;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
	font-weight:bold;
}

#myaccount .accountlist .accounttable tr.hell td.preis {
	background-color:#f1f0ee;
}

#myaccount .accountlist .accounttable tr.dunkel td.preis {
	background-color:#e3dfdc;
}

#myaccount .accountlist .accounttable .divider {
	background-color:#fff;
    width:115px;
    font-size: 11px;
	padding-left: 15px;
	padding-right:15px;
	text-align:left;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	border-left:1px dotted #8d817a;
    vertical-align:middle;	
    height:20px;
}
#myaccount .accountlist .accounttable .dividerspace {
	background-color:#fff;
    width:115px; 
	padding-left: 15px;
	padding-right:15px;
	text-align:left;
    border-bottom:1px dotted #8d817a;
    vertical-align:middle;	
    height:30px;
}

#myaccount .accountlist .accounttable td.retoureingegangen {
	width:190px;
	padding-left:15px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.retoureingegangen .retour {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_retourniert.png);
}


/* Bestellstatus */

#myaccount .accountheadline .cancelbutton {
	float:right;
	margin-top:-19px;
	margin-right:7px;
	font-size:11px;
	font-weight:bold;
}

#myaccount .accountheadline .cancelbutton a {
	color:#8d817a;
	text-decoration:none;
	padding:2px 24px 2px;
	background-image:url(../../images/app/common/de/kdb/bestellstatus/btn_loeschen.png);
	background-repeat:no-repeat;
	background-position:right;
}

#myaccount .accountlist .accounttable td.status {
	width:190px;
	padding-left:15px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.status .retour {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_retourniert.png);
}

#myaccount .accountlist .accounttable td.status .ausverkauft {
	background-image:url(../../images/app/common/de/kdb/bestellstatus/icon_ausverkauft.png);
}

#myaccount .accountlist .accounttable td.status .geliefert {
	background-image:url(../../images/app/common/de/kdb/bestellstatus/icon_geliefert.png);
}

#myaccount .accountlist .accounttable td.status .bearbeitung {
	background-image:url(../../images/app/common/de/kdb/bestellungen/icon_in_bearbeitung.png);
}


#myaccount .accountlist .accounttable td.status  p{
	margin: -10px 0px 0px 0px;
}


#myaccount .accountlist .accounttable td.status .teilgeliefert {
	background-image:url(../../images/app/common/de/kdb/bestellstatus/icon_teilgeliefert.png);
	background-position:0 2px;
}

#myaccount .accountlist .accounttable td.gesamtstatus .auslieferung {
	background-image:url(../../images/app/common/de/kdb/bestellstatus/icon_auslieferung.png);
}

#myaccount .accountlist .accounttable td.bezeichnungbild {
	width:255px;
	padding-left:5px;
	border-right:1px dotted #8d817a;
	border-bottom:1px dotted #8d817a;
	vertical-align:middle;
	font-weight:bold;
}
#myaccount .accountlist .accounttable td.bezeichnungbild .artikelnummer {
	font-weight:normal;
}


#myaccount .accountlist .accounttable td.bezeichnungbild img {
	margin-right:10px;
	float:left;
}

#myaccount .accountlist .accounttable td.bezeichnungbild div {
	float:left;
	margin-top:22px;
	width:160px;
}

#myaccount .accountlist .accounttable td.gesamtstatus {
	padding-left:15px;
	vertical-align:middle;
}

#myaccount .accountlist .accounttable td.summetext {
	padding-right:55px;
	padding-top:15px;
	vertical-align:middle;
	text-align:right;
	font-size:13px;
}

#myaccount .accountlist .accounttable td.summetextg {
	padding-right:35px;
	padding-bottom:5px;
	vertical-align:middle;
	text-align:right;
	font-size:11px;
}

#myaccount .accountlist .accounttable td.summetext span.mehrwertsteuer {
	font-size:11px;
}

#myaccount .accountlist .accounttable td.summe {
	padding-right:10px;
	padding-top:15px;
	vertical-align:middle;
	text-align:right;
	background-color:#f1efee;
}

#myaccount .accountlist .accounttable td.summeg {
	padding-right:10px;
	padding-bottom:5px;
	vertical-align:middle;
	text-align:right;
	background-color:#f1efee;
}

#myaccount .accountlist .accounttable td.summeg h1 {
	font-size:21px;
	font-weight:normal;
}

#myaccount .accountlist tr.gesamtkosten {
	height:40px;
}

#myaccount .ordersback {
	float:right;
	margin-right:-10px;
}

#myaccount .orderstatusdistance {
	margin-top:30px;
}

#myaccount .orderinformation {
	background-color:#f1efee;
	padding:12px;
	float:left;
	margin:0.75em 0 1.75em 1.0em;
}

#myaccount .orderinformationtable {
	width:718px;
	border:none;
}

#myaccount .orderinformationtable td {
	font-family:verdana, arial;
	font-size:11px;
	color:#666767;
}

#myaccount .orderinformationtable .order-ordernumbertext {
	width:133px;
	padding-bottom:5px;
}

#myaccount .orderinformationtable .order-ordernumber {
	width:170px;
}

#myaccount .orderinformationtable .order-address {
	width:218px;
	padding-left:3px;
}

#myaccount .orderinformationtable .order-address-text {
	width:168px;
}

#myaccount .orderinformationtable .order-address-icon {
	width:47px;
}

#myaccount .orderinformationtable .order-deliveryaddress-icon {
	width:52px;
}

#myaccount .orderinformationtable .order-deliveryaddress-text {
	width:152px;
}

#myaccount .orderinformationtable .order-deliveryaddress {
	width:205px;
	padding-left:8px;
}

/* kontostatus */
.contentbox {
  position: relative;
  background-color: #f1efee;
  margin-bottom: 1.5em;
}
.contentbox h2 {
  font-size: 1.2em;
  padding: .25em .75em;
  color: #fff;
  background-color: #a59b92;
}

.contentbox .saldobox {

	padding: 10px;
	padding-left:10px;
	margin: 10px;
}

/* bestellverfolgung freischalten */
.contentbox .ordertracking {

	padding: 10px;
	padding-left:100px;
	margin: 10px;
}

.accountbox .orderretourstatustext {
	margin:0px 0 0 14px;
	font-family:verdana;
	font-size:12px;

}

#myaccount .content {
  float: left;
  display: inline;
  width: 30em;
  margin: 0 0 .75em .75em;
}

#myaccount .contentbox {
  position: relative;
  background-color: #e2dedc;
  margin-bottom: 1.5em;
}

.ordertracking .error{
	color:#f00;
}