.plissee-konfigurator {
	font-size: 10px;
	font-family: Verdana;
	width: 100%;  /* der IE6 hat mit dieser Angabe Probleme (Tabelle 100% im div klappt nicht!) */
}

/* weil nicht alle Browser display: inline-block koennen, hier ein eine Hilfsklasse */
.display_inline_block {
		display:-moz-inline-stack;		/* alte Firefox-Browser */
		display:inline-block;			/* die eigentlichte Angabe */
		zoom:1;							/* versetzt den IE in den HasLayout-Modus */
		*display:inline;				/* CSS-HAck, der nur fuer den IE gilt - durch den hasLayout-Modus wird beim IE inline wie inline-blocj angezeigt */
}
.display_inline_block table{
		*display:inline;			/* CSS-HAck, der nur fuer den IE gilt - durch den hasLayout-Modus wird beim IE inline wie inline-blocj angezeigt */
}

/* zugehoerige Hilfsklasse none */
.display_none {
		display:none;
}

/* Ausrichtung in der Tabelle */

table#center {
	TEXT-ALIGN: center;
}


/* IE (6.0) macht aus unerklaerlichen Gruenden bei <form> immer eine Leerzeile rein. Dies soll mit folgender Angabe verhindert werden */

form {
	margin:0px;
}

.tab1_links_element {
		margin-top: 14px;
		margin-bottom: 14px;
}

/* Tab Optionen */
#tab_4 {
		padding: 20px;
}

.optionen_ue {
		text-decoration:underline;
		font-size:12px;
		font-weight:bold;
		margin-bottom: 10px;
}
.optionen_wahl {
		margin-left: 10px;
}
		.optionen_wahl input, .optionen_wahl img, .text_bei_elementen {
				vertical-align: middle;
		}
		.optionen_wahl input {
				margin-left: 10px;
				margin-right: 0px;
		}

		.optionen_td_wahl {
				width: 80px;
		}


#befestigung1 {
		margin-top: 1em;
}



/* Tab Behang  */
#des_bez, #des_bez1 {
		font-size: 18px;
		text-decoration: underline;
}

#bild_gr, #bild_gr1 {
		margin-top: 3px;
		cursor: pointer;
		position: relative;
}

		* html #bild_gr {position: static;} /* nur für den IE6 */
		*+html #bild_gr {position: static;} /* nur für den IE7 */
		* html #bild_gr1 {position: static;} /* nur für den IE6 */
		*+html #bild_gr1 {position: static;} /* nur für den IE7 */
		/* Irgendwie funktioniert das im IE 6 und 7 noch nicht richtig - (bei doppelstoffen das "Nicht-Verfuegbar") - so funktioniert es aber in allen anderen Browsern korrekt */

#tab_befestigung {
	padding: 20px;
}

#des_text, #des_text1 {
		padding: 6px;
		height: 124px;
		overflow: auto;
		text-align:left;
		width:280px;
		margin-top:4px;
		margin-bottom:5px;
}

#sort_design, #sort_preis, #sort_design1, #sort_preis1 {
		border-bottom: 1px solid black;
		cursor: pointer;
		text-align: center;
}

#sort_design, #sort_design1 {

		border-right: 1px solid black;
		
}

#sort_preis, #sort_preis1 {
		width: 86px;

}

#liste_stoffe, #liste_stoffe1 {
		height: 440px;
		overflow: auto;
		min-width: 180px;
}




		/* .stoffwahl fuer stoffwahl1 und stoffwahl2 */

		/* Die Hauptstoffauswahl */
		/*  <table class="stoffwahl">    { ...     <div class="stoffwahl_bildbox"><img class="stoffwahl_bild" /><img class="stoffwahl_layerbild" /></div>   ... }     </table> */
		.stoffwahl table {
				width: 100%;
		}

	
						
						
						
/*
		.stoffwahl_bildbox {
				position: relative;
				width: 60px;
				height: 80px;
				margin: auto;
		}
				.stoffwahl img{
						width: 60px;
						height: 80px;
				}
				.stoffwahl_bild, .stoffwahl_layerbild {
						position: absolute;
						left: 0;
						top: 0;
				}
// so wie es hier im auskommentierten Bereich steht ist es richtig - funktioniert aber nicht fuer IE 7 und aelter, deshalb hier eine andere Loesung
*/
				.stoffwahl_bildbox {
						width: 60px;
						height: 80px;

				}
						.stoffwahl img{
								width: 60px;
								height: 80px;
						}
						.stoffwahl_layerbild {
									position: relative;
									left: 0;
									top: -80px;
						}
						
						
						

						
						
						
						

/* Das grosse Stoffbild */

.big_bildbox, .big_bild, .big_layerbild {
		width: 180px;
		height: 240px;
}

.big_bildbox {
		position: relative;
		margin: auto;
}

		.big_bild, .big_layerbild {
				position: absolute;
				left: 0;
				top: 0;
				border: 1px solid #CCCCCC;
		}










#t2_des_text {
	padding: 6px;
	max-height: 126px;
	overflow: auto;
}

/* Rahmen um Haupttabelle */

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

.tabnavi_weiss, .tabnavi_farb {
		cursor: pointer;
}

.tabnavi_weiss td {
	color: #654B1A;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.tabnavi_weiss:hover{
	color: #000000;
	text-decoration:none;
}


.tabnavi_farb td {
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight:bold;
}

.tabnavi_farb:hover{

}

.mi {
	background-repeat:repeat-x;
	padding-left: 12px;
	padding-right: 12px;
}

.tabnavi_weiss, .tabnavi_farb {
	margin-right: 10px;
}

.tabnavi_weiss .mi{
	background-image:url(/plissee/konfigurator/tabs/tab_mitte_weiss.gif);
}

.tabnavi_farb .mi{
	background-image:url(/plissee/konfigurator/tabs/tab_mitte_farb.gif);
}

.tabnavi_weiss tr td.li, .tabnavi_weiss tr td.re, .tabnavi_farb tr td.li, .tabnavi_farb tr td.re {
	width: 5px;
	height: 20px;
}

.tabnavi_weiss tr td.li{
	background-image:url(/plissee/konfigurator/tabs/tab_links_weiss.gif);
}

.tabnavi_farb tr td.li{
	background-image:url(/plissee/konfigurator/tabs/tab_links_farb.gif);
}

.tabnavi_weiss tr td.re{
	background-image:url(/plissee/konfigurator/tabs/tab_rechts_weiss.gif);
}

.tabnavi_farb tr td.re{
	background-image:url(/plissee/konfigurator/tabs/tab_rechts_farb.gif);
}

/* der Balken unter den Tabs */
div.tabs {
    background-color:#E8DB97;
    margin-bottom:0px;  /* der Platz unter dem Tab-Balken */
    height: 8px;     /* neben border-spacing (nicht IE) eine Moeglichkeit, die Diecke des Tab-Balken zu veraendern */
	border-left: 1px solid #C6CED7;
	border-right: 1px solid #C6CED7;
	border-top: 1px solid #C6CED7;
}

.tab {
		float: left;
		position: relative;
		top: 1px;
}






/* Musterauflistung auf 2. Tab - abwechselnde Ergebnisanzeige */
/* liste1, liste2, liste gewaehlt, liste gehighlightet - namen verkuerzt, zur Reduzierung der Datenuebertragungsmenge*/
/* l1, war leider schon in der css.css vergeben, deshalb li1 */
/* likopf ist das Format fuer den Tabellenkopf der Musterauswahltabelle */
.li1 {
		background-color:#F9F9F9;
		cursor:pointer;
}

.li2 {
		background-color:#EEEEEE;
		cursor:pointer;
}

.lig {
		background-color:#cd94bd;
		cursor:pointer;
}

.lih {
		background-color:#d6c3d6;
		cursor:pointer;
}

.likopf {
		background-color:#EEEEEE;
		font-weight: bold;
		color: #000000;
}

.lihkopf {
		background-color:#EEEEEE;
		font-weight: bold;
		color: #FF0000;
}


.boxkopf {
		border-top: #000000 1px solid;
		background-color: #E4E4E4;
		margin-left:0px;
		margin-right:0px;
		padding:1px;
		text-align:left;
}

.boxzelle {
        /*border-top:1px solid #E4E4E4;
        border-bottom:1px solid #E4E4E4;*/
        margin-left:0;
        margin-right:0;
        text-align: left;
}


.schieneboxkopf {
		/*background-color: #1B1B1B;*/
		background-color: #5B5B5B;
		color: #FFFFFF;
		margin-left:0px;
		margin-right:0px;
		padding:1px;
		text-align:left;
}

.schienebox {
		margin-top:6px;
        margin-left:5px;
        margin-right:5px;
        text-align: center;
        margin-bottom:6px;
}

/* letztes Tab: Optionen */
.normal {
		color: #000000;
}

.ausgegraut {
		color: gray;
}

.befestigung_box {
		width: 320px;
		margin: 4px;
		border: 1px solid #dddddd;
		cursor: pointer;
}

#hinweis_mehr_befestigungen {
		text-align: center;
}
		
		
.fformen {
		padding-top: 3px;
}

/* Tab1 - Hintergrund von den Fensterformen */
.fformen, .zsf  {
		background-color:#eeeeee;
}

/* Zusammenfassung - Tabelle Hinergrund */
.zsf {
border-bottom: 1px solid #C6CED7;
border-left: 1px solid #C6CED7;
border-right: 1px solid #C6CED7;
}

#zsf_bild_kl img, #zsf_bild_kl1 img {
		border: 1px solid #CCCCCC;
}

#zsf_bild_kl {
		margin-top: 8px;
}

#zsf_bild_kl1 {
		margin-bottom: 8px;
}

.infohead {
	background-color:#fff9fe;
	text-align: center;
	font-weight: bold;
}



.hinweisbox {
	border:1px solid #C6CED7;
	padding:2px;
	margin-right:10px;
	text-align: center;
}


.surface_disabled {
		background-repeat: repeat;
		background-image: url(surface_disabled.gif);
		width: 713px;
		height: 548px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 2;
}

		.on_top_surface {
				position: relative;
				z-index: 3;
				/* "z-index" funktioniert nur in Zusammenhang mit "position", "z-index" - nehme ich um das Element, ueber der ausgegrauten Box darzustellen */
				/* alle Elemente, die diese Klasse zugewiesen bekommen haben brauchen noch einen Hintergrund, anders als transparent! */
		}

/* Sprechblasen */
.sprechblase{
		position: relative;
		text-align: left;
		display: none;
		font-size: 10px;
		z-index: 1000;
}

.sprechblase1a {
		position: absolute;
		text-align: left;
		top: -34px;
		left: 120px;
		background-image: url(sprechblase1.png);
		width: 205px;
		height: 92px;
}

.sprechblase1b {
		padding-left: 28px;
		padding-right: 15px;
		padding-top: 14px;
}

.sprechblase2a {
		position: absolute;
		text-align: left;
		top: -144px;
		left: 16px;
		background-image: url(sprechblase2.png);
		width: 137px;
		height: 116px;
}

.sprechblase2b {
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase3a {
		position: absolute;
		width: 134px;
		background-image: url(sprechblase3.png);
		text-align: left;
		top: -28px;
		left: 102px;
		height: 53px;
}

.sprechblase3b {
		padding-left: 32px;
		padding-top: 14px;
}

.sprechblase4a {
		position: absolute;
		text-align: left;
		top: -58px;
		left: 36px;
		background-image: url(sprechblase4.png);
		width: 106px;
		height: 38px;
}

.sprechblase4b {
		padding-left: 11px;
		padding-top: 7px;
}


.kasten_aussen {
		position: relative;
		text-align: left;
		display: none;
}

		.kasten_innen {
				font-size: 12px;
				/* background-image: url(kasten.png); */
				background-color: #FFFFFF;
				width: 540px;
				position: absolute;
				top: 50px;
				left: 80px;
				z-index: 2;
		}

		.kasten_text {
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 10px;
				padding-right: 10px;
		}


/* Die kleine 2. Stoffauswahl */
.wahl2_stoff{
		overflow: auto;
		width: 520px;
}
		.wahl2_stoff  td{
				text-align: center;
				vertical-align: top;
		}
		.wahl2_stoff  img{
				margin-left: 14px;
				margin-right: 14px;
				border: 1px solid #999999;
		}