/*
	Dealticket Color Schema:
	
	grassgruen: #99b32d
	dunkelgrau: #343434
	hellgrau: #f2f2f2
	warmgrau: #e6e6e6
	mausgrau: #cccccc
	
	linkgrau: #747474
*/ 


/*--- Reset ---*/
* { margin: 0; padding: 0; }
html, body { height: 100%; min-height: 100%;  }

/*--- Layout ---*/
body {

	font-family: Arial, sans-serif;
 	font-size: 12px;

/* 	graue Kachel */
/*	background: url('/img/website/DT_Kachel02_Muster.jpg'); 
	background-color: #fff; */

/* 	Bildkacheln sollen lt. Hr. Stuhec 1920x1280 px haben
	und nach unten immer in einem uni Farbton auslaufen */

/* 	Herbstblätter gelb oben 
	Bildmaß 800x1280 px */
	background: url('/img/website/DT_Kachel_Fruehling_ffffff.jpg'); 
	background-color: #ffffff; 
	backround-position: center 0px; 
	backround-repeat: no-repeat; 

/* 	Herbstblätter gelb oben 
	Bildmaß 800x1280 px */
/*	background: url('/img/website/DT_Kachel_herbst_03_fff2bd.jpg'); 
	background-color: #fff2bd; 
	backround-position: center 0px; 
	backround-repeat: no-repeat; */

/* 	Herbstblätter weiß mittig
	Bildmaß 800x771 px */
/*	background: url('/img/website/DT_Kachel_herbst_02_ffffff.jpg'); 
	background-color: #ffffff; 
	backround-position: center 0px; 
	backround-repeat: no-repeat; */

/* 	grüne Wiese
	Bildmaß 800x1280 px */
/*	background: url('/img/website/DT_Kachel_wiese_02_2a2a2a.jpg'); 
	background-color: #2a2a2a; 
	backround-position: center 0px; 
	backround-repeat: no-repeat; */

/* 	Schneemann
	Bildmaß 800x1280 px */
/*	background: url('/img/website/DT_Kachel_winter_03_ffffff.jpg'); 
	background-color: #ffffff; 
	backround-position: center 0px; 
	backround-repeat: no-repeat;  */

/* 	Schneeflocken oben
	Bildmaß 800x1280 px */
/*	background: url('/img/website/DT_Kachel_winter_04_97c2e5.jpg'); 
	background-color: #02_97c2e5; 
	backround-position: center 0px; 
	backround-repeat: no-repeat; */

}


html p { margin-bottom:1.0em;}

html a { text-decoration:none; color:#747474; }

html img { border:0px;}

html ul, html ol {	
	padding-left:1.3em;
	margin-bottom:1.0em;
}

#wrapper {
	width:862px;
	margin-left:auto;
	margin-right:auto;
	height:100%;	
}

#pagewrapper {
	width:862px;
	float:left;
	background:#2A2A2A;
	height:100%;	
}



#topbanner {
	clear:both;
	line-height:1px;

}

#rightbanner {
	float:left;
}



#header { 
	width:862px; 
	height:90px;
	background-color: #f2f2f2;
}

#header #clientarea{ 
	width:862px; 
	height:80px;
	display:block;
	clear:both;
}

#header #headfade {
	width:862px; 
	height:10px;
	display:block;
	clear:both;
	background: url('/img/website/headfade.gif') no-repeat;
}

#header .logo {
	float:left;
	height:60px;
	padding:10px;
	line-height:80px;
	width:400px;
	overflow:hidden;
}

#header .catlogo {
	float:right;
	height:60px;
	padding:10px;	

	overflow:hidden;
	text-align:center;
	font-weight:bold;
}

#header .cityname {
	float:right;
	line-height:60px;
	padding:10px;	
	font-size:22px;
	color:#99b32d;
	text-shadow: 2px 2px 1px #343434;
	filter: dropshadow(color=#343434, offx=2, offy=2);
}

#left {
	position:relative;
	width:164px; 
	height:592px;
	max-height:592px;	
	display:block;
	float:left;	
	background: url('/img/website/menuleft.jpg') no-repeat;
}

#content {
	width:534px;
	min-height:592px;
	max-height:592px;
	display:block;
	float:left;
	background: url('/img/website/content.jpg') repeat-y;
	
}

#content .pagecontent {
	width:502px;
	padding:16px;
	height:592px;
	max-height:560px;
	overflow:auto;
}

#content .pagecontent a{
	font-weight:bold;
}

#content .pagecontent a:hover{
	text-decoration:underline;
}

#content h1 {
	font-size:24px;
	margin-bottom:10px;
}

#content h2 {
	font-size:12px;
	margin-bottom:10px;
	border-bottom: 1px solid #cccccc;
}

#content h2 .titlebig {
   color: #99B32D;
    font-size: 14px;
    font-weight: bold;	
}

#content h3 {
	font-size:12px;
	margin-bottom:10px;	
}


#content .pagecontent ul, #content .pagecontent ol{
	padding-left:10px;
	margin-bottom:1.0em;
}

#content .pagecontent ul li, #content .pagecontent ol li{
	margin-bottom:1.0em;
}

#content .dealchanger {
	position:relative;
	height:auto;
	min-height:452px;
	display:block;
	border:0px solid #DD0000;
}


#content .dealdisplay {
	display:none;
	position:absolute;
}

#content .dealdisplay .deal {
	width:502px;
	padding-left:16px;
	padding-right:16px;
	height:432px;
	max-height:432px;
	overflow:hidden;
	display:block;		
}

#content .dealdisplay .deal .Dealcountdownarea {
	font-weight:bold;
	height:28px;
	padding-top:5px;
	margin-bottom:10px;
	font-size:11px;
	background: url('/img/website/counter_spacer.png') 0px bottom no-repeat;
}

#content .dealdisplay .deal .Dealcountdownarea .Dealcountdown {
	font-weight:bold;
	text-align:left;
	height:28px;
	width:280px;
	float:left;
	font-size:12px;
	
}

#content .dealdisplay .deal .Dealcountdownarea  .addthis_toolbox {
	width:212px;
	height:28px;
	display:block;
	float:right;
	text-align:right;
}

#content .dealdisplay .deal .Dealcountdownarea  .addthis_toolbox a{
	padding-left:5px;
}


#content .counter .days,
#content .counter .hours,
#content .counter .minutes, 
#content .counter .seconds {
	font-weight:bold;
	margin-left:5px;
	color:#B30209;
}

#content .dealdisplay .deal .headlines {
	width:370px;
	max-width:370px;
	overflow:hidden;
	float:left;
}

#content .dealdisplay .deal .headlines h1 {
	font-size:24px;
	margin-bottom:5px;
	height:30px;
	max-height:30px;
	max-width:370px;
	border:0px solid #DD0000;
	overflow:hidden;
}

#content .dealdisplay .deal .headlines h3 {
	font-size:12px;
	max-width:370px;
	max-height:14px;
	border:0px solid #DD0000;
	overflow:hidden;
}

#content .dealdisplay .deal .dealinfo {
	width:132px;
	height:75px;
	overflow:hidden;
	float:left;
	text-align:right;
}


#content .dealdisplay .deal .dealinfo .price {
	font-size:21px;
	font-weight:bold;
	color: #99b32d;
}

#content .dealdisplay .deal .dealinfo .tobasket {	
	background: url('/img/website/warenkorb_20x20.png') 0px 0px no-repeat;
	padding-left:30px;
	float:right;
	margin-top:5px;
}


#content .dealdisplay .deal .dealinfo .tobasket-button {	
	font-size:12px;
	font-weight:bold;
	width:80px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FFFFFF;
	background-color:#343434;
	border:none;
	display:block;
	cursor:pointer;
}

#content .dealdisplay .deal .dealinfo .tobasket-button:hover {
	text-decoration:underline;		
}

#content .dealdisplay .deal .sales {
	font-weight:bold;
	font-size:11px;
}

#content .dealdisplay .deal .headdivider {
	height:10px;
	margin-bottom:9px;
	background: url('/img/website/counter_spacer.png') 0px bottom no-repeat;
}

#content .dealdisplay .deal .dealimage { 
	z-index:1;
	width:502px;
	height:295px; 
	display:block;
	max-height:295px;
	clear:both;
	background:url('/img/images.jpg') center center no-repeat;
	overflow:hidden;
	position:relative;
}

#content .dealdisplay .deal .dealimage .sparecke140{ 
	position:absolute;
	z-index:2;
	bottom:0px;
	right:0px;
	width:140px;
	height:140px;
	background:url('/img/website/sparecke_140.png') right bottom no-repeat;
	text-align:right;
}

#content .dealdisplay .deal .dealimage .videooverlay {
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
	padding:1px;
	width:502px;
	height:295px;
	max-height:295px;
	overflow:hidden;
}

.sparecke140 .savings {
	display:block;
	color:#FFFFFF;
	font-size:23px;
	font-weight:bold;	
	margin-left:55px;
	padding-top:85px;
	width:80px;
	text-align:center;
}

.sparecke140 .savingstext {
	display:block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}


#content .accordion{
	position:relative;
	z-index:10;
}

#content .dealdescription h4 {	
	font-size:10px;
	background-color:#99b32d;
	height:20px;
	line-height:20px;
	padding-left:16px;
}

#content .dealdescription h4 a{	
	font-size:12px;
	color:#343434;
	font-weight:bold;
}
#content .dealdescription h4 a:hover{		
	text-decoration:underline;
}

#content .dealdescription .arrow {
	padding-left:24px;
	background:url('/img/website/b_infoleiste.png') left center no-repeat;
}

#content .dealdescription .arrow-up {
	background:url('/img/website/b_infoleiste_up.png') left center no-repeat;
}

#content .dealdescription .tabarea {
	padding-left:16px;
	padding-right:16px;
	padding-top:5px;
	background: url('/img/website/content.jpg') repeat-y;	
}

#content .dealdescription .tabarea .ui-tabs-nav {
	list-type-type:none;
	padding:0px;
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:2px solid #99b32d;
	display:block;
	height:22px;
	clear:both;
}

#content .dealdescription .tabarea .ui-tabs-nav li{
	display:block;	
	margin-right:5px;
	background-color:#343434;	
	height:20px;
	line-height:18px;
	text-align:center;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	float:left;	
}

#content .dealdescription .tabarea .ui-tabs-nav li.fb{
	background:none;
	padding-top:0px;
}


#content .dealdescription .tabarea .ui-tabs-nav li.ui-tabs-selected {
	background-color:#99b32d;
}

#content .dealdescription .tabarea .ui-tabs-nav li a {
	color:#FFFFFF;
	text-decoration:none;
}

#content .dealdescription .tabarea .ui-tabs-nav li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


#content .dealdescription .ui-tabs-panel  {
	padding-top:2px;
	max-height:190px;
	height:190px;
	width:502px;
	padding-bottom:10px;
}
#content .dealdescription .ui-tabs-panel .content {
	max-height:190px;
	height:190px;
	width:496px;
	padding-right:16px;
	overflow:auto;
}

#content .dealdescription .ui-tabs-panel .mapcontent {
	position:absolute;
	max-height:190px;
	height:190px;
	width:500px;
	padding-right:16px;
	overflow:auto;
}

#content .dealdescription .ui-tabs-panel .content .textcontent{
	margin-bottom:16px;
}

#content .dealdescription .ui-tabs-panel .content .textcontent a{
	font-weight:bold;
	text-decoration:underline;
}

#content .dealdescription .ui-tabs-panel .content .textcontent a:hover {
	font-weight:bold;
	text-decoration:none;
}

#content .dealdescription .ui-tabs-panel .content .textcontent ul,
#content .dealdescription .ui-tabs-panel .content .textcontent ol {
	margin-left:3px;	
}


#content .dealdescription .addthis_toolbox {
	height:28px;
}

#content .dealcomment {
	margin-bottom:10px;
	border-bottom:1px dotted #e6e6e6;
	padding-bottom:10px;
}

#content .dealcomment .from {
	font-weight:bold;
	font-style:italic;
}

#content .dealcomment .comment {
}

#content .dealcomment .postcomment {
	margin-top:16px;	
}

#content .dealoverview {
	width:502px;
	padding:16px;
	
}

#content .dealoverview h2 { font-size:10px; }

#content .deallist {
	list-style-type:none;
	border-bottom: 1px solid #cccccc;
	margin:0px;
	padding:0px;
}

#content .deallist .dealpreview {
	
}

#content .deallist .dealpreview .productimage{
	float:left;
	width:215px;
	height:129px;
}

#content .deallist .dealpreview .dealinfo{
	float:left;
	padding-left:16px;
	width:271px;
}

#content .deallist .dealpreview {
	display:block;
	clear:both;
	margin-bottom:31px;
}

#content .deallist .dealpreview .dealinfo a h2 {
	color:#343434;
	font-size:12px;
	margin-bottom:5px;
}

#content .deallist .dealpreview .dealinfo .cattitle {
	padding-left:16px;
	line-height:16px;
}

#content .deallist .dealpreview .dealinfo .savings{
	font-size:16px;
	float:right;
}

#content .deallist .dealpreview .dealinfo h1{
	font-size:12px;
	line-height:16px;
	color:#343434;
	margin-bottom:0px;
}

#content .deallist .dealpreview .dealinfo h5{
	font-size:10px;
	color:#343434;
}


#content #dealcarousel {
	width:439px;
	padding-left:50px;
	padding-right:45px;
	padding-top:9px;
	padding-bottom:9px;
	height:122px;
	display:block;	
	background-color: #343434;
	position:absolute;	
}

#content #dealcarousel .container {
	width:434px;
	overflow:hidden;	
	border:0px solid #FF0000;
}

#content #dealcarousel .container ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#content #dealcarousel .container li {
	position: relative;
	width:228px;
	height:123px;
	cursor:pointer;
	
	
}

#content #dealcarousel .container li .scontainer{
	border:3px solid #99b32d;
	display:block;
	width:195px;
	height:114px;
}

#content #dealcarousel .container li .bar{
	position: absolute;
	bottom:12px;
	width:185px;
	height:32px;
	background-color: #FFFFFF;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
}

#content #dealcarousel .container li .bar img{
	position:absolute;
	bottom:2px;
}

#content #dealcarousel .container li .bar .cattitle{
	position:absolute;
	left:25px;
	bottom:2px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:5px;
}

#content #dealcarousel .container li .bar .savings{
	font-size:18px;
	font-weight:bold;
	color:#000000;
	float:right;
	padding-top:8px;
}

#content #dealcarousel .container #cframe {	
	position:absolute;
	left:188px;
	top:11px;
	width:148px;
	height:109px;
	border:5px solid #99b32d;
	background:transparent;
}

#content #dealcarousel .container #cframe-l {	
	position:absolute;
	left:188px;
	top:11px;
	width:5px;
	height:109px;
	background:#99b32d;
}

#content #dealcarousel .container #cframe-r {	
	position:absolute;
	left:336px;
	top:11px;
	width:5px;
	height:109px;
	background:#99b32d;
}

#content #dealcarousel .container #cframe-t {	
	position:absolute;
	left:188px;
	top:11px;
	width:148px;
	height:5px;
	background:#99b32d;
}

#content #dealcarousel .container #cframe-b {	
	position:absolute;
	left:188px;
	top:120px;
	width:153px;
	height:5px;
	background:#99b32d;
}

#dealcarousel .bx-prev {
	position:absolute;
	left:8px;
	top:63px;
}

#dealcarousel .bx-next {
	position:absolute;
	left:512px;
	top:62px;
}

#content #basket {
	width:100%;
	border-collapse: collapse;	
}

#content #basket th {
	background: #cccccc;
	color:#000000;
	font-size:12px;
	padding:5px;
}

#content #basket td {
	color:#000000;
	font-size:12px;
	padding:5px;
	border:1px solid #cccccc;
}

#content #basket tfoot {
	color:#000000;
	font-size:12px;
	padding:5px;
	border-top:2px solid #343434;
}

#content #basket tfoot .subtotal{
	font-size:12px;
	font-weight:bold;
}
#content #basket tfoot .total{
	font-size:14px;
	font-weight:bold;
}

#content #basket .amountselect {
	width:40px;
}

#content #basket-footer {
	padding-top:10px;
}

#content #basket-footer .submitbutton,
#content #voucher-entry .submitbutton {	
	font-size:12px;
	font-weight:bold;
	width:auto;
	text-align:center;
	color:#FFFFFF;
	background-color:#343434;
	border:none;
	display:block;
	padding:2px;
	padding-left:5px; 
	padding-right:5px;
	cursor:pointer;
}

#content #basket-footer .submitbutton:hover,
#content #voucher-entry .submitbutton:hover {	
	background-color:#99b32d;
}

#content #voucher-entry {
	margin-top:30px;
	width:370px;
}

#content #voucher-entry label {display:block; clear:both;}

#content #voucher-entry .vouchercode{
	font-size:14px;
	height:19px;
	width:225px;
	line-height:18px;
}


#content #voucher-entry .submitbutton {
	float:right;
	cursor:pointer;
}

#content #paymentselect {
	margin-top:30px;
}

#content #paymentselect .list h4{
	margin-top:16px;	
}

#content #paymentselect .list .pselect{
	margin:16px;
	padding:5px;
	border:1px solid #cccccc;
	
}

#content #paymentselect .list h4 label {padding-left:10px;}
#content #paymentselect .list .pselect label {width:150px; display:block; float:left;}

#content #paymentselect .paymentinfo { padding-top:10px; padding-left:25px; }

#content .order-infoarea {
	margin-top:50px;
	color:#B30209;
}

#content .orderbutton .submitbutton {
	height:30px;
	line-height:30px;
	font-size:18px;
	cursor:pointer;
}

#content .orderbutton {
	text-align:right;
	cursor:pointer;
}

#content .confirmagb {
	margin-top:16px;
}

#content .confirmagb a {
	color:#99b32d;
}


#content .confirmagb a:hover {
	text-decoration:underline;
}

#right {
	position:relative;
	width:164px; 
	max-height:592px;
	min-height:592px;
	overflow:hidden;
	display:block;
	float:left;
	background: url('/img/website/right.jpg') no-repeat;	
}


#footer {
	border-top:5px solid #222222;
	background:#2A2A2A;
	width:100%;
}

#footerinfo {
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	margin-top:25px;
	padding-bottom: 50px;
	font-size: 10px; 
	font-weight:regular; 
	color:#747474; 
	width:534px; 
	text-align:justify;

}


.clear {display:block; clear:both;}

.submitbutton, .linkbutton {	
	font-size:12px;
	font-weight:bold;
	width:auto;
	text-align:center;
	color:#FFFFFF;
	background-color:#343434;
	border:none;
	cursor:pointer;
	padding:2px;
	padding-left:5px; 
	padding-right:5px;
}

.linkbutton:hover,
.submitbutton:hover,
.basketlinkarea .basketloginlink:hover, 
.basketlinkarea .basketregisterlink:hover  {	
	color:#FFFFFF;
	background-color:#99b32d;
	text-decoration:underline;
	cursor:pointer;
}

.formbuttonarea {
	padding-top:10px;
}

.requiredfields { clear:both; margin:0px 0px 16px 8px; font-size:10px; color:#666666; }



.basketlinkarea {
	clear:both;
	margin-top:5px;
	float:left;
}

.basketlinkarea .basketloginlink,
.basketlinkarea .basketregisterlink {
	font-size:12px;
	font-weight:bold;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FFFFFF;
	background-color:#343434;
	border:none;
	display:block;

	float:left; 
	margin-right:10px;
	/*letter-spacing:0.1em;*/
	               
	cursor:default;
}


/*
input[type=checkbox] {
	 background: url('/img/website/f_tb_dealgebiet_inactive.png') no-repeat;
}

input[type=checkbox]:checked {
	 background: url('/img/website/f_tb_dealgebiet_active.png') no-repeat;
}
*/

input[type=text] { border:none; padding:1px; height:14px; font-size:10px; width:170px; background:#E6E6E6;  }
select { width:100%; border:none; padding:0px; height:16px; font-size:10px; background:#E6E6E6; }
textarea { width:100%; border:none; padding:0px; font-size:12px; background:#E6E6E6; }

input.small, select.small { width: 50px;}

select.middle { width: 170px;}

.fb_edge_comment_widget {
    margin-left: -220px;
}


/* HELP BUTTON */
.helpbutton { background: url('/img/website/help_16x16.png') 0px 0px no-repeat; width:16px; height:16px; float:left; cursor:pointer; }


/* Pagination */
#paginationBox,
#paginationFaceBox { margin:5px 0px; display:block; clear:both; width:100%;  }

#paginationBox .spacer,
#paginationFaceBox .spacer { font-weight:bold; color:#666666; }

#paginationBox .center,
#paginationBox .centeractive,
#paginationFaceBox .center,
#paginationFaceBox .centeractive { text-align:center; }

#paginationBox .right-active     { padding:0px 10px 2px 3px; width:auto; height:20px; border:1px solid #666666; }
#paginationFaceBox .right-active { padding:0px 10px 0px 3px; width:auto; height:20px; border:1px solid #666666; }
#paginationBox .left-active 	 { padding:0px 3px 2px 10px; width:auto; height:20px; border:1px solid #666666; }
#paginationFaceBox .left-active  { padding:0px 3px 0px 10px; width:auto; height:20px; border:1px solid #666666; }

#paginationBox .prevarrow 	  { background: url('/img/website/pagination_left_arrow.png') 0px 0px no-repeat; width:7px; height:18px; }
#paginationFaceBox .prevarrow { background: url('/img/website/pagination_left_arrow.png') 0px -1px no-repeat; width:7px; height:18px; }
#paginationBox .nextarrow 	  { background: url('/img/website/pagination_right_arrow.png') 0px 0px no-repeat; width:7px; height:18px;  }
#paginationFaceBox .nextarrow { background: url('/img/website/pagination_right_arrow.png') 0px -1px no-repeat; width:7px; height:18px;  }

#paginationBox .center,
#paginationBox .centeractive,
#paginationFaceBox .center,
#paginationFaceBox .centeractive { width:20px; height:20px; border:1px solid #666666; }

#paginationBox .right-active a,
#paginationBox .left-active a,
#paginationBox .center a,
#paginationFaceBox .right-active a,
#paginationFaceBox .left-active a,
#paginationFaceBox .center a { font-weight:normal; color:#666666; }

#paginationBox .centeractive,
#paginationFaceBox .centeractive { background-color:#ededed; }
#paginationBox .centeractive a.active,
#paginationFaceBox .centeractive a.active { font-weight:bold; color:#666666; }

.hidden {display:none;}