/* Einschraenkung der Eigenschaften */

.hover_underline:hover {
		text-decoration: underline;
}

#farbuebersicht_head {
		background-color: #f3e8f0;
		width: 700px;
		margin: auto;
		padding-bottom: 34px;
		position: relative;
		z-index: 3;
}

#auswahl_ueberschrift {
		color: #5f1b4a;
		font-size: 25px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 0px;
		font-weight: normal;
		margin: 0;
}

#text_before {
		color: #666666;
		padding-left: 20px;
		padding-right: 20px;
}

.box_group {
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		z-index: 14;
}

.box_start {
		background-color: #dbdbdb;
		border: 1px solid #cacaca;
		float: left;
		padding-left: 6px;
		padding-right: 6px;
		margin-left: 4px;
}

.box_properties {
		position: relative;
		float:left;
		color: #595959;
		margin-left: 4px;
		z-index: 13;
}

		body { behavior: url('/autosites/csshover3.htc'); }		/* only IE, ahmt das Hover-Verhalten nach! */
		
		.box_properties:hover .box_properties_area {
				display: block;
		}

.box_properties_head {
		width: 100%;
		border-spacing: 0;
		background-color: #ffffff;
		border: 1px solid #dcdcdc;
		position: relative;
		z-index: 12;
}
		.box_properties_head_bez {
				text-align: left;
				padding-left: 6px;
				padding-top: 0;
				padding-bottom: 0;
				padding-right: 0;
		}
		.box_properties_head_img {
				text-align: right;
				padding-right: 6px;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: 0;
		}


.box_properties_area {
		background-color: #ffffff;
		border: 1px solid #dcdcdc;
		margin-top: 2px;
		padding: 4px;
		position: relative;
		display: none;
		position: relative;
		z-index: 10;
}

		.box_properties_area table {
				width: 100%;
				z-index: 9
		}
		.box_properties_area div {
				z-index: 9
		}
		
		
		
		.box_properties_area_reset {
				cursor: pointer;
		}

/* Ende Einschraenkung der Eigenschaften */


#farbuebersicht_schriftzug {
		position: absolute;
		top: 171px;
		left: 40px;
		font-size: 16px;
		font-style: italic;
}

#farbuebersicht_farbbild {
		
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 700px;		/* Die Groessenangaben sind notwendig, damit der IE8 beim Neuladen sofort weiss, wieviel Platz er braucht. Denn sonst er verschiebt er die kleinen Vorschaubilder, nachdem er die Groesse fuer dieses Element bestimmt hat, nicht mit */
		height: 220px;
}

#farbuebersicht_listing {
		text-align: center;
		position: relative;
		width: 700px;
		/* height: 650px; */
		overflow: auto;
		margin: auto;
		position: relative;
		z-index: 2;
}

#farbuebersicht_listing table {
		border-spacing: 0;
		border-collapse: collapse;
		table-layout: fixed;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8px;
		
		position: relative;
}

        .farbuebersicht_line_odd, .farbuebersicht_line_odd_jalousie {
                background-color: #ffffff;
        }

        .farbuebersicht_line_even, .farbuebersicht_line_even_jalousie {
				background-color: #e7e8e3;
        }

        .farbuebersicht_line_odd, .farbuebersicht_line_even,
		.farbuebersicht_line_odd_jalousie, .farbuebersicht_line_even_jalousie
		{
                text-align: center;
                padding-top: 20px;
                padding-bottom: 20px;
                vertical-align: top;
        }

                .farbuebersicht_line_odd div, .farbuebersicht_line_even div {
                        width: 60px;
                        height: 80px;
                        background-color: #bbbbbb;
                        margin-left: auto;
                        margin-right: auto;
						position: relative;
                }

                .farbuebersicht_line_odd_jalousie div, .farbuebersicht_line_even_jalousie div {
                        width: 120px;
                        height: 60px;
                        background-color: #bbbbbb;
                        margin-left: auto;
                        margin-right: auto;
						position: relative;
                }
				
                .pic_vorschau {
                        width: 60px;
                        height: 80px;
                        border: 1px solid #666666;
						display: block;



                        
						/* fuer den IE6 auskommentieren - der vertraegt das nicht!  - wenn man der Tabelle "position: relative;" zuweist, geht es wieder */
						position: relative;
                        top: -4px;
                        left: -4px;




						/* Und jetzt kommt die Extrawurst fuer den Internet Explorer: */
						/* das funktioniert zwar aber erzeugt fehler
						tut_tut_tut:expression(
								onmouseover=new Function("this.style.top='0';this.style.left='0';"),
								onmouseout=new Function("this.style.top='-4px';this.style.left='-4px';")
						);
						*/
                }
                .pic_vorschau:hover {
                        top: 0;
						left: 0;
                }

						.pic_vorschau_jalousie {
								width: 120px;
								height: 60px;
								border: 1px solid #666666;
								display: block;

								position: relative;
								top: -4px;
								left: -4px;
						}
						.pic_vorschau_jalousie:hover {
								top: 0;
								left: 0;
						}

				.link_text {
						color: #b84391;
						text-decoration: none;
				}
				
				.pfeil {
						border: 0;
				}
				
.msg_notfound {
		color: #666666;
		font-style: italic;
		margin: 30px;
		text-align: center;
}