/* layout.css */
.background-wrapper {
	position: relative;
}

.background-wrapper > .background {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	background: none;
}

.background-wrapper > .background.footer {
	background: url('http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-footer.jpg') center top repeat;
}

.background-wrapper > .background.footerbar {
	background: url('http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-footerbar.jpg') center top repeat-x;
}

.background-wrapper > .background.footernote {
	background: url('http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-footernote.png') center bottom no-repeat;
}

.columns > [class*='column'] {
	float: left;
}

.columns > [class*='column'] > .column-inner {
	position: relative;
}

.columns > .column25p {
	width: 25%;
}

.columns > .column33p {
	width: 33.33%;
}

.columns > .column50p {
	width: 50%;
}

.columns > .column66p {
	width: 66%;
}

.columns > .column100p {
	width: 100%;
}

#footer .wrapper {
	position: relative;
	width: 950px;
	min-height: 425px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 13px;
	line-height: 18px;
}

.footerbar {
	height: 46px;
}

.footerbar ul li {
	padding: 0 36px 0 40px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/footerbar-tick.png) no-repeat left center ;
}

.footerbar ul li a, .footerbar ul li span {
	color: #fff;
	font-size: 15px;
	line-height: 46px;
}

.footercol {
	min-height: 256px;
	margin: 30px 14px 9px 0;
}

.footercol h4 {
	color: #ee9900;
	font-size: 30px;
	line-height: 36px;
}

.footercol h5 {
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

.footercol ul {
	margin-left: 16px;
	color: #7d888f;
}

#footer a {
	color: #fff;
}

#footer p {
	color: #cecece;
}

.footercol .telephone {
	color: #fff;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-family: Arvo;
	line-height: 24px;
}

.footernote {
	height: 56px;
	margin: 14px 0 9px;
}

.footernote ul li {
	padding: 0 12px;
}

.footernote p {
	line-height: 13px;
}

#footer-payments {
	max-width: 250px;
	margin: 0 auto 20px auto;
	padding: 8px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 15px;
}

#footer-payments > p:last-child {
	margin: 0;
}

#footer-payments img, #footer-certificates img {
	margin: 0 3px 5px 0;
}

/* Navigation */
#navigation {
	position: relative;
	margin: 10px 10px 0 10px;
	padding: 0 160px 0 1px;
	border-radius: 15px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-navigation.jpg) repeat 0 0;
}

#navigation > ul {
	margin: 0;
	padding: 0;
	line-height: 0;
}

/* Navigation - Level 1 */
#navigation > ul > li {
	display: inline-block;
	margin: 0;
	padding: 0;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/navigation-seperator.png) right top no-repeat;
}

#navigation > ul > li > a {
	float: left;
	margin: 0 0 0 -5px;
	padding: 0 14px;
	font-size: 14px;
	font-weight: bold;
	line-height: 55px;
	color: #fff;
	font-size: 15px;
	font-style: italic;
	font-family: Arvo;
	text-shadow: 0 -1px rgba(0, 0, 0, 1);
	text-decoration: none;
}

#navigation > ul > li:first-child > a {
	margin: 0;
	padding: 0 20px;
	height: 55px;
}

#navigation > ul > li:first-child > a > img {
	position: relative;
	top: 17px; left: 0;
	vertical-align: top;
}

#navigation > ul > li:hover > a,
#navigation > ul > li.current > a {
	color: #ee9900;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-navigation-current.jpg) left top repeat-x;
}

#navigation > ul > li:focus > a,
#navigation > ul > li > a:focus {
	color: #fff;
	background: transparent;
	outline: 0;
}

#navigation > ul > li:first-child > a {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

/* ebay.css */
body {
	background: #fcefd2 url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-body.jpg) repeat-x 0 0;
}

h1 {
	font-size: 26px;
}

h2 {
	margin: 15px 0 0 0;
	font-size: 22px;
}

#logo {
	float: left;
	margin: 0 0 10px 20px;
}

#logo > a {
	display: inline-block;
	text-align: center;
}

#logo > a:first-child {
	margin: 0 50px 0 0;
}

#logo > a > span {
	margin: 13px 0 0 0;
	display: inline-block;
	font-family: Arvo;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

#header {
	padding: 20px 0 0 0;
}

#header-contact {
	margin: 5px 20px 0 0;
	padding: 15px 25px;
	float: right;
	border-radius: 15px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-myaccount.jpg) repeat left top;
	color: #fff;
	font-family: Arvo;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
	text-align: right;
}

#header-contact .mail, #header-contact .phone {
	/*display: block;*/
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
}

#header-contact a {
	color: #ee9900;
}

#header-contact-description {
	display: inline-block;
	padding: 0 0 5px 0;
	font-size: 16px;
}

/* Artikelnummer */
#article-no {
	position: absolute;
	top: 5px; right: 5px;
	padding: 5px 12px;
	border-top: 1px solid #202a30;
	border-bottom: 1px solid #747c80;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 14px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-basket.jpg) repeat-x 0 0;
	font-family: Arvo;
	font-size: 12px;
	font-style: italic;
	line-height: 1.3;
}

#article-no > span {
	display: block;
}

#article-no .article-no-label {
	font-size: 12px;
	color: #cecece;
}

#article-no .article-no-value {
	font-size: 14px;
	color: #fff;
}

#body {
	margin: 20px;
	padding: 20px 40px;
	background: #fff;
	border-radius: 15px;
	font-size: 13px;
}

.article-description-header {
	font-family: Arvo;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.article-description {
	margin: 0 0 15px 0;
}

.article-description, #crossselling, .article-notice {
	font-size: 13px;
}

.article-description ul {
	list-style-type: square;
}

#article-images img {
	display: block;
	width: 868px;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
	border: 1px solid #cecece;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	line-height: 0;
}

#crossselling {
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	border-top: 3px solid #cecece;
}

#crossselling > p {
	margin: 0 0 15px;
}

#crossselling > p > strong {
	font-family: Arvo;
	font-weight: normal;
	font-size: 22px;
}

#crossselling ul {
	display: block;
	list-style: none;
	margin: 0 -15px;
	padding: 0;
}

#crossselling li {
	width: 20%;
	height: 165px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 15px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#crossselling li a {
	display: block;
	max-height: 150px;
	border: 2px solid #cecece;
	line-height: 150px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#crossselling li a:hover {
	border-color: #ee9900;
}

#crossselling li strong {
/*	font-family: Arvo;
	font-size: 12px;
	font-style: italic;*/
	display: none;
}

#crossselling li img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	line-height: 0;
}

.article-attributes {
	margin: 0 210px 0 0;
}

.attributes {
	margin: 0 0 10px 0;
	font-size: 13px;
}

.attributes > div {
	margin: 0 20px 3px 0;
	float: left;
}

.attributes > div .title {
	font-weight: bold;
}

#delivery-table {
	margin: 30px 0 0 0;
}

#delivery-table table {
	border-collapse: collapse;
}

#delivery-table td {
	padding: 6px 30px 6px 0;
	border-top: 1px solid #ee9900;
	font-size: 13px;
	vertical-align: top;
}

#delivery-table tr:first-child td {
	border: 0;
}

#delivery-table-notice {
	position: relative;
	max-width: 325px;
	margin: 15px 0 0 10px;
	padding: 15px 15px 15px 220px;
	padding: 15px; /* vorerst Bild raus */
	float: right;
	border-radius: 15px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-myaccount.jpg) repeat 0 0;
	color: #cecece;
}

#delivery-table-notice span {
	display: block;
}

#delivery-table-notice hr {
	border-color: #cecece;
	border-bottom: 0;
}

#delivery-table-box {
	display: block;
	position: absolute;
	top: -35px; left: 0;

	display: none; /* vorerst Bild raus */
}

#delivery-notice {
	border-radius: 15px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-myaccount.jpg) repeat 0 0;
	font-family: Arvo;
	font-weight: normal;
}

#delivery-notice > a {
	display: block;
}

#delivery-notice > a:hover {
	text-decoration: none;
}

#delivery-notice span, #delivery-notice strong {
	display: block;
}

#delivery-notice-left {
	padding: 20px 15px 15px 130px;
	background: url(http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/icons/world.png) no-repeat 10px center;
	color: #cecece;
	line-height: 1.4;
}

#delivery-notice-right {
	width: 295px;
	/*min-height: 300px;*/
	float: right;
	margin: 0 -1px 0 0;
	background: #ee9900;
	color: #fff;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

#delivery-notice-price {
	padding: 20px 0;
	font-size: 38px;
	font-style: italic;
	text-align: center;
	line-height: 1.3;
}

#delivery-notice-price > span {
	font-size: 22px;
	font-style: normal;
}

#delivery-notice-de {
	padding: 0 0 5px 0;
	text-align: center;
	font-style: italic;
	font-size: 15px;
}

@media screen and (max-width: 1020px) {
	#logo {
		width: 400px;
		box-sizing: border-box;
		/*margin: 0;*/
	}

	#logo > a {
		max-width: 180px;
		box-sizing: border-box;
	}

	#logo > a:first-child {
		margin: 0;
		padding: 0 50px 0 0;
	}

	#header-contact {
		/*margin: 0;*/
	}

	#footer .wrapper {
		max-width: 100%;
		width: auto;
		overflow: hidden;
	}

	.background-wrapper > .background.footerbar {
		background: none
	}

	.footerbar {
		margin: 0 -20px;
		padding: 0 20px;
		height: auto;
		background: url('http://augsburger-spielzeugkiste.com/out/spielzeugkiste/src/css/img/background-ebay-footerbar.png') repeat 0 0;
	}

	#crossselling li {
		width: 33%;
	}

	#delivery-notice-right {
		min-height: 180px;
	}
}

@media screen and (max-width: 945px) {
	#navigation > ul > li > a {
		padding: 0 10px;
		font-size: 13px;
	}

	#footer .columns > [class*='column'] {
		width: auto;
		float: none;
	}

	.footercol {
		min-height: 0;
		text-align: left;
	}

	#footer-payments {
		margin: 0 0 20px 0;
	}

	.footernote {
		height: auto;
		margin: 15px 0 0 0;
		padding: 20px 0 0 0;
	}

	#delivery-notice-left {
		padding: 20px 15px 15px 15px;
		background: none;
	}
}

@media screen and (max-width: 820px) {
	#logo {
		width: auto;
		float: none;
	}

	#header-contact {
		margin: 10px 10px 0 10px;
		float: none;
	}

	#navigation > ul > li {
		display: none;
	}

	#navigation > ul > li:first-child {
		display: inline-block;
	}

	.footernote, .footernote small {
		font-size: 12px;
		line-height: 1.2;
	}

	#body {
		margin: 20px 10px;
		padding: 20px 10px;
	}

	#delivery-notice {
		background: none;
	}

	#delivery-notice #delivery-notice-left {
		display: none;
	}

	#delivery-notice-right {
		width: auto;
		min-height: 0;
		display: block;
		float: none;
		border-radius: 15px;
	}

	#delivery-table-notice {
		float: none;
		margin: 0 0 25px 0;
	}

	#crossselling li {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	#logo > a {
		max-width: 45%;
	}

	.footerbar {
		text-align: left;
	}

	#header-contact .mail, #header-contact .phone {
		font-size: 18px;
	}

	.background-wrapper > .background.footernote {
		display: none;
	}

	#crossselling {
		display: none;
	}
}