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

form {
	margin:0px;
}


.haupt {
	border-left: 1px solid #C6CED7;
	border-right: 1px solid #C6CED7;
}



/* Musterauflistung auf 2. Tab - abwechselnde Ergebnisanzeige */
/* liste1, liste2, liste gewaehlt, liste gehighlightet - namen verkuerzt, zur Reduzierung der Datenuebertragungsrate*/
/* 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:#FFE5CF;
		cursor:pointer;
}

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

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



/* .stoffwahl fuer stoffwahl1 und stoffwahl2 */

/* Die Hauptstoffauswahl */

#liste_stoffe {
		height: 470px;
		overflow: auto;
}

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


/* Das grosse Stoffbild */
.big_bildbox {
		width: 201px;
		height: 268px;
		position: relative;
		margin: auto;
}

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


/* Design-Text */
#des_text {
		padding: 6px;
		height: 120px;
		overflow: auto;
		margin-bottom: 4px;
}
		
/* 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;
		}


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

.box {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #C6CED7;
		width: 130px;
		text-align: left;
}

		.boxkopf {
				background-color: #E4E4E4;
				padding:1px;
				text-align:center;
				font-weight: bold;
		}

		.boxzelle {

		}


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

.profilfbox {
		margin-top:6px;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:6px;
}

.hinweisbox {
		width: 170px;
		border: 1px solid #C6CED7;
		padding: 2px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 6px;
}


/* Fehlermeldungen und Hinweise */
.hinweis {
		color: #FF0000;
		font-size: 12px;
		font-weight: bold;
}

.h_volant  ul{
		padding-left: 25px;
}

/* mittlerer Teil */
/* bei Aenderung von weiss auf eine Andere Farbe, sollten die Bilder angepasst werden (viele haben weissen Hintergrund) */
.mit {
		background-color: #FFFFFF;
}

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

		.modelle td {
				padding-top: 3px;
				font-size: 11px ! important;
		}

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


.optionen, .optionen td {
		font-size: 11px ! important;
		margin-top: 16px;
		margin-bottom: 16px;
		vertical-align: top;
}

		.optionen_ue {
				text-decoration: underline;
				font-size: 12px;
				margin-top: 8px;
				margin-bottom: 4px;
				font-weight: bold;
		}
		
		.optionen select, .optionen select option {
				font-size: 11px;
		}
		
		.optionen select {
				width: 100%;
		}

.sprechblase{
		position: relative;
		text-align: left;
		display: none;
		font-size: 10px;
}

.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);
		position: absolute;
		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;
}

		.surface_disabled {
				background-repeat: repeat;
				background-image: url(surface_disabled.gif);
				width: 650px;
				height: 570px;
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 1;	/* Damit diese Box auch ueber der Bilderauswahl liegt */
		}

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

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