@charset "UTF-8";

@import url('reset.css');
/*	@r10.net
	technic
*/
html {
overflow-y: scroll;
	}

	body {background:url(../img/bg.jpg) repeat-x;font:12px Arial;
	}

	::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #1c4e2b;
}

::-webkit-scrollbar
{

	width: 10px;
	background-color: #FFF;
}

::-webkit-scrollbar-thumb
{

	border-radius:5px;
	background-color: #ff9600;
	border: 1px solid #1c4e2b;
}

#transparentLayer {
		position:fixed;
		background: black;

		margin:0;
		padding:0;

		top: 0;
		left: 0;

		width:100%;
		height:100%;

		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

		z-index:101;
}
#centerBox {
		position:absolute;
     width:300px;
     height:200px;
     z-index:15;
     top:50%;
     left:50%;
     margin:-100px 0 0 -150px;
     background:white;
		z-index:102;
		text-align: center;
vertical-align: middle;
line-height:100px;
}
		/*	General	*/
		#general {width:960px;margin:0 auto;position:relative}
			/*	Header	*/
			#header {height:88px;
			padding-bottom:20px;}
				/*	Logo	*/
				#logo {float:left}
				/*	Cart	*/
				#cart {
					width:395px;
					height:63px;
					background:url(../img/cart-bg.png);
					float:right;
					margin-top:18px;
					margin-right: 20px;
				}
					/*	Cart Left	*/
					.cLeft {float:left;position:relative;width:400px}
					.cartDetails {margin:14px 55px;}
					.cartDetails span , .cartDetails strong {display:block;font-size:11px}
					.cartDetails span {border-bottom:1px dashed #769aa9;color:#ffbe0e;padding-bottom:3px;width:280px}
					.cartDetails span i {color:#ffd800;font-weight:bold}
					.cartDetails strong {color:#fff;padding-top:3px}
					.cartDetails strong i{color:#ff7800;font-weight:bold}
						/*	Kasaya Git	*/
						.checkout {display:block;width:108px;position:absolute;top:14px;right:10px;height:34px;background:url(../img/checkout-bg.png);text-align:center;font:bold 11px Arial;color:#fff;line-height:34px}
						.checkout:hover {background-position:0 -35px}

					.shadow#cartOverview {padding:15px; width:70%; margin:auto;}
					/*	Sepet Right	*/
					.cRight {float:right}
					.cRight a {color:#fff;padding:9px 25px;display:block;float:left}
					.cRight a b {font-weight:bold}
					.cRight a:hover b , .cRight a.active b {color:#ff840d}

					.infobox {padding:10px}

					.infoWindow { padding:10px}

					.cart_summary table{width:100%; border: none; border-collapse: collapse;
					border: 1px dotted #666;
  }
					.cart_summary table thead th { height:30px;
  text-align:left;
}
.cart_summary td {
  background: #fff;
  height:30px;
  text-align:left;
  vertical-align:middle;
}
.cart_summary tr.first {
  border-top: 1px dotted #666;
}
.cart_summary tr.first td {
padding-top:10px;}

.cart_summary td.img {
  vertical-align:middle;
  padding-bottom:10px;
}
.cart_summary tfoot td{text-align:right;}
.cart_summary tfoot {  border-top: 1px dotted #666;
}
.cart_summary td.even {
  background-color: #ebfbc1;
}
.cart_summary .price {text-align: right;}
.cart_icon {
	display: inline-block;
	vertical-align: bottom;
	margin: 5px;
}
			#social {margin-top:26px;margin-right:30px;float:right;}
			#social .sab {height:22px;display:block;color:#ff840d}
			#social img {height: 23px;}
			#social a {margin-top:0px;display:block;float:right;margin-left:10px;}
			#social i {display:none;width:51px;height:63px;background:url(../img/s-ok.png);position:absolute;right:-40px;top:0}

		/*	Menü	*/
		#menu {}
		#menu ul li {float:left}
		#menu ul li a {color:#748891;display:block;padding:9px}
		#menu ul li a:hover , #menu ul li a.active {text-decoration:underline}

		/*	Content	*/
		#content {margin-top:110px;}
			#contenttop {margin-bottom:10px;height:40px}
			#contenttop ul {float:left;margin-top:10px;}
			#contenttop ul li {float:left;padding:0 3px}
			#contenttop ul li a {display:block;padding:0 5px;color:#38515b;font-size:15px;border-bottom:1px solid transparent}
				#contenttop ul li a:hover , #content ul li a.active {border-bottom:1px dashed #237d88}
			#contenttop ul li a b {font-weight:bold}
				/*	Facebook Like	*/
				#flike {background-color:#fff;float:left;width:141px;height:26px;display:block;padding:3px 10px;border-radius:5px;margin-right:2px;margin-top:5px}
				/*	Search	*/
				#search {float:right}
				#search input{width:175px;height:27px;border:none;background:url(../img/space.png);float:left;padding:5px 40px;margin:2px 0px;font-size:11px;color:#333}
				#search button {width:46px;height:39px;background:url(../img/find.png);border:none;cursor:pointer}

			/*	Left	*/
			#ileft {width:960px; height:40px; background-color:#FFF;z-index:101; margin-bottom:10px;
			/*border:0 0 5px 0 #1c4e2b;*/
			}
			#cileft {width:960px; height:40px; background-color:#FFF;z-index:101; margin-bottom:10px;
			/*border:0 0 5px 0 #1c4e2b;*/
			}
				/*	Left Menü	*/

				#smb {position:relative; float:left;color:#fff;font-size:13px;font-weight:bold;text-align:center;background-color:#1c4e2b;border-radius: 8px 0 0 8px;height:20px;padding:10px;width:60px; overflow:hidden;
				}
				#cmb {position:relative; float:left;color:#fff;font-size:13px;font-weight:bold;text-align:center;background-color:#1c4e2b;border-radius: 8px 0 0 8px;height:20px;padding:10px;width:60px; overflow:hidden;
				}
				#slider{
  position:absolute;
  left:-86px;
  height:20px;
  text-align:left; /* to reset text inside slides */
  width:192px;
}
#slider > div {
  position:relative;
  float:left;
  width:76px;
  height:20px;
  margin: 0 10px 0 10px;
}
				.cmlist ul li {float: left;overflow:hidden;height:40px;padding-right:20px;font-weight:bold;color:#252525; text-align:center;position:relative;}
				.cmlist ul li a{display:block; font-weight:bold;height:40px;}
.cmlist .last {padding:0;}

.cmlist .active {background:#FFF;}
.cmlist .before_active {background:#FC0;}
.cmlist .before_done {background:#0F0;}

.cmlist .first {border-radius: 8px 0 0 8px;overflow:hidden;}
.cmlist .last {border-radius: 0 8px 8px 0;overflow:hidden;}

.cmlist .arrow_box {
	position: relative;
	height:40px;
	line-height:40px;
}
.cmlist .arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cmlist .arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.cmlist .arrow_box:before {
	border-color: rgba(189, 189, 189, 0);
	border-left-color: #bdbdbd;
	border-width: 21px;
	margin-top: -21px;
}


.cmlist .arrow_box_active {
	position: relative;
	height:40px;
	background:#FC0;
	line-height:40px;
}
.cmlist .arrow_box_active:after, .arrow_box_active:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.cmlist .arrow_box_active:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FC0;
	border-width: 20px;
	margin-top: -20px;
}
.cmlist .arrow_box_active:before {
	border-color: rgba(189, 189, 189, 0);
	border-left-color: #bdbdbd;
	border-width: 21px;
	margin-top: -21px;
}

.cmlist .arrow_box_done {
	position: relative;
	height:40px;
	background:#0F0;
	line-height:40px;
}
.cmlist .arrow_box_done:after, .arrow_box_done:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cmlist .arrow_box_done:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #0F0;
	border-width: 20px;
	margin-top: -20px;
}
.cmlist .arrow_box_done:before {
	border-color: rgba(189, 189, 189, 0);
	border-left-color: #bdbdbd;
	border-width: 21px;
	margin-top: -21px;
}

/*.cmlist .arrow_box_done:hover {background: #FC0;}
.cmlist .arrow_box_done:hover:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FC0;
	border-width: 20px;
	margin-top: -20px;
}*/


				.smlist ul li {float: left;overflow:hidden;height:24px;padding:8px;font-weight:bold;color:#252525; text-align:center;}
				.smlist ul li a{display:block; font-weight:bold;height:40px;}
				.smlist ul li a:hover{display:block; font-weight:bold;height:40px;}
				.smlist ul li:hover {background: rgb(255,150,0);
background: -moz-linear-gradient(top,  rgba(255,150,0,1) 0%, rgba(255,215,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,150,0,1)), color-stop(100%,rgba(255,215,160,1)));
background: -webkit-linear-gradient(top,  rgba(255,150,0,1) 0%,rgba(255,215,160,1) 100%);
background: -o-linear-gradient(top,  rgba(255,150,0,1) 0%,rgba(255,215,160,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,150,0,1) 0%,rgba(255,215,160,1) 100%);
background: linear-gradient(to bottom,  rgba(255,150,0,1) 0%,rgba(255,215,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffd7a0',GradientType=0 );

}
				/*#smenu .smlist .menu-footer {margin:auto auto 0 auto;height:5px;background-color:#1c4e2b;}*/

				/*	Yeni Ürünler	*/
				.smlist .productlist {}
				.smlist .productlist li {height:80px}
				.smlist .productlist li a {font-weight:bold; margin:0;padding:0;font-size:11px;padding-top:5px;padding-bottom:2px}
				.smlist .productlist li a:hover {background:transparent;color:#333}
				.smlist .productlist li img {display:block;float:left;padding:5px;margin:0;}
				.smlist .productlist li p {font-size:11px;padding-right:5px}
				.smlist .productlist li span {font-size:15px;font-weight:bold}



				.shadow {-moz-box-shadow:     1px 1px 3px 1px #aaa;
  -webkit-box-shadow:  1px 1px 3px 1px #aaa;
  box-shadow:          1px 1px 3px 1px #aaa;
				border-radius: 8px;
				background-color:#FFF;
				}
				.shadow2 {-moz-box-shadow:     2px 2px 6px 2px #aaa;
  -webkit-box-shadow:  2px 2px 6px 2px #aaa;
  box-shadow:          2px 2px 6px 2px #aaa;
				border-radius: 8px;
				background-color:#FFF;
				}

				.shadow-filter {-moz-box-shadow:     1px 1px 1px #aaa;
  -webkit-box-shadow:  1px 1px 1px 1px #aaa;
  box-shadow:          1px 1px 1px 1px #aaa;
				border-radius: 0px;
				background-color:#FFF;
				}

				.fixed { position: fixed;
				-moz-box-shadow:     2px 2px 6px 2px #aaa;
  -webkit-box-shadow:  2px 2px 6px 2px #aaa;
  box-shadow:          2px 2px 6px 2px #aaa;
  border-radius: 8px;
				background-color:#FFF;
   }

			/*	Right	*/
			#cright {width:960px;margin-top:10px;margin-bottom:10px;}
				/*	Manşet	*/
				#manset {width:485px;height:400px;background:url(../img/slideshow.png);position:Relative;z-index:100;margin-left:auto;margin-right:auto}
					#manset ul.mansetresim img{margin:8px}
					#manset .bx-wrapper {}
					#manset .bx-pager {width:120px;margin:0px auto}
					#manset .bx-pager a{display:block;float:left;background:url(../img/slider-nav.png);width:20px;height:20px;margin:10px 2px;text-indent:-9999px}
					#manset .bx-pager a:hover , #manset .bx-pager a.pager-active {background-position:-22px 0}

					#manset .mansetalt {position:relative}
					#manset a.bx-prev {display:block;width:14px;height:15px;background:url(../img/slideshow-ok.png);position:absolute;left:70px;bottom:-28px;text-indent:-9999px}
						#manset a.bx-prev:hover {background-position:0 -17px}
					#manset a.bx-next {display:block;width:14px;height:15px;background:url(../img/slideshow-ok.png) -17px 0;position:absolute;right:70px;bottom:-28px;text-indent:-9999px}
						#manset a.bx-next:hover {background-position:-17px -17px}
				/*	Deals of the day	*/
				#dealsotd {width:244px;height:203px;background:url(../img/dealsotd-bg.png);float:right;padding-top:50px;position:relative}
					#dealsotd ul li {clear:both;height:50px;margin-left:25px}
					#dealsotd ul li:hover a {text-decoration:underline}
					#dealsotd ul li:hover img {opacity:0.6}
					#dealsotd ul li img {float:left;margin-right:8px}
					#dealsotd ul li a {font-size:11px;color:#ff005a;font-weight:bold;padding-bottom:5px;padding-top:3px;display:block}
					#dealsotd ul li span {font-size:18px;color:#44c207}
					#dealsotd ul li strong {color:#979797;font-size:11px;text-decoration:line-through;padding-left:5px}
					#dealsotd a.bx-prev , #dealsotd a.bx-next {display:block;background:url(../img/dealsotd-ok.png);position:absolute;text-indent:-9999px}
						#dealsotd a.bx-prev {width:19px;height:16px;left:98px;bottom:-43px;background-position:0 0}
							#dealsotd a.bx-prev:hover {opacity:0.7}
						#dealsotd a.bx-next {width:14px;height:16px;background-position:-20px -4px;left:145px;bottom:-45px}
							#dealsotd a.bx-next:hover {opacity:0.7}
				/*	Product List	*/
					#productlist {}
						#productlist .productlist {margin-left:-5px;margin-right:-5px;}
						.product {width:292px;height:215px;float:left;margin:5px;padding:10px;position:relative;background-color:#FFF; text-align:center;}
							.long {height:235px}
							.product .uImage {display:block;margin:15px 8px}
							.product .wImage {display:block;float:left;margin:15px 8px 5px 8px }
							.product .wImage img {/*-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg)*/;

							}
							.product .uImage .etsy_icon_list {
								position: relative;
								top: -33px;
								left: 103px;
								float: none;
								width: 50px;
							}

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);float:left;}
							.product .uTitle {color:#070707;font-size:13px;display:block;padding-top:18px;font-weight:bold;padding-bottom:5px}
							.product .uSubtitle {color:#f99301;font-weight:bold; display:inline-block;font-size:1.5em;}
							.product p {padding:5px 0;font-size:11px;color:#666666; text-align: justify;
							-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto;}
							.product span {color:#ff4200;font-size:18px;font-weight:Bold}
							.product a.details {display:block;background:url(../img/details.png);width:64px;height:19px;position:absolute;right:130px;bottom:20px}
							.product a.details:hover {background-position:0 -21px}
							.product a.addToCart {display:block;width:103px;height:44px;background:url(../img/sprite.png) -96px -34px;position:absolute;right:20px;bottom:10px}
							.product a.addToCart:hover {background-position:-97px -82px;}
		/*	Footer	*/
		#footer {width:100%;/*background:url(../img/footer.png)*//*;cleicar:both*/}
			.footer {width:960px;margin:0 auto;padding-top:20px;/*position:relative;*//*height:252px;*/ text-align:center;}
			/*	Footer Bottom Menu	*/
			.footer #fmenu {border-bottom:1px dashed #c8c8c8;height:47px}
			.footer #fmenu li {float:left}
			.footer #fmenu li a {display:block;padding:15px 15px;color:#676767;font-size:13px}
			.footer #fmenu li a:hover , .footer #fcategory li a:hover{color:#333;text-shadow:1px 0 #fff; list-style: none;}

			/*	Footer Bottom Category	*/
			.footer #fcategory {display: inline-block;}
			.footer #fcategory li {float:left;margin:10px 0 10px 0;}
			.footer #fcategory li a {color:#7a7979;font-size:11px;padding:0 10px;/*background:url(../img/cizgi.png) no-repeat right*/}
				/*	footer logo	*/
					#footerlogo {width:278px;height:69px;background:url(../img/footer-logo.png);position:absolute;bottom:0;left:38%}

		/*.uebersicht_table th,td	{ max-width:350px; width:auto; min-width:100px; text-align:center; border:1px solid #000}
			*/
		.SpinnerClass {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#696969;
	z-index:2000;
	opacity:.9;
 }
 		.ueberschrift {
			text-align:center;
			font-size:24px;
			font-weight:bold;
			text-shadow:#999;
			padding:10px;
		}

		.eigenschaften {
			/*margin:5px;*/
			padding: 0 0 25px 0;
			/*float:left;
			position:absolute;
			z-index:50;
			max-width:235px;*/
		}

		.eigenschaften .head {
			padding:10px 0 0 0;
			font-weight:bold;
			float:left;
			display:table-cell;
			width:70px;
		}

		.eigenschaften .kollektion {
			height:25px;
			padding:10px 0 0 0;
			color:#F00;
			display:table-cell;
		}

		.eigenschaften .material {
			padding:10px 0 0 0;
			display:table-cell;
		}

		.detail_left {
			float:left;

		}

		.detail_left .titel_beschreibung {
			padding: 10px;
			position:relative;
			z-index:50;
			width:440px;

		}

		.detail_left .cart {
			padding: 10px;
			top:10px;
			position:relative;
			z-index:50;
			width:440px;
			overflow:auto;
		}

		.titel {
			padding-bottom:10px;
			font-weight:bold;

		}

		.beschreibung {

		}

		.accessoires {
			display:block;
			float:left;
			width:240px;
			padding:10px;
			margin:10px 0 0 0;
		}
		.cart_action {
			float:right;
			width:170px;
			padding:10px;
			margin:10px 0 10px 0;
			height:100%;
			position:relative;
		}
		.cart_action .options {
			text-align: center;

		}

		.cart_action .options div {
/*			float:left;*/
			display: inline-block;
		}

		span.price {
			font-size: large;
			font-weight: bold;
			/*line-height: 60px;*/
		}
		div.price {
			float: none;
			text-align: center;
		}

		.wCart_action select{
			vertical-align:middle;
		}
	#filter {width:944px;min-height:16px;z-index:101;padding:0 8px 0 8px;margin-bottom:10px;}
				/*	Left Menü	*/
				#fmenu .smb{float:left;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:40px}
				#fmenu .smlist {overflow:hidden; padding-bottom:5px;}
				#fmenu .smlist ul li {float:left;}
				#fmenu .smlist ul li a{display:block;padding:5px 10px;margin-left:22px;margin-right:10px; color:#252525;font-size:13px}
				#fmenu .smlist ul li a.active ,
				#fmenu .smlist ul li a:hover {background:url(../img/menu-hover.png) no-repeat;color:#fff;font-weight:bold;}

	.expand-row {width:100%;text-align:center;margin-top:5px}
	.expand-row.expanded{width:100%;text-align:center;margin-top:-4px;padding-bottom:2px;}
	.expanded div {
		-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C complaint browsers */

  /* IE8 and below */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
	}
	.expand-row div {width:59px;height:6px;padding:6px 0 0 0;float:none;display: table;
    margin: 0 auto;background:url(../img/expand.png) no-repeat;}
/*.filter {height:35px;position:relative; float:left; height:auto;  margin:5px}

.farbwahl {position:relative;float:left;margin-right:10px;}
.farbwahl a	{ display:block; text-align:center; width:104px; height:37px; border-style:ridge; border-width:0px; text-decoration:none; }
.farbwahl a:link    { background-image:url(../img/Button_Farbwahl.png); }
.farbwahl a:visited { background-image:url(../img/Button_Farbwahl.png); }
.farbwahl a:hover   { background-image:url(../img/Button_Farbwahl.png); }
.farbwahl a:active  { background-image:url(../img/Button_Farbwahl_pressed.png); }
*/
#farbwahlDialog {position:absolute; width:170px; height:70px; z-index:101; background-color:#FFF;display:none;
}
#farbwahlDialog.active {display:block;}
#farbwahlDialog ul {padding:10px;float:left;top:6px;}
#farbwahlDialog .selectAllNone {width:50px; position:absolute; left:160px; border-left:dotted 1px; vertical-align:central;}
#farbwahlDialog .selectAllNone li { font-size:18px;}
#div_farbwahl { cursor: pointer;text-align:center;}
#dd { cursor: pointer;}

.materialwahl {position:relative;float:left;}
.materialwahl span	{ display:block; text-align:center; border-style:ridge; border-width:0px; text-decoration:none;}
/*.materialwahl span    { background-image:url(../img/Button_Materialwahl.png);background-repeat:no-repeat; }*/
/*.materialwahl span:active  { background-image:url(../img/Button_Materialwahl_pressed.png);background-repeat:no-repeat; }*/
.materialwahl.active .dropdown {
    opacity: 1;
	z-index:100;
    pointer-events: auto;
}
.farbe {float:left; width:15px; height:15px; background-image:url(../img/farben.png); margin:5px;}
.selected {background-image:url(../img/farben_selected.png);}
.selector_rot {background-position: 0 0;}
.selector_blau {background-position: -15px 0;}
.selector_gruen {background-position: -30px 0;}
.selector_pink {background-position: 45px 0;}
.selector_orange {background-position: 0 15px;}
.selector_violett {background-position: -15px 15px;}
.selector_gelb {background-position: -30px 15px;}
.selector_gold {background-position: 45px 15px;}
.selector_silber {background-position: 15px 15px;}
.selector_braun {background-position: 30px 15px;}
.selector_schwarz {background-position: 30px 0;}
.selector_weiss {background-position: 15px 0px;}

.filter {float:left;}
/*.filter .left  {background-image:url(../img/filter_element/left.png);width:7px; height:35px;float:left;}*/
.filter .box  {height:15px;width:118px;float:left; font-size:14px;vertical-align:middle;white-space: nowrap; margin:5px 0}
/*.filter .right {background-image:url(../img/filter_element/right.png);width:14px; height:35px;float:left}*/
.filter .box .farbe {float:left; width:15px; height:15px; background-image:url(../img/farben.png); margin:0 5px;}
.box .delete {width:15px;height:15px; background-image:url(../img/x-gray.png); background-repeat:no-repeat;float:right;}
.box div{float:left;margin: 0 5px;}

.materialwahl:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.materialwahl .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.materialwahl .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
}
.materialwahl .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.3s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.materialwahl .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all 0.3s ease-out;
}

.materialwahl .dropdown li i {
    float: right;
    color: inherit;
}

.materialwahl .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.materialwahl .dropdown li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}

/* Hover state */

.materialwahl .dropdown li:hover a {
    background: #f3f8f8;
}

.auswahl .box {background-image:url(../img/auswahl/box.png); background-repeat:repeat;height:auto;width:auto}
.auswahl .bottom .bl {background-image:url(../img/auswahl/bl.png); background-repeat:no-repeat; height:13px;width:7px;float:left}
.auswahl .bottom .b {background-image:url(../img/auswahl/b.png); background-repeat:repeat-x; height:16px;width:auto;float:left}
.auswahl .bottom .br {background-image:url(../img/auswahl/br.png); background-repeat:no-repeat; height:18px;width:18px;float:right}
.auswahl .r {background-image:url(../img/auswahl/r.png); background-repeat:repeat-y; height:auto;width:18px; float:right}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* carousel */

#wrapper {
	position:Relative;
	z-index:100;
	margin-left:0;
	margin-right:0;
	background-color: #fff;
	/*border: 1px solid #ccc;*/
	/*border-radius: 8px;*/
	/*width: 637px;*/
	/*width: 913px;*/
	height: auto;
	/*height: 99px;*/
	padding: 10px;
	margin-bottom:30px;
	/*margin-top:20px;
	/*margin: -75px 0 0 -410px;
	position: absolute;
	left: 50%;*/
	top: 50%;
}

#newsletter {
width: 913px;
	padding: 10px;
margin-left:auto;
	margin-right:auto;
}
#newsletter li {display: table-cell; padding:10px; vertical-align:middle;}
#newsletter ul {display:table-row}
#newsletter form {width:250px}
.caroufredsel_wrapper {
	border-radius: 8px;
}
#carousel div {
	/*width: 148px;*/
	width: 240px;
	height: 160px;
	/*height: 99px;*/
	margin: 0 5px;
	float: left;
}
#carousel img {
	/*width: 148px;*/
	width: 240px;
	height: 160px;
	margin: 0 5px;
	float: left;
}
#carousel div span {
	display: none;
}
#carousel div:hover span {
	background-color: #333;
	color: #fff;
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	width: 148px;
	padding: 2px 0;
	margin: 4px 0 0 5px;
	position: relative;
	bottom: 29px;
	left: 0;
	border-radius: 3px;
	text-align:center;
}
#prev, #next {
	background: transparent url( ../img/carousel/carousel_control.png ) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 21px;
	position: absolute;
	top: 80px;
}
#prev {
	background-position: 0 0;
	left: 30px;
}
#prev:hover {
	left: 29px;
}
#next {
	background-position: -18px 0;
	right: 30px;
}
#next:hover {
	right: 29px;
}
#pager {
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}
#pager a {
	background: transparent url(../img/carousel/carousel_control.png) no-repeat -2px -32px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}
#pager a.selected {
	background: transparent url(../img/carousel/carousel_control.png) no-repeat -12px -32px;
	text-decoration: underline;
}
#showAll {
	text-align: center;
/*	top: 125px;
position: absolute;
	margin-top: -10px;*/
	margin-left:809px;
}

#showAll a {display:block; text-align:center; height:25px; }
	/*margin-top: -10px;*/

:invalid { background: firebrick; }
	:valid { }

.checkout_navigation {
	text-align: right;
	width: 70%;
	padding: 5px 15px;
	margin: 15px auto;
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#4bc600;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #268a16;
	display:inline-block;
	color:#000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0F0), color-stop(1, #00CC00 );
	background:-moz-linear-gradient( center top, #4bc600 5%, #00CC00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.btn:active {
	position:relative;
	top:1px;
}