* {
		/* position: relative; */ /* peekaboo bug fix for IE6 - machen wir hier nicht mehr, das haut sonst andere ungewollte Dinge durcheinander */
		min-width: 0; /* peekaboo bug fix for IE7 */
}

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

input[type="text"] {
		border-left: 1px solid #e2e3ea;
		border-right: 1px solid #dbdfe6;
		border-top: 1px solid #abadb3;
		border-bottom: 1px solid #e3e9ef;
		color: #333333;
		font-size: 10px;
		text-align: right;
}

select {
		font-size: 10px;
		border-width: 1px;
}

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

/*
input[type="radio"][onclick] {
		cursor: default;
}
*/

.modelle input[type="radio"] + label {
		line-height: 12px;
}

.modelle {
		border-bottom: 1px solid #D8D8D8;
		height: 100px;
		width: 100%;
		margin: auto;
		table-layout: fixed;
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #D8D8D8;
		border-spacing: 0;
}

.modelle, .zsf {
		width: 100%;
		background-color: #eeeded;
}

		.modelle td {
				padding-top: 8px;
				font-size: 11px ! important;
				border-top: 1px solid #FFFFFF;
				word-wrap: break-word;
				background-color:#eeeded;
				color:#000000;
				border-left: 1px solid #D8D8D8;
				border-right: 1px solid #ffffff;
				text-align: center;
				vertical-align: top;
		}

				.modelle_bez {
						height: 2em;
						margin-top: 4px;
						margin-bottom: 0px;
				}
				.modelle td img {
						margin-top: 4px;
						margin-bottom: 2px;
				}

.zsf {
	border:1px solid #fff;
}

		.zsf_left {
				padding: 8px;
				border-right: 1px solid #d8d8d8;
				vertical-align: middle;
				text-align: center;
				width: 306px;
		}
		.zsf_left td {
				padding-top: 6px;
				padding-bottom: 6px;
		}
		.zsf_right {
				border-left: 1px solid #FFFFFF;
		}
		.zsf_right {
				padding: 8px;
		}
		.zsf_right_bottom {
				vertical-align: bottom;
				text-align: right;
				padding: 0;
		}

.open {
		width: 28px;
		height: 13px;
		/* border: 1px solid #d8d8d8; */
		background-color: #ffffff;
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
}
		.open > div {
				width: 26px;
				height: 11px;
				font-size: 8px;
				line-height: 11px;
				background-color: #F9713E;
				color: #ffffff;
				margin-top: 1px;
				margin-left: 1px;
				text-align: center;
				font-weight: bold;
		}

#ajax_lade {
		display: none;
		position: fixed;
		top: 10px;
		right: 10px;
}

table {
		border-spacing: 0;
}

		table td {
				padding: 0;
		}

#konfigurator {
		color: #444444;
}
#konfigurator_alles {
		width: 658px;
		margin: auto;
}

.haupt {
		border-left: 1px solid #C6CED7;
		border-right: 1px solid #C6CED7;
		/* padding: 1em; */
}

.tab_tab {
		background-color: #EEEDED;
		border-left: 1px solid #D8D8D8;
		border-right: 1px solid #D8D8D8;
		border-top: 1px solid #D8D8D8;
		font-size: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
		text-align: center;
		font-weight: bold;
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		padding-left: 8px;
		padding-right: 8px;

}

.tab_balken {
		border-right: none;
		background-color: #EEEDED;
		border-left: 1px solid #D8D8D8;
		border-right: 1px solid #D8D8D8;
		height: 8px;
}

#display_konfiguration_standard {
		text-align: center;
		margin-bottom: 1em;
}

#display_konfiguration_anlage {
		position: relative;
}

		#box_vorhang {
				padding: 0;
		}

		.eingabe_gesamtgroesse {
				width: 100%;
				background-color: #eeeded;
				margin-bottom: 0.5em;
		}
				.eingabe_gesamtgroesse td {
					/*	padding: 5px; */
				}

		.ueberschrift {
				display: inline-block;		/* so dass nicht die ganze Zeile klickbar ist, sondern nur der beschriftete Bereich */
				font-weight: bold;
				margin-bottom: 1em;
		}

		.einstellungen {
				margin-top: 0.5em;
				margin-left: 1em;
				margin-right: 1em;
				margin-bottom: 1em;
		}

				.einstellungen > table {
						margin-top: 0.5em;
						width: 100%;
				}

						.einstellungen td {
								line-height: 19px;
								vertical-align: top;
						}
		#display_konfiguration_paneeleinstellungen {
				margin-bottom: 0.5em;
		}
		#schienenlaengeIstGesamtbreite {
				margin: 0;
				padding: 0;
				vertical-align: top;
		}

		.hinweisUeberlappung {
				display: none;
				background-color: #ff0000;
				color: #ffffff;
				font-weight: bold;
				cursor: help;
				padding-left: 4px;
				padding-right: 4px;
				padding-top: 2px;
				padding-bottom: 2px;
				margin-left: 0.5em;
		}
.table_optionen td {
		padding: 1px;
}

/* Die Hauptstoffauswahl */
.fancyboxfenster {
		background-color: #ffffff; /* IE7 */
}

#fenster_stoffauswahl {
		max-width: 980px;
		color: #333333;
		overflow: hidden;				/* IE8 und aelter */
		position: relative;
}

#stoffwahl_einschraenkung {
		width: 350px;
		vertical-align: top;
}
		#stoffwahl_einschraenkung table {
				border-spacing: 0;
				width: 100%;
		}
				#stoffwahl_einschraenkung table td {
						padding: 0;
						vertical-align: top;
				}

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

#stoffwahl_auswahldetails {
		text-align: center;
		vertical-align: top;

}

.stoffeZurAuswahl {
		margin-left: 10px;
		margin-right: auto;
		text-align: left;
		background-color: #eeeeee;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
}

#liste_stoffe_container {
		margin-left: 0;
		margin-right: auto;
		width: 136px;
		overflow: hidden;
		height: 600px;
}

#liste_stoffe {
		width: 10000px;
}

		.acht_box {		/* eigentlich 8er_box - aber CSS-Klassennamen duerfen nicht mit einer Ziffer beginnen (und firefox interpretiert diese auch nicht) */
				width: 136px;
				float: left;
		}

		#liste_stoffe > table {

		}

				#liste_stoffe > table td {
						vertical-align: top;
				}
						.liste_stoffe_box {
								float: left;
								text-align: center;
								width: 62px;		/* eigentlich width, aber das hat im Firefox 18.0.1 und IE 9 nicht funktioniert */
								background-image: url('slide-background.png');
								background-repeat: repeat-x;
								margin: 3px;
						}
								.liste_stoffe_preis {
										background-color: #eeeded;
										color: #444444;
										font-size: 9px;
										padding-top: 3px;
										padding-bottom: 3px;
								}
								.liste_stoffe_bild {

								}
								.liste_stoffe_bezeichnung {
										background-color: #535353;
										color: #e4e3e3;
										font-size: 9px;
										/* height: 25px; */
										padding-top: 4px;
										padding-bottom: 4px;
										width: 62px;
										overflow: hidden;
								}

		.zoom {
			  -moz-transform:scale(1.1,1.1);
			  -webkit-transform:scale(1.1,1.1);
			  -ms-transform: scale(1.1,1.1);
			  -o-transform:scale(1.1,1.1);
			  transform:scale(1.1,1.1);
		}

.keine_stoffe {
		padding: 30px;
		margin-left: 3px;
		margin-right: 3px;
		width: 68px;
		margin-top: 50px;
		font-style: italic;
		line-height: 22px;
}

.dreieck_stoffauswahl_obenlinks {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		border-top: 4px solid transparent;
		border-left: none;
		border-right: 4px solid #333333;
		border-bottom: 4px solid transparent;
		width: 0;
		height: 0;
}

.dreieck_stoffauswahl_obenrechts {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		border-top: 4px solid transparent;
		border-left: 4px solid #333333;
		border-right: none;
		border-bottom: 4px solid transparent;
		width: 0;
		height: 0;
}

.stoffauswahl_oben {
		width: 100%;
		border-spacing: 0;
}

		.stoffauswahl_oben_nr {
				padding: 3px;
				width: 20px;
				background-color: #eeeeee;
				border-top: 1px solid #ffffff;
				border-right: 1px solid #ffffff;
				border-left: 1px solid #d7d7d7;
		}
				.stoffauswahl_oben_nr:first-child {
						border-left: 0;
				}
				.stoffauswahl_oben_nr:last-child {
						border-right: 0;
				}

		.stoffauswahl_oben_nr_highlighted {
				padding: 3px;
				width: 68px;
				background-color: #444444;
				border-top: 1px solid #ffffff;
				border-right: 1px solid #ffffff;
				border-left: 1px solid #d7d7d7;
				color: #ffffff;
				font-weight: bold;
		}

#paneele_stoffauswahl_preis {
		display: none;
		font-weight: bold;
		font-size: 18px;
}

#stoffauswahl_paneele_details {
		padding-top: 1em;	/* Mindest-Abstand */
}

.button_fertig {
		background-image: url('button_fertig.png');
		width: 119px;
		height: 28px;
		padding-left: 0;
		padding-right: 20px;
		padding-top: 0;
		padding-bottom: 3px;
		border: 0;
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
}

.paneele_details {

}

		.paneele_details table {
				width: 100%;
		}

				.paneele_details table th {
						background-color: #eeeeee;
						color: #999999;
						text-align: center;
						cursor: default;
				}

				.paneele_details table td {
						text-align: center;
						vertical-align: middle;
						height: 22px;
						border-bottom: 1px solid #eeeeee;
				}

		.paneele_details .paneele_tbl_box, .paneele_details .paneele_tbl_box_highlighted, .paneele_details .paneele_tbl_box_hover {
				text-align: center;
				color: #999999;
				vertical-align: top;
		}
		
				.paneele_details .paneele_tbl_box_ready {
						color: #000000;
				}
		
/*		das wird durch .paneele_tbl_box_hover ersetzt, weil ich das Ganze auch von einer anderen stelle mit JAvascript aufrufe
				.paneele_details .paneele_tbl_box:hover td, .paneele_details .paneele_tbl_box_highlighted:hover td {
						background-color: #eeeeee;
				}

						.paneele_details .paneele_tbl_box:hover td:first-child, .paneele_details .paneele_tbl_box_highlighted:hover td:first-child {
								background-color: transparent;
						}
*/
				.paneele_details .paneele_tbl_box:first-child , .paneele_details .paneele_tbl_box_highlighted:first-child, .paneele_details .paneele_tbl_box_hover:first-child {
						border-left: 0;
				}

				.paneele_details .paneele_tbl_box {
						background-color: transparent;
				}
				.paneele_details .paneele_tbl_box_highlighted {
						text-shadow: 0px 0px 1px #bbbbbb;		/* weil es kein anti-aliasing gibt, mit dieser Angabe etwas lebhafter machen */
						color: #333333;
				}
				.paneele_details .paneele_tbl_box_hover,
				.paneele_details .paneele_tbl_box_hover .paneele_tbl_breite input, .paneele_details .paneele_tbl_box_hover .paneele_tbl_hoehe input {
						background-color: #eeeeee;
				}

				.paneele_details .paneele_tbl_status {		/* hier "paneele_details .paneele_details_status" statt nur ".paneele_details_status" schreiben, weil id # vererbt und Klasse. ueberschreibt */
						font-weight: bold;
						border: 0;
				}

				.paneele_details .paneele_tbl_line {
						border-top: 1px solid #eeeeee;
						border-bottom: 1px solid #eeeeee;
						height: 1px;
				}

				.paneele_details .paneele_tbl_nr {

				}

				.paneele_details .paneele_tbl_bezeichnung {
						text-align: left;
						/* width: 170px; ist auf fuer Tablets zu viel */
				}

						.paneele_details .paneele_tbl_bezeichnung img {
								width: 10px;
								vertical-align: bottom;
								margin-right: 5px;
						}

				.paneele_details .paneele_tbl_breite:after, .paneele_details .paneele_tbl_hoehe:after {
						content: 'mm';
				}

				.paneele_details .paneele_tbl_breite input, .paneele_details .paneele_tbl_hoehe input {			/* Masseingabe in der Tabelle in der Stoffauswahl */
						border: 0;
						width: 28px;
						color: #999999;
				}
						.paneele_details .paneele_tbl_box_highlighted .paneele_tbl_breite input, .paneele_details .paneele_tbl_box_highlighted .paneele_tbl_hoehe input {
								color: #333333;
						}
						
						 .paneele_details .paneele_tbl_box_ready input {
								color: #000000;
						 }

				#box_paneele .paneele_details .paneele_tbl_breite input, #box_paneele .paneele_details .paneele_tbl_hoehe input {		/* im Konfigurator - nicht im Extra-Fenster */
						cursor: pointer;
				}

				#stoffauswahl_paneelpreis {
						margin-top: 1em;
						color: #999999;
						margin-left: auto;
						margin-right: 0;
						font-size: 8pt;
						text-align: right;
				}
						#stoffauswahl_paneelpreis_preis {
								font-weight: bold;
								font-size: 9pt;
						}
						
				#stoffauswahl_gesamtpreis {
						color: #999999;
						margin-left: auto;
						margin-right: 0;
						font-size: 8pt;
						text-align: right;
				}
						#stoffauswahl_gesamtpreis_preis {
						}

				#stoffauswahl_fertig_unten {
						margin-top: 1em;
				}


.wagen_details {

}

		.wagen_details table {
				width: 347px;
				table-layout: fixed;
		}

				.wagen_details table th {
						background-color: #eeeeee;
						color: #999999;
						text-align: center;
						cursor: default;
				}

				.wagen_details table td {
						text-align: center;
						vertical-align: middle;
						height: 22px;
						border-bottom: 1px solid #eeeeee;
				}

		.wagen_details .paneele_tbl_box, .wagen_details .paneele_tbl_box_highlighted, .wagen_details .paneele_tbl_box_hover {
				text-align: center;
				color: #999999;
				vertical-align: top;
		}

				.wagen_details .paneele_tbl_box:first-child , .wagen_details .paneele_tbl_box_highlighted:first-child, .wagen_details .paneele_tbl_box_hover:first-child {
						border-left: 0;
				}

				.wagen_details .paneele_tbl_box {
						background-color: transparent;
				}

				.wagen_details .paneele_tbl_line {
						border-top: 1px solid #eeeeee;
						border-bottom: 1px solid #eeeeee;
						height: 1px;
				}

				.wagen_details .paneele_tbl_nr {

				}

				.wagen_details .paneele_tbl_breite:after {
						content: ' mm';
				}

				.wagen_details .paneele_tbl_breite input {
						width: 28px;
						color: #999999;
				}

#slide-left, #slide-right {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
}

#slide-left-arrow {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		border-right: 5px solid #3b3b3b;
		border-top: 5px solid transparent;
		border-left: none;
		border-bottom: 5px solid transparent;
		width: 0;
		height: 0;
}
#slide-right-arrow {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		border-right: none;
		border-top: 5px solid transparent;
		border-left: 5px solid #3b3b3b;
		border-bottom: 5px solid transparent;
		width: 0;
		height: 0;
}

.liste_stoffe_paging {
		text-align: right;
		margin-right: 1em;
}

		#liste_stoffe_page_first, #liste_stoffe_page_last {
				display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
				border: 1px solid #3b3b3b;
				padding: 2px;
		}
		#liste_stoffe_page_current {
				display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
				color: #ffffff;
				background-color: #3b3b3b;
				padding: 2px;
		}

.boxcontainer {

		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: auto;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #eeeeee;
		width: 158px;

}

		.boxcontainer:first-child {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
		}

		.stoffwahl_ueberschrift {
				font-weight: bold;
				font-size: 12px;
				margin-bottom: 16px;
		}

		.boxkopf {
				font-weight: bold;
				margin-bottom: 6px;
		}

		.boxzelle {

		}

/* Ende Stoffauswahl Classic */


#stoffwahl_bestaetigung {
		text-align: right;
		vertical-align: bottom;
		padding-left: 27px;
		padding-right: 27px;
}


.btn_dreieck {

		border-top: 5px solid transparent;
		border-right: 0;
		border-left: 5px solid #ffffff;
		border-bottom: 5px solid transparent;
		display: inline-block;
		height: 0;
		width: 0;
		margin-left: 3px;
		margin-right: 3px;
}

.btn_text {
		font-weight: bold;
		font-size: 9px;
		position: relative;
		top: -1px;
		left: 0;
}

		.btn_messen {
				background-color: #444444;
				cursor: pointer;		/* help */
				color:#ffffff;
				text-align:left;
				padding-left: 6px;
				padding-top: 2px;
				padding-right: 8px;
				padding-bottom: 2px;
		}

		.btn_tel {
				background-color: #444444;
				cursor: pointer;		/* help */
				color:#ffffff;
				text-align:left;
				padding-left: 6px;
				padding-top: 2px;
				padding-right: 8px;
				padding-bottom: 2px;
		}


.warenkorb_btn 	{
		background-color: #444444;
		color:#fff;
		margin-bottom:7px;
		text-align:left;
		border: none;
		cursor: pointer;
		float: right;
		font-size: 10px;
		margin: auto;
		position: relative;
		right: 2px;
		width: 247px;
		height:28px;
		top:1px;
}

	.warenkorb_btn .warenkorb_dreieck {

			border-top: 7px solid transparent;
			border-right: 0;
			border-left: 7px solid #ffffff;
			border-bottom: 7px solid transparent;
			display: inline-block;
			height: 0;
			width: 0;
			margin-left: 3px;
			margin-right: 3px;
	}

	.warenkorb_btn .warenkorb_text {
		left: 12px;
		top: -2px;
		position: relative;
		font-weight:bold;
		text-transform:uppercase;
	}

	.warenkorb_btn img {
		position:absolute;
		top:0px;
		right:0px;
	}

.notizen {
	border:1px solid #d8d8d8;
	font-size:12px;
	width: 247px;
}

.sprechblase_wrap {
		/* dieses div-Element wird benoetig um die Sprechblase beim Eingabefeld zu halten */
		display: inline-block;			zoom: 1; *display: inline;	/* zoom und *display ist fuer IE7 und aelter */
		position: relative;
}

		.sprechblase{
			
				display: none;

				padding: 1em;

				border: 2px solid #6c6869;
				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: 18px;

				background-image: -webkit-linear-gradient(135deg, #f4be4d 0%, #ffffff 50%);
				background-image: -moz-linear-gradient(135deg, #f4be4d 0%, #ffffff 50%);
				background-image: -o-linear-gradient(135deg, #f4be4d 0%, #ffffff 50%);
				background-image: linear-gradient(135deg, #f4be4d 0%, #ffffff 50%);
		}
				.sprechblase:before {
						content: ' ';
						position: absolute;
						width: 0;
						height: 0;
						left: 10px;
						bottom: -16px;
						border: 8px solid;
						border-color: #6c6869 transparent transparent #6c6869;
				}
				.sprechblase:after {
						content: ' ';
						position: absolute;
						width: 0;
						height: 0;
						left: 12px;
						bottom: -12px;
						border: 6px solid;
						border-color: #fae2b0 transparent transparent #fae2b0;
				}

.btn_animation {
		border: 1px solid #b9b6af;
		background-color: #eae8e4;
		color: #444444;
		position: relative;
		height: 16px;
		padding: 0;
		width: 90px;
}

		.btn_animation  .play_hintergrund {
				width: 14px;
				height: 12px;
				background-color: #444444;
				position: absolute;
				top: 2px;
				left: 2px;
		}

		.btn_animation  .play_dreieck {

				border-top: 5px solid transparent;
				border-right: 0;
				border-left: 5px solid #ffffff;
				border-bottom: 5px solid transparent;
				display: inline-block;
				height: 0;
				width: 0;
				position: absolute;
				top: 3px;
				left: 7px;
		}

		.btn_animation .animation_text {
				position: absolute;
				left: 27px;
				top: 2px;
				font-weight: bold;
				font-size: 9px;
		}

.btn_waehlen {
		border: 1px solid #b9b6af;
		background-color: #eae8e4;
		color: #444444;
		position: relative;
		height: 16px;
		padding: 0;
		width: 90px;
}

		.btn_waehlen .waehlen_text {
				position: absolute;
				left: 27px;
				top: 2px;
				font-weight: bold;
				font-size: 9px;
		}

.sliderinput {
		width: 30px;
		text-align: right;
}

.slider_b_minus, .slider_b_plus {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		background-color: #d8d8d8;
		width: 7px;
		height: 7px;
		border-width: 0;
		padding: 0;
		color: #444444;
		vertical-align: middle;
		margin-bottom: 2px;
		text-shadow: 0px 1px 0px #ffffff;
		position: relative;
}

		.slider_b_minus span, .slider_b_plus span {
				display: block;
				font-size: 9px;
				line-height: 9px;
				position: absolute;
		}

		.slider_b_minus span {
				top: -1px;
				left: 1px;
		}

		.slider_b_plus span {
				top: -1px;
				left: 0px;
		}

		.touch .slider_b_minus, .touch .slider_b_plus {
				width: 18px;
				height: 18px;
		}

		.touch .slider_b_minus span {
				font-size: 20px;
				position: absolute;
				top: 3px;
				left: 4px;
		}

		.touch .slider_b_plus span {
				font-size: 18px;
				position: absolute;
				top: 2px;
				left: 2px;
		}



div.slider_b {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		width: 150px;
		background-color: #ffffff;
		border: 1px solid #d8d8d8;
		height: 6px;
		position: relative;
}
div.handle_b {
		width: 4px;
		height: 12px;
		background-color: #444444;
		cursor: e-resize;
		position: absolute;
		top: -3px;
}
div.innerbar_b {
		width: 0px;
		height: 4px;
		background-color: #d8d8d8;
		position: absolute;
		top: 1px;
		left: 1px;
		cursor: default;
}
div.slider_h {
		width:4px;
		background-color:#cccccc;
		height:100px;
		position: relative;
}
div.handle_h {
		width:20px;
		height:10px;
		background-color:#ffffff;
		border: 1px solid #999999;
		cursor:s-resize; position:
		absolute; left: -8px;
}

#slideToAnimateSlideOuter {

		border-radius: 10px;
		border: 1px solid #bababa;
		width: 158px;
		margin: auto;
		height: 34px;
		text-align: center;
		position: absolute;
		left: 258px;
		top: 40px;
		overflow: hidden;
		display: none;		/* soll nur auf Geraeten mit Touch-Bedienung sichtbar sein */
}

.touch #slideToAnimateSlideOuter {
		display: block;
}
		#slideToAnimateSlideInner {
				line-height: 34px;
				margin-left: 40px;
				text-align: center;

		}

				#slideToAnimateSlider {
						display: inline-block;
						cursor: pointer;
						padding: 2px;
						position: absolute;
						left: 0;
						top: 0;
						height: 30px;
						vertical-align: middle;
				}

#display_konfiguration_canvas_vorhang {
		margin-top: 1em;
		position: relative;
}

		#canvas_vorhang {
				width: 656px;
				margin-left: auto;
				margin-right: auto;
		}

		.ansicht_einstellungen {
				padding-left: 1em;
				position: relative;
				border-top: 1px solid #edecea;

				background-image: linear-gradient(left , #ffffff 0%, #f7f6f2 50%, #ffffff 100%);
				background-image: -o-linear-gradient(left , #ffffff 0%, #f7f6f2 50%, #ffffff 100%);
				background-image: -moz-linear-gradient(left , #ffffff 0%, #f7f6f2 50%, #ffffff 100%);
				background-image: -webkit-linear-gradient(left , #ffffff 0%, #f7f6f2 50%, #ffffff 100%);
				background-image: -ms-linear-gradient(left , #ffffff 0%, #f7f6f2 50%, #ffffff 100%);

				background-image: -webkit-gradient(
					linear,
					left top,
					right top,
					color-stop(0.00, #ffffff),
					color-stop(0.50, #f7f6f2),
					color-stop(1.00, #ffffff)
				);

		}
				.wahl_ambiente {
						color: #aaaaaa;
						padding-top: 4px;
						padding-bottom: 4px;
				}
				#konfiguration_schiebe_vorhang_1 {
						position: absolute;
						right: 4px;
						top: 4px;
				}

#display_konfiguration_canvas_schiene {
		margin-bottom: 2em;
}

		#canvas_schiene {
				position: relative;
				left: -50px;		/* um das Padding der Box drumherum auszugleichen */
		}

#display_konfiguration_formation, #display_konfiguration_schienenfarbe {

}

.box_konfiguration {
		border-top: 1px solid #C6CED7;
}

		.balken_auf, .balken_zu {
				color: #444444;
				line-height: 24px;
				background-repeat: no-repeat;
				padding-left: 28px;
				font-weight: bold;
				display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
				padding-right: 1em;
		}

				.balken_auf {
						background-image:url('dreieck_unten.png');
						background-position: 4px 7px;
				}
				.balken_zu {
						background-image:url('dreieck_rechts.png');
						background-position: 9px center;
				}

		.box_balken {		/* balken_box war in der Css-Datei vom Layout bereits vergeben */
				position: relative;
				padding-left: 1em;
				padding-right: 1em;
				padding-top: 1em;
				padding-bottom: 2em;
		}

		.box_balken_2 {
				position: relative;
				padding-left: 50px;
				padding-right: 1em;
				padding-top: 1em;
				padding-bottom: 2em;
		}

.fenster_formation_schnellwahl {
		text-align: center;
}
		.fenster_formation_schnellwahl a {
				color: #000000;
				margin-left: 1em;
				margin-right: 1em;
		}

.table_wahl {
		border-spacing: 10px;
		table-layout: fixed;
}

		.table_wahl td, .box_formation {
				cursor: pointer;
				border: 3px solid #eeeeee;
				margin: 1em;
				padding: 1em;
		}

				.table_wahl td:hover, .box_formation:hover {
						border: 3px outset #999999;
				}

				.box_formation table {		/* boxformation ist per Javascript generiert */
						width: 100%;
				}
						.box_formation td {
								text-align: center;
						}

				.table_wahl h2, .box_formation h2 {
						padding-top: 0;
						margin-top: 0;
				}
				.table_wahl h2 {
						text-align: center;
				}
				.box_formation h2 {
						text-align: left;
				}

				.table_wahl img, .box_formation img {
						margin: 1em;
				}

#system_anzLaeufe {
		margin-bottom: 1em;
}

#konfiguration_schienepaneelwagen {
		position: relative;
}
		#hinweis_schiene {
				margin-top: 2em;
				font-size: 10px;
		}

/* Detailseite (fuers Design) */

.detail {
		margin-left: 27px;
		margin-right: 27px;
		margin-top: 2em;
}

		.detail > table {
				width: 100%;
		}

		.detail h1 {		/* im Detailbild */
				font-size: 10px;
				text-align: left;
				color: #ffffff;
				margin: 0;
				padding: 4px;
		}
		.detail h2 {
				font-size: 16px;
				text-align: center;
		}


		/* Das grosse Stoffbild */

				#des_detail_pic {
						width: 200px;
						height: 300px;
						border: 1px solid #eeeeee;
						background-image: url('design_schraffur.jpg');
				}

				.des_detail_pic_nopic_text {
						margin-top: 98px;
						text-align: center;
						font-weight: bold;
						font-size: 14px;
				}

				.des_detail_pic_nopic_box {
						margin-top: 21px;
						padding-top: 10px;
						padding-bottom: 10px;
						border-top: 1px solid #ffffff;
						border-bottom: 1px solid #ffffff;
						background-color: #d9d9d9;
						font-size: 13px;
						color: #ffffff;
						position: relative;
						text-align: left;
				}

				.des_detail_pic_nopic_boxextension {
						padding-top: 10px;
						padding-bottom: 10px;
						position: absolute;
						top: -1px;
						left: -5px;
						width: 5px;
						border-top: 1px solid #ffffff;
						border-bottom: 1px solid #ffffff;
						background-color: #d9d9d9;
				}

				.des_detail_pic_nopic_arrow {
						border-right: 23px solid #d9d9d9;
						border-top: 25px solid transparent;
						border-left: none;
						border-bottom: 25px solid transparent;
						width: 0;
						height: 0;
						position: absolute;
						top: -7px;
						left: -26px;
				}

				.big_bild {
						width: 200px;
						height: 300px;
						display: block;
				}

		.detail_ueberschrift {		/* in der Stoffauswahl */
				text-align: center;
				width: 202px;		/* Bildbreite + Borderbreite */
				background-color: #eeeeee;
				color: #444444;
				font-weight: bold;
				font-size: 12px;
				padding-top: 3px;
				padding-bottom: 3px;
		}
		.det_left {
				vertical-align: top;
				padding-right: 14px;
		}

		.det_right {
				text-align: left;
				vertical-align: top;
		}
		.det_key {
				/* font-weight: bold; */
		}
				#det_right_bottom {
						margin-top: 1em;
						visibility: hidden;
				}
						#det_right_bottom button {
								background-color: #f5f5f5;
								border-width: 1px;
								color: #333333;
						}
								#det_right_bottom button table td {
										padding: 4px;
								}

				.det_right_text {
						height: 171px;
						overflow: auto;
						padding-right: 0.5em;
				}


		.det_stoffprobe {
				display: none;
				text-align: center;
				text-decoration: none;
				border: 1px outset #999999;
				padding-top: 3px;
				padding-bottom: 3px;
				padding-left: 7px;
				background-color: #444444;
				width: 150px;
				background-image: url('pfeil_rechts_weiss_8_14.png');
				background-repeat: no-repeat;
				background-position: 7px center;
				font-size: 10px;
				margin-top: 1px;
		}
				.det_stoffprobe:link, .det_stoffprobe:visited, .det_stoffprobe:active, .det_stoffprobe:hover {
						color: #ffffff;
				}
				.det_stoffprobe:active {
						border: 1px inset #999999;
				}


.farbkasten {
		display: inline-block;	 /* Für IE7 und darunter: */ zoom: 1; *display: inline;
		width: 13px;
		height: 13px;
		border: 1px solid #000000;
}


#box_montageanleitung {
	margin-left:250px;
	text-decoration: underline;
}
		#box_montageanleitung  div img { 
				vertical-align:middle;
				margin-right:2px;
		}