/* Schrift */

.konfigurator td, .konfigurator button {
		FONT-SIZE: 10px;
}


/* 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;
}


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

.ue_optionen {
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

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

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

/* 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:#FFDABA;
		cursor:pointer;
}

.lih {
		background-color:#BFEBFF;
		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;
		padding-top:1px;
		padding-bottom:1px;
		padding-left: 5px;
		text-align:left;
		font-weight: bold;
}

.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-top:1px;
		padding-bottom:1px;
		padding-left:0.5em;
		text-align:left;
}

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

.normal {
		color: #000000;
}

.ausgegraut {
		color: gray;
}

.fformen {
		padding-top: 3px;
}

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

/* Zusammenfassung - Tabelle Hinergrund */
.zsf {
		border: 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;
}

/* Scrollbalken */
.scrollb {
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color: #654B1A;
    /* scrollbar-face-color: #E8DB97; */
    scrollbar-face-color: #E8E6DA;
    scrollbar-highlight-color: #FFFFE8;
    scrollbar-shadow-color: #9C7950;
    scrollbar-3dlight-color: #FFFFFF;
}

/* Standard Button Style - wird in der Shop-HAupt-CSS festgelegt */
/*
.btn {
	background-color:#FFFFFF;
	display:block;
}
*/

.infohead {
	background-color:#E8E6DA;
	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: 644px;
		height: 730px;
		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: 30px;
				z-index: 2;
		}

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

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* .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;
							margin: auto;
					}
							.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;
		}


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



	
	
	
	
	
	
	
	
	
	
	
	
	
/* 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;
		}