/*
Layout-Changes
Old         New
#BBA788			#b9b9b9
#BCA888     #b9b9b9
#F4F1EC     #e9e9e9
#DDD2C3     #c9c9c9
#d2c4ab     #b8b8b8

*/

.clearfix {
	clear:both;
}

a, a:hover, a:link, a:visited {
	text-decoration:none;
	color:black;
}

#contentWK {
	position:relative;
	top:10px;
	left:0px;
	width:969px;
	height:300px;
	background: #FFF url(https://www.basler-fashion.de/Shop/Img/checkout/wk_header.jpg) no-repeat;
}


#footerWK {
	position:relative;
	top:1px;
	height:30px;
	width:993px;
}

#warenkorb {
	position:absolute;
	top:59px;
	left:0px;
	height:300px;
	width:969px;
	color:#000;
	font-size:15px;
}


tr.tableHead {
	height:29px; 
	background: #e9e9e9;
	color:#000;
	font-weight:900;

}

td.firstColHead, td.secondColHead, td.thirdColHead, td.fourthColHead, td.fivthColHead, td.fivthColHead, td.sixthColHead, td.seventhColHead {
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	text-align:center;
}

td.firstColHead {
	padding-left:0px;
	width:309px;
	border-left:1px solid #b9b9b9;
	padding-left:15px;
	text-align:left;
}

td.secondColHead {
	width:101px;
}

td.thirdColHead {
	width:158px;
}

td.fourthColHead {
	width:88px;
}

td.fivthColHead {
	width:101px;
	color:#e9e9e9;
}

td.sixthColHead {
	width:82px;
}

td.seventhColHead {
	width:129px;
	padding-right:18px;
	text-align:right;
	border-right:1px solid #b9b9b9;
}

td.tableRows {
	height:90px;
	border-bottom:1px solid #b9b9b9;
	color:black;
	text-align:center;
}

table.tableFooter {
	background:#e9e9e9;
	border-bottom:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9
}

table.tableFooter td {
	height:32px;
	text-align:right;
	padding-right:18px; 
	font-weight:900;
	font-size:18px;
}

#weiterEinkaufen {
	position:absolute;
	top:17px;
	left:11px;
}

#bottomLinks {
	position:absolute;
	padding-top:33px;
	padding-bottom:20px;
	width:100%;
	height:40px;
	border-bottom:1px solid #b9b9b9;
}

#zurKasse {
	position:absolute;
	padding-top:33px;
	right:0px;
	top:0px;
}

/* IE 6 only*/
* html #zurKasse {
	l\eft:338px;
}



#header {
	width:100%;
	height:100%;
}

#headerbox {
	position:relative;
	width:970px;
	margin:auto;
	height:111px;
	border-bottom:1px solid #b8b8b8;
	background:url(https://www.basler-fashion.de/Shop/Img/header/background.jpg) repeat-x;
}


/*
#linkbox {
	position:relative;
	top:0px;
	left:0px;
	height:20px;
	width:100%;
	background-color:#e0e0e0;
}
*/

#navibox {
	position:relative;
	top:78px;
	left:212px;
	width:400px;
}

.naviPunkt, .trenner {
	float:left;
}

div.headerLink {
	float:right;
	margin-right:15px;
	margin-top:3px;
	color:#707070;
}

div.headerLink a:visited, div.headerLink a:link, div.headerLink a:hover {
	color:#707070;
}


#logobox {
	position:absolute;
	left:15px;
	top:49px;
	height:40px;
}


#botomLine {
	position:absolute;
	bottom:0px;
	height:1px;
	width:100%;
	background-color:white;
}

#obereNavi {
	position:relative;
	top:27px; 
	left:0px;
	height:22px;
	width:100%;
}

#untereNavi {
	position:relative;
	top:39px; 
	left:0px;
	height:23px;
	color:#FFF;
	font-weight:900;
	width:100%;
	background:url(https://www.basler-fashion.de/Shop/Img/untenOben/topnavi_linie.gif) repeat-x;
}

/*
html* #untereNavi {
	top:27px;
}
*/

/* IE 6 only*/
* html #untereNavi {
	top:27px;
	t\op:27px;
}


div.topnavi {
	float:left;
}

#reiterAlleMarken {
	margin-left:165px;
}

div.reiter {
	float:left;
}

#makeWaehlen {
	position:relative;
	top:18px; 
	left:13px;
	font-size:10px;
}

#contentBoxLogin {
	width:970px;
	margin:auto;
	height:415px;
	background: #FFF;
	margin-bottom:30px;
	border-bottom: 1px solid #b8b8b8;
}

#footer {
	height:30px;
	width:100%;
	background-color:#404040;
}

#footerBox {
	margin:auto;
	width:970px;
	height:27px;
}

#footerBox a:hover, #footerBox a:link, #footerBox a:visited {
	color:#fff;
	font-size:11px;
}

#footerBox #linkbox {
	position:absolute;
	width:270px;
}

html* #footerBox #linkbox {
	position:static;
	width:270px;
}

#footerBox #linkboxRechts {
	margin-top:-165px;
	margin-left:190px;
	width:408px;
}

html* #footerBox #linkboxRechts, html* #footerBox #linkboxRechtsCo, html* #footerBox #linkboxRechtsDk { 
	position:static;
	margin-left:561px;
	margin-top:-22px;
}

#footerBox #linkboxRechtsCo {
	margin-top:0px;
	margin-left:560px;
	width:408px;
}

#footerBox #linkboxRechtsDk {
	margin-left:560px;
}

#footerBox #topline {
	top:0px;
	left:0px;
	width:100%;
	height:1px;
	background-color:black;
}

div.footerLink {
	float:left;
	margin-top:8px;
	margin-right:30px;
}

div.footerLine {
	float:left;
	margin:6px;
}

#loginTextBox {
	position:relative;
	top:28px;	
	left:17px;
	width:490px;
	height:330px;
	clear:right;
}

#loginBox {
	position:relative;
	top:-270px;
	left:585px;
	width:350px;
	height:350px;
}

#loginBox table {
	width:180px
}


#errorString {
	float:left;
	margin-top:4px;
	margin-left:10px;
	width:360px;
	height:20px;
	z-index:99;
	color:#FE0000;
}

html* #errorString {
	width:350px;
}

#loginBox input {
	width:192px;
	height:15px;
	border:1px solid #6c6c6c
}


#contentBoxCheckout {
	width:970px;
	margin:auto;
	height:1381px;
	color:#000;
	background: #fff;
}

#zusammenfassungBox {
	position:relative;
	top:10px;
	left:0px;
	width:970px;
	border:0px solid blue;
	color:#323232;
}

.header {
	width:968px;
	height:60px;
/*	color:#5a5a5a; */
	color:#fff;
	font-size:18px;
	font-weight:900;
	border: 1px solid #b9b9b9;
	background:#fff url(https://www.basler-fashion.de/Shop/Img/checkout/background_header_checkout.jpg) repeat-x;
}



#zusammenfassungsTabelle tr td#leerRaumTd  {
	background:#e9e9e9;
	border-left:1px solid #b9b9b9;
}



#zusammenfassungBox th {
	border-bottom:1px solid #9d9d9d;
	border-top:1px solid #9d9d9d
}

/*td.checkoutFirstCol, td.checkoutSecondCol, td.checkoutThirdCol, td.checkoutFourthCol, td.checkoutFivthCol, td.checkoutSixthCol, td.checkoutSevenhCol, td.checkoutEightCol, td.checkoutNineThCol {*/
#zusammenfassungBox td {
	border-bottom:1px solid #b9b9b9;
}


#zusammenfassungBox table tr td table {
	width:280px; 
	background:#c9c9c9; 
	border-right:1px solid #b9b9b9;
}

#zusammenfassungBox table tr td  table tr td {
	border-bottom:0px;
}

.allLeftTab {
	height:20px;
	width:80px;
	text-align:right;
	padding-right:24px
}

.gutscheinBox {
	width:968px;
	height:40px;
	color:#5a5a5a;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	background:#e7f1d6;
}

.gutscheinBox #gutscheinInput {
	position:absolute;
	top:73px;
	left:15px;
	width:940px; 
 	height:25px;
}

/* wird evtl durch Klasse ersetzt*/
#gutscheinBox #gutscheinInput input {
	height:16px;
	width:192px;
	border:1px solid #c2c2c2;
}

input.inputBreit {
	height:16px;
	width:192px;
	border:1px solid #6c6c6c;
}

input.inputNr {
	width:38px;
	border:1px solid #6c6c6c;
	background-color:#FFF;
}

html* input.inputNr {
	width:35px;
}

input.inputOrt {
	width:105px;
	border:1px solid #6c6c6c;
	background-color:#FFF;
}

html* input.inputOrt {
	width:103px;
}

input.inputDisabled {
	height:16px;
	width:192px;
/*	background-color:#f2f2f2;*/
	border:1px solid #aeaeae;
}

input.inputDisabledNr {
	width:38px;
	border:1px solid #aeaeae;
}

html* input.inputDisabledNr {
	width:35px;
}


input.inputDisabledOrt {
	width:105px;
	border:1px solid #aeaeae;
}

html* input.inputDisabledOrt {
	width:103px;
}

select.inputDisabled {
	width:192px;
	background-color:#f2f2f2;
	border:1px solid #aeaeae;
}

.lieferText {
	color:#737373;
}

select {
	border:1px solid #6c6c6c;
}



#datenBox {
	position:relative;
	top:21px;
	left:0px;
	width:970px;
	height:475px;
	background:#FFF;
	border:0px solid blue;
}


.tabCellOne {
	text-align:right;
	width:115px;
	height:28px;
	padding-right:7px;
}

.tabCelleingabe {
	width:195px;
	height:28px;
}

#datenBoxInner {
	width:968px;
	height:410px;
	border:1px solid #b9b9b9;
	border-top:0px;
}

#lieferanschrift {
	position:absolute;
	width:325px; /*305px*/
	top:113px;
	left:45px;
}

#abweichendeLieferanschrift {
	position:absolute;
	width:325px; /*305px*/
	top:82px;
	left:430px; /*530px*/
}

#lieferanschriftCheckBox {
	position:static;
	top:0px;
	padding-left:105px;
}

#zahlungsBox {
	position:relative;
	top:31px;
	left:0px;
	width:970px;
	height:480px;
	background:#f2f2f2;
	border:0px solid blue;	
}

#zahlungsBoxInner {
	width:968px;
	height:425px;
	border:1px solid #b9b9b9;
	border-top:0px;
	background:#e9e9e9;
}

#versandBox {
	position:relative;
	top:50px;
	left:0px;
	width:960px;
	background:#FFF;
	border:0px solid blue;	
}

#versandBoxInner {
	width:968px;
	border:1px solid #b9b9b9;
	border-top:0px;
}

#Versandart1 {
	width:800px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 23px;
}

#Versandart2 {
	width:800px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 23px;
}

.headlineCheckout {
	position:absolute;
	top:23px;
	left:21px;
}

#kreditkartenEingabe {
	position:absolute;
	width:460px;
	top:82px;
	left:495px;
}

#rechnungNachnahme {
	position:absolute;
	width:600px;
	top:82px;
	left:25px;
}

#textKreditkarte {
	position:absolute;
	top:38px;
	left:5px;
}

#tabKreditkarte {
	position:absolute;
	top:60px;
	left:5px;
	width:340px;
}

#absendeBox {
	position:relative;
	top:51px;
	left:0px;
	width:968px;
	height:74px;
	border-bottom:1px solid #b8b8b8;	
}

#absendeButton {
	position:absolute;
	right:0px;
	top:18px;
}

#newsletterCheckBox {
	position:absolute;
	left:19px;
	top:20px;
	width:360px;
	font-weight:900;
}

#agbCheckBox {
	position:absolute;
	left:392px;
	top:20px;
}


.kk_body {
	background-color:#F2F2F2;
}

#dankeBox {
	position:relative;
	top:13px;
	left:0px;
	width:970px;
	height:347px;
	background: #e9e9e9 url(https://www.basler-fashion.de/Shop/Img/checkout/danke_background.jpg);
}

#weiterEinkaufenDanke {
	position:absolute;
	top:240px;
	left:155px;
}

.versandHead {
	margin-left:5px;
	margin-bottom:5px;
	font-weight:900;
	color:#6c6c6c;
}

#crossSelling {
  margin-top: 50px;
  margin-left: 10px;
  height: 170px;
  padding-bottom:20px;
  padding-top:20px;
  width:945px;
  display: none;
  overflow: hidden;
}

#crossSellingHead {
  color: #000000;
  font-weight: 900;
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#crossSellingBox {
  width: 883px;
  border: 0px solid green;
  float: left;
  height: 140px;
}

.crossSellingProduct {
  width: 290px;
  height: 130px;
  border: 0px solid red;
  padding-top: 20px;
  float: left;
}

.price {
  padding-right:10px;
}

.priceOld {
	padding-right:10px;
	text-decoration:line-through;
}

.priceSale {
	color:#900;
	font-size:14px;
	font-weight:bold;
}

/* thawteBox */

#thawteBox  {
	font-family:arial;
	height:40px;
	position:absolute;
	top:127px;
	width:970px;
	z-index:98;
}

#thawteBoxPic {
	position:absolute; 
	top:0px; 
	right:0px
}

#thawteBoxDateText {
	position:absolute;
	z-index:99;
	top:17px;
	right:4px;
	font-size:10px;
}

#thawteBoxWK {
	position:absolute;
	z-index:99;
	top:10px;
	left:829px;
	width:200px;
	height:40px
	font-family:arial
}

#thawteBoxPicWK {
	position:absolute; 
	top:0px; 
	left:0px
}

#thawteBoxDateTextWK {
	position:absolute;
	z-index:99;
	top:22px;
	left:43px;
}

/* Neu dazugekommen mit Anpassungen*/

#fortschritt {
	width:490px;
	height:30px;
	margin:20px auto auto;
	width:970px;
}

#fortschritt img {
	margin-left:17px;
	z-index:99;
}

#preFooter {
	height:60px;
	margin:auto;
	padding-top:30px;
	width:970px;
}

#preFooter .preFooter {
	position:relative;
	left:17px;
}

/* PaketBoxen */
.paketBox {
	position:absolute;
	top:115px;
	left:790px;
	width:138px;
	height:85px;
	border:2px solid #ffcf00;
	cursor:pointer;
}


