/* Einschraenkung der Eigenschaften */

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

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

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

.auswahl_ueberschrift_plissee {
		color: #666666;
		font-size: 20px;
		padding-left: 10px;
		padding-top: 20px;
		font-weight: bold;
		width: 70%;
}

#farbuebersicht_head_plissee {
		background-color: #D8D8D8;
		width: 700px;
		/*width: 724px;*/
		margin: auto;
		position: relative;
		z-index: 3;
}

		.box_start_plissee {
			/*	background-color: #dbdbdb; */
			/*	border: 1px solid #cacaca; */
				font-size: 12px;
				padding-left: 6px;
				width: 118px;
				margin-left: 4px;
				margin-right: 4px;
				margin-top: 2px;
				margin-bottom: 6px;
				font-weight: bold;
		}

	
		.box_start {
				background-color: #dbdbdb;
				border: 1px solid #cacaca;
				font-size: 12px;
				padding-left: 6px;
				width: 118px;
				margin-left: 4px;
				margin-right: 4px;
				margin-top: 2px;
				margin-bottom: 6px;
		}		
		
		
		 
		.box_suche_plissee {
				position: absolute;
				bottom: 30px;
				right: 6px;	
		}
		
		.box_suche {
				position: absolute;
				top: 16px;
				right: 8px;
		}
		
		#ajax_lade {
				display: none;
				position: absolute;
				top: 5px;
				left: 5px;
		}

#text_before_plissee {
		color: #666666;
		margin-left: 10px;
		margin-top: 2px;
}

#text_before {
		color: #666666;
		margin-left: 20px;
		margin-top: 2px;
}

.box_group_plissee{
		padding-top: 22px;		/* padding statt margin: so bleibt auch im IE7 der Bereich zwischen Box und Aufklappmenue klickbar */
		position: absolute;		/* absolute statt relative/static, so vergoressert sich diese Box beim Aufklappen nicht nach unten */
		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_group {
		padding-top: 10px;		/* padding statt margin: so bleibt auch im IE7 der Bereich zwischen Box und Aufklappmenue klickbar */
		position: absolute;		/* absolute statt relative/static, so vergoressert sich diese Box beim Aufklappen nicht nach unten */
		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: relative;
		color: #595959;
		z-index: 13;
		float: left;
		margin-left: 4px;
}

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

.platzhalter {
		height: 70px;
}
		
/* 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;
}


.listing_table_plissee_cosiflor {
		border-left-color:#91A9BB !important; 
		border-right-color:#91A9BB !important; 
		border-bottom-color:#91A9BB !important;
		border-left-width:2px !important;
		border-left-style:solid !important;
		border-right-width:2px !important;
		border-right-style:solid !important;
		border-bottom-width:2px !important;
		border-bottom-style:solid !important;	
		border-spacing: 0;	
		/*width: 100%;*/
		table-layout: fixed;
}

.listing_table_plissee_sensuna  {
		border-left-color:#ECE679 !important;
		border-right-color:#ECE679 !important;
		border-bottom-color:#ECE679 !important;
		border-left-width:2px !important;
		border-left-style:solid !important;
		border-right-width:2px !important;
		border-right-style:solid !important;
		border-bottom-width:2px !important;
		border-bottom-style:solid !important;
		border-spacing: 0;
		/*width: 100%;*/
		table-layout: fixed;
}

        .farbuebersicht_plissee_line_odd_sensuna {
                background-color: #FCFCE8; 
                text-align: center;
                padding-top: 20px;
                padding-bottom: 20px;
                vertical-align: top;
		/*width: 100%;*/				
        }

		.farbuebersicht_plissee_line_odd_cosiflor {
                background-color: #F1F6FA; 
                text-align: center;
                padding-top: 20px;
                padding-bottom: 20px;
                vertical-align: top;
		/*width: 100%;*/				
        }

        .farbuebersicht_plissee_line_odd {
				background-color: #E7E8E3;
                text-align: center;
                padding-top: 20px;
                padding-bottom: 20px;
                vertical-align: top;
		/*width: 100%;*/				
        }
		
		
        .farbuebersicht_plissee_line_even {
				background-color: #FFFFFF;
                text-align: center;
				padding-top: 20px;
                padding-bottom: 20px;
                vertical-align: top;
		/*width: 100%;*/				
        }		
		

        .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;
		/*width: 100%;*/
        }

                .farbuebersicht_grp_schatten {
                        width: 60px;
                        height: 80px;
                        background-color: #bbbbbb;
                        margin-left: auto;
                        margin-right: auto;
						position: relative;
                }
				
				
				.farbuebersicht_grp_schatten_plissee {
                        width: 112px;
                        height: 149px;
                        background-color: #bbbbbb;
                        margin-left: auto;
                        margin-right: auto;
						position: relative;
                }


                .farbuebersicht_grp_schatten_jalousie {
                        width: 120px;
                        height: 60px;
                        background-color: #bbbbbb;
                        margin-left: auto;
                        margin-right: auto;
						position: relative;
                }

						.farbuebersicht_grp_achtung {
								position: absolute;
								left: 65px;
								top: 0;
						}  
						.farbuebersicht_grp_achtung_jalousie {
								position: absolute;
								left: 126px;
								top: 0;
						}
						.farbuebersicht_system_icon {
								position: absolute;
								left: -15px;
								top: 55px;
						}

						.farbuebersicht_grp_schatten:hover .farbuebersicht_system_icon {
								left: -11px;
								top: 56px;
						}
						
				.farbuebersicht_grp_bild {
						/* fuer den IE6 auskommentieren - der vertraegt das nicht!  - wenn man der Tabelle "position: relative;" zuweist, geht es wieder */
						position: absolute;
                        top: -4px;
                        left: -4px;

				}

						.farbuebersicht_grp_schatten:hover .farbuebersicht_grp_bild {
								top: 0;
								left: 0;
						}


				.pic_vorschau {
                        width: 60px;
                        height: 80px;
                        border: 1px solid #666666;
						display: block;
                }


                 .pic_vorschau_plissee {
                        width: 112px;
                        height: 149px;
                        border: 1px solid #666666;
						display: block;
                }

				.pic_vorschau_layer_line {
						position: absolute;
                        bottom: 1px;			/* die einfach Rahmenbreite (border) vom Bild */
                        left: 1px;
						border: 0;
				}

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

				.link_text {
						color: #b84391;
						text-decoration: none;
				}

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


.wrapper_artikel { 
			min-height: 100%; /* Mindesthöhe für moderne Browser */
			position: relative;
			padding-top: 120px;			
			font-size: 12px;
		
}

.head_sensuna { 
 			background-image: url(/bilder/banner_sensuna_gelb.png); 
			background-repeat: no-repeat;
			position: relative;
			background-color: #FCFCE8;			
}

.head_cosiflor { 
 			background-image: url(/bilder/banner_cosiflor_blau.png); 
			background-repeat: no-repeat;
			position: relative;
			background-color: #F1F6FA;
}

.banner_text {
		font-size: 12px;
		text-align: center;
		color: #000066;
}
 
.suchfeld_input {
		font-size: 12px;
		color: #bbbbbb;
		width: 120px;
		height: 24px;
		background-image: url(/bilder/suchfeld_text.png); 
		background-repeat: no-repeat;
		padding-left: 10px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-top: 0px;
		border: 0px;
		float: left;
}

.suchfeld_lupe {
		color: #bbbbbb;
		width: 36px;
		height: 24px;
		background-image: url(/bilder/suchfeld_lupe.png); 
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-left: 0px;		
		border: 0px;		
		cursor: pointer;
}