/* CSS-Resets */
* {margin:0px;padding:0px;}

/***** 1. Seitenaufbau *****/
body {font-family:Arial, Helvetica, Verdana, Geneva, sans-serif;font-size:11px;font-weight:normal;text-align:left;color:#595959;line-height:18px;background-color:white;}

/***** Absätze *****/
p {clear:both;padding:0px 5px;}

/***** Bild *****/
img {border:0px;}
img.floatleft {padding:0px 10px 5px 0px;float:left;}
img.floatright {padding:0px 0px 0px 10px;float:right;}

/***** Tabelle *****/
table {margin:3px 0px 3px 0px;width:100%;}
th {padding:0px 0px 0px 5px;font-weight:bold;vertical-align:top;text-align:left;border-left:12px solid #ddd;border-bottom:1px solid #ddd;}
td {padding:2px;font-weight:normal;vertical-align:top;text-align:left;border-bottom:1px solid #e9e9e9;}

/***** Überschriften *****/
h1 {margin:0px 0px 10px 0px;font-size:12px;font-weight:bold;padding:0px 5px;}
h2 {font-size:11px;font-weight:bold;padding:0px 5px;}
h3 {font-size:13px;font-weight:bold;padding:0px 5px;}

/***** Formular *****/
input {padding:1px;margin:2px;font-size:11px;background-color:#F8F8F8;border:1px solid #DDDDDD;}
select {padding:1px;margin:2px;font-size:10px;background-color:#F8F8F8;border:1px solid #DDDDDD;}
textarea {margin:2px;font-size:11px;font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;background-color:#F8F8F8;border:1px solid #DDDDDD;}
label {margin:0px 0px 2px 0px;font-weight:normal;vertical-align:baseline;}

/***** Verlinkung *****/
a:link, a:active, a:visited {font-weight:normal;color:#2c952e;text-decoration:none;}
a:hover, a:focus {font-weight:normal;color:#1d331e;text-decoration:underline;}
a {outline:none;}

/***** Listen *****/
ul {padding:10px 20px;}
li {padding:1px 10px;list-style-type:circle;}

/*** Allgemeine Angaben ***/
.pfeil {padding:0px 0px 0px 15px;background-image:url(../images/layout/pfeil.gif);background-repeat:no-repeat;}
.floatdrittel {float:left;width:32%;padding:0px 0px 0px 10px;}
.floatzweidrittel {float:left;width:66%;}
.floathalb {float:left;width:49%;}
.floatviertel {float:left;width:24%;}
.floatdreiviertel {float:left;width:74%;}
.float345 {float:left;width:345px;}
.teaser {padding:20px 20px 20px 0px;width:240px;background-image:url(../images/layout/trenner_260.gif);background-repeat:repeat-y;}
.float {padding:0px 10px 0px 0px;float:left;}
.box4 {margin:0px 0px 10px 0px;width:24%;text-align:center;float:left;}
.block5 {width:380px;}
.artikel {padding:0px 0px 20px 0px;width:170px;float:left;}
.text {clear:both;padding:10px 0px 0px 0px; }
.art_rahmen {padding:10px 0px;float:left;}
.art_oben {height:140px;}
.art_unten {height:30px;}
.art {padding:5px 0px;}
.art_bild {float:left;width:136px;}
.art_preise {float:left;width:400px;}
.art_beschreibung {float:left;width:200px;}
.kat_beschreibung {padding:110px 0px 0px 0px;float:left;width:200px;}
.float100 {padding:5px 0px 0px 0px;width:100px;float:left;}
.float136 {padding:5px 0px 0px 0px;width:136px;float:left;}
.float150 {padding:5px 0px 0px 0px;width:150px;float:left;}
.float170 {padding:5px 0px 0px 0px;width:170px;float:left;}
.float190 {padding:5px 0px 0px 0px;width:190px;float:left;}
.float220 {padding:5px 0px 0px 0px;width:220px;float:left;}
.float292 {padding:5px 0px 0px 0px;width:292px;float:left;}
.float340 {padding:5px 0px 0px 0px;width:340px;float:left;}
.float388 {padding:5px 0px 0px 0px;width:388px;float:left;}
.float460 {padding:5px 0px 0px 0px;width:460px;float:left;}
.float530 {padding:5px 0px 0px 0px;width:530px;float:left;}
.float580 {padding:5px 0px 0px 0px;width:580px;float:left;}
.floathalb310 {width:310px;float:left;}
.floathalb380 {width:380px;float:left;}
.both {clear:both;}
.bordermodelle {height:171px;border-bottom:1px solid #e9e9e9;padding-bottom:10px;}
.bordermodellebalance {height:166px;border-bottom:1px solid #e9e9e9;padding-bottom:10px;background-color:#e9e9e9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-top:5px;}
.bordermodellegelato {height:186px;border-bottom:1px solid #e9e9e9;padding-bottom:10px;background-color:#e9e9e9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-top:5px;}
.noborder {border:0px;}
.borderright {border-right:1px solid #e9e9e9;height:150px;margin-bottom:5px;}
.borderno {height:150px;margin-bottom:5px;}
.border_bottom {border-bottom:1px solid #E9E9E9;}
.pad_t10 {padding-top:10px;}
.pad_b10 {padding-bottom:10px;}
.pad_r10 {padding-right:10px;}
.pad_l10 {padding-left:10px;}
.preisschild {width:79px;height:40px;background-image:url(../images/symbole/preisschild.png);background-repeat:no-repeat;color:#595959;font-weight:bold;font-size:16px;padding:10px 0px 0px 10px;}

/********** 2. Angaben (Seitenaufbau) **********/
#master {
	margin:0px;
	padding:0px;
	width:990px;
	text-align:right;}

	/***** Zeile 0 (Login) *****/
	#z0 {
		margin:0px;
		padding:0px 10px 0px 0px;
		line-height:30px;}

	/***** Zeile 1 (Logo, Links, Sprache) *****/
	#z1 {
		margin:0px;
		padding:0px;
		text-align:left;}

		/***** Zeile 1 - Spalte 1 (Links, Sprache) *****/
		#z1s1 {
			margin:0px;
			padding:32px 0px 5px 20px;
			width:840px;
			float:left;}

		/***** Zeile 1 - Spalte 2 (Logo) *****/
		#z1s2 {
			margin:0px;
			padding:32px 0px 5px 0px;
			width:120px;
			float:left;}

	/***** Zeile 2 (Illustration, Hauptnavigation, 1. Unternavigation) *****/
	#z2 {
		margin:0px;
		padding:0px;
		text-align:left;
		clear:both;}

		/***** Zeile 2 - Spalte 1 (Illustration) *****/
		#z2s1 {
			margin:0px;
			padding:0px;
			width:380px;
			float:left;}

		/***** Zeile 2 - Spalte 2 (Hauptnavigation) *****/
		#z2s2 {
			margin:0px;
			padding:0px;
			width:610px;
			height:273px;
			background-image:url(../images/layout/bg_z2s2.jpg);
			background-repeat:no-repeat;
			float:left;}

			/* Navigation Level 1 */
			#z2s2 ul.ebene1 {
				margin:0px;
				padding:2px;
				top:125px;
				left:385px;
				position:absolute;
				width:190px;
				text-align:left;}

		    	#z2s2 ul.ebene1 li {
					margin:0px;
					padding:2px;
					list-style-type:none;}

					#z2s2 ul.ebene1 li a {
						margin:0px;
						padding:2px;
						font-size:14px;
						font-weight:normal;
						color:#FFF;
						text-decoration:none;}

						#z2s2 ul.ebene1 li a:hover {
							margin:0px;
							padding:2px;
							font-size:14px;
							font-weight:normal;
							color:#144d05;
							text-decoration:none;}

							#z2s2 ul.ebene1 li.active1 a {
							    color:#fff;
								text-decoration:underline;}

							#z2s2 ul.ebene1 li a.shop {
								padding:0px 2px;
								background-color:#78c856;}

							#z2s2 ul.ebene1 li a.shop:hover {
								padding:0px 2px;
								background-color:transparent;}

				/* Navigation Level 2 */
				#z2s2 ul.ebene1 li ul.ebene2 {
					margin:0px;
					padding:2px;
					top:0px;
					left:190px;
					position:absolute;
					width:230px;
					list-style:none;
					text-align:left;}

					#z2s2 ul.ebene1 li ul.ebene2 li a {
						margin:0px;
						padding:2px;
						font-size:13px;
						font-weight:normal;
						color:#FFF;
						text-decoration:none;}

						#z2s2 ul.ebene1 li ul.ebene2 li a:hover {
							margin:0px;
							padding:2px;
							font-size:13px;
							font-weight:normal;
							color:#144d05;
							text-decoration:none;}

							#z2s2 ul.ebene1 li ul.ebene2 li.active2 a {
								color:#fff;
								text-decoration:underline;}

		    	/* Navigation Level 3 */
		    	#z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 {
					margin:0px;
					padding:0px;
					top:0px;
					left:220px;
					position:absolute;
					width:190px;
					list-style:none;
					text-align:left;}

					#z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 li a {
						margin:0px;
						padding:2px;
						font-size:12px;
						font-weight:normal;
						color:#FFF;
						text-decoration:none;}

						#z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 li a:hover {
							margin:0px;
							padding:2px;
							font-size:12px;
							font-weight:normal;
							color:#144d05;
							text-decoration:none;}

							#z2s2 ul.ebene1 li ul.ebene2 li ul.ebene3 li.active3 a {
								color:#fff;
								text-decoration:underline;}

					/** Umformatierung bei Displayangeboten **/
					#z2s2 ul.ebene1 li ul.ebene2 li ul.display3 {
					margin:0px;
					padding:0px;
					top:0px;
					left:220px;
					position:absolute;
					width:190px;
					list-style:none;
					text-align:left;
					color:#fff;}

					#z2s2 ul.ebene1 li ul.ebene2 li ul.display3 li a {
						margin:0px;
						padding:0px;
						font-size:12px;
						font-weight:normal;
						color:#FFF;
						text-decoration:none;
						/* white-space:nowrap; */}

						#z2s2 ul.ebene1 li ul.ebene2 li ul.display3 li a:hover {
							margin:0px;
							padding:0px;
							font-size:12px;
							font-weight:normal;
							color:#144d05;
							text-decoration:none;
							/* white-space:nowrap; */}

							#z2s2 ul.ebene1 li ul.ebene2 li ul.display3 li span.active a {
								color:#fff;
								text-decoration:underline;}

	/***** Zeile 3 (Teaser, Inhalte) *****/
	#z3 {
		margin:0px;
		padding:0px;
		clear:both;
		text-align:left;}

		/***** Zeile 3 - Spalte 1 (Teaser) *****/
		#z3s1 {
			margin:0px;
			padding:20px 0px 20px 20px;
			width:280px;
			float:left;}

			#z3s1 .teaser {
				margin:0px;
				padding:20px 20px 20px 0px;
				width:240px;
				background-image:url(../images/layout/trenner_260.gif);
				background-repeat:repeat-y;}

			#z3s1 .float {
				padding:0px 10px 0px 0px;
				float:left;}

		/***** Zeile 3 - Spalte 2 (Inhalte) *****/
		#z3s2 {
			margin:0px;
			padding:0px;
			float:left;}

			#z3s2i1 {
				margin:0px;
				padding:20px 0px 0px 0px;
				clear:both;}

				/***** Aufteilung der dritten Menüebene in 4 Blöcke *****/
				#z3s2i1 .box4 {
					margin:0px 0px 10px 0px;
					padding:0px;
					width:24%;
					text-align:center;
					float:left;}

			#z3s2i2 {
				margin:0px;
				padding:0px;
				width:690px;}

				#z3s2i2 .block5 {
					width:380px;}

					#z3s2i2 .artikel {
						margin:0px;
						padding:0px 0px 20px 0px;
						width:170px;
						float:left;}

					#z3s2i2 .text {
						margin:0px;
						padding:0px;
						clear:both;}

				#z3s2i2 .art_rahmen {
					margin:0px;
					padding:10px 0px;
					float:left;}

					#z3s2i2 .art {
						margin:0px;
						padding:5px 0px;}

						#z3s2i2 .art_bild {
							margin:0px;
							padding:0px;
							float:left;
							width:136px;}

						#z3s2i2 .art_preise {
							margin:0px;
							padding:0px;
							float:left;
							width:400px;}

						#z3s2i2 .art_beschreibung {
							margin:0px;
							padding:0px;
							float:left;
							width:200px;}

						#z3s2i2 .kat_beschreibung {
							margin:0px;
							padding:110px 0px 0px 0px;
							float:left;
							width:200px;}

						#z3s2i2 .float388 {
							padding:5px 0px 0px 0px;
							width:388px;
							float:left;}

						#z3s2i2 .float292 {
							padding:5px 0px 0px 0px;
							width:292px;
							float:left;}

						#z3s2i2 .float340 {
							padding:5px 0px 0px 0px;
							width:340px;
							float:left;}

						#z3s2i2 .float150 {
							padding:5px 0px 0px 0px;
							width:150px;
							float:left;}

						#z3s2i2 .float170 {
							padding:5px 0px 0px 0px;
							width:170px;
							float:left;}

						#z3s2i2 .float100 {
							padding:5px 0px 0px 0px;
							width:100px;
							float:left;}

						#z3s2i2 .float530 {
							padding:5px 0px 0px 0px;
							width:530px;
							float:left;}

						#z3s2i2 .float580 {
							padding:5px 0px 0px 0px;
							width:580px;
							float:left;}

						#z3s2i2 .float190 {
							padding:5px 0px 0px 0px;
							width:190px;
							float:left;}

						#z3s2i2 .float220 {
							padding:5px 0px 0px 0px;
							width:220px;
							float:left;}

						#z3s2i2 .float460 {
							padding:5px 0px 0px 0px;
							width:460px;
							float:left;}

				/***** Caption *****/
				.caption {
					padding:0px 0px 0px 12px;}

				/* Sitemap Level 1 */
				#z3s2i2 ul.ebene1 {
					margin:0px;
					padding:2px 0px;
					text-align:left;}

			    	#z3s2i2 ul.ebene1 li {
						margin:0px;
						padding:2px;
						list-style-type:none;}

				/* Sitemap Level 2 */
				#z3s2i2 ul.ebene1 li ul.ebene2 {
					margin:0px;
					padding:0px;
					list-style:none;
					text-align:left;}

					#z3s2i2 ul.ebene1 li ul.ebene2 li {
						margin:0px;
						padding:0px 0px 0px 30px;}

				/* Sitemap Level 3 */
				#z3s2i2 ul.ebene1 li ul.ebene2 li ul.ebene3 {
					margin:0px;
					padding:0px;
					list-style:none;
					text-align:left;}

					#z3s2i2 ul.ebene1 li ul.ebene2 li ul.ebene3 li {
						margin:0px;
						padding:0px 0px 0px 30px;}

	/****** Zeile 4 (Navigation unten) *****/
	#z4 {
		margin:10px 0px 0px 0px;
		padding:25px 10px 5px 0px;
		width:980px;
		background-color:#EEF1E8;
		clear:both;}

	/***** Zeile 5 (Zusätzliche Links) *****/
	#z5 {
		margin:0px;
		padding:10px;
		width:980px;
		clear:both;
		text-align:left;}

/***** Videoplayer bei den Kollektionen *****/
#video {padding:0px 5px 0px 5px;top:20px;left:20px;height:320px;width:320px;text-align:left;border:1px solid black;background-color:white;position:absolute;z-index:200;}

/***** Videoplayer für die große Ansicht des Teasers *****/
#teaservideo {padding:0px 5px 0px 5px;top:20px;left:20px;height:430px;width:512px;text-align:left;border:1px solid black;background-color:white;position:absolute;z-index:200;}

/**** Daumenkino ****/
#bilderstapel {background-color: black;height:390px;width:310px;}
#bilderstapel img {position:absolute;height:390px;width:310px;z-index:1;}
#bilderstapel img.obersteebene {z-index:3;}
#bilderstapel img.mittlereebene {z-index:2;}

/**** Opener Startseite ****/
#homeopen {width:770px;height:450px;background-color:#fff;background-repeat:no-repeat;z-index:100;position:absolute;margin:10px;}
	.open-kollektion {position:absolute;left:555px;top:250px;}
	.link-kol {padding:8px 0px 0px 22px;color:#fff;}
	.link-kol a {color:#fff;}
	.open-bestellen {position:absolute;left:552px;top:311px;}
	.link-best a:link, .link-best a:active, .link-best a:visited {padding:0px 0px 0px 20px;font-weight:bold;}
	.link-best a:hover, .link-best a:focus {padding:0px 0px 0px 20px;font-weight:bold;}
	.open-close {position:absolute;left:18px;top:20px;}

/** Image Zoom **/
div.jqZoomTitle {z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top:0px;left:0px;width:100%;color:#FFF;background:#2C952E;}
	.jqZoomPup {overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:10;border-color:#2C952E;border-style:solid;cursor:crosshair;}
	.jqZoomPup img {border:0px;}
	.preload {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;font-size:10px;font-family:Arial,Helvetica,Verdana,Geneva,sans-serif;;text-decoration:none;border:1px solid #2C952E;background-color:white;padding:8px;text-align:center;background-image:url(../images/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
	.jqZoomWindow {border:1px solid #2C952E;background-color:#FFF;}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left {background:url(../images/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat;} /* Top left corner */
div.light_rounded .pp_top .pp_middle {background:#fff;} /* Top pattern/color */
div.light_rounded .pp_top .pp_right {background:url(../images/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat;} /* Top right corner */
div.light_rounded .pp_content {background-color:#fff;} /* Content background */
div.light_rounded .pp_next:hover {background:url(../images/prettyphoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer;} /* Next button */
div.light_rounded .pp_previous:hover {background:url(../images/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;} /* Previous button */
div.light_rounded .pp_expand {background:url(../images/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;} /* Expand button */
div.light_rounded .pp_expand:hover {background:url(../images/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;} /* Expand button hover */
div.light_rounded .pp_contract {background:url(../images/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;} /* Contract button */
div.light_rounded .pp_contract:hover {background:url(../images/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;} /* Contract button hover */
div.light_rounded .pp_close {width:75px;height:22px;background: url(../images/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;} /* Close button */
div.light_rounded .pp_arrow_previous {background:url(../images/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat;} /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled {background-position: 0 -87px;cursor:default;}
div.light_rounded .pp_arrow_next {background:url(../images/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat;} /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled {background-position: -22px -87px;cursor:default;}
div.light_rounded .pp_bottom .pp_left {background:url(../images/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat;} /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {background:#fff;} /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {background:url(../images/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat;} /* Bottom right corner */
div.light_rounded .pp_loaderIcon {background:url(../images/prettyphoto/light_rounded/loader.gif) center center no-repeat;} /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {outline:none;}
div.pp_overlay {background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500;}
div.pp_pic_holder {display:none;position:absolute;width:100px;z-index:10000;}
	.pp_top {height:20px;position:relative;}
	* html .pp_top {padding:0 20px;}
	.pp_top .pp_left {height:20px;left:0;position:absolute;width:20px;}
	.pp_top .pp_middle {height:20px;left:20px;position:absolute;right:20px;}
	* html .pp_top .pp_middle {left:0;position:static;}
	.pp_top .pp_right {height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
	.pp_content {height:40px;position:relative;text-align:left;width:100%;}
	.pp_content .pp_details {display: none;margin:10px 15px 2px 20px;}
	.pp_description {display:none;float:left;margin:0;}
	.pp_nav {clear:left;float:left;margin:3px 0 0 0;}
	.pp_nav p {float:left;margin:2px 4px;}
	.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next {display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;}
	.pp_hoverContainer {left:0;position:absolute;top:0;width:100%;z-index:2000;}
	a.pp_next {background:url(../images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;}
	a.pp_previous {background:url(../images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;}
	a.pp_expand, a.pp_contract {cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;}
	a.pp_close {display:block;float:right;text-indent:-10000px;}
	.pp_bottom {height:20px;position:relative;}
	* html .pp_bottom {padding:0 20px;}
	.pp_bottom .pp_left {height:20px;left:0;position:absolute;width:20px;}
	.pp_bottom .pp_middle {height:20px;left:20px;position:absolute;right:20px;}
	* html .pp_bottom .pp_middle {left:0;position:static;}
	.pp_bottom .pp_right {height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
	.pp_loaderIcon {display:none;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;}
	#pp_full_res {display:none;line-height:1 !important;margin:0 auto;text-align:center;width:100%;}
div.ppt {color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */