body {
	background-color:#FFFFFF;
}


body, td {
	font-family: verdana;
}

#konfigurator td {
	font-size: 11px;
}


.links  { text-align:left; }
.block { display:block; }
.none { display:none; }

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

form {
	margin:0px;
}



/* Rahmen um Haupttabelle */

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




/* Tabs */

/* Tableiste oben (Home, Warenkorb) */
/* hier unbedingt id, statt class verwenden (#tab, statt .tab), weil class ueberschrieben wird von uebergeordneten (z.b. a allgemein) elementen, bei id wird alles so gesetzt, wie hier definiert */
#tabnavi_weiss a {
	color: #654B1A;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	display:block;
}

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


#tabnavi_farb a {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	font-weight:bold;
}

#tabnavi_farb a:hover{

}

#tabnavi_farb2 a {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	font-weight:bold;
}

#tabnavi_farb2 a:hover{

}


/* der Balken unter den Tabs */
div.tabs {
    background-color:#E8DB97;
    margin-bottom:0px;  /* der Platz unter dem Tab-Balken */
    font-size: 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;
}





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

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


.box {
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #C6CED7;
		width: 118px;
		/* Folgende Angaben wurden wenn sie hier nicht definiert werden von der .box-Klasse aus css.css ueberschrieben! */
		vertical-align: top;
		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;
        text-align: center;
        margin-bottom:6px;
}

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

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

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

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



/* Zusammenfassung - Tabelle Hinergrund */
.zsf {
		width: 100%;
        background-color:#E8E6DA;
        border-bottom: 1px solid #C6CED7;
        border-left: 1px solid #C6CED7;
        border-right: 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: 11px;
				margin-top: 8px;
				margin-bottom: 4px;
				font-weight: bold;
		}
		
			.bedienlaenge_name {
					text-decoration: none;					
					font-size: 10px;
					margin-bottom: 0px;
					line-height:0;					
					font-weight:bold;
			}

		.pfeil {
				margin-bottom: 2px;				
		}

.sprechblase{
		position: absolute;
		display: none;
		text-align: left;
		font-size: 10px;
}
		
.sprechblase1 {
		top: -34px;
		left: 120px;
		background-image: url(/i/sprechblase1.png);
		width: 160px;
		height: 78px;
		padding-left: 30px;
		padding-top: 14px;
		padding-right: 15px;
}

.sprechblase2 {
		top: -144px;
		left: 16px;
		background-image: url(/i/sprechblase2.png);
		width: 115px;
		height: 109px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase3 {
		top: -28px;
		left: 97px;
		background-image: url(/i/sprechblase3.png);
		width: 102px;
		height: 39px;
		padding-left: 32px;
		padding-top: 14px;
}

.sprechblase4 {
		top: -58px;
		left: 36px;
		background-image: url(/i/sprechblase4.png);
		width: 84px;
		height: 31px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase5 {
		top: -40px;
		left: 50px;
		background-image: url(/i/sprechblase5.png);
		width: 96px;
		height: 39px;
		padding-left: 34px;
		padding-top: 14px;
		padding-right: 4px;
}
.sprechblase6 {
		top: -28px;
		left: 180px;
		background-image: url(/i/sprechblase6.png);
		width: 96px;
		height: 39px;
		padding-left: 28px;
		padding-top: 14px;
		padding-right: 10px;
}
.sprechblase7 {
		top: -72px;
		left: 30px;
		background-image: url(/i/sprechblase7.png);
		width: 84px;
		height: 31px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}