/* fuer den Schriftzug: "rot" ist eine tolle Farbe */
.farbe_gross {
		text-align: left;
		font-weight: bold;
		font-size: 30px;
		text-decoration: none;
		font-style: italic;
		margin: 0px;
		padding: 0px;
		display: inline;
}

.farbe_text {
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		text-decoration: none;
		font-style: italic;
		display: inline;
}


/* Einschraenkung der Eigenschaften */

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

#farbuebersicht_head {
		background-color: #f6efdd;
		margin-top: 1em;
		margin-bottom: 1em;
		height: 73px;
		position: relative;
		z-index: 3;
		min-width: 642px;
}

		.box_start {
				position: absolute;
				font-size: 12px;
				left: 8px;
				top: 16px;
		}
		.box_suche {
				position: absolute;
				top: 15px;
				right: 8px;
		}
		#ajax_lade {
				display: none;
				position: absolute;
				top: -18px;
				left: 0;
		}

#text_before {
		color: #666666;
		margin-top: 1em;
		margin-bottom: 1em;
}

#text_stern_erklaerung {
		margin-top: 20px;
		margin-bottom: 20px;
}

#text_after {
		margin-top: 20px;
		margin-bottom: 20px;
}

.box_group {
		top: 0;
		left: 0;
		position: absolute;
		z-index: 19;
		height: 0;		/* das wird fuer Touch-Geraete benoetigt - wenn die Box zu gross ist und andere Elemente verdeckt koennen die nich mehr getoucht werden die inneren Elemente ragen heraus */
}

.box_properties {
		position: absolute;
		color: #595959;
		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 #aaa7a2;
		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: center;
				padding-top: 0;
				padding-bottom: 0;
				background-color: #e6a100;
				width: 13px;
		}


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

/* Banner System, Infors zur Lieferzeit */
.listing_plissee_banner {
		position: relative;
}
		.listing_plissee_banner img {
				display: block;
		}
		.listing_plissee_banner span {
				position: absolute;
				top: 39px;
				left: 341px;
				font-size: 12px;
				text-shadow: 0 0 1px rgba(0,0,0,0.1);
		}
.listing_plissee_banner, .listing_plissee_banner img {
		width: 658px;
		height: 107px;
}

/* Listing der Stoffe */

/* Klasse für Tabellenlayout - Bsp: rollo_rf_4.asp */
.listing_table {
		table-layout: fixed;
		border-collapse: collapse;
		width: 100%;
}

		.listing_table .listing_box_1, .listing_table .listing_box_2 {
				color: #1A1307;
				vertical-align: middle;
				text-align: center;
				padding-top: 4px;
				padding-bottom: 4px;
				border: 1px solid #aaaaaa;
		}

				.listing_table .listing_box_1 a img, .listing_table .listing_box_2 a img{
						border: 1px solid #cccccc;
						display: block;
						margin-left: auto;
						margin-right: auto;
				}

		.listing_table .listing_box_1 {
				background-color: #ffffff;
		}
		.listing_table .listing_box_2 {
				background-color: #f2f2f2;
		}



.listing_table_plissee {
		table-layout: fixed;
		border-collapse: collapse;
		width: 658px;
		border-left-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		margin-bottom: 2em;
}

		.listing_table_plissee .listing_box_1, .listing_table_plissee .listing_box_2 {
				color: #1A1307;
				vertical-align: middle;
				text-align: center;
				padding-top: 4px;
				padding-bottom: 4px;

				border-left-width: 0;
				border-right-width: 0;

				border-top-width: 1px;
				border-top-style: solid;
				border-bottom-width: 1px;
				border-bottom-style: solid;
		}

		.listing_table_plissee tr:first-child td {
				border-top: 0;
		}
				.listing_table_plissee .listing_box_1 a img, .listing_table_plissee .listing_box_2 a img{
						border: 1px solid #cccccc;
						display: block;
						margin-left: auto;
						margin-right: auto;
				}

		.listing_table_plissee .listing_box_1 {
				background-color: #ffffff;
		}
		.listing_table_plissee_cosiflor .listing_box_2 {
				background-color: #f1f6fa;
		}
		.listing_table_plissee_decomatic .listing_box_2 {
				background-color: #f8f8f8;
		}
		.listing_table_plissee_sensuna .listing_box_2 {
				background-color: #fafbd9;
		}

		.listing_table_plissee_cosiflor {
				border-left-color: #d7e3f2;
				border-right-color: #d7e3f2;
				border-bottom-color: #d7e3f2;
		}
		.listing_table_plissee_cosiflor .listing_box_1, .listing_table_plissee_cosiflor .listing_box_2 {
				border-top-color: #d7e3f2;
				border-bottom-color: #d7e3f2;
		}
		.listing_table_plissee_cosiflor .listing_box_gross_cosiflor {
				border-right: 1px solid #d7e3f2;
		}

		.listing_table_plissee_decomatic {
				border-left-color: #dbdbdb;
				border-right-color: #dbdbdb;
				border-bottom-color: #dbdbdb;
		}
		.listing_table_plissee_decomatic .listing_box_1, .listing_table_plissee_decomatic .listing_box_2 {
				border-top-color: #dbdbdb;
				border-bottom-color: #dbdbdb;
		}
		.listing_table_plissee_decomatic .listing_box_gross_decomatic {
				border-right: 1px solid #dbdbdb;
		}

		.listing_table_plissee_sensuna {
				border-left-color: #f6e4b2;
				border-right-color: #f6e4b2;
				border-bottom-color: #f6e4b2;
		}
		.listing_table_plissee_sensuna .listing_box_1, .listing_table_plissee_sensuna .listing_box_2 {
				border-top-color: #f6e4b2;
				border-bottom-color: #f6e4b2;
		}
		.listing_table_plissee_sensuna .listing_box_gross_sensuna {
				border-right: 1px solid #f6e4b2;
		}


.msg_notfound {
		color: #666666;
		font-style: italic;
		margin-top: 40px;
		text-align: center;
}

#gruppenbild {
		margin-top: 3em;
		text-align: center;
}