@import "standards.css";
@import "navi.css";

/*************************
   Layout-Boxes
 *************************/
#content {
  text-align: left;
}
#content,
#width {
  width: 953px;
  margin: 0 auto;
}
#content[id],
#width[id] {
  height: auto;
}
#header {
  position: relative;
  height: 131px;
  background-color: #e6e6e6;
  background-color: #d9d9d9;
  background-color: #e9e9e9;
}
#wrapper {
  float: left;
  width: 100%;
  clear: both;
  background: #fff url(/img/system/wrapper-bg.gif) repeat-y left top;
}
html>body #content #wrapper {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
/*#main, #subnavi {
	margin-bottom: -32701px;
	padding-bottom: 32700px;
}*/
#footer {
  float: left;
  width: 100%;
  clear: both;
}
#footer #width {
	position: relative;
	z-index: 3;
	height: 25px;
}
.copyright {
	clear: both;
	float: left;
	color: #939394;
	font-size: 10px;
	padding: 0 0 20px 34px;
}
/*************************
   #header
 *************************/
#header h1 {
  position: absolute;
  z-index: 3;
  top: 40px;
  left: 40px;
  font-size: 20px;
  display: none;
}
#header .logo {
  position: absolute;
  z-index: 99;
  top: 30px;
  left: 32px;
  width: 190px;
  height: 73px;
}

/*************************
   #main
 *************************/
.plaintext {
	margin-bottom: 16px;
	font-size: 1.2em;
	line-height: 133.33%;
}
.list {
	font-size: 1.2em;
	line-height: 133.33%;
}
/*************************
   #subnavi
 *************************/
#subnavi {
	background-color: #f4f4f4;
	padding-top: 20px;
}
#subnavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnavi li {
  display: inline;
  font-size: 1em;
}
#subnavi li a {
	display: block;
	padding: 4px 5px 3px 33px;    
	text-decoration: none;
	color: #3e3d40;
	font-size: 1.3em;
	font-weight: bold;
}

#subnavi li a.selected,
#subnavi li a:hover {
	color: #78777c;
	background: #f4f4f4 url(/img/navi/arrow-grey.png) no-repeat 20px 8px;
}
#subnavi li li a {
	padding: 0 5px 0 49px;    
	color: #3e3d40;
	font-size: 1.2em;
	font-weight: normal;
} 

#subnavi ul ul { padding-top:5px; }

#subnavi li li li a {
	padding: 0 5px 0 69px;    
} 

#subnavi li li li li a {
	padding: 0 5px 0 89px;    
} 

.women #subnavi li li a.selected,
.women #subnavi li li a:hover,
.men #subnavi li li a.selected,
.men #subnavi li li a:hover,
.kids #subnavi li li a.selected,
.kids #subnavi li li a:hover,
#subnavi li li a.selected,
#subnavi li li a:hover {
	background: none;
}
#subnavi li ul {
	margin: -2px 0 6px;
} 

#subnavi p {
  padding: 3px 5px;    
} 

.women #subnavi li a.selected,
.women #subnavi li a:hover {
	color: #ac879c;
	background-image: url(/img/navi/arrow-women.png);
}

.men #subnavi li a.selected,
.men #subnavi li a:hover {
	color: #a7b788;
	background-image: url(/img/navi/arrow-men.png);
}
.kids #subnavi li a.selected,
.kids #subnavi li a:hover {
	color: #97adda;
	background-image: url(/img/navi/arrow-kids.png);
}
/*************************
   Boxes
 *************************/
.standard {
  padding: 10px 15px;
}
/*************************
   language selection
 *************************/
#countries {
	margin-right: 28px;
}
#countries a {
	padding: 11px 5px;
}
/*************************
   Breadcrumbs/Sitepath
 *************************/
.bcrumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 16px;
	padding-left: 26px ;
}
.bcrumbs li {
	display: inline;
	padding: 0 4px 0 0;
	background: transparent url(/img/icons/new/arrow-right.gif) no-repeat 0 50%;
	font-weight: bold;
	font-size: 130%;
}
.bcrumbs a {
	color: #58585a;
	text-decoration: none;
}
.bcrumbs a:hover {
	text-decoration: none;
}
#homepage .bcrumbs,
#subhomepage .bcrumbs {
	display: none;
}
#homepage #subnavi {
	display: none;
}
#homepage #main {
  width: 953px;
}

a.button {
	/*height: 22px;*/
	float: right;
	display: block;
	margin: 16px 0;
}

/*************************
   Tables
 *************************/
table.table {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	empty-cells: show;
	background-color: #fff;
	font-size: 12px;
	border: 1px solid #a3a2a6;
	margin-bottom: 8px;
}
.table thead th,
.table th.top {
	border-top: 0;
	background-color: #c6c6ca;
	color: #fff;
}
.table thead th {
	white-space: nowrap;
}
.table th {
	font-weight: normal;
}
.table th,
.table td {
	padding: 2px 8px 3px;
	border: solid 1px #a3a2a6;
	border-width: 1px 0 0 1px;
	color: #000;
	vertical-align: top;
}
.table tbody td {
	padding: 18px 8px 20px;
}
.table tbody th {
	padding: 14px 8px 20px;
}
.shopingcart tbody td {
	font-weight: bold;
}
.normal,
.shopingcart tbody tr.normal td {
	font-weight: normal;
}
.shopingcart p.floatLeft {
	margin-right: 40px;
	font-size: 11px;
}
.shopingcart .disposability {
	/*font-size: 10px;*/
	font-weight: normal;
}
.table .noborder th,
.table .noborder td {
	border: none;
}
.table tfoot .first td {
	border-top: solid 1px #a3a2a6;
	padding-top: 16px;
}
.table tfoot .last td {
	padding-bottom: 16px;
}
.table tfoot .total td {
	padding-top: 16px;
	font-weight: bold;
}
.table tfoot a {
	color: #78787c;
	font-weight: bold;
	text-decoration: none;
}

.form {
	font-size: 12px;
}
.form label {
	width: 36%;
	width: 108px;
}
.form textarea.textarea,
.form input.text {
  width: 60%;
}
.form select.select {
  width: 61%;
}
.form input.street {
	width: 48%;
	margin-right: 2px;
}
.form input.number {
	width: 10%;
}
.form select.day,
.form select.month,
.form select.year {
	width: 18.6%;
	/*margin-right: 2px;*/
	text-align: left;
}
.form select.day {
	width: 40px;
}
.form select.month {
	width: 75px;
}
.form select.year {
	width: 55px;
}
.form p {
	width: 46%;
	margin-right: 4%;
	margin-top: 2px;
	float: left;
}
.form p.width100 {
	width: 90%;
}
.form p.width100 label {
	width: 106px;
}
.form p.checkbox label {
	width: 60%;
	padding-left: 36%;
}
.form h2 {
	padding: 2px 8px 3px;
	border: 1px solid #a3a2a6;
	background-color: #c6c6ca;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.form div.border {
	padding: 10px 8px;
	border: solid 1px #a3a2a6;
	border-width: 0 1px;
	height: auto;
}
.form div.last {
	border-width: 0 1px 1px 1px;
}
#lieferanschrift {
	display: none;
}
a.refresh,
a.delete {
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
	background: url(/img/system/shop/refresh.png) no-repeat left center;
	margin-bottom: 6px;
	display: block;
}
a.delete {
	background-image: url(/img/system/shop/trash.png);
}
p.caption {
	clear: both;
	padding-left: 7px;
	font-size: .75em;
}

/*************************
   Image with caption
 *************************/
dl.floatLeft {
	margin-right: 1em;
}
dl.floatRight {
	margin-left: 1em;
}
dl.img dt {
	margin-bottom: 0;
}
dl.img dt img {
	width: 100%;
}
dl.img dd {
	margin: 0;
}
img.zoomicon {
	width: 16px !important ; 
	margin-left: -18px;
	background-color: #fff;
	border: 1px solid #333;
	cursor: pointer;
}

/*************************
   Homepageteaser
 *************************/
.greyText {
	color: #666;
}
.whiteText {
	color: #fff;
}
.teaserRight {
	padding: 35px 20px 0 120px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left:0;
	z-index: 50;
}
.teaserLeft {
	padding: 35px 120px 0 20px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left:0;
	z-index: 50;
}

.hometeaser {
	border: 1px solid #fff;
	border-width: 0 0 1px 0;
	float: left;
	width: 316px;
	height: 132px;
	position: relative;
}
.teaserHeigh {
	height: 265px;
}
.teaserHeighAuto {
	height: auto;
}
.teaserFull {
	width: 953px;
}
.teaserWide {
	width: 635px;
}
#subhomepage .siebenneuntel,
.teaserSubhome {
	width: 741px;
}
.teaserSubhomeFlash {
	width: 423px;
	border-width: 0;
}
.teaserklein {
	border-width: 0 0 1px 1px;
}
.teaser99 {
	width: 953px;
	border-right: 0;
}.teaser79 {
	width: 741px;
}
.teaser69 {
	width: 635px;
}
.teaser49 {
	width: 423px;
}
.teaser39 {
	width: 317px;
}
.teaser29 {
	width: 211px;
}
.fullheight {
	height: 398px;
	border-right: 1px solid #fff;

}
.noborder {
	border: none;
}


.leftcol {
	width: 236px;
	padding-left: 26px ;
}
.rightcol {
	width: 448px;
}
.onecol {
	width: 665px;
	padding-left: 26px ;
}


#filter {
	height: 22px;
}
#filter fieldset {
	float: right;
}

.sizes {
	margin-bottom: 20px;
}
.sizes a {
	text-align: center;
	padding-bottom: 1px;
	width: 33px;
	border: 1px solid #a3a2a6;
	margin-right: 1px;
	font-size: 1.2em;
	color: #a3a2a6;
	float: left;
	line-height: 100%;
	text-decoration: none;
}
.sizes a.outofstock {
	background: url(/img/system/shop/strike.png) no-repeat left top;
}
.women .sizes a.outofstock {
	background-image: url(/img/system/shop/strike-damen.png);
}
.men .sizes a.outofstock {
	background-image: url(/img/system/shop/strike-herren.png);
}
.kids .sizes a.outofstock {
	background-image: url(/img/system/shop/strike-kinder.png);
}

.sizes a.selected {
	color: #fff;
	background: #77767b;
}
.women .sizes a.selected {
	background: #ac879c;
}
.men .sizes a.selected {
	background: #a7b788;
}
.kids .sizes a.selected {
	background: #97adda;
}
h3 {
	font-size: 14px;
	color: #77767B;
}
.features {
	font-size: 1.2em;
}
.features label {
	font-size: .9167em;
	width: auto;
}
.features p {
	float: left;
	margin-right: 14px;
}
p.shoewidth {
	padding: 4px 0 6px;
}
.features input.field {
	width: 30px;
}
.features input.image {
	border: none;
	margin-top: 14px;
}
.description {
	padding-bottom: 18px;
	font-size: 1.2em;
	clear: both;
	color: #3e3d40;
}
.searchresult .description {
	display: block;
	padding-top: 12px;
	font-size: 1em;
	clear: none;
	color: #3e3d40;
}
.name {
	color: #000;
}
.features .disposability {
	float: left;
	margin-top: 12px;
	margin-right: 0;
	width: 92px;
	padding: 4px 2px 3px 5px;
}
.instock {
	color: #fff;
	background: #77767b;
}
.women .instock {
	background: #ac879c;
}
.men .instock {
	background: #a7b788;
}
.kids .instock {
	background: #97adda;
}
.outofstock {
	color: #fff;
	background: #f42247;
}
.shopleft {
	float: left;
	width: 378px;
	padding-left: 26px;
}
.shopright {
	float: left;
	width: 318px;
}
.shopright h3 {
	font-size: 1.2em;
	margin: 0 0 10px;
	font-weight: normal;
}
.shopleft .bcrumbs {
	padding-left: 0;
}
.shopright a img {
	border: 1px solid #a3a2a6;
	margin: 0 0 18px 1px;
	float: left;
}

.product {
	width: 154px;
	float: left;
	font-size: 1.2em;
	padding: 0 0 10px 26px;
	color: #000;
	/*margin-left: 26px;*/
}
.type {
	font-weight: bold;
	font-size: 14px;
	color: #77767b;
}
.women .type {
	color: #ac879c;
}
.men .type {
	color: #a7b788;
}
.kids .type {
	color: #97adda;
}
.searchresult .type {
	color: #77767b
}
.price {
	font-weight: bold;
}
.sale .price {
	text-decoration: line-through;
}
.sale .reduced {
	color: #f42247;
	text-decoration: none;
	padding-left: 6px;
}
.searchresult .price {
	color: #000;
}
/*************************
   Search
 *************************/
#search,
#search-en {
	float: right;
	background: #fff url(/img/system/head-de.jpg) no-repeat left top;
	width: 297px;
	height: 94px;
	padding: 37px 0 0 20px;
	font-size: 1.2em;
}

#search-en { background: #fff url(/img/system/head-en.jpg) no-repeat left top; }

#search p,
#search-en p {
	padding-bottom: 44px;
}
#search input.text,
#search-en input.text {
	width: 135px;
	margin-left: 10px;
	float: left;
	padding: 2px 2px 2px 4px;
}
#search select.select,
#search-en select.select {
	width: 104px;
	float: left;
}
#search input.button,
#search-en input.button {
	color: #fff;
	font-weight: bold;
	border: 0;
	background: url(/img/system/go.gif) no-repeat left top;
	width: 16px;
	height: 16px;
	cursor: pointer;
	padding: 0;
}

.history,
.history-en {
	background: url(/img/system/shop/bisher-gesehen.png) no-repeat;
	height: 32px;
	margin: 26px 0;
	font-size: 12px;
	font-weight: bold;
	color: #3d3e42;
	padding: 38px 32px 0;
}

.history-en {
	background: url(/img/system/shop/bisher-gesehen-en.png) no-repeat; }

.women .history-en {
	background-image: url(/img/system/shop/bisher-gesehen-damen-en.png);
}
.men .history-en {
	background-image: url(/img/system/shop/bisher-gesehen-herren-en.png);
}
.kids .history-en {
	background-image: url(/img/system/shop/bisher-gesehen-kinder-en.png);
}

.women .history {
	background-image: url(/img/system/shop/bisher-gesehen-damen.png);
}
.men .history {
	background-image: url(/img/system/shop/bisher-gesehen-herren.png);
}
.kids .history {
	background-image: url(/img/system/shop/bisher-gesehen-kinder.png);
}
.history h4 {
	display: none;
}
p.submit {
	clear: left;
}

#Form1 #content[id],
#Form1 #width[id] {
  min-height: 400px;
}