/*label { cursor:pointer; }*/


button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

.main_table {
	margin: 0px;
	background-color: #FFFFFF;
}

/* bloederweise werden einige nuetzliche angaben hier von der uebergeordneten css-datei ueberschrieben */

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


/* Ueberschrift der einzelnen Eigenschaften (z.B. Ausfuehrung, Gestellfarben, Getriebe) */
.eigenschaft {
	vertical-align: top;
	text-decoration: underline;
	padding-left: 4px;
}

/* Ueberschrift fuer die Motoren */
.ue_motor {
		border-top: 2px solid #ffffff;
		font-weight: bold;
		text-align: center;
}

.unterauswahl {
		display:none;
		margin-left: 18px;
		border: 1px dashed #bbbbbb;
}


/* Auflistung, abwechselnde Farben */
.li1 {
		background-color:#F9F9F9;
}
/* #F9F9F9, #EEEEEE */
.li2 {
		background-color:#EEEEEE;
}

.lig {
		background-color:#FFCEC7;
}

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


/* die Tabellenzelle, in der sich die Radiobuttons befinden */
.cell_radiobutton {
		vertical-align: top;
}

/* Zusammenfassung - Tabelle Hintergrund */
.zsf {
		background-color:#E8E6DA;
		border: 1px solid #C6CED7;
}

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





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

.boxzelle {
		vertical-align: top;
}


/* 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{

}

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

#tuchsaeume .saeume { border: 1px solid #C0C0C0; width: 100%; text-align:center;}
#tuchsaeume .saeume td { background-color:#f5f5f5; }
	#tuchsaeume .saeume tr:first-child td { font-weight:bold; }	/* Tabellen- Kopf */	
	#tuchsaeume .saeume tr td.radio { font-weight:bold; } /* radiobutton */
	#tuchsaeume .saeume tr td.bes { font-size:9px; }
	#tuchsaeume .saeume tr td.bild { background-color:#fff; cursor:pointer; }
	#tuchsaeume .saeume tr td.info { cursor:pointer; }
	#tuchsaeume .saeume tr td.hinten {  }
	
#tuchsaeume .vol_verlaengerung { border: 1px solid #C0C0C0; width: 100%; text-align:center; }

.saum_info { width:350px; }
	.saum_info table { margin:0 auto; }

	
input.box_suche {
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
	border-color:#d2d2d2;
    font-size: 10px;
    height: 13px;
    padding: 4px;
}

button.box_suche  {
    background-color: #f4f4f4;
    background-image: url("/i/stoffuebersicht_lupe.png");
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
	border-color:#d2d2d2;
    height: 23px;
    vertical-align: bottom;
    width: 22px;
}
	
	
	
	
	
	
	
input.box_suche {
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
	border-color:#d2d2d2;
    font-size: 10px;
    height: 13px;
    padding: 4px;
}

button.box_suche  {
    background-color: #f4f4f4;
    background-image: url("/i/stoffuebersicht_lupe.png");
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
	border-color:#d2d2d2;
    height: 23px;
    vertical-align: bottom;
    width: 22px;
}