/* REVISION 3 */
@import url(base.css);
@import url(chrome.css);
@import url(elm_head-teaser-small.css);
@import url(shop_details.css);

* html #content {
  position: fixed; }
  
#content-head .title {
  padding-top:45px;
}
  
#cart-tabs {
  position:absolute;
  bottom:16px;
  width:100%;
  text-align:center; }

#cart-tabs ul {
  float:left;
  margin:0px 0 0 20px;
  padding-left:18px;
  height:37px;
  background:url(../images/bg_bar_checkout_left.gif) no-repeat; }

#cart-tabs li {
  float:left;
  margin:0px;
  padding:0 38px 0px 20px;
  text-align:center;
  background:url(../images/bg_bar_checkout_seperator.gif) top right no-repeat;
  font:10px/37px Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#999999; }

#cart-tabs li.last {
  background-image:url(../images/bg_bar_checkout_right.gif); }

#cart-tabs li a {
  color:#339933;
  text-decoration:none; }

#cart-tabs li.current {
  color:#333333; }

#content-tabs {
  position:absolute;
  bottom:15px;
  width:100%;
  text-align:center; }
#content-tabs ul {
  background:url(../images/bg_bar_checkout_left.gif) left top no-repeat;
  width:512px;
  height: 37px;
  margin:0px auto; }
#content-tabs li {
  background: url(../images/bg_bar_checkout_seperator.gif) right top no-repeat;
  position: relative;
  left: 8px;
  float:left;
  width:128px;
  height: 37px; }  
#content-tabs li a, 
#content-tabs li span {  
  display:block;
  padding-right: 10px;
  margin-top: -1px;
  color: #75B777;
  text-transform:uppercase;
  text-align:center;
  line-height: 35px;
  font-size: 11px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  vertical-align: text-top; } 
#content-tabs li span {
  color: #999999; }
#content-tabs li.current span {
  color: #000; }
#content-tabs li.last {
  background:url(../images/bg_bar_checkout_right.gif) right top no-repeat;
  position: relative;
  left: 15px; }
#content-tabs li.last a, 
#content-tabs li.last span {
  
  margin-right:0px; }



#content { /* Overwriting chrome.css */
  padding:0px; }
#content #checkout-head,
#content .leadin {
  margin:20px;
  font-weight:bold; }

.checkout .container,
.coupon .container {
  background-color:#74A7CF;
  padding:10px 0px; }
.checkout .checkout2 .container {
  border-top: 5px solid #fff;
  /*margin: 30px -25px 0 -25px;*/
  margin: 0px -20px 0 -20px; 
  }
.checkout .checkout2 .container,
.checkout .checkout2 .container .left,
.checkout .checkout2 .container .right {
  height: 280px;
  background: none; }
.checkout .checkout2 .container .address{
  padding:0px 25px; }
.checkout .container .left,
.coupon .container .left {
	float:left;
	height:344px;
	width:395px;
	background-color:#FFFFFF; }
.coupon .container .left {
	background-color:#ebebeb; }
.checkout .container .right,
.coupon .container .right {
	float:right;
	height:344px;
	width:395px;
	background-color:#FFFFFF; }
.checkout .container .form,
.coupon .container .form {
	padding:15px 20px 0px 20px;
	line-height:120%;
}
.checkout .container .form .hl,
.coupon .container .form .hl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 17px;
	height: 45px;
	color:#333333;
	font-weight:normal;
}
.checkout .container .form fieldset {
	height:26px;
	clear:both;
}
.checkout .container .form fieldset label {
  float: left;
  margin-right: 10px;
  width: 120px;
}
.checkout .container .form .buttonContainer {
  margin-left: 80px;
}
* html .checkout .container .form .buttonContainer {
  margin-left: 40px;
}
.checkout .container .form.address .buttonContainer {
  margin-left: 0px;
}
* html .checkout .container .form.address .buttonContainer {
  margin-left: 0px;
}
.checkout .container .form fieldset .buttonContainer {
  margin-left: 130px;
}
* html .checkout .container .form fieldset .buttonContainer {
  margin-left: 65px;
}
.checkout .container .form input {
  height: 13px;
  width: 199px; }
.checkout .container .form fieldset select {
  float:left;
  width:191px;
  font-size:10px;
}
.checkout .container .form fieldset .textfield {
	float:left;
	width:187px;
}
.checkout .form.address table tr {
  height: 25px;
}
* html .checkout .form.address table tr {
  height: 22px;
}
*+ html .checkout .form.address table tr {
  height: 22px;
}
.checkout .container #shop_salutation, 
.checkout .container #shop_salutation1{
	float:left;
	width:80px;
}
.checkout .container #shop_title ,
.checkout .container #shop_title1{
	float:right;
	width:110px;
}
.checkout .container #shop_street,
.checkout .container #shop_street1 {
	float:left;
	width:152px;
}
.checkout .container #shop_streetnumber,
.checkout .container #shop_streetnumber1 {
	width:35px;
	float:right;
}
.checkout .container #shop_zip,
.checkout .container #shop_zip1 {
	float:left;
	width:35px;
}
.checkout .container #shop_city,
.checkout .container #shop_city1 {
	width:152px;
	float:right;
}
.checkout .container #shop_country,
.checkout .container #shop_country1 {
	width:202px;
}
.checkout .container .form .note {
	color:#666666;
}
.checkout .container .form p {
	margin:10px 0px;
}
.checkout .container .login {
	height:169px;
	border-bottom:2px solid #333333;
}
.checkout .container .password {
	height:143px;
	background-color:#EBEBEB;
}
.checkout .container .password .hl {
	font-size:11px;
	font-weight:bold;
	height: auto;
	margin:0px;
}
.checkout .container .address {
	height:184px;
}
.checkout .table {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:140%;
	border-bottom: 1px solid gray;
}
.checkout .table.online-products {
	border-bottom: none;
}
.checkout .table.companyData {
	width: 100%;
	border: none;
	color: #999999;
	font-size: 10px;
	line-height: 11px;
	border-top: 5px solid #74A7CF;
	/*border-bottom: 1px solid #000;*/
}

.checkout #companyDaten .companyData {
	border-bottom: 0px;
}

#companyDaten{ 
	border-top: 5px solid #74A7CF;
	padding-top: 10px;
}
.checkout .table.cash {
	border-bottom: 4px solid #74A7CF;
	margin-top: 1px;
}
.checkout .table.promotion {
	border-top: 4px solid #74A7CF;
	/*border-bottom: 4px solid #74A7CF;*/
	border-bottom: none;
	margin-top: 1px;
}
.checkout .table td {
	padding:2px;
	padding-right:20px;
}
.checkout .table.companyData td {
	padding: 15px 0;
}
.checkout .table.companyData td.first {
	width: 150px;
}
.checkout .table .label td {
	background-color:#546D81;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 0px;
	padding-right:20px;
}
.checkout .table.online-products .label td {
	background-color:#74A7CF;
}
.checkout .table tr td.first {
	padding-left:20px;
	padding-right: 40px;
	vertical-align: top;
}

.checkout .table .gutschein_test tr td.first {
	padding-left:18px;
	padding-right: 40px;
	vertical-align: top;
}
.checkout .table tr .last {
	padding-right:40px !important;
	text-align:right;
}
.checkout .table .bg {
	background-color: #E3EDF5;
}
.checkout .table .article td {
	padding-top:13px;
	padding-bottom:6px;
	font-size:11px;
	color:#333333;
	line-height:120%;
	/*vertical-align:top;*/
}
.checkout .table.online-products .article td {
	padding:20px;
	/*padding-right: 240px;*/
	padding-right: 20px;
	border-bottom: 1px solid gray;
}
.checkout .table.online-products .article td.bottom {
	border-bottom: none;
}
.checkout .table.cash .article td {
	padding-top:20px;
	padding-bottom:20px;
}
.checkout .table .article td .info {
	font-size:10px;
	margin: 5px 0 8px 0;
}
.checkout .table .article td .hl,
.checkout .table.online-products .article td .hl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
}
.checkout .table.online-products .article td .hl {
	color:#166BAE;
}
.checkout .table.online-products .article td .hl .category {
	color:#333333;
}
.checkout .table .article td .sub {
	color:#999999 !important;
}
.checkout .table .article td a {
	color:#166BAE;
	text-decoration:none;
	font-size:11px;
}
.checkout .table.online-products .article td a {
	color:#000;
	text-decoration: underline;
}
.checkout .table .article td .highlight {
	color:#999999;
	font-weight:bold;
}
.checkout .table .additional td {
	background-color:#E3EDF5;
	padding-top:16px;
	padding-bottom:16px;
	color:#666666;
	font-size:10px;
	line-height:140%;
}
.checkout .table .additional td .item {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	margin-bottom:4px;
}
.checkout .table .textfield {
	width:35px;
	/*text-align:right;*/
	margin-bottom:4px;
	line-height:13px;
	padding-right:2px;
}
.checkout .table .textfield.quantity {
	width:35px;
	text-align:right;
	margin-bottom:4px;
}

.checkout .table .textfield.coupon {
	width:200px;
	margin-top: 10px;
}
.checkout .table input {
	margin-right: 5px;
   vertical-align: middle;
}
.checkout .table div.coupon {
	line-height: 18px;
	font-weight: bold;
	color: #000;
}
.checkout .table .additional td .hl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	margin-bottom:3px;
}
.checkout .table .space-top td {
	line-height: 13px;
	padding-top:16px !important;
}
.checkout .table .space-bottom td {
	padding-bottom:16px;
	padding-top:0px;
	.height: 10px;
}
.checkout .table .line td {
	background-color:#74A7CF;
	height:1px;
	padding:0px;
}
.checkout .table td.line {
	padding: 0;
}
.checkout .table td.line div {
	border-bottom: 1px solid #000;
}
.checkout .table td p {
	margin-top: 4px;
}
.checkout .table.cash .line td {
	background-color:#000;
}
.checkout .table.cash .line-dotted td {
  padding: 0;
  border-bottom: 1px dotted #000;
}
.checkout .table .line-double td {
	height:2px;
	background-color:#FFFFFF;
	border-top:1px solid #74A7CF;
	border-bottom:1px solid #74A7CF;
	padding:0px;
}
.checkout .table.cash .line-double td {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.checkout .table .line-short {
	height:1px;
	font-size: 0px;
	background-color:#666666;
	width:72px;
	float:right;
}
.checkout .table .note {
	line-height:140%;
	width:325px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}
.checkout .table .note .hl {
	line-height:140%;
	color:#000;
	display: block;
	margin-bottom: 5px;
}
.checkout .table .box {
	margin: 5px 0 0 0;
	padding: 10px;
	background: #E6EFFA;
}
.checkout .table .important {
	color:#C6332B;
}
.checkout .table .address {
	font-size:11px;
	color:#333333;
	line-height:120%;
}
.checkout .table .address p {
	margin:4px 0px 4px 0px;
}
.checkout .table.online-products p {
	margin:20px 0px !important;
}
.checkout .table tr .line-dotted {
	background-image:url(../images/bg_shop_checkout_line-dotted.gif);
	background-position: right;
	height:1px;
	padding:0px;
}
.checkout .table tr .line-solid {
	background-image:url(../images/bg_shop_checkout_line-solid.gif);
	background-position:right;
	height:1px;
	padding:0px;
}
.checkout .table .line-row td {
	padding:0px;
}
.checkout .table .line-bottom td {
	height:4px;
	background-color:#546D81;
}
.checkout .buttonToolbar {
	padding: 25px;
}
.checkout .buttonToolbar .buttonContainer {
	margin-right: 190px;
}
.checkout .buttonToolbar .buttonContainer.homepage {
	float: right;
	margin: 0;
}
.checkout .gift {
	padding: 15px 20px;
	background: #fff;
}
.checkout .gift a {
	background: url(../images/bg_arrow_down.gif) left no-repeat;
	height:22px;
	padding: 4px 0;
	padding-left:25px;
	color:#000;
	text-decoration:underline;
	line-height:19px;
	font-weight:bold;
	font-size: 10px;
}

.checkout .table .note .hl a {
	background: url(../images/bg_arrow_down.gif) left no-repeat;
	height:22px;
	padding: 4px 0;
	padding-left:25px;
	color:#000;
	text-decoration:underline;
	line-height:19px;
	font-weight:bold;
}

.checkout .table div.coupon a {
	background: url(../images/bg_arrow_down.gif) left no-repeat;
	height:22px;
	padding: 4px 0;
	padding-left:25px;
	color:#000;
	text-decoration:underline;
	line-height:19px;
	font-weight:bold;
}


.checkout .refresh {
	background-color: #74A7CF;
	height: 10px;
	padding-top: 15px;
	padding-right: 25px;
}
* html .checkout .refresh {
	padding-right: 10px;
}
.checkout .refresh .buttonContainer {
   float: right;
	margin-right: 15px;
}
.checkout #checkout-footer {
	height:30px;
	padding:15px 40px 0 20px;
	border-top:4px solid #74A7CF;
}
.checkout #checkout-footer .text {
	float: left;
	width: 500px;
}
.checkout #checkout-footer .text a {
  color: #166BAE;
}
.checkout #checkout-footer .buttonContainer {
	float: right;
}

.checkout #checkout-footer-checkout4 {
	height:50px;
	padding:30px 40px 0px 20px;
}
.checkout #checkout-footer-checkout4 .text {
	float: left;
	width: 500px;
}
.checkout #checkout-footer-checkout4 .text a {
  color: #166BAE;
}
.checkout #checkout-footer-checkout4 .buttonContainer {
	float: right;
}



.checkout .info {
	float: left;
	width: 100%;
}
.checkout .info .hl {
	background-color:#546D81;
	padding:8px 0px 8px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.checkout .info .body {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:22px 20px;
	line-height:140%;
}
.checkout .info .body .buttonContainer {
	margin-top: 20px;
}

.checkout .orderInfo {
	width: 760px;
	margin: 5px 0 0 0;
	padding: 14px 20px 15px;
	background: url(../images/orderInfo_bg2.jpg) no-repeat 10px 10px;
}
.checkout .orderInfo .overview {
	margin: 55px 0 0 0;
	font-size: 14px;
}


.checkout .bottomContainer {
	padding: 20px 0 0px 20px;
	border-top: 5px solid #74A7CF;
	border-width: 5px 0;
}
* html .checkout .bottomContainer {
	padding-bottom: 20px;
}
*+ html .checkout .bottomContainer {
	padding-bottom: 20px;
}
* html .checkout .primary .magazine {
	padding: 0 !important;
}
  

.coupon .container .left,
.coupon .container .right {
	height:200px;
}
.coupon .container.large .left,
.coupon .container.large .right {
	height:400px;
}
.coupon .container .left .hl {
	height: 40px; }
.coupon .container .right .hl {
	height: 38px; }
.coupon .container .left input {
	margin: 10px 0;
	width: 200px;
}
.coupon .container .gray * {
  color: #999;
}
.coupon .container .form.information {
  border-top: 3px solid #000;
}
.coupon .container .form.information .buttonContainer {
  margin-left: 110px;
}
.coupon p {
  line-height: 16px;
  margin: 0;
  width: 90%; }
.coupon .bold {
  font-weight: bold; }
.coupon .couponPrice {
  font-size: 18px;
  margin: 15px 0;
  line-height: 18px; }
  
 
.coupon .magazineListHl {
  padding: 20px; } 
.coupon .magazineListHl .hl {
  font-weight: bold;
  font-size: 17px;
  line-height: 25px; } 
.coupon .magazineListHl p {
  margin: 0 !important; } 
  
  
.coupon .magazineList {
  padding-top: 10px;
  margin-bottom: 30px;
  border-top: 2px solid #000;
  border-bottom: 10px solid #74A7CF;
  background: #B9D3E7; }
.coupon .magazineList .wrap {
  margin: 0px 0 20px 0;
  float:left;
  height: 110px;
  width: 400px; }
* html .coupon .magazineList .wrap {
  margin: 0px; }
.coupon .magazineList .wrap .visual {
  float:left;
  margin: 0 20px;}
* html .coupon .magazineList .wrap .visual {
  margin: 0 20px 0 10px;}
.coupon .magazineList .wrap .description {
  line-height: 12px;
  height: 40px;
  overflow: hidden;
  padding: 0 20px 0 0;
  margin-top:18px;}
.coupon .magazineList .wrap .description strong {
  font-size:12px;
  line-height: 16px;
  display:block;}
.coupon .magazineList .wrap .description a {
  text-decoration:none;}
.coupon .magazineList .wrap .info {
  margin-bottom:18px;}
.coupon .magazineList .wrap .wrap {
  height:115px;
  overflow: hidden;}
  
 

.checkout .address .left,
.checkout .address .right {
	width: 350px;
}
.checkout .greetingMessage {
	width: 740px;
}
* html .checkout .greetingMessage {
	width: 740px;
}

.checkout #checkout-footer .buttonContainer.checkout4 {
	float:left;
}

.checkout #checkout-footer .text.checkout4 {
	float:left;
	width:300px;
}

#feedback_msg {
	margin:20px;
	color:red;
	font-weight:bold;
	font-size:15px;
}

*html .gutschein_test .buttonContainer a.button, .buttonContainer button {
	width:122px;
}

*+html .gutschein_test .buttonContainer a.button, .buttonContainer button {
	width:300px;
}

:root .gutschein_test .buttonContainer a.button, .buttonContainer button {
	width:auto;
}


.gutschein_test .buttonContainer {
	margin-top: 26px;
}


#shop.checkout #main {
	overflow:hidden;	
}


@media print {
  #main { float:left; width:100% !important; }
  #content .primary { width:100% !important;}  	
  #content .secondary { display:none !important; }
  #breadcrumb { display:none !important; }
  #footer .menu { display:none !important; }
  #container { width:100% !important; }
  .buttonToolbar { display:none !important; }
  .bottomContainer { display:none !important; }
  #content-tabs { display:none !important; }	
}