﻿#header { width: 1168px; }
#page { width: 1168px; 
 /*   -webkit-box-shadow: 0px 7px 300px 0px rgba(0,51,102,1);
    -moz-box-shadow: 0px 7px 300px 0px rgba(0,51,102,1);
    box-shadow: 0px 7px 300px 0px rgba(0,51,102,1);   */
}


/* FOOTER */
#footer { 
    width: 1168px; 
 
}
#footer { 
    width: 1168px; 
 
}
#footer #panel{
    background-color: #FFFFFF;
    
}
#footer .list a{
    color: #003366;
}
#footer dl dt{
    color: #003366;
}
#footer .bar {
    width: 1138px; 
    color: #003366;
    border-bottom: 1px solid #003366;
}
/*Katalogübersicht*/

.box.tsw-katalog{
    border: 1px solid #003366; 
}
.box.tsw-katalog h3 { 
    height: 40px; 
   background-color: #FFFFFF; 
   border-bottom: 1px solid #003366;
   color: #003366;

}
.tsw-katalog:hover h3 {
    color:#fff;
    background-color: #003366;
}

.tsw-katalog:hover h3 a {
     color: #ffffff;
     background-color: #003366;
}
.subcatList .box li b{
    color:#003366;
}
.subcatList .box li{

    text-align: center;
}
.subcatList .box li a {
    font-weight: bold;
    color: #003366;
    font-size: 14px;
    text-align: center;
}
.subcatList .box li a:hover {
    font-weight: bold;
    color: #003366;
    text-decoration: underline;
}


/* ---------- 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 #003366; 
}

h1.pageHead, h2.pageHead  {
	box-shadow: none; 
    background: none; 
    background-color: #FFFFFF;
	font-size: 20px; 
	color: #003366; 
	border-bottom: 1px solid #003366; 
	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 #003366; 
}

h3.tswGroupHead {
	text-shadow: none; 
	color: #000000; 
	box-shadow: none; 
	-moz-box-shadow: none; 
	border-bottom: 5px solid #003366; 
	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: #003366;
	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 #003366; margin-bottom: 0; cursor: pointer; background-image:url(../bg/arrows-right.png); background-repeat: no-repeat; }
.ui-accordion-header.ui-state-active { background-color: #FFFFFF;  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: #FFFFFF; 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 #ebeaea; -moz-box-shadow: 0px 0px 3px #ebeaea; box-shadow: 0px 0px 3px #ebeaea; }
.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: 1168px; 
	color: #FFFFFF;
	margin: 0 auto; 
}

.tswKundenInformation { 
	float: left; 
	color: #003366; 
	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 #EEEEEE;
}

/* ---------- 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:#FFFFFF;
}
table.tswRechnungsarchiv tr.ungerade  { 
	background-color:#FFFFFF;
}

table.tswRechnungsarchiv th {
	font-weight: bold;
	border-bottom: 2px solid #EEEEEE;
	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: #FFFFFF;
}
#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: 130px;
	height: 30px; 
}
#tsw-header-austausch-block4 { 
	display: block;
	float: left;
	margin:1px;
	width: 100px;
	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 #003366;	
}

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 #003366;
	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: #000000; color: #003366; }

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: #003366;
	border: 1px solid #003366;
	}
	
.ui-datepicker {
    z-index: 99 !important;
}
/* ---------- 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;
}

/* --- 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 #003366;
    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: #003366;
    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;
}

/* --------- Hintergrundfarben ---------- */



.dunkelblau, 
.gridView li:hover .priceBlock:hover .button, .gridView .titleBox,
.itemSlider .titleBlock,
.itemSlider .titleBlock:hover,
.gridView .priceBox,
.box h2,
.pageHead,
#currencies a.selected,
#languages a.selected,
.flyoutMenu a.selected,
.dropDown a.selected,
.thumbNav a.cur,
.thumbNav a.cur:hover,
.promoBox strong.promoPrice,
.itemSlider .prevItem span.slideBg,
.itemSlider .nextItem span.slideBg,
.specBox h3 {
	background-color: #003366;
}

.hellgrau, 
#tswKundeInfo, #tsw-header-suche, .tsw-katalog:hover, .specBox h3, #footer #panel, .tsw-basket-saison-header, .tsw-basket-positionen,
h1.pageHead, h2.pageHead, h2.sectionHead, h2.pageHead, .box h3, .box h2, #sidebar h3, .lightHead, h2.lightHead, h3.lightHead   {
	background-color: #FFFFFF;
}

.mittelgrau {
	background-color: #FFFFFF;
	
}

.dunkelgrau {
	background-color: #FFFFFF;
	
}

.gruen, .tsw-katalog:hover h3, #sidebar .tree li.active > a {
	background-color: #003366;	
}

/* Header */
.basketBox {
    right: 30px;
    background-color: #FFFFFF; 
    border: 1px solid #003366;
}

#logo {
    float: left;
    margin: 19px 0 8px 460px;
}
#topMenu a:hover, .selectedValue a:hover {
    color: #003366;
    text-decoration: none;
}
#languages a.selected{
    background-color: #003366;
}
#topMenu li {
    color: #003366;
}
/*---------------*/

/* div.sidebarLeft #content, div.sidebarRight #content { width: 956px; }*/
div.sidebarLeft #content { width: 956px; }
.infogridView li.productData:nth-child(2n+1) { width: 472px; }
.infogridView li.productData:nth-child(2n+2) { width: 471px; }
#content { width: 1168px; }
table { width: 946px; }
#tswOrderMatrixTable { width: 1168px; }
.tsw-katalog:hover { background: none; }
#content .subcatList{
    width:956px;
}
.subcatList .box.tsw-katalog:nth-child(6) {
	margin-left: 23px;
}


#tswKundeInfo{
    background-color: #FFFFFF;
}

#tswKundeInfo div.tswKundeInfoInner { 
    width: 1145px; 
    
}
#tsw-header-suche{
    background-color: #FFFFFF;
}
.tswKundenInformation{
    color: #003366;

}



/* 
 .subcatList .box li:nth-child(2){
    
    display: none;
}
.subcatList .box li:nth-child(3){
    
    display: none;
}
.subcatList .box li:nth-child(4){
    
    display: none;
}
 */

/* Aktion Frisch eingetroffen */
div.tsw-listitem-colors, div.tsw-listitem-sizes { 
    clear: both; 
    border-top: 1px solid #003366; 
    padding: 7px 0; margin: 7px 0; 
    font-size: 10px; 
    color: #003366;
}
div.tsw-listitem-colors { max-height: 150px; overflow:auto; }
.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 #003366;
}
.gridView li .titleBlock{
    height: 30px;
    padding:5px 10px;
    color:#003366;
    line-height:15px;
    text-decoration:none;
    font-weight: 700;
    display:block;
}
.gridView li:hover .priceBlock{
    display: block;
	height: 265px;
    padding-top:15px;
    color:#003366;
	text-shadow:none;
    background-color: 003366;
    background-color: hsla(210, 100%, 20%, 0.5);
    
}

.gridView li:hover .priceBlock .button{
    visibility: visible;
    color:#fff;
    text-shadow:0 -1px 0px #003366;
    border:1px solid #fff;
    background:transparent;
}
.gridView li:hover .priceBlock:hover .button{
    background-color:#003366;
    color: #FFF;
}

#overviewLink a, #overviewLink a.second { top: 230px;color: #003366; }
#overviewLink a.second {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 220px;
    text-transform: uppercase;
    top: 230px;
    z-index: 555;
    color: #003366;
}

.gridView li .titleBlock { text-align: center; }
.gridView li .titleBlock .gridPicture { margin: 0 -10px 10px 0; }


#orderPaymentDelivery .collumn:nth-child(2) {
	display: none;	
}

.tswOrderMatrix table td { min-width: 55px; }




/******/
/*** GRADIENTS -> ***/
/* Blue */

.FXgradBlueDark,
.submitButton {
    background: #fff url("../../img/mavi.svg");
    background: -moz-linear-gradient(#fff, #fff);
    background: -ms-linear-gradient(#fff, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -webkit-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);
    color: #003366;
}



/* Grey */
.promoBox strong.promoTitle,
.specBoxTitles a.title{
    background: #a9b1b4 url("../../img/mavi.svg");
    background: -moz-linear-gradient(#f9fafa, #a9b1b4);
    background: -ms-linear-gradient(#f9fafa, #a9b1b4);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9fafa), to(#a9b1b4));
    background: -webkit-linear-gradient(#f9fafa, #a9b1b4);
    background: -o-linear-gradient(#f9fafa, #a9b1b4);
    background: linear-gradient(#f9fafa, #a9b1b4);
}

.FXgradGreyLight,
.sf-menu li ul,
.box ul,
.box ol,
.box .content,
.loginForm,
#currencies,
#languages,
.flyoutMenu,
.basketFlyout,
div.anythingSlider .arrow,
.thumbNav{
    background: #d1d8db url("../../img/mavi.svg");
    background: -moz-linear-gradient(#fff, #d1d8db);
    background: -ms-linear-gradient(#fff, #d1d8db);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d8db));
    background: -webkit-linear-gradient(#fff, #d1d8db);
    background: -o-linear-gradient(#fff, #d1d8db);
    background: linear-gradient(#fff, #d1d8db);
}

/* Orange */
.FXgradOrange,
.removeButton,
.sf-menu li.current,
.sf-menu li.sfHover, .sf-menu li:hover,
.gridView div.priceBox:hover,
.gridView div.titleBox:hover,
.featuredList a:hover,
.featuredList li.articleImage:hover + li.articleTitle > a,
#footer .list a:hover,
#currencies a:hover,
#languages a:hover,
.flyoutMenu a:hover,
.submitButton:hover,
.basketFlyout li a:hover,
.dropDown ul a:hover,
div.anythingSlider span.arrow:hover,
.thumbNav a:hover,
.itemSlider .prevItem:hover span.slideBg,
.itemSlider .nextItem:hover span.slideBg,
a.viewAllHover,
.itemSlider li a.viewAllHover,
.specBoxTitles a.title:hover,
.actionLinks li:hover {
    background: #003366 url("../../img/mavi.svg");
    background: -moz-linear-gradient(#003366, #003366);
    background: -ms-linear-gradient(#003366, #003366);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(100%, #003366));
    background: -webkit-linear-gradient(#003366, #003366);
    background: -o-linear-gradient(#003366, #003366);
    background: linear-gradient(#003366, #003366);
    color:#fff;
}

/* Light blue */
.FXgradBlueLight, .fbEnableButton {
    background: #ffffff url("../../img/mavi.svg");
    background: -moz-linear-gradient(#fff, #d7e3f1);
    background: -ms-linear-gradient(#fff, #d7e3f1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#003366));
    background: -webkit-linear-gradient(#fff, #d7e3f1);
    background: -o-linear-gradient(#fff, #d7e3f1);
    background: linear-gradient(#fff, #d7e3f1);
}
/******/
/* Indicator pfeile*/
.sf-sub-indicator {
    position: absolute;
    padding: 0;
    display: block;
    width: 100%;
    height: 10px;
    left: 0;
    text-indent: -999em;
    overflow: hidden;
    background: url('../../bg/arrows-down.png') no-repeat top center; /* 8-bit indexed alpha png. IE6 gets solid image only */
    display: none;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    padding: 0;
    top: 0;
    left: auto;
    right: -10px;
    width: 10px;
    height: 2.5em;
    background: url('../../bg/arrows-right.png') no-repeat left center;
}

.submitButton:hover {
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 1px 0px #fff;
    border-color: #003366;
    color: #fff;
}

.listRefine {
    margin-bottom: 20px;
    border: 1px solid #003366;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #003366;
    border-top: 0;
    background: #FFF;
    position: relative;
    z-index: 1;
}
.tswMatrixLegende {
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    border-top: 1px solid #003366;
}
.tswProductInfo {
    min-height: 120px;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #003366;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #003366;
    border-bottom: 2px solid #003366;
    font-size: 11px;
    padding: 10px;
}
#content .listRefine{
    margin-bottom: 20px;
    border: 1px solid #003366;
    border-top: 0;
    background-color: #FFF;
    position: relative;
    z-index: 1;
}
.logoutLink {
    padding-left: 20px;
    text-transform: uppercase;
    background: url(../../img/logout.png) no-repeat 8px 3px;
}
.listFilter {
    background: #FFF;
    padding: 10px 10px 0px 10px;
    font-size: 11px;
    border-bottom: 1px solid #003366;
}
/* Überschriften und Schriften */
h1.pageHead{
    color:#003366;
}


h2.sectionHead, h2.pageHead, .box h3, .box h2 {
    text-shadow: none;
    color: #003366;
    box-shadow: none;
    -moz-box-shadow: none;
    border-bottom: 1px solid #003366;
}


h2.sectionHead{
    background-color: #FFFFFF; 
    border-bottom: 1px solid #003366;
    color: #003366;
}


.hellgrau, #tswKundeInfo, #tsw-header-suche, .tsw-katalog:hover, .specBox h3, #footer #panel, .tsw-basket-saison-header, .tsw-basket-positionen, h1.pageHead, h2.pageHead, h2.sectionHead, h2.pageHead, .box h3, .box h2, #sidebar h3, .lightHead, h2.lightHead, h3.lightHead {
    background-color: #FFF;
}

.box h2, .box h3, .sectionHead {
    background-color: FFF;
    color: #003366;
    padding: 5px 10px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 18px;
}

#sidebar h3 {
    padding-left: 5;
    color: #003366;
    text-shadow: none;
    border-bottom: 1px solid #003366;
    box-shadow: none;
}
.box h3{
    height: 47px;
}

.dropDown a.selected{
    background-color: #003366;
}

a.submitButton:hover {
    border-color: #003366;
    color: #fff;
}

a#tsw-minibasket {
    display: block;
    background: url("../../img/tsw-minibasket.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
 
}
/* Menu und Buttons */
#sidebar .tree li.exp>a {
    background: #003366 url("../../img/mavi.svg");
    background: -moz-linear-gradient(#094D91, #003366);
    background: -ms-linear-gradient(#094D91, #003366);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #094D91), color-stop(100%, #003366));
    background: -webkit-linear-gradient(#094D91, #003366);
    background: -o-linear-gradient(#094D91, #004282);
    background: linear-gradient(#094D91, #003366);
    color:#fff;
}
#sidebar .tree li.active > a {
    background-color: #003366;
    color: #FFF;

}
#sidebar .tree a:hover {
    background-color: #003366;
    color: #FFF;
}
#sidebar .tree li.active > a > i span {
    background: url('../bg/arrows-cat-exp-orange.png') no-repeat;
    display: none;
}
#sidebar .tree li.exp > a > i span {
    background: url('../bg/arrows-cat-exp-blue.png') no-repeat;
    display: none;
}
#sidebar .tree li {
    list-style: none;
    padding: 0;
    background: #FFF;
}
#sidebar .tree li.active li {
    list-style: none;
    padding: 0;
    background: #FFF;
}
#sidebar .tree a {
    border-bottom: 1px solid #003366;
    display: block;
    padding: 5px;
    line-height: 17px;
}
img.categoryPicture{
    width: 100%;

}
div.anythingSlider {
    width: 940px;
    height: 440px !important;
    margin: 0 auto;
    overflow: hidden;
}
.panel img{
    height: 440px !important;
}