/* ---------- WEBFASHION 3.0 ----------
	Farben:
		hellgrau: #eeeeee
		dunkelgrau: #999999
		
   ------------------------------------ */

/* ---------- Log-In ---------- */


ul#supersized {
	margin: 0;
	}
	
#page.tsw_loginpage {
    left: 0;
    position: absolute;
}

.accountLoginView { 
	background: #FFFFFF; 
	padding: 10px; 
	width: 800px; 
}

.tLoginText { 
	border-top: 3px solid #666666; 
}

h1.pageHead, h2.pageHead  {
	box-shadow: none; 
	background: none; 
	font-size: 20px; 
	color: #000000; 
	border-bottom: 1px solid #999999; 
	text-shadow: none;
	padding-left: 10px;
} 

h2.sectionHead { padding-left: 10px; }

.textbox, input[type="text"] { 
	height: 20px; 
}

.textbox.superlarge { 
	height: 20px;
	width: 400px; 
}

h2.sectionHead, h2.pageHead, .box h3, .box h2 { 
	text-shadow: none; 
	color: #000000; 
	box-shadow: none; 
	-moz-box-shadow: none; 
	border-bottom: 1px solid #999999; 
}

.box .content .header { 
	background: #EEEEEE;
	padding-left: 5px; 
	padding-bottom: 1px;
	margin-bottom: 3px;
	color: #000000; 
}

.box .content .item { 
	padding-left: 5px; 
	color: #000000; 
	height: 27px;
}

.box .content .itemSmall { 
	padding-left: 5px; 
	color: #000000; 
	height: 15px;
}

.box .content .end { 
	padding-top: 15px; 
	color: #000000; 
}

h3.tswGroupHead {
	text-shadow: none; 
	color: #000000; 
	box-shadow: none; 
	-moz-box-shadow: none; 
	border-bottom: 5px solid #999999; 
	padding: 10px;
}

#tsw-return-area {
	padding: 10px;
}

.tsw-kundenauswahl-logout {
	padding-top: 30px;
	text-align: right;
}

.subcatList h3 a { 
	color: #000000; 
}

h6 { font-size: 12px; }

.box ul, .box ol, .box .content { border: 1px solid #eeeeee; }

.tswButtonContainer { margin: 10px 0; }


.agb a {
    color: #88ba14;
	text-decoration: underline;
}

.box h3 a { white-space: normal; }

/* ---------- Allgemeine Styles ---------- */


#thankyouPage h3.blockHead:first-child {
	color: #000;
}


.rightFloat { float: right; }
h3.blockHead {
	line-height: 28px;
}

.ui-accordion-header { background-position: 8px 20px; font-size: 16px; margin-top: 15px; }
.ui-accordion-header { padding: 0 10px 15px 25px; border: 1px solid #999; margin-bottom: 0; cursor: pointer; background-image:url(../bg/arrows-right.png); background-repeat: no-repeat; }
.ui-accordion-header.ui-state-active { background-color: #eee;  background-image:url(../bg/arrows-down.png); background-repeat: no-repeat; border-bottom: none; }


.unsichtbar {
    visibility: hidden;
}
.verstecken {
    display: none;
}

.deletefrombasket {
    min-height: 50px;
    display: table-cell;
	vertical-align: middle;
}

.deletefrombasketblock {
	padding-right: 30px;
}


a.buttonLink2 { height: 20px; font-style: normal; text-decoration: none; font-weight: bold; margin-right: 5px; background-image:url(../../img/webagent/icons/tsicons02.png); display: inline-block; padding: 5px 7px 5px 25px; background-repeat: no-repeat; line-height:20px; -moz-border-radius:3px;   }
input.buttonLink2 { cursor: pointer; height: 32px; font-style: normal; text-decoration: none; font-weight: bold; margin-right: 5px; background-image:url(../../img/webagent/icons/tsicons02.png); display: inline-block; padding: 3px 7px 3px 30px; background-repeat: no-repeat; background-color: #f0f0f0; line-height:28px; -moz-border-radius:3px; border: 1px solid #bebebe;  }
.buttonLink2.klein { padding: 5px 3px 5px 22px; }
.buttonLink2:hover { background-color: #e1e1e1; -webkit-box-shadow: 0px 0px 3px #bebebe; -moz-box-shadow: 0px 0px 3px #bebebe; box-shadow: 0px 0px 3px #bebebe; }
.buttonLink2.calender { background-position: 0px -0px; }
.buttonLink2.calculator { background-position: 0px -30px; }
.buttonLink2.cancel { background-position: 0px -120px; }
.buttonLink2.cancel2 { background-position: 0px -60px; }
.buttonLink2.accept { background-position: 0px -90px; } 
.buttonLink2.search { background-position: 0px -150px; } 
.buttonLink2.refresh { background-position: 0px -180px; } 
.buttonLink2.email { background-position: 0px -210px; } 
.buttonLink2.save { background-position: 0px -240px; } 
.buttonLink2.add { background-position: 0px -270px; }  
.buttonLink2.edit { background-position: 0px -300px; }  
.buttonLink2.delete { background-position: 0px -330px; }  
.buttonLink2.back { background-position: 0px -360px; }  
.buttonLink2.up { background-position: 0px -390px; }  
.buttonLink2.down { background-position: 0px -420px; }  
.buttonLink2.print { background-position: 0px -450px; }  
.buttonLink2.pdf { background-position: 0px -480px; }  
.buttonLink2.upload { background-position: 0px -510px; }  
.buttonLink2.download { background-position: 0px -540px; }  
.buttonLink2.copy {	background-position: 0px -570px; }

.message {
	border: 2px solid #006000;
	background-color: #AAFFAA;
}

/* ---------- Header ---------- */
#tswKundeInfo {
	height: 35px; 
	padding: 5px 0; 
}

#tswKundeInfo div.tswKundeInfoInner { 
	width: 960px; 
	color: #999999;
	margin: 0 auto; 
}

.tswKundenInformation { 
	float: left; 
	color: #999999; 
	padding: 10px 0 0 10px;     
	font-size: 10px;
    font-weight: 700;
    line-height: 14px; 
	margin-right: 10px;
}

.tswKundenInformation .selectedValue { 
	margin-left: 10px; 
}

.sf-menu li {
	margin-right: 10px;
}

#lnk_backtowebagent { position: absolute; top: 5px; right: 5px; width: 200px; font-weight: bold; text-align: right; }

/* ---------- Neukundenregistrierung --------- */

form#tsw-register div.colummn {
	width: 50%;
    float: left;
	}

/* ---------- Kundenauswahl --------- */
table.tswKundeauswahl { 
	width: 100%; 
}

table.tswKundeauswahl td, table.tswKundeauswahl th { 
	padding: 5px; 
	border-bottom: 1px solid #EEEEEE;
	text-align: left;
}

table.tswKundeauswahl th {
	font-weight: bold;
	border-bottom: 2px solid #999999;
}




/* ---------- Rechnungsarchiv --------- */
table.tswRechnungsarchiv { 
	width: 100%; 
}

table.tswRechnungsarchiv td, table.tswRechnungsarchiv th { 
	padding: 2px 5px 2px 2px; 
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
}

table.tswRechnungsarchiv td.rechts  { 
	text-align: right;
}

table.tswRechnungsarchiv tr.gerade  { 
	background-color:#FFD;
}
table.tswRechnungsarchiv tr.ungerade  { 
	background-color:#FFE;
}

table.tswRechnungsarchiv th {
	font-weight: bold;
	border-bottom: 2px solid #999999;
	text-align: center;
}

table.tswRechnungsarchiv th.rechts  { 
	text-align: right;
}

/* ---------- News auf Startseite --------- */

/* News */
.tsw_startnews_container {
	float: left;
	width: 225px;
	padding-right: 10px;
	}
h4.tsw_newstitel { margin-bottom: 0px; }
p.tsw_newsdate { color: #999; font-size: 10px; margin: 3px 0; }


/* ---------- Austausch im Header ---------- */

.tsw-header-austausch { 
	clear: both; 
	margin:10px; 
	padding: 10px;
	height: 33px; 
	font-size:11px;
	background-color: #eeeeee;
}
#tsw-header-austausch-block1 { 
	display: block;
	float: left;
	margin:1px;
	width: 100px;
	height: 30px; 
	/*background-color: #CCCCCC;*/
}
#tsw-header-austausch-block2 { 
	display: block;
	float: left;
	margin:1px;
	width: 160px;
	height: 30px; 
}
#tsw-header-austausch-block3 { 
	display: block;
	float: left;
	margin:1px;
	width: 200px;
	height: 30px; 
}
#tsw-header-austausch-block4 { 
	display: block;
	float: left;
	margin:1px;
	width: 200px;
	height: 30px; 
}
#tsw-header-austausch-block5 { 
	display: block;
	float: left;
	margin:1px;
	width: 90px;
	height: 30px; 
	text-transform:uppercase;
}
#tsw-header-austausch-block6 { 
	display: block;
	float: left;
	margin:1px;
	width: 70px;
	height: 30px; 
	font-size: 9px;
	font-weight:100;
	text-align:right;
	text-transform:uppercase;
}

/* ---------- Suche im Header ---------- */

#tsw-header-suche { 
	clear: both; 
	margin: 10px; 
	padding: 10px;
	height: 50px; 
}
#tsw-header-suche form { 
	padding-top: 10px;
}

#tsw-header-suche .textbox {width: 250px;}

.tsw-header-suche-h2 {
	font-size: 15px;
}

a.tswSuchbarLink {
	display: block;
	float: right;
	height: 40px;
	padding: 5px 20px 0 10px;
	color: #000000;
	border: 1px solid #cccccc;
	margin-left: 10px;
	opacity: 0.5;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

a:hover.tswSuchbarLink {
	opacity: 0.8;
	color: #000000;
	border: 1px solid #000000;	
}

a#tsw-suchoptionenlink, a#tsw-artikelscanlink, a#tsw-auftragkopierenlink, a#tsw-uvpmoduslink, a#tsw-savedbasketlink{
	display: block;
	float: right;
	height: 40px;
	padding: 5px 20px 0 50px;
	color: #000000;
	border: 1px solid #cccccc;
	margin-left: 10px;
	opacity: 0.5;
	background: url("../../img/tsw-icons.png") no-repeat scroll 0px 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

a#tsw-artikelscanlink {
	background-position: 0 -50px;}
	
a#tsw-uvpmoduslink {
	background-position: 0 -100px;}

a#tsw-savedbasketlink {
	background-position: 0 -150px;}

a#tsw-uvpmoduslink.uvpaktiv { opacity: 1; background-color: #CCCCCC; color: #000000; }

a#tsw-auftragkopierenlink {
	background: url("../../img/tsw-copy.png") no-repeat scroll 0px 0px;
	height: 30px;}

a:hover#tsw-suchoptionenlink, a:hover#tsw-artikelscanlink, a:hover#tsw-uvpmoduslink, a:hover#tsw-savedbasketlink {
	opacity: 0.8;
	color: #000000;
	border: 1px solid #000000;
	}
	
.ui-datepicker {
    z-index: 99 !important;
}

/* --------- Katalog / Kategorieauswahl ---------- */

.promoBox strong.promoTitle {
    border-radius: 3px;
}

.promoBox {
    width: 220px;
}

#tsw-katalogauswahl {
	padding: 0 10px;
}

.subcatList .box.tsw-katalog:nth-child(6) { margin-left: 0px; }
.subcatList .box.tsw-katalog:nth-child(11) { margin-left: 0px; }

.subcatList .box li {
    padding: 3px 0;
    text-transform: none;
	color: #999999;
	font-size: 10px;
	line-height: 12px;
}

.subcatList .box li a {
	font-weight: bold;
	color: #89ba17;
	font-size: 12px;
}

.subcatList .box li a:hover {
	font-weight: bold;
	color: #89ba17;
	text-decoration: underline;
}

.subcatList .box li.tsw-katalog-desc {
	color: #000000;
	font-size: 12px;
	}
	
.box .subcatPic a {
	background: none;	
	}
	
.tsw-katalog:hover h3 {
	color:#fff;
}

.tsw-katalog:hover h3 a {
	 color: #ffffff;
}

.specBox, .specCatBox {
	border: 1px solid #eeeeee;
	height: 200px;
	overflow: hidden;	
}
 
.specBoxInfo { 
	height: 200px; 
}

.specBox h3  {
	height: 124px;
	background: none;
	color: #000000;
	text-shadow: none;
}

.specBoxTitles a.title {
	height: 56px;
}


#orderloadinfobox {
	display: block;	
	background-color: #cccccc;
	width: 242px;
	height: 35px;
	padding: 7px;
}


/* ---------- Suche Sidebar ---------- */
#sidebar { width: 171px; }
#sidebar .content { border: 1px solid #eeeeee; }
#sidebar h3 { padding-left: 5; color: #000000; text-shadow: none; border-bottom: 1px solid #999; box-shadow: none;}
div.content.tswSucheSide { border: none; }
.tswSizeBox { width: 25px; height: 15px; font-size: 10px; overflow: hidden; text-align: center; }
.tswSearchPrice { width: 30px; }
.tswSucheSide h4 { margin: 10px 0 10px 0; border-bottom: 1px solid #999; }
.tsw-suchselect { width: 95%; padding: 1px 5px; font-size: 11px; min-height: 150px; }
#sidebar .search input#searchParam { width: 140px; }

/* --------- ColorList --------- */
ul.colorList { border: none; margin: 0; }
ul.colorList li.tswColorListBox { display: block; float: left; margin: 0 5px 5px 0; overflow:hidden; }
.tswColorListBox a, .tswColorListBox div { display: block; border: 1px solid #999; padding: 0; margin: 0; width: 20px; height: 20px; overflow: hidden; }
.tswColorListBox a span, .tswColorListBox div span { display: block;  border: 2px solid #ffffff; width: 16px; height: 16px; } 
.tswColorListBox a:hover { text-decoration: none; }
div.tswColorListBox { float: left; margin: 0 5px 5px 0; }

/* --------- ColorPictureList ------- */
ul.colorPictureList { border: none; margin: 0; }
ul.colorPictureList li.tswColorPictureListBox { display: block; float: left; margin: 0 5px 5px 0; overflow:hidden; }
.tswColorPictureListBox a, .tswColorPictureListBox div { display: block; border: 0px solid #999; padding: 0; margin: 0; overflow: hidden; }
.tswColorPictureListBox a span, .tswColorPictureListBox div span { display: block;  border: 2px solid #ffffff;  } 
.tswColorPictureListBox a:hover { text-decoration: none; }
div.tswColorPictureListBox { float: left; margin: 0 5px 5px 0; }



/* ---------- Minibasket ---------- */
.basketBox  { 
	top: 20px; 
	
}

a#tsw-minibasket {
	display: block;	
	 background: url("../bg/tsw-minibasket.png") no-repeat;
	 width: 241px;
	 height: 53px;
	 padding: 7px;
	}

a#tsw-minibasket-err {
	display: block;	
	 background: url("../bg/tsw-minibasket.png") no-repeat;
	 width: 241px;
	 height: 53px;
	 padding: 7px;
	background-position: 0 -134px;
	}

#tsw-minibasket-ext {
	display: block;	
	 width: 241px;
	 height: 15px;
	 padding: 0 0 0 7px;
	 color: #999;
	 font-size: 11px;
	}
	
a:hover#tsw-minibasket {
background-position: 0 -67px;
	}
	


a#tsw-minibasket_austausch {
	display: block;	
	 background: url("../bg/tsw-minibasket_austausch.png") no-repeat;
	 width: 241px;
	 height: 53px;
	 padding: 7px;
	 background-position: 0 -67px;
	}

a#tsw-minibasket_austausch-err {
	display: block;	
	 background: url("../bg/tsw-minibasket_austausch.png") no-repeat;
	 width: 241px;
	 height: 53px;
	 padding: 7px;
	background-position: 0 -134px;
	}

#tsw-minibasket_austausch-ext {
	display: block;	
	 width: 241px;
	 height: 15px;
	 padding: 0 0 0 7px;
	 color: #999;
	 font-size: 11px;
	}
	
a:hover#tsw-minibasket_austausch {
background-position: 0 -67px;
	}
	

.scrollable .basketItems { width: 700px; }	

.basketFlyout ul {
    margin: 0;
    width: 690px;
}

.scrollable .scrollbarBox { width: auto; }
.basketFlyout .item { width: 500px; }

.scrollable .totals, .basketFlyout .totals { width: 670px; font-weight: bold; font-size: 15px; }
.scrollable hr {
    width: 690px;
}

/* ---------- Breadcrumb ---------- */
#breadCrumb { 
	border: 1px solid #eeeeee; 
	border-right: none; 
	border-left: none; 
	margin: 0 10px 10px 10px; 
	padding: 5px; 
}

/* ---------- Footer ---------- */
#footer .bar { 
	border-bottom: 1px solid #999999; 
}

#footer #panel {
    border: none;
    margin: 0 10px;
}

#footer dl {
    border-right: none;
  	border-left: none;
}

#footer .list a  { line-height: 100%; display:block; padding:4px 20px; color: #999999; }
#footer .list a:hover  {
	text-decoration: none;
	color: #000000;
	text-shadow: none;
	background: none;
}

.box ul, .box .content { background: none; }

/* --- Article Details ----------- */

.detailsRelated {
    clear:both;
    padding-top:20px;
}

.detailsInfo {
    position: relative;
}

.detailsInfo .picture {
    width: 380px;
    float: left;
    text-align: center;
    line-height: 400px;
    height: 400px;
}

.detailsInfo .picture a {
    width: 380px;
    float: left;
    text-align: center;
    line-height: 400px;
    height: 400px;
    overflow: hidden;
}

.detailsInfo .picture img {
    vertical-align: middle;
}

.hasBrand {
	float: none;
    width:258px;
}

.detailsInfo .information {
    float: right;
    width: 358px;
    min-height:400px;
    position: relative;
    padding: 0 0 0 10px;
}

#tswmatpflege h6 {
	margin-bottom: 10px;
}
div.tsw-caresymbols, div.tsw-careinstruction, div.tsw-material {
	margin-bottom: 10px;
}

.tsw-details-farbliste, .tsw-details-groessenliste, .tsw-details-tomatrix, .tsw-details-artbez3, .tsw-details-mwst {
	margin-bottom: 10px;	
}

.tsw-details-staffelpreise {
	margin-bottom: 50px;	
}

#detailsMain .productMainInfo {
	margin-bottom: 10px;
}

#detailsMain .price {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	display: block;
}

#tsw-sizecharts-link { margin-bottom: 10px; }

#tsw-download-picture { 
	margin-bottom: 10px; 
	font-weight: bold;
    text-transform: uppercase;
}

img#zoomImg { max-width: 660px; max-height: 660px; }

#overviewLink a {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 230px;
    z-index: 555;
}

#overviewLink a.second {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 200px;
    text-transform: uppercase;
    top: 230px;
    z-index: 555;
}

.tswColorPictureListBox a { border: 2px solid #fff; }
.tswColorPictureListBox a.active { border: 2px solid #999; }

#detailsActions { margin-bottom: 15px;  }

/* --- Grid View ------------------------------------ */
.gridView,
.infogridView {
    margin: 0;
    margin-bottom:20px;
}

.gridView li{
    width: 185px;
    height: 280px;
    overflow: hidden;
    float:left;
    position: relative;
    list-style: none;
    padding: 0;
    list-style: none;
    margin:1px 1px 15px 1px;
	border-bottom: 1px solid #999;
}

.gridView li .titleBlock{
    height: 30px;
    padding:5px 10px;
    color:#29373c;
    line-height:15px;
    text-decoration:none;
    font-weight: 700;
    display:block;
}

.gridView li .titleBlock .gridPicture{
   display:block;
   margin: 0 -10px 0;
   top:0px;
   width: 185px;
   height: 200px;
   text-align: center;
}

.gridView li .titleBlock .tsw-price {
	padding: 5px 0;
	display: block;
}

.gridView li .priceBlock { border-bottom: 1px solid #eeeeee; display: none; }

.gridView li .priceBlock .button{
    display: block;
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:1px 10px;
    visibility: hidden;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 10px;
}
.gridView li .priceBlock .button.toOrder{
	bottom: 8px; left: 95px; text-align: right;
}
.gridView li .button.toOrderIDV{
	bottom: 30px; left: 8px; text-align: right;
}

.gridView li:hover .priceBlock{
    display: block;
	height: 265px;
    padding-top:15px;
    color:#000;
	text-shadow:none;
	background-image:url(../bg/tsw-article_overlay.png);
	background-repeat:repeat;
}
.gridView li:hover .priceBlock .button{
    visibility: visible;
    color:#fff;
    text-shadow:0 -1px 0px #8c4600;
    border:1px solid #fff;
    background:transparent;
}


/* --- InfoGrid -------------------------------- */
.infogridView {
    margin: 0;
    padding: 0;
}

.infogridView li.productData{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border-top: 5px solid #eceff0;
}

.infogridView li.productData:nth-child(0n+1) {
    border: medium none;
}

.infogridView li.productData:nth-child(0n+2) {
    border: medium none;
}

.infogridView li.productData:nth-child(2n+1) {
    border: 1px solid #eceff0;
    width: 368px;
}

.infogridView li.productData:nth-child(2n+2) {
    padding-left: 10px;
	border: 1px solid #eceff0;
	border-left: none;
    width: 358px;
}

.infogridView .listDetails {
    float: left;
    position: relative;
    height: 225px;
    width: 140px;
    padding-top:10px;

}

.infogridView .titleBox,
.infogridView .selectorsBox,
.infogridView .buttonBox,
.infogridView .priceBox {
    background: none;
    width: 140px;
    padding: 0;
}

.infogridView .titleBox {
}

.infogridView .selectorsBox {
    height: 35px;
    padding-left: 10px;
}

.infogridView .priceBox {
    height: auto;
    padding-left: 10px;
	padding-bottom: 10px;
}

.infogridView .buttonBox {
    height: 20px;
    padding: 0 10px 5px 10px;
}

.infogridView .titleBox a {
    padding-top: 10px;
}

.infogridView  a.compare {
    font-size: 11px;
    color: #1d7e96;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3px;
}

.infogridView .priceBox .oldPrice {
     font-size: 9px;
}
.infogridView .priceBox .price {
     font-size: 14px;
     font-weight: bold;
	 line-height: 18px;
}
.infogridView .priceBox .pricePerUnit {
     font-size: 9px;
     white-space:nowrap;
}

.infogridView .priceBox .content {
    position: inherit;
    line-height: 10px;
}

.infogridView .gridPicture {
    width: 200px;
    padding:10px 0 10px 0px;
}

.infogridView .gridPicture img {
    vertical-align: middle;
}

.infogridView .deliveryInfo {
    font-size: 11px;
}

.infogridView .title {
    font-size: 12px;
}
.infogridView .title:hover {
    color: #eb6005;
    text-decoration: none;
}

.tsw-infogrid-groessenliste {
	padding: 0 10px 10px 10px;
}

.tsw-infogrid-farbliste {
	padding: 10px 10px 10px 10px;
	max-height: 50px; 
	overflow: hidden;
}

/* ---------- Line View Articles ---------- */
.lineView li.productData {
    border-top: 1px solid #ECEFF0;
}
	
.lineView .functions label.price { 
	margin: 0 10px 10px 0; 
	font-size: 14px; 
}

.lineView .price { 
	font-size: 14px; 
	font-weight: bold;
}

.lineView .functions { width: 200px; }


div.tsw_productline_katalog {
	font-size: 15px; 
}
span.tsw_productline_kategorie {
	font-size: 12px; 
}
span.tsw_productline_auftragstyp {
	font-size: 10px; 
}

.sucheBestellHeader {  }
.multiButton { display: inline-block; margin-top: 5px; overflow:hidden; }


/* ---------- Artikel-Übersicht unabhängige Artikel ----------- */
.tsw_rabattkz {
	position: absolute;
	left: 5px; top: 5px;
}
.tsw_newandrabattkz {
	position: absolute;
	left: 50px; top: 5px;
}

/* ---------- Artikel-Übersicht unabhängige Artikel ----------- */
.tsw_newarticlekz {
	position: absolute;
	left: 5px; top: 5px;
}

.tsw_newarticlekzright {
	position: absolute;
	right: 5px; top: 5px;
}


/* ---------- Ordermatrix ---------- */

.tsw_orderadd_price { margin-left:30px; }

.tswProductInfo { position: relative; }
.tswProductInfo img { float: left; }
.tswProductInfo .tswitemCode { display: block; margin-bottom: 10px; }
.tswProductInfo .tswshortDescription { display: block; }

#tswOrderMatrixTable { overflow: auto; width: 940px; margin-bottom: 20px; padding-bottom: 20px; }
.sidebarLeft #tswOrderMatrixTable { overflow: auto; width: 740px; margin-bottom: 20px; padding-bottom: 20px; }
.tswOrderMatrix table, .tswOrderMatrix table tr, .tswOrderMatrix table td, .tswOrderMatrix table th  {  border: 1px solid #999999; }
.tswOrderMatrix table tbody th { text-align: left; vertical-align:middle; width: 150px; padding: 0 5px 0 5px; }
.tswOrderMatrix table thead th.tsw-groessen { text-align: center; vertical-align:middle; width: 150px; padding: 0 5px 0 5px; }
.tswOrderMatrix table td { text-align: center; padding: 3px; font-size: 9px; vertical-align:middle; min-width: 70px;}
.tswOrderMatrix table td.tsw-basket-farbe { font-size: 12px; text-align: left; vertical-align: middle; width:auto; min-width: 200px; white-space: nowrap; }
.tswOrderMatrix table.tsw_matrix_farbe, .tswOrderMatrix table.tsw_matrix_farbe td, .tswOrderMatrix table.tsw_matrix_farbe tr{ border: none; padding: 0; margin: 0; } 
.tswOrderMatrix table td.tsw_matrix_farbbez { border: none; font-size: 12px; vertical-align:middle; text-align: left; padding-left: 5px; }

.tswOrderVPEError { background-color: #FF0000; color:#FFFFFF; font-size: 11px; padding-left: 2px; padding-right: 2px;}
.tswOrderVPEOk { background-color: none; color:#000000; font-size: 10px; font-weight:normal; padding: none;}

.tswOrderAmount { width: 30px; text-align:center; font-size: 15px; }
.tswOrderAmountBasket { width: 20px; text-align:center; font-size: 15px; }
.tswOrderAmountBasketOutOfStock { color: #ff0000; width: 20px; text-align:center; font-size: 15px; font-weight:bold; }
.stockGreen { background-color: #9CDC9A; }
.stockYellow { background-color: #F8F28B; }
.stockRed { background-color: #FEC2B8; }
.stockGrey { background-color: #EEEEEE; }
.tswOrderMatrix table td.tswOrderMatrixSum { font-size: 12px; vertical-align:middle; }
.tswOrderMatrix .tswOrderTotalSum { text-align: right; margin-top: 10px; font-size: 20px; font-weight: bold; }
.tswProductInfo { min-height: 120px; background: none repeat scroll 0 0 #F2F4F5; border: 1px solid #999999; border-bottom: 2px solid #999999; font-size: 11px; padding: 10px; }
.tswOrderButton { margin-top: 15px; text-align: right; }
.tswOrderButton.top { text-align: right; margin-bottom: 10px; }

.tswProductInfoQuickorder { position: relative; }
.tswProductInfoQuickorder img { float: left; }
.tswProductInfoQuickorder { 
min-height: 100px; 
border: 1px solid #999999; 
border-bottom: 2px solid #999999; 
font-size: 11px; 
padding: 5px; 
margin-top: 20px;
}

	
.tswMatrixLegende { text-align: center; padding: 15px; margin-top: 20px; border-top: 1px solid #999999; }
.tswMatrixLegende div.tswStock { display: inline; margin: 10px; padding: 5px; border: 1px solid #999999; }

input.tswOrderAmount[disabled] {
	border: none;
	color: #000000;
	font-size: 13px;
	background: none;
	border-bottom: 1px solid #000000;
}
input.tswOrderAmountError[disabled] {
	border: none;
	color: #000000;
	font-size: 13px;
	background: #FEC2B8;
	border-bottom: 1px solid #000000;
}

#tsw-ordermatrix-articleinfo {
	width: 360px;
	padding-left: 100px;
}

#tsw-ordermatrix-mindestmenge {
	width: 360px;
	padding-left: 100px;
	font-size: 13px;
}

#tsw-ordermatrix-inbasket { 
	position: absolute; 
	right: 10px; 
	top: 10px; 
	height: 100px; 
	width: 400px; 
	border: 1px solid #999999; 
	padding: 5px;
	background-color: #ffffff;
	
}

#tsw-ordermatrix-inbasket-links {
	overflow-y: scroll;
	height: 75px;
}

.tsw-tbl-ordermatrix-summe { width: 100px; }


.tsw-grzuschlag { 
	color: #ff0000; 
	font-size: 10px;
    font-weight: 700;
}


#tswPosCheck, #tswOhneBerechnungVTR { float: right; margin: -15px 10px 0 0; }

.tswListHigh { height: 60px; }


span.tsw-copy { float: right; 
	background-image:url(../../img/copypaste.png); background-repeat: no-repeat; background-position: 0 0;
	text-indent: -999em;
	display:block; height:20px; width: 20px; margin-right: 10px;
    cursor: pointer;
	opacity: 0.5;}
span.tsw-insert { float: right; 
		background-image:url(../../img/copypaste.png); background-repeat: no-repeat; background-position: 0 -20px;
		text-indent: -999em;
	display:block; height:20px; width: 20px; margin-right: 35px;
    cursor: pointer;
	opacity: 0.5;}

span:hover.tsw-copy, span:hover.tsw-insert { opacity: 1;}

/* -- Ordermatrix Artikelinfo Fixed -- */
#tsw-ordermatrix-articleinfo.fixed {
   background: none repeat scroll 0 0 #f2f4f5;
    border: 1px solid #999;
	border-top: none;
    margin-left: -11px;
    position: fixed;
    top: 0;
    width: 918px;
	padding: 10px;
    z-index: 999;
	-webkit-box-shadow: 0 0 5px 0 #CCCCCC;
	box-shadow: 0 0 5px 0 #CCCCCC;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

#tsw-ordermatrix-articleinfo.fixed a { display: none; }

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

#tswOrderMatrixTable thead th { background: #ffffff; padding-top: 10px; padding-bottom: 10px; border-bottom: 3px solid #999999; }

#tsw-ordermatrix-articleinfo.fixed  #tsw-details-staffelpreise { 
	    position: absolute;
    right: 10px;
    top: 10px;
 }
 
#tsw-ordermatrix-articleinfo.fixed .tsw-table-rabattInfo { display: none; }


.matrixbild { float: left; }
.matrixfarbname { padding-top: 15px; }
.matrixfarbname.quickorder { padding-top: 0; }
.matrixrabatte { padding-top: 0px; }

.rabattanzeige {
	color: #8cba10;
	margin: 0; padding: 0;
}
.rabattanzeige2 {
	background: #990000 none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 10px;
}

ul.featuredList .rabattanzeige2 {display: none;}

.gridView li:hover .priceBlock .rabattanzeige2 { top: 50px; display: none; }
.infogridView .priceBox .rabattanzeige2 { top: 10px; left: -200px; position: absolute;}
.lineView .infoBox .rabattanzeige2 { top: 10px; left: -190px; position: absolute;}
.detailsInfo .rabattanzeige2 {  left: -35px; }

.streichpreis { font-weight: normal; color: #999; }
 
/* Chrome und Safari -Bug */
@media screen and (-webkit-min-device-pixel-ratio:0) {
span.tsw-insert { margin-top: 0; margin-right: 0; }
span.tsw-copy { margin-top: 0; }
}

/* ---------- Check Out ---------- */

.lineBoxErr { text-align: right; margin-top: 10px; font-size: 15px; font-weight: bold; }

.lineBox {
	background: none;
	border: none;
	padding: 10px 0;
}

.lineBox.tsw-basket {
	background: none;
	border: none;
	padding: 10px 0;
}

.basketfunctions th {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.basketfunctions td {
	color: #999999;
	text-align: left;
	padding: 10px 3px
}

.basketitems th {
	border-bottom: 1px solid #999999;
}

.basketitems td {
	border-top: 1px solid #eeeeee;
}

.basketitems tr:last-child td {
    border-bottom: none; border-top: none;
    padding: 10px 3px
	text-align: center;
}

.tsw-basket-saison-header {
	color: #000000;
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight: bold;
	padding: 5px;
	text-align:center;
	line-height: 25px;
}

.tsw-basket-saison-summe {
	color: #999999;
	margin: 0 0 20px 0;
}

.tsw-basket-position-summe {
	color: #999999;
	font-size: 11px;
}

.basketitems .thumbCol {

}

.basketitems .descCol {

}

.basketitems .amountCol {
	width: 50px;
	text-align: center;
}

.basketitems .amountColError {
	background: #ffe7e3;
	color: #FF0000;
	width: 50px;
	text-align: center;
}

.basketitems .priceCol {
	width: 50px;
	text-align: right;
}

.basketitems .variantCol {
    width: 100px;
}

.basketitems .sizeclassCol {
    width: 100px;
}
.basketitems .terminCol {
    width: 100px;
	text-align: center;
}

.basketitems .totalCol {
    width: 100px;
}

.tsw-basketitem-stockinfo {
	display: block;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
}

.tsw-basketitem-searchicon { 
	position: relative;
    top: -35px; 
}


.tsw-table-ordermatrix td { vertical-align:top; border-right: 5px solid #eeeeee; padding: 10px 3px; text-align: center; }
.tsw-table-ordermatrix .farbCol { vertical-align: middle; text-align: left; }
.tsw-table-ordermatrix .sizeCol { vertical-align: middle; text-align: center; padding: 5px; font-size: 13px;  }
.tsw-table-ordermatrix .amountCol { vertical-align: middle; text-align: center; padding: 5px; font-size: 13px; border: none; }
.tsw-table-ordermatrix .priceCol { vertical-align: middle; text-align: right; padding: 5px; font-size: 13px; white-space:nowrap; border: none;  }
.tsw-table-ordermatrix .tswOrderMatrixSum { white-space:nowrap; vertical-align:middle; font-size: 13px; }
.tsw-table-ordermatrix td.tsw-basket-farbe { text-align: left; font-size: 12px; } 


.tsw-table-ordermatrix .rabattbezCol { vertical-align: middle; text-align: right; padding: 0px; font-size: 11px; white-space:nowrap;  }
.tsw-table-ordermatrix .rabattCol { vertical-align: middle; text-align: center; padding: 0px; font-size: 11px; white-space:nowrap;  }
.tsw-table-ordermatrix .rabattwertCol { vertical-align: middle; text-align: right; padding: 0px; font-size: 13px; white-space:nowrap;  }
.tsw-table-ordermatrix .rabattsummeCol { color: #000000; vertical-align: middle; text-align: right; padding: 0px; font-size: 13px; white-space:nowrap;  }

.posRabattInput { width: 30px; vertical-align: middle; text-align: center; padding: 100px; font-size: 15px; white-space:nowrap;  }
 
.basketbutton {
	color: #007dce;
}


.tsw-table-rabattInfo { vertical-align: middle; text-align: left; margin-bottom: 10px;}
 
.tsw-table-rabattInfo td {
	font-size: 10px;
	border-bottom: 1px solid #999999;
}

.tsw-rabattbez { width: 100px; padding: 2px; }
.tsw-rabattwert { width: 30px; padding: 2px; text-align:center; }
.tsw-rabatttyp { width: 300px; padding: 2px; text-align:left; }

.tsw-basket-positionen {
	display: none;
	padding: 10px; 
	margin: 10px 0;
	width: 915px;
	overflow: auto;
}

.basketitems tr:last-child td.tsw-spacer {
	border: none;
	background: none;
}

.tsw-basketitem-image {
	cursor: pointer;
}

.tsw-basket-vertreterfunktionen { margin-bottom: 15px; }
.basket_funktion_inner { padding: 10px 0; font-weight: normal; font-size: 12px; }
.basket_funktion_inner70 input { width: 70px; font-weight: normal; font-size: 12px; }
.basket_funktion_inner20 input { width: 20px; font-weight: normal; font-size: 12px; }

div.ordersubmitbottom { text-align: center; text-transform: uppercase; background: #eee; font-weight: bold; }

.actionButtons { margin-top: 10px; }
.tswBasketButtonLink { padding: 2px 15px 0 20px; background-repeat: no-repeat; background-image:url(../bg/deleteplus.png); }
.tswBasketButtonLink.delete { background-position: 0 0; }
.tswBasketButtonLink.plus { background-position: 0 -23px; }

.tswBasketTerminAnpassung { background: #89ba17; padding: 10px; margin: 0 0 20px 0; text-align:center; }
.tswBasketMatrixPosText { background: #89ba17; padding: 10px; margin: 0 0 20px 0; text-align:center; font-size: 11px; }



.tswCounter {
    top: +4px;
    right: 7px;
}

tr.basket_funktion td { 
	text-align: right; 
}

.tswHeaderAdressType {
    color: #999999;
	text-decoration: none;
}

.tswAdressItem {
	padding: 5px;
	color: #000;	
	background-color: #fff;
	border: 1px solid #999;
	display: block;
}

.tswAdressItemBasic {
	padding: 5px;
	display: block;
	clear:both;
}

.tswAdressItemSelected {
	padding: 5px;
	color: #000000;
	background-color: #f7f7f7;
	border: 1px solid #999999;
}

.tswAdressItemSelectedBasic {
	padding: 5px;
}

.tswAdressListItemSelected, .tswAdressItemSelected {
	padding: 5px;
	color: #000000;
	background-color: #89ba17;
	border: 1px solid #000;
}

.tswAdressListItemSelectedBasic, .tswAdressItemSelectedBasic {
	padding: 5px;
	font-weight:bold;
}

.tswEditDelAddress {
	padding: 5px;
	border: 1px solid #999999;
}
.tswAccountEditDelAddress {
	padding: 5px;
	border: 1px solid #999999;
}
.tswAccountAddress{
	padding: 5px;
	border: 1px solid #999999;
}
.tswAccountAdressItem {
	padding: 5px;
	color: #747474;	
	background-color: #dedede;
	border: 1px solid #747474;
}

.adressRadio { display: block; width: 30px; }
.adressText { display: block; margin-left: 30px; }

ul.tswAdressItemSelected { margin-bottom: 10px; }

.checkout_LAHinweis { margin: 10px 0 20px 0; }

/* ---------- Artikelscan ---------- */

#status {
	margin: 10px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #999999;
}

#status .meldung { 
	padding: 10px;  
	background-color: #eeeeee;
	margin-bottom: 10px;
}

/* ---------- Ansprechpartner --------- */
.tswAnsprechpartner {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
.tswAspBild {
	float: left;
	width: 140px;
	height: 200px;
	overflow: hidden;
}
.tswAspInfos {
	padding: 0 10px 0 150px;
}

.pictureBox { height: 200px; line-height: 200px;}
.pictureBox.gridPicture .sliderHover, .pictureBox .sliderHover  { height: 200px; }


span.tsw-artnum { font-size: 10px; }
div.tsw-listitem-colors, div.tsw-listitem-sizes { clear: both; border-top: 1px solid #999999; padding: 7px 0; margin: 7px 0; font-size: 10px; }
div.tsw-listitem-colors { max-height: 150px; overflow:auto; }

.tsw-sale { position: absolute; background: none; width: 50px; height: 50px; top: -75px; left: 0px; }
.tsw-new { position: absolute; background: none; width: 50px; height: 50px; top: -75px; right: 0px; }

.tsw-scrollbarBox { overflow: auto; max-height: 500px; }

#tsw_ordermatrix_PosTextEingabe { clear: both; padding: 10px 0; margin: 10px 0 0 0; }
#tsw_ordermatrix_PosTextEingabe h6 { margin: 0 0 5px 0; }
#inputmytext2 { width: 250px; }

#variants { display: none; }
.variantReset {
    clear: both;
    font-size: 12px;
    padding-bottom: 10px;
}

ul.noListIcons, ul.noListIcons li { list-style-type: none; margin-left: 0; }

/* --------- Tabellen  --------- */
.tsw_datatable { 
	width: 100%;
	margin: 10px 0;
	text-align: left;
}

.tsw_standardtabelle {
	width: 100%;
	margin: 10px 0;
	
}

.tsw_standardtabelle td {
	padding: 5px;
	border-bottom: 1px solid #eee;
}

.tsw_standardtabelle th {
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: left;
}

.tsw_standardtabelle tfoot td {
	border-top: 2px dotted #999;
	font-weight: bold;
	color: #999;
}

/* --------- Auftragssummen  --------- */
.tsw_auftragssummen {
	width: 98%;
	margin: 10px 0;
	
}

.tsw_auftragssummen thead th {
	padding: 5px;
	border-bottom: 1px solid #999;
	color: #999;
}

.tsw_auftragssummen tbody td {
	padding: 5px;
}


.tsw_auftragssummen tr.divider td {
	border-top: 1px solid #eee;
}


.staffelpreisliste		{ display: block; height: 35px; width: 60px; float: left; text-align: center; font-size: 10px; color: #333333; margin: 3px 3px 15px 0px; padding: 3px; background-color: #EEEEEE; border: 1px solid #a0a0a0; }
.staffelpreisinfo		{     background-color: #eeeeee;
    border: 1px solid #999;
    color: #000000;
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    text-align: center; }




/* --------- gespeicherte Warenkörbe --------- */

.actsavedbasket { 
	background: #DDDDDD; 
}
.stdsavedbasket { 
	background: #FFFFFF; 
}

.stdsavedbasketerror { 
	background: #ffe7e3; 
}


/* --------- Bestellhistorie  --------- */

div.tsw_bestellhistorie_kopieren { margin-bottom: 10px; text-align: right; }
div.tsw_bestellhistorie_status { margin-bottom: 10px; }
table.tsw_bestellhistorie_kopfinfos td { vertical-align: top; padding: 0 10px 0 0; }
.tsw_bestellhistorie thead th {
	padding: 5px;
	border-bottom: 1px solid #999;
	color: #999;
}

.tsw_bestellhistorie tbody td {
	padding: 5px;
	vertical-align: top;	
}

.tsw_bestellhistorie tr.divider td {
	border-top: 1px solid #eee;
}

td.tsw_bestellhistorie_size {
	border-bottom: 1px solid #999;
	 width: 20px;
}

tr.tsw_bestellhistorie_summen td { text-align: right; }
tr.tsw_bestellhistorie_kopfrabatte td { text-align: right; }
tr.tsw_bestellhistorie_zwischensumme td { padding-top: 5px; text-align: right; font-weight: bold; }
tr.tsw_bestellhistorie_gesamtsumme td { padding-top: 5px; border-top: 3px double #999; text-align: right; font-weight: bold; font-size: 15px; }

table.tsw_bestellhistorie_groessen { width: 100%; }
table.tsw_bestellhistorie_groessen td { vertical-align: middle; }
table.tsw_bestellhistorie_groessen td.farbe { width: 150px; }
table.tsw_bestellhistorie_groessen td.groessen { width: 300px; }
table.tsw_bestellhistorie_groessen td.preis { width: 100px; text-align: right; vertical-align:top; }
table.tsw_bestellhistorie_groessen td.summe { width: 198px; text-align: right; vertical-align:top;  }

td.tsw_bestellhistorie_amount { width: 20px; }

/* Kassenupload */ 
.form.breit {
    width: 700px;
}

#tsw-kassenupload .form li {
    padding: 5px 0;
    width: 700px;
}

.form.breit label {
    line-height: 18px;
    padding-right: 10px;
    width: 200px;
}

.kassenuploadArtikel { padding: 10px; background: #eee; margin-bottom: 10px; }
.kassenuploadArtikel img { float: left; margin-right: 10px; }

hr { border:none;
background-color:#999;height:1px; }

/* Austausch */
div.tswbox { padding: 0 0 20px 0; clear: both; }
div.tswbox.hinweis { padding: 10px; text-align:center; margin-bottom: 20px; }
.tsw-basket-saison-header.abstand {  margin-top: 30px;}
h3.tswReturnArticle { line-height: 60px; }
h3.tswReturnArticle > img  { float: left; }
.optionTable td { vertical-align:top;}

/* --- Individualisierung --- */


.ui-accordion-header {clear: both;}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background: #fff;
	border: 1px solid #eee;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	list-style: none;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
	cursor: pointer;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-menu .ui-menu-item a:hover {
	background-color: #eee;
}

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }


/*****************
 INDIVIDUALISIERUNG 
 ********************/
 
 .idvGruppe { margin: 0 0 20px 0; }
 
 .idvArt {}
 
 .content.individualisierung { margin: 15px 0; }

 
table.idv_table tr td { border-bottom: 1px solid #eee; }

.idv_table thead th {
	padding: 5px;
	color: #999;
	text-align:left;
}

.idv_table tbody td {
	padding: 5px 0;	
}

.idv_table tr.divider td {
	border-top: 1px solid #eee;
}

.idv_areaheader {
    padding: 30px 0px 0px 0px;
}

.idv_optionheader {
    padding: 10px 0px 0px 0;
}

.idv_gruppeheader {
    padding: 0 10px 10px 0px;
	color: #000;
	border-bottom: 1px dotted #999;
}

.idv_gruppeheader_klein {
    padding: 0px 0px 0px 20px;
	color: #777;
	font-size: 9px;
}

.idv_gruppeheader_error {
    padding: 0px 0px 0px 20px;
	color: #8e0000;
}

.idv_gruppeheader_edited {
    padding: 20px 0px 0px 20px;
	color: #008e00;
}

.idv_artheader {
    padding: 0 0 20px 0;
}

.idv_bestellmenge { clear: both; }

.idv_mitarbeiter { padding: 1px; margin: 0 0 1px 0; text-align:left; font-size: 14px; }


.tsw-table-idv td { vertical-align:top; padding: 1px 5px; text-align: center; font-size: 12px;}
.tsw-table-idv th { vertical-align:top; padding: 1px 5px; text-align: center; font-size: 12px; border-bottom: 0px}

.idv_EditMitarbeiterAddress {
	padding: 10px;
	border: 1px solid #999999;
	width:500px;
}

.idv_EditMitarbeiterAddress .form input[type="text"] {
	width:500px;
}


#idvMitabeiterAddressForm li {
	width:490px;
}

#idvMitabeiterAddressForm input[type="text"] {
	width:320px;
}


#idvMitabeiterAddressForm input[type="text"] {
	width:320px;
}

.idv_ListMitarbeiterAddress {
	padding: 10px;
	border: 1px solid #999999;
	width:395px;
}






.tsw-details-groessenliste {clear: both;}

.tswColorListBox.indiv a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
}


ul.sizeList li.tswSizeListBox {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
}
.tswSizeListBox a, .tswSizeListBox div {
    display: block;
    height: 30px;
	width: 40px;
	text-align: center;
    margin: 0;
    overflow: hidden;
    padding-top: 10px;
	background-color: #eeeeee;
}

label > input.idv{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input.idv + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid #633;
  float:left;
  margin-right: 10px;
}
label > input.idv:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}

label > input.idv + span.tswColorListBox{
    border: 2px solid #fff;
	display: block;
	height: 22px; min-width: 150px;
	padding: 5px;
	cursor: pointer;
	line-height: 22px;
}

label > input.idv + span.tswSizeListBox{ border: 2px solid #fff; display: block; cursor: pointer; }

label > input.idv:checked + span {
    border: 3px solid #f00;
	cursor: pointer;
	display: block;
}

.form.clear.idv label { line-height: 50px; }

.form.clear.idv > li { width: 230px; }

.tswSizeListBox a.aktiv { background-color: #ff9900; }


.idv_art {
    float: left;
    width: 235px;
}






/* MODAL FENSTER INDIVIDUALISIERUNG */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 5px solid #555;
    width: 50%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 14px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/* Back To Top Link */
#back-top {
	position: fixed;
	bottom: 30px;
	left: 10px;
}
#back-top a {
	width: auto;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	padding: 5px 10px 5px 20px;
	background: #ccc url(../../img/arrow-updown.png) no-repeat 5px 6px;
	/* rounded corners */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #0082C8;
	color: #fff;
}


.au_summen {
	padding: 20px;
	width: 50%;
}

.au_summen_box {
     float: left;
     width: 50%;
     padding: 20px;
     box-sizing: border-box;
}

/* Order-Matrix Auswahllisten */

.VarianteSelektorContainer { float: left; min-width: 100px; margin: 0 10px 10px 0;  }

.VarianteSelektorContainer.variante { max-width: 50%; }

.VariantenSelektor { float: left; }

.VariantenSelektor li {
	background-color: #fff;
	color: #000;
    padding: 5px;
    border: 1px solid #999;
    float: left;
    cursor: pointer;
    margin: 5px 5px 0 0;
	white-space:nowrap;
	min-width: 100px;
}

.VariantenSelektor li:hover { background-color: #0082C8; border:   }

.VariantenSelektor li.orderadd_list_selected {
	background-color: #999;
	color: #fff;

}


#cookieNote { background-color: #000; line-height: 1.5em; border-bottom: 1px solid #ffffff; opacity: 0.7; }



/* helper Klassen */ 

.tswclear { clear: both; }

.sporlastic_basket { width: 150px; height: 50px; background-image:url(../../img/sp2012wf/linksrechts.png); padding: 0; margin: 0; text-indent: -9999em; cursor: pointer; display:block;}
.sporlastic_basket.rechts { background-position: 0 -50px; }

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background: #fff;
}
body .ui-tooltip {
	border-width: 2px;
}

.tswFilterFlaeche{
	background-color: #f5f5f5;
	padding: 5px;
	margin-bottom: 15px;
}
.tswfilterZeile {
	overflow: auto;
}
.tswfilterZeileContent {
	background-color:#f5f5f5;
	min-height: 23px;
	overflow: auto;
	margin: 1px;
}
.tswfilterZeileContentRechts {
	width:97%;
	text-align:right
}

.tswfilterZeileContentElement {
	float:left;
	border: 1px solid;
	border-radius: 5px;
	border-color: #888;
	padding: 3px 3px ;
	margin: 1px 2px;
  	min-width: 20px;
	text-align: center;
}

.tswFilterFlaecheSidebar {
	background-color: #f5f5f5;
	margin: 0 0 20px;
}

.tswfilterFarbbox {
	display: block; 
	float:left;
	border: 1px solid;
	border-color: #888;
	border-radius: 5px;
    width: 15px;
    height: 15px; 
	margin-right: 3px;	
	overflow:hidden;
}

.tswFilterDropDownSidebar {
	background: #f5f5f5;
	width: 150px;
	padding: 7px 2px 2px 2px;
}

.tswFilterSkalaHeader {
	font-style:italic;
}

.filterbox h3 { 
	text-shadow: none; 
	color: #000000; 
	background-color:#EEEEEE;
	padding: 5px 10px;
	margin: 0;
	box-shadow: none; 
	-moz-box-shadow: none; 
	border-bottom: 1px solid #999999; 
}

#sidebar .tree li.active > a > i span {
	z-index: 1;
}

#sidebar .tree li.exp > a > i span, #sidebar .tree li.active > a > i  {
	z-index: 2;
}

.popupBox a.closePop {
	position: absolute;
	right: 7px;
	top: 7px;
	cursor: pointer;
}