/* fuer Touch-Geraete einfach die Klasse .touchDevice davor schreiben (Erkennuzng und Setzung der Klasse in Javascript) */

#fancybox-content {		/* nicht ".touchDevice #fancybox-content" - die Div Box mit IFRAM befindet sich ausserhalb der Klasse .touchDevice
		/* Diese Angabe ist dazu da, um auf dem IPad im IFrame (Modellbeschreibung) scrollen zu koennen   */
		-webkit-overflow-scrolling: touch;
		overflow: auto;
}

#custom-fancybox-close {
    background: url("/rollos/konfigurator/fancybox.png") repeat scroll -40px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 1103;
}

.touchDevice .box_properties_area img {
		/* dass man das auf den Geraeten besser druecken kann */
		width: 20px;
		height: 20px;
		vertical-align: top;
}

.touchDevice img[src*="frage_9"] {
		width: 14px;
}

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

.ajax_lade {
		visibility: hidden;
}

.konfigurator, .konfigurator td, .konfigurator select, .konfigurator input {
		color: #444444;
		font-size: 8pt;
}

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

.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;
}

		.tbl_design {
				border-spacing: 0;
		}
				.tbl_design > tr > td, .tbl_design > tbody > tr > td {
						vertical-align: top;
						padding-left: 0;
						padding-top: 0;
						padding-bottom: 0;
						padding-right: 10px;
				}

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

.masseingabe input[type="text"]: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;
}


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


#dach_oder {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 20px;
}

#auswahl_d_traeger {
		margin-top: 1em;
		display: none;
		opacity: 0;
}
		#auswahl_d_traeger input[type="checkbox"] {
				vertical-align: middle;
				margin: 0;
				padding: 0;
		}

/* 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 {
				position: absolute;
				left: 0;
				top: 0;
				border: 1px solid #cccccc;
				width: 300px;
				height: 400px;
		}

		.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;
		}

/* Die 2. Rollomodell- / Stoffauswahl */

#rollomodellwahlx table {
		width: 100%;
		margin-top: 8px;
		table-layout: fixed;
}

		#rollomodellwahlx table td {
				text-align: center;
		}
				#rollomodellwahlx table td button {
						margin-top: 10px;
						margin-bottom: 10px;
						margin-left: auto;
						margin-right: auto;
				}
						#rollomodellwahlx table td button img {
								margin: 10px;
						}
						#rollomodellwahlx table td button div {
								font-size: 11px;
								font-weight: bold;
						}

#hinweis_farbe_abdeckkappen {
		display: none;
}

.hinweis {
		color: #FF0000;
		font-size: 12px;
		font-weight: bold;
}

#fenster_volant {
		color: #444444;
}
		#fenster_volant input[type="radio"] {
				margin-top: 0;
				vertical-align: bottom;
		}
		#fenster_volant > table {
				border-spacing: 0;
		}

		.volant_ueberschrift {
				padding: 1em;
				background-color: #cecece;
				position: relative;
				margin-bottom: 6px;
				font-size: 12px;
		}
				.volant_ueberschrift_ohne {
						position: absolute;
						right: 6px;
						top: 6px;
						background-color: #dd8903;
						border: 1px solid #ffffff;
						color: #ffffff;
						padding-top: 0.3em;
						padding-bottom: 0.3em;
						padding-left: 1em;
						padding-right: 1em;
						font-size: 11px;
				}

		.volant_list {
				margin: 0;
				padding-left: 2em;
				list-style-type: circle;
		}
		.volant_img {
				margin-top: 6px;
		}
		.volant_preis {
				text-align: center;
				font-size: 10px
		}
		.volant_beschreibung {
				background-color: #f4f4f4;
				padding: 1em;
				width: 250px;
				vertical-align: top;
		}
		.volant_ueberschrift1 {
				font-weight: bold;
				font-size: 13px;
		}
		.volant_ueberschrift2 {
				margin-top: 1em;
				font-weight: bold;
		}
		.volant_cell {
				padding: 2em;
		}
		.volant_hr {
				height: 6px;
				border-bottom: 1px solid #d2d2d2;
		}
		.volant_ueberschrift_rechts {
				padding-top: 2em;
				padding-left: 2em;
				font-weight: bold;
				font-size: 12px;
		}


.mit {
		background-color: #FFFFFF;
}

.modellwahl {
		width: 100%;
		border-spacing: 0;
		
		display: none;
		
		
}

		.modellwahl td {
				padding: 0;
		}

		.modellwahl_ueberschrift_mass {
				font-weight: normal;
				background-color: #658f38;
				color: #ffffff;
				padding: 0.5em;
				font-size: 12px;
				text-align: left;
		}
		.modellwahl_ueberschrift_platzhalter {
				width: 7px;
		}
		.modellwahl_ueberschrift_standard {
				width: 108px;
				background-color: #cecece;
				text-transform: uppercase;
				font-weight: normal;
				color: #ffffff;
				padding: 0.5em;
				font-size: 12px;
				text-align: center;
		}

				.modelle {
						width: 100%;
						table-layout: fixed;
						border-spacing: 0;
				}
						.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 td div {
										padding: 4px;
										border-top: 9px solid #ffffff;
										border-bottom: 9px solid #ffffff;
										border-left: 0;
										border-right: 0;
								}
						.modelle td.modell_selected {
								background-color: #cecece;
								font-weight: bold;
								border-top: 0;
								border-bottom: 0;
								border-left: 9px solid #ffffff;
								border-right: 9px solid #ffffff;
						}
						.modelle td.modell_selected:first-child {
								border-left: 9px solid #cecece;
						}
						.modelle td.modell_selected:last-child {
								border-right: 9px solid #cecece;
						}
								.modelle td.modell_selected div {
										border-top: 9px solid #cecece;
										border-bottom: 9px solid #cecece;
										border-left: 0;
										border-right: 0;
								}

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

						.modellwahl_auswahl_standard {
								text-align: center;
								cursor: pointer;
								vertical-align: top;
						}
								.modellwahl_auswahl_standard > div {
										border: 1px solid #f4f4f4;
										height: 117px;
										padding: 4px;
										color: #888888;
										margin-top: 9px;
								}

#auswahl_rollomodell {
		margin-top: 1em;
		margin-right: 1em;
}

		#auswahl_rollomodell > table {
				table-layout: fixed;
				border-spacing: 0;
		}

				#auswahl_rollomodell > table > tr > td, #auswahl_rollomodell > table > tbody > tr > td {
						vertical-align: top;
						padding-top: 0;
						padding-bottom: 0;
						padding-left: 8px;
						padding-right: 8px;
				}

						.auswahl_rollomodell_relative {
								position: relative;
								/* width: 118px; */
								max-width: 130px;		/* so das "Soft-Mittelzug Automatik" in der Bezeichnung umbricht */
						}

								.auswahl_rollomodell {
										color: #a0a0a0;
										border: 1px solid #dedede;
										z-index: 1;
										background-color: #ffffff;
										/*
										transition: all 1s;
										-webkit-transition: all 1s;  geht leider nur teilweise */ /* Safari */
								}
								.auswahl_rollomodell_activated {
										color: #444444;
										box-shadow: 2px 2px 2px #999999;
								}

								.auswahl_rollomodell_highlighted {
										position: absolute;
										z-index: 2;
								}

										.auswahl_rollomodell_upper {
												text-align: center;
												margin: 1px;
										}

												.auswahl_rollomodell_bezeichnung {
														padding: 6px;
														background-color: #f4f4f4;
												}
												.auswahl_rollomodell_highlighted .auswahl_rollomodell_bezeichnung {
														font-weight: bold;
														color: #444444;
												}
												.auswahl_rollomodell_activated .auswahl_rollomodell_bezeichnung {
														font-weight: bold;
														color: #444444;
														background-color: #cecece;
												}

												.auswahl_rollomodell_kassettenform {
														width: 100%;
														border-spacing: 0;
														border-collapse: collapse;
														color: #888888;
														display: none;
												}
												.auswahl_rollomodell_highlighted .auswahl_rollomodell_kassettenform  {
														display: table;
												}
														.auswahl_rollomodell_kassettenform > tr > td, .auswahl_rollomodell_kassettenform > tbody > tr > td {
																padding-left: 0;
																padding-right: 0;
																padding-top: 6px;
																padding-bottom: 6px;
																border-top: 1px solid #cecece;
																border-bottom: 1px solid #cecece;
														}
														.auswahl_rollomodell_kassettenform > tr > td:first-child, .auswahl_rollomodell_kassettenform > tbody > tr > td:first-child {
																border-right: 1px solid #cecece;
														}
														.auswahl_rollomodell_kassettenform_td_activated {
																color: #444444;
																background-color: #f4f4f4;
														}
														.auswahl_rollomodell_img {
																margin-top: 2px;
																margin-left: 30px;
																margin-right: 30px;
																margin-bottom: 2px;
																width: 50px;

																/* -ms-interpolation-mode: bicubic; */
																/* transform: rotate( .0001deg ); */
														}
														.auswahl_rollomodell_highlighted .auswahl_rollomodell_img {
																width: 120px;
														}

												.auswahl_rollomodell_info {
														display: none;
														text-align: center;
														margin: 1em;
												}
														.auswahl_rollomodell_highlighted .auswahl_rollomodell_info {
																display: block;
														}
														.auswahl_rollomodell_info_link {
																cursor: help;
														}


										.auswahl_rollomodell_informationen {
												padding-left: 12px;
												margin: 10px;
												text-align: left;
												list-style-type: circle;
												display: none;
										}
										.auswahl_rollomodell_highlighted .auswahl_rollomodell_informationen {
												display: block;
										}
												.auswahl_rollomodell_informationen li {
														font-size: 9px;
												}

										.auswahl_rollomodell_preis {
												text-align: right;
												padding-right: 7px;
												padding-top: 4px;
												padding-bottom: 4px;

												background-image: -webkit-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
												background-image: -moz-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
												background-image: -o-linear-gradient(90deg, #ffffff 50%, #dedede 100%);
												background-image: linear-gradient(90deg, #ffffff 50%, #dedede 100%);
										}
										.auswahl_rollomodell_highlighted .auswahl_rollomodell_preis {
												font-weight: bold;
										}
										.auswahl_rollomodell_activated .auswahl_rollomodell_preis {
												font-weight: bold;
										}

										.auswahl_rollomodell_waehlen {
												text-align: center;
												color: #ffffff;
												margin-top: 10px;
												margin-left: 20px;
												margin-right: 20px;
												margin-bottom: 10px;
												background-color: #ea640d;
												padding: 3px;
												border: 1px solid #ffffff;
												border-radius: 1px;
												box-shadow: 1px 1px 3px 0px #e0e0e0;
												display: none;
										}
										.auswahl_rollomodell_highlighted .auswahl_rollomodell_waehlen {
												display: block;
										}


.msg_keinerollomodelle {
		color: #888888;
		font-style: italic;
}

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

		#btn_messen, #btn_dachfenstertypbestimmung {
				display: none;
		}

.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: 1em;
		}
				.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;
		}
		.hinweisbild_fluegeltyp {
				display: none;
				margin-top: 1em;
				margin-bottom: 2em;
		}

#link_modellbeschreibung {
		position: relative;
		margin-left: 30px;
		color: #ea640d;
		font-weight: normal;
}
		#link_modellbeschreibung > img {
				vertical-align: top;
				position: absolute;
				left: -21px;
				top: -25px;
				border: 0;
		}
		#link_modellbeschreibung > span {
				font-size: 10px;
				color: #ea640d;
		}

#bemassung_bild {
		width: 250px;
		margin-top: 20px;
}

.zsf {
		width: 260px;
		margin-left: auto;
		margin-right: 0;
		margin-bottom: 1em;
		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: #ea640d;
				border-color: #ea640d;
				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;
				}

#auswahl_befestigungen table {
		border-spacing: 0;
}
		#auswahl_befestigungen table td {
				vertical-align: top;
		}
		.befestigung_gruppe {
				border-bottom: 1px dotted #444444;
		}

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

		.box_optionen > table {
				border-spacing: 0;
				width: 100%;
		}
				/* .box_optionen > table > tr > td, .box_optionen > table > tbody > tr > td { */
				.box_optionen td {			/* gilt jetzt auch fuer Unter-Tabellenzellen, z.B. bei Einfall(, Einlauf)profil */
						vertical-align: top;
				}
						.optionen {
								white-space: nowrap;
								padding-left: 1ex;
								padding-right: 1ex;
								display: none;
								float: left;
								margin-left: 12px;
								margin-top: 1em;
						}
						#auswahl_befestigung, #auswahl_profilunten {
								white-space: normal;
						}

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

				.optionen_ue {
						font-size: 12px;
						margin-top: 8px;
						margin-bottom: 4px;
						font-weight: bold;
				}

		#id_profilfarbe_wahl {
				width: 10px;
				height: 10px;		/* nicht groesser machen, sonst wirds im IE 9/10 zu gross und die nachfolgenden Boxen werden daneben, statt da drunter gefloatet */
				border: 1px solid #000000;
				display: inline-block;
		}

		#auswahl_traegerprofil {
				margin-bottom: 0.5em;
		}
		
		.box_optionen input[type="text"] {
				border-width: 1px;
		}

.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%);
}
		.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;
		}


#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;
		}