/*
		05.09.2025 - alte Styles wiederhergestellt, die vom globalen Shop-Layout ueberschrieben wurden und auf Grund des alten Designs nicht gepasst haben
*/

/* Der Selector .konfigurator korrigiert groesstenteils die nicht passenden Layout-Styles */
.konfigurator * {
		box-sizing: content-box;		/* vom Layout ueberschreiben, weil einige Elmente auf content-box aufgebaut sind */
}
.konfigurator input[type="text"], .konfigurator input[type="number"], .konfigurator select {
		width: auto;
}
.konfigurator input[type="radio"] {
		margin-right: 0.4em;
}

.ajax_lade {
		position: fixed;
		top: 10px;
		right: 10px;
		visibility: hidden;
}


[onclick], input[type="radio"], input[type="checkbox"], label {
		cursor: pointer;
}

input[type="text"] {
		cursor: text;
}

.input_number1 {
		width: 15px;
}

.konfigurator_link {
		color: #de8a04;
		line-height: 2em;
		text-decoration: none;
}
		.konfigurator_link:before {
				content: "\00BB \00A0";
				color: #de8a04;
		}
		.konfigurator_link > span{
				color: #de8a04 !important;
				text-decoration: underline;
		}

.link_buttonstyle {
		display: block;
		text-align: center;
		color: #ffffff;
		background-color: #de8a04;
		padding: 3px;
		border: 1px solid #ffffff;
		border-radius: 1px;
		box-shadow: 1px 1px 3px 0px #e0e0e0;
		cursor: pointer;
}

.konfigurator, .konfigurator td, .konfigurator select, .konfigurator input {
		color: #444444;
}

		.konfigurator h1 {
				font-size: 12px;
				font-weight: bold;
				color: #444444;
				text-align: left;
				margin-top: 0;
				margin-bottom: 1em;
				margin-left: 0;
				margin-right: 0;
				padding: 0;
		}

		.modelle {
				width: 100%;
				table-layout: fixed;
				border-spacing: 0;
		}
				.modelle th {
						text-align: center;
						font-weight: bold;
						background-color: #cecece;
						padding-top: 5px;
						padding-bottom: 5px;
				}
						.modelle th > span {
								font-weight: normal;
						}
				.modelle td {
						padding: 0;
						font-size: 11px ! important;
						text-align: center;
						word-wrap: break-word;
						background-color: #f4f4f4;
						border-top: 0;
						border-bottom: 0;
						border-left: 0;
						border-right: 0;
				}
				.modelle .freispalte {
						background-color: #ffffff;
						width: 3px;
				}

				.modelle td input[type="radio"] {
						margin: 10px;
						padding: 0;
				}


.konfigurator_box_main {
		border-top: 6px solid #cecece;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		margin-top: 9px;
}

.tabelle_masse {
		width: 100%;
		border-spacing: 0;
}
		.tabelle_masse > tr > td, .tabelle_masse > tbody > tr > td {
				vertical-align: top;
				padding: 0;
		}

.schritt_ueberschrift {
		padding-left: 43px;
		font-weight: bold;
		font-size: 12px;
		margin-top: 2em;
		margin-bottom: 1em;
		position: relative;
}
		.schritt_ueberschrift_pfeil {
				position: absolute;
				left: 0;
				top: -1px;
		}
				.schritt_ueberschrift_pfeil_img {
						display: block;
				}
				.schritt_ueberschrift_pfeil_text {
						position: absolute;
						left: 13px;
						top: 1px;
						color: #ffffff;
				}

.schritt_box {
		margin-left: 43px;
		margin-top: 1em;
		padding-bottom: 12px;
		position: relative;
}

		#wahlKastengroesse {
				margin-left:5px;
				margin-bottom:10px;
		}

		#windowFarbenRahmen {
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				background-color: #ffffff;
				border: 1px solid #cccccc;
				z-index: 10;		/* um ueber den folgenden absolute positionierten Nummern zu stehen */
		}

				.farbeRahmenHeadlineBig {
						font-weight: bold;
						font-size: 13px;
						margin-top: 1em;
				}

				#farbenRahmen {
						overflow: auto;
						max-height: 516px;
						padding-left: 0.5em;
						padding-top: 0.5em;
						padding-bottom: 0.5em;
						padding-right: 2em;		/* fuer den Firefox (31), so dass noch Platz fuer den Scrollbalken ist */
				}

						#farbenRahmen .farbeRahmenHeadline {
								font-weight: bold;
								text-align: left;
								margin-top: 24px;
								margin-bottom: 10px;
						}
						#farbenRahmen .farbeRahmenHeadline:first-child {
								margin-top: 8px;
						}
						#farbenRahmen .farbeRahmenBox {
								display: block;
								border-top: 1px solid #cecece;
								padding-top: 1px;
								padding-bottom: 1px;
								margin-top: 1px;
								margin-bottom: 1px;
								white-space: nowrap;
						}
								#farbenRahmen .farbeRahmenBox:hover {
										background-color: #f5f5f5;
								}
								#farbenRahmen .farbeRahmenBox div {
										display: inline-block;
										vertical-align: middle;
										white-space: nowrap;
								}
								#farbenRahmen .farbeRahmenBox div:last-child {
										padding-right: 4px;
								}
										#farbenRahmen .farbeRahmenBox div input[type="radio"] {
												margin: 10px;
										}
				.farbeRahmenSchliessen {
						position: absolute;
						top: 0;
						right: 0;
						/*
						Wenn wir kein Bild verwenden, kann ein "x" zum Beispiel folgendermassen formatiert werden:
						padding: 0.5em;
						background-color: #e43c4c;
						color: #ffffff;
						font-weight: bold;
						*/
				}
		.boxFarbe {
				padding: 9px;
				border: 1px solid #cccccc;
				width: 120px;
		}

input[type="text"] {
		text-align: right;
		border: 1px solid #d1d1d1;
		border-radius: 3px;
		background-color: #f8f8f8;
		font-size: 10px;
		box-shadow: inset 0 0 2px #dddddd;
}
.masseingabe input[type="text"] {
		margin-left: 1em;
}
.farbeRahmenSonderral input[type="text"] {
		text-align: left;
		width: 40px;
}

input[type="text"]:focus {
		box-shadow: 0 0 3px #aaaaaa;
}

.farbeRahmenSonderral button[type="button"] {
		color: #444444;
		background-color: #ffffff;
		border: 1px solid #cecece;
		font-size: 10px;;
}

.konfigurator select {
		border: 1px solid #d1d1d1;
		border-radius: 3px;
		background-color: #f8f8f8;
		font-size: 10px;
}
.konfigurator select:focus {
		box-shadow: 0 0 3px #aaaaaa;
}


.touchDevice .masseingabe select, .touchDevice input[type="text"] {		/* Platz fuer die Finger schaffen */
		margin-top: 0.4em;
		margin-bottom: 0.4em;
}


.sidebar_info {
		width: 194px;
		color: #888888;
		font-size: 10px;
}
		.sidebar_info > div {
				margin-top: 1em;
				border-left: 1px solid #cecece;
				border-bottom: 1px solid #cecece;
				position: relative;

				background-image: -webkit-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
				background-image: -moz-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
				background-image: -o-linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);
				background-image: linear-gradient(45deg, #f4f4f4 0%, #ffffff 50%);

				padding: 16px;
		}
				.sidebar_info > div .icon_achtung {
						position: absolute;
						left: -13px;
						top: -3px;
				}

		#hinweisbilder img {
				margin-top: 1em;
				margin-bottom: 1em;
		}

		.hinweisbox {
				margin-top: 1em;
				margin-bottom: 1em;
		}
				.hinweisbox_kasten {
						padding: 8px;
						text-align: center;
						border: 1px solid #d0d0d0;
				}
						.hinweisbox_kasten_ueberschrift {
								font-weight: bold;
								color: #da8a0c;
						}

.sprechblase {

		display: block;		/* ueberschreibt die Angabe in der Haupt-Css-Datei (css.css) */
		padding: 1em;

		border: 1px solid #ff0000;
		position: absolute;
		text-align: left;
		font-size: 10px;
		/*
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		*/
		background: #ffffff;
		color: #000000;
		top: 0;
		left: 30px;

		background-image: -webkit-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
		background-image: -moz-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
		background-image: -o-linear-gradient(166deg, #ffffff 47%, #dddddd 100%);
		background-image: linear-gradient(166deg, #ffffff 47%, #dddddd 100%);

		text-indent: 0;		/* weil das vererbt wird, stelle ich hier sicher, dass es hier wieder 0 ist */
}
		.sprechblase:before {
				content: ' ';
				position: absolute;
				width: 0;
				height: 0;
				left: 10px;
				bottom: -14px;
				border: 7px solid;
				border-color: #ff0000 transparent transparent #ff0000;
		}
		.sprechblase:after {
				content: ' ';
				position: absolute;
				width: 0;
				height: 0;
				left: 11px;
				bottom: -12px;
				border: 6px solid;
				border-color: #ffffff transparent transparent #ffffff;
		}

.farbeRahmen {
		width: 124px;
		height: 54px;
		display: inline-block;
		background-repeat: no-repeat;
}
#farbeLamelleBez, #farbeRahmenBez {
		margin-top: 5px;
		margin-bottom: 11px;
}

.farbeLamelleBild {
		display: inline-block;
		width: 127px;
		/* height: auto */
}

.tbl_panzer {
		border-spacing: 0;
		width: 100%;
		margin-top: 1em;
}
		.tbl_panzer td {
				padding: 0;
				vertical-align: top;
		}
		.tbl_panzer td.tbl_panzer_left {

		}
		.tbl_panzer td.tbl_panzer_right {
				width: 490px;
				padding-left: 2em;
				padding-top: 1.5em;
		}
				#wahlFarbenLamelle {
						width: 320px;
						height: 482px;
						overflow: auto;
				}
						#wahlFarbenLamelle  label > span {
								display: inline-block;
								text-align: center;
								margin: 8px;
						}
								#wahlFarbenLamelle  label > span > span {
										display: block;
										margin: 2px;
								}

								#wahlFarbeLamelleImg {
										width: 460px;
								}

				#wahlFarbeLamelleImg {
						display: block;
				}
				#wahlFarbeLamelleBez {
						font-weight: bold;
						margin-top: 2em;
						padding-bottom: 1em;
						border-bottom: 1px solid #cecece;
						margin-bottom: 1em;
				}
				#wahlFarbeLamelleText ul {
						list-style-type: circle;
				}
						#wahlFarbeLamelleText ul li {
								float: left;
								width: 37%;
						}

.box_optionen {
		background-color: #f4f4f4;
		padding-top: 12px;
		padding-right: 12px;
		margin-top: 5px;
		margin-bottom: 5px;
}

		.box_optionen > table {
				border-spacing: 0;
				width: 100%;
				table-layout: fixed;
		}
				/* .box_optionen > table > tr > td, .box_optionen > table > tbody > tr > td { */
				.box_optionen td {			/* gilt jetzt auch fuer Unter-Tabellenzellen */
						vertical-align: top;
				}
				.box_optionen > table > tr > td, .box_optionen > table > tbody > tr > td {
						padding-left: 6px;
						padding-right: 6px;
						padding-bottom: 12px;
				}
						.optionen {
								padding-left: 1ex;
								padding-right: 1ex;
								display: none;
								margin-top: 1em;
						}
								.optionen a {
									color:#000;									
								}							

						.box_optionen > table > tr > td select, .box_optionen > table > tbody > tr > td select {
								font-size: 11px;
						}

				.optionen_ue {
						font-size: 12px;
						margin-top: 8px;
						font-weight: bold;
						border-bottom: 1px solid #cecece;
						padding-bottom: 0.5em;
						margin-bottom: 0.5em;
				}

				#wahlAntrieb > label, #wahlSeite > label {
						display: inline-block;
						width: 50%;
				}

				.box_optionen_box {
						display: block;
						padding: 0.5em;
						background-color: #ffffff;
						border-left: 1px solid #cecece;
						border-right: 1px solid #cecece;
						border-bottom: 1px solid #cecece;
				}
						.optionen .box_optionen_ausklapp .box_optionen_box:hover {
								background-color: #f5f5f5;
						}
						.box_optionen_box img {
								float: left;
								margin-right: 1em;
						}
				.box_optionen_select {
						background-color: #f0f0f0;
						background-image: -webkit-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, #e9e9e9 50%, #e9e9e9 100%);
						background-image: -moz-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
						background-image: -o-linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
						background-image: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%,#e9e9e9 50%, #e9e9e9 100%);
						border-left: 1px solid #cecece;
						border-right: 1px solid #cecece;
						border-bottom: 1px solid #cecece;
						position: relative;
				}
						.box_optionen_select > table {
								width: 100%;
								border-spacing: 0;
						}
								.box_optionen_select > table td {
										padding: 0;
								}
								.box_optionen_select > table td:first-child {
										padding-left: 1em;
										padding-top: 0.5em;
										padding-bottom: 0.5em;
								}
								.box_optionen_select > table td:last-child {
										width: 15px;
										background-color: #ffffff;
										text-align: center;
										vertical-align: middle;
								}
				.box_optionen_ausklapp {
						position: absolute;
						display: none;
						z-index: 1; 		/* so dass es noch ueber dem Shop-Layout liegt */
				}

		.auswahlNotkurbelBox {
				display: block;
				margin-top: 1em;
		}
				.auswahlNotkurbelBox:first-child {
						margin-top: 0;
				}
				.auswahlNotkurbelBox > span {
						display: inline-block;
						width: 155px;
						vertical-align: middle;
				}

#wahlSchiene select {
		cursor: pointer;
		max-width: 100%;		/* sonst geht der Inhalt aus der umliegenden div-Box drueber */
}



#breite_leerzeichen {
		position: absolute;
		display: inline-block;
}
.eingerueckt_checkbox {
		display: block;
		margin-left: 24px;
		text-indent: -24px;
}

.popupUeberschrift {
		color: #444444;
		background-color: #cecece;
		padding: 10px;
		font-size: 12px;
}
.popupInfo {
		color: #444444;
		background-color: #f5f5f5;
		padding: 10px;
		font-size: 11px;
}
		.popupInfo > bold {
				text-transform: uppercase;
		}

.hinweis_text {
		font-style: italic;
		font-size: 10px;
}


/* Fenster Schiene */
#listing_schiene {
		overflow: auto;		/* height will be set via Javascript */
		margin-top: 10px;
		padding-right: 9px;
}
		.tbl_schiene {
				table-layout: fixed;
				width: 100%;
				border-spacing: 0;
		}
				.tbl_schiene td {
						padding: 1em;
						border-bottom: 3px solid #cecece;

				}
				.tbl_schiene td.tbl_schiene_left {
						vertical-align: middle;

				}
				.tbl_schiene td.tbl_schiene_right {
						vertical-align: bottom;
						padding: 0;
				}
						.schieneBez {
								font-weight: bold;
						}
						.schienePreis {

						}
						.schieneBox {
								background-color: #cecece;
								text-align: right;
								padding: 1em;
								margin-top: 1em;
						}
								.schieneBox .link_design {
										width: 162px;
										margin-left: auto;
										margin-right: 10px;
								}

/* Fenster Panzer */

		#wahlEinschraenkung {
				width: 100%;
				border-spacing: 0;
		}
				#wahlEinschraenkung td {
						padding: 1em;
						background-color: #f5f5f5;
						border-bottom: 1px solid #cfcfcf;
						vertical-align: middle;
				}
						#wahlEinschraenkung td * {
								vertical-align: middle;
						}
				.wahlEinschraenkungTrenner {
						width: 3px;
						padding-left: 0 !important;
						padding-right: 0 !important;
						background-color: #ffffff !important;
						border-bottom: none !important;
						border-left: 1px solid #cfcfcf;
						border-right: 1px solid #cfcfcf;
				}


.button_weiter {
		background-color: #444444;
		color: #ffffff;
		border: 1px solid #ffffff;
		width: 80px;
		margin-left: auto;
		margin-right: 4px;		/* um den Shatten noch zu sehen */
		margin-bottom: 4px;
		text-align: center;
		padding: 4px;
		box-shadow: 0 0 6px #d3d3d3;
		position: relative;
}
		.button_weiter > div {
				position: absolute;
				right: 7px;
				top: 3px;
		}



.zsf {
		width: 260px;
		margin-left: auto;
		margin-right: 0;
		margin-bottom: 2em;
		text-align: right;
}

		.zsf_info {
				background-color: #cecece;
				padding: 10px;
		}
				#einzelpreis {
						font-size: 20px;
						font-weight:bold;
				}
				.zsf_menge {
						width: 40px;
						border: 0;
						border-radius: 1px;
						margin-top: 4px;
						font-size: 11px;
				}
				.plusminus {
						border: 0;
						width: 7px;
						height: 15px;
						vertical-align: bottom;
				}

		.notizen {
				font-size: 11px;
				width: 100%;
				margin: 0;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				   -ms-box-sizing: border-box;
						box-sizing: border-box;
				padding: 4px;
				border-left: 1px solid #D8D8D8;
				border-right: 1px solid #D8D8D8;
				border-top: 0;
				border-bottom: 0;

		}


		.warenkorb_btn {
				background-color: #de8a04;
				border-color: #de8a04;
				border-width: 1px;
				color: #FFFFFF;
				font-size: 10px;
				height: 28px;
				text-align: left;
				width: 100%;
				position: relative;
		}
				.warenkorb_btn .warenkorb_text {
						font-weight: bold;
						text-transform: uppercase;
				}
				.warenkorb_btn img {
						position: absolute;
						right: 15px;
						top: 3px;
				}





/*

		Anfang Stofflisting

*/


#stoffwahl_spalte_stoffe {
		vertical-align: top;
		width: 400px;
}

#stoffwahl_spalte_trenner {
		background-image: url("stoffauswahl_verlauf.png");
		background-repeat: repeat-y;
		border-right: 1px solid #FFFFFF;
		width: 14px;
}

#stoffwahl_spalte_bild {
		padding-left: 2em;
		padding-right: 1em;
		vertical-align: top;
}

#stoffwahl_spalte_text {
		vertical-align: top;
		width: 280px;
		color: #808080;
}
/*
#liste_stoffe_container {
		width: 136px;
		overflow: hidden;
		height: 600px;
}
*/

#liste_stoffe {
		overflow: auto;
		height: 389px;
		position: relative;		/* position: relative ist fuer den IE7, sonst fliegen die Stoffe statisch aus der Div-Box */
}


.stoffeZurAuswahl {
		padding: 2px;
		color: #444444;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
}

/*
		Farbuebersicht.css
*/

		/* Einschraenkung der Eigenschaften */

		.hover_underline:hover {
				text-decoration: underline;
		}

		.farbuebersicht_headline {
				background-color: #cecece;
				color: #444444;
				padding: 0.5em;
				font-size: 1.2em;
				position: relative;
		}
				#suchfeld {
						border-width: 1px;
						color: #cccccc;
						font-size: 10px;
						width: 88px;
						position: absolute;
						right: 6px;
						top: 6px;
				}

		#farbuebersicht_head {
				height: 65px;
				position: relative;
				z-index: 3;
				min-width: 642px;
				background-color: #f4f4f4;
				border-bottom: 1px solid #cecece;
		}

		#text_before {
				color: #666666;
				margin-top: 1em;
				margin-bottom: 1em;
		}

		#text_after {
				margin-top: 20px;
				margin-bottom: 20px;
		}

		.box_group {
				top: 26px;
				left: 0;
				position: absolute;
				z-index: 19;
				height: 0;		/* das wird fuer Touch-Geraete benoetigt - wenn die Box zu gross ist und andere Elemente verdeckt koennen die nich mehr getoucht werden die inneren Elemente ragen heraus */
		}

		.box_properties {
				float: left;
				color: #595959;
				z-index: 13;
				margin-left: 13px;
		}

				body { behavior: url('/autosites/csshover3.htc'); }		/* only IE, ahmt das Hover-Verhalten nach! */

				.box_properties:hover .box_properties_area {
						display: block;
				}

		.box_properties_head {
				width: 100%;
				border-spacing: 0;
				background-color: #ffffff;
				border: 1px solid #d2d2d2;
				position: relative;
				z-index: 12;
		}
				.box_properties_head_bez {
						text-align: left;
						padding-left: 6px;
						padding-top: 0;
						padding-bottom: 0;
						padding-right: 0;
						cursor: default;		/* sonst machen die Browser es zu 'text', was hier nicht so gut passt */
				}
				.box_properties_head_img {
						text-align: center;
						padding-top: 0;
						padding-bottom: 0;
						background-color: #888888;
						width: 13px;
				}


		.box_properties_area {
				background-color: #ffffff;
				border: 1px solid #dcdcdc;
				margin-top: 2px;
				padding: 4px;
				position: relative;
				display: none;
				position: relative;
				z-index: 10;
		}

				.box_properties_area table {
						width: 100%;
						z-index: 9
				}
				.box_properties_area div {
						z-index: 9
				}

		#farbuebersicht_head_volant {
				position: absolute; top: 15px; left: 834px;
		}

		#farbuebersicht_head_sonderpreise {
				position: absolute; top: 34px; left: 834px;
		}
		@media all and (max-width: 980px) {
				#farbuebersicht_head_volant {
						position: absolute; top: 2px; left: 598px;
				}

				#farbuebersicht_head_sonderpreise {
						position: absolute; top: 2px; left: 712px;
				}
		}

		/* Listing der Stoffe */

		#liste_stoffe table {
				table-layout: fixed;
				width: 100%;
		}

				.listing_box {
						color: #888888;
						vertical-align: top;
						text-align: center;
						padding-top: 4px;
						padding-bottom: 4px;
						border: 1px solid transparent;		/* damit beim Mouseover, wennd der Rahmen hinzugerechnet wird, die Box nicht so komisch "springen" */
				}

				.listing_box:hover {
						border: 1px solid #cecece;
				}

						.listing_box img {
								border: 1px solid #cccccc;
						}
				.listing_box_activated {
						background-color: #cecece;
						color: #444444;
				}
						.listing_box_activated img {
								border: 1px solid #ffffff;
						}

		.msg_notfound {
				color: #666666;
				font-style: italic;
				margin-top: 60px;
				text-align: center;
		}

		.design_kl {			/* im Konfigurator */
				position: relative;
				margin-left: auto;
				margin-right: auto;
		}
				.design_kl img {
						display: inline-block;

				}
				.design_kl_system {
						position: absolute;
						text-align: center;
						top: 10px;
						left: 0;
				}
		.design_kl, .design_kl img, .design_kl_system {
				width: 39px;
		}
		.design_kl, .design_kl img {
				height: 52px;
		}

		.bild_kl {			/* bei der Stoffwahl */
				position: relative;
				width: 60px;
				height: 80px;
				margin-left: auto;
				margin-right: auto;
		}
				.bild_kl_img {
						display: inline-block;
						width: 60px;
						height: 80px;
				}
				.bild_kl_system {
						width: 60px;
						position: absolute;
						text-align: center;
						top: 10px;
						left: 0;
				}
				.bild_kl_na {		/* klein not avalable */
						position: absolute;
						left: 0;
						top: 0;
				}


/*
		Ende Farbuebersicht

*/

#stoffwahl_des_head {
		position: relative;
}
		#stoffwahl_des_head .ajax_lade {
				position: absolute;
				right: 20px;
				top: 0;
		}

		#stoffwahl_des_bez {
				font-size: 12px;
				font-weight: bold;
				color: #444444;
		}

		#stoffwahl_des_ersetzt_bez {
				display: none;
				font-size: 10px;
				color: #444444;
				font-style: italic;
		}

		#stoffwahl_des_versandzeit {
				margin-top: 1em;
				color: #444444;
		}

.stoffauswahl_bottom_hinweise {
		color: #888888;
		margin-top: 2em;
}

.stoffwahl_des_ue {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #d2d2d2;
		color: #444444;
}

.stoffwahl_des_box {
		overflow: auto;
		height: 0;
		padding-left: 10px;
		padding-right: 6px;
}

#des_bez {
		font-size: 12px;
}

.msg_nichtverfuegbar {
		font-style: italic;
}

#des_bild_kl {
		border: 1px solid #e4e4e4;
}

.stoffauswahl_bottom {
		text-align: right;
		margin-top: 1em;
}
		.stoffauswahl_bottom > div {
				background-color: #444444;
				color: #ffffff;
				border: 1px solid #ffffff;
				width: 80px;
				margin-left: auto;
				margin-right: 4px;		/* um den Shatten noch zu sehen */
				margin-bottom: 4px;
				text-align: center;
				padding: 4px;
				box-shadow: 0 0 6px #d3d3d3;
				position: relative;
		}
				.stoffauswahl_bottom > div > div {
						position: absolute;
						right: 7px;
						top: 3px;
				}


.msgboxhtml_buttons {
		text-align: right;
}
		.msgboxhtml_buttons > div {
				display: inline-block;
				text-decoration: underline;
				cursor: pointer;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
				padding-left: 1em;
				padding-right: 1em;
		}


/*

		Ende Stofflisting

*/



/* Das grosse Stoffbild */

.big_bildbox {
		position: relative;
		margin: auto;
		width: 302px;		/* die 2 Pixel sind dem Rahmen vom inneren Bild geschuldet, der den Massen aufaddiert wird */
		height: 402px;
}

		.big_bild, .big_layerbild {
				border: 1px solid #cccccc;
				position:absolute;
				top:0;
				width:300px;
		}

		.big_lupe {
				position: absolute;
				right: 15px;
				top: 15px;
		}

		.big_nav_left, .big_nav_right {
				position: absolute;
				top: 190px;
		}
		.big_nav_left {
				left: 0;
		}
		.big_nav_right {
				right: 0;
		}

#bild_gr_preview {
		margin-top: 7px;
}
		#bild_gr_preview > img {
				border: 1px solid #cccccc;
				margin-right: 3px;
				width: 30px;
				height: 40px;
		}

#des_stoffprobe {
		text-align: center;
		margin-bottom: 5px;
}
		#des_stoffprobe button {
				background-color: #FFFFFF;
				border-color: #F8FFF8;
				font-size: 11px;
		}