/* Damit die Ueberschriften in allen Browsern gleich aussehen */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size:2em;
	margin:0.67em 0;
}
h2 {
	font-size:1.5em;
	margin:0.83em 0;
}
h3 {
	font-size:1.17em;
	margin:1em 0;
}
h4 {
	font-size: 1em;
	margin:1.33em 0;
}
h5 {
	font-size:0.83em;
	margin:1.67em 0;
}
h6 {
	font-size:0.67em;
	margin:2.33em 0;
}


/* Layout */

body {
	font-size: 12px;
	font-family: arial;
	margin: 0;
}

#tabs_rechts {
		position: absolute;
		right: -21px;
		width: 34px;
		top: 140px;
		z-index: 90;
}

		#tabs_rechts a, #tabs_rechts img {
				display: block;
		}
		
		.tabs_rechts_tab:hover .tabs_rechts_tab_out {
				display: block;
		}
		
				.tabs_rechts_tab_out  {
						color: #8c8c8c;
						position: absolute;
						width: 200px;
						right: 27px;
						/*background-color: #e9e9e9;*/
						border-top: 1px solid #a9b2b3;
						border-left: 1px solid #a9b2b3;
						border-bottom: 1px solid #a9b2b3;
						padding: 8px;
						display: none;
						font-size: 10px;
						background-image: url(/bilder/tabs/tab_hintergrund.png) 
				}

		#tabs_rechts img {
				margin-bottom: 8px;
				border: 0;
		}
		

#feste_breite {		/* fuer die Tabs rechts */
	position: relative;
}

		
#leiste_ganzoben {
	background-color: #dedede;
	border-bottom: 3px solid #980b69;
	height: 19px;
	background-image: url('/bilder/textur.jpg');
}

#leiste_ganzoben_inhalt {
		padding-right: 30px;
}

#leiste_ganzoben_inhalt, #feste_breite {
		width: 972px;
		margin-left: auto;
		margin-right: auto;
}

		.leiste_ganzoben_inhalt_box {
				float: right;
				margin-left: 20px;
				font-size: 11px;
				line-height: 19px;		/* wie heigtht bei #leiste_ganzoben */
		}
				.leiste_ganzoben_inhalt_box a {
						color: #47183a;
						text-decoration: none;
						display: block;
				}
						.leiste_ganzoben_inhalt_box img {
								position: relative;
								top: 1px;
								border: 0;
						}

				#banner {
						height: 99px;
						color: #8c8c8c;
				}
						#banner a {
								text-decoration: none;
								color: #8C8C8C;										
						}

						#banner_links {
								float: left;
								position: relative;
						}
								#banner_links_logo {
										position: absolute;
										top: 4px;
										left: 4px;
										border: 0;
								}
								#banner_links_handelsring {
										position: absolute;
										top: 42px;
										left: 90px;
										font-size: 25px;
								}
								#banner_links_text {
										position: absolute;
										top: 72px;
										left: 90px;
										width: 500px;
										font-size: 15px;
								}

						.banner_info {
								float: right;
								margin-left: 23px;
								margin-top: 26px;
								font-size: 12px;
						}
						#banner_warenkorb {
								float: right;
								margin-left: 33px;
								margin-top: 9px;
								margin-right: 18px;
								font-size: 12px;
						}
						#banner_warenkorb img {
								border: 0;
						}
								#banner_warenkorb table{
										border-spacing: 0;
								}
										#banner_warenkorb td{
												padding: 0;
										}
								#banner_warenkorb_ueberschrift {
										text-align: center;
								}
										#banner_warenkorb_ueberschrift a{
												color: #9e2666;
												font-size: 20px;
												text-decoration: none;
										}

								#banner_warenkorb_zahlungsinfo img {
										margin-left: 6px;
										margin-right: 6px;
								}
				
				#haupttabelle {

						margin-bottom: 20px;
				}

				#mitte_oben {
					background-image:url(/bilder/mitte_oben.gif);
					background-repeat: no-repeat;
					width: 965px;
					height: 4px; line-height: 4px; font-size: 4px;
				}
	
				#mitte {
					background-image:url(/bilder/mitte.gif);
					background-repeat: repeat-y;
					width: 965px;
				}

						#spalte_links {
								width: 180px;
								vertical-align: top;
						}
								#menue  {
										width: 146px;
										margin-left: auto;
										margin-right: auto;
										margin-top: 0;
										margin-bottom: 0;
										padding: 0;
										border-left: 1px solid #8d8d8d;
										border-top: 1px solid #8d8d8d;
										border-right: 1px solid #8d8d8d;
										list-style-type: none;
										margin-bottom: 20px;
										background-color: #f1f1f1;
								}
										#menue  > li {
												border-bottom: 1px solid #8d8d8d;
										}
										#menue > li > a {
												color: #970c69;
												text-decoration: none;
												display: block;
												background-image: url('/bilder/menue_pfeil.png');
												background-repeat: no-repeat;
												background-position: right center;
												margin-right: 10px;
												margin-left: 10px;
												font-size: 12px;
												height: 27px;
												line-height: 27px;
												font-weight: bold;
										}
										#menue > li > ul {
												list-style-type: none;
												padding-left: 20px;
												margin-bottom: 6px;
												margin-left: 0;		/* besonders fuer IE7 und aelter */
										}
										
												#menue > li > ul > li > a {
														color: #515151;
														text-decoration: none;
														display: block;
														font-size: 12px;
												}
												#menue > li > ul > li > a:hover {
														color: #970c69;
												}
														#menue > li > ul > li > ul {
																padding-left: 10px;
																margin-left: 0;
																list-style-type: none;
														}

														#menue > li > ul > li > ul > li {
																/* list-style-image: url(/bilder/menue_anstrich.png); - das geht hier so nicht, weil das Bild immer unten an der Bildkante angezeigt wird */
																background-image: url("/bilder/menue_anstrich.png");
																background-position: left center;
																background-repeat: no-repeat;
																padding-left: 6px;
														}
														
														#menue > li > ul > li > ul > li > a {
																color: #515151;
																text-decoration: none;
																display: block;
																font-size: 11px;
														}
														#menue > li > ul > li > ul > li > a:hover {
																color: #970c69;
														}
										.menue_selected > a {
												color: #970c69 !important;
										}
						#spalte_rechts {
								vertical-align: top;
								padding-right: 35px;
						}
								#leiste {
										padding-top: 2px;
										padding-bottom: 2px;
										padding-right: 35px;
										font-weight: bold;
								}
										.leiste_home {
												float: left;
												width: 33px;
												height: 23px;
												line-height: 23px;
										}
												.leiste_home a, .leiste_home a:visited, .leiste_home a:active, .leiste_home a:hover {
														color: #970C69;
												}

										.leiste_eintrag {
												float: left;
												height: 23px;
												line-height: 23px;
												background-position: 11px center;
												padding-left: 32px;
												color: #8e8e8e;
												background-image: url('/bilder/menue_pfeil.png');
												background-repeat: no-repeat;
												font-size: 12px;
												margin: 0;
										}
												.leiste_eintrag a {
														color: #8e8e8e;
												}
										h1.leiste_eintrag h1 {

												cursor: default;
										}
										.leiste_angebot {
												float: right;
												height: 23px;
												line-height: 23px;
												padding-left: 12px;
												padding-right: 16px;
												cursor: pointer;
												color: #980b69;
												font-weight: bold;
												background-color: #ffffff;
												position: relative;
												top: 7px;
												border-left: 1px solid #8d8d8d;
												border-top: 1px solid #8d8d8d;
												border-right: 1px solid #8d8d8d;
										}
												.leiste_angebot img {
														vertical-align: bottom;
												}
												.leiste_angebot a {
														font-weight: normal;
												}
												.leiste_angebot a, .leiste_angebot a:visited, .leiste_angebot a:active, .leiste_angebot a:hover {
														color: #0000EE;
												}
										
								#inhalt {
										padding: 12px;
										background-color: #ffffff;
										border: 1px solid #8d8d8d;
								}
								#footer {
										margin-top: 20px;
										margin-bottom: 10px;
										padding: 12px;
										background-color: #ffffff;
										border: 1px solid #8d8d8d;
										position: relative;
								}
										#shopsoftware {
												position: absolute;
												width: 168px;
												right: 0;
												top: 15px;
												font-size:10px;
										}
								

				#mitte_unten {
					background-image:url(/bilder/mitte_unten.gif);
					background-repeat: no-repeat;
					width: 965px;
					height: 4px; line-height: 4px; font-size: 4px;
				}
				
				#mitte_links_social {
						text-align: center;
				}
						#mitte_links_social a img{
								border: 0;
						}
						
				.mitarbeiter {
						background-color: #F1F1F1;
						border: 1px solid #8D8D8D;
						margin-bottom: 20px;
						margin-left: auto;
						margin-right: auto;
						padding: 2px;
						text-align: center;
						width: 144px;
				}
				
				#mitte_links_banner_scroll-up, #mitte_links_banner, #mitte_links_banner_scroll-dn {
						width: 109px;
						margin: auto;
				}
				

                #mitte_links_banner_scroll-up {
                        height: 13px;
                        margin-bottom: 8px;
                        cursor: pointer;
                        display: none;
                }
                #mitte_links_banner {
                	z-index: 27;
                    border: 2px solid #a22078;
                    height: 600px;
                    overflow: hidden;
                    position: relative;		/* fuer den IE 7, damit die Scrolleiste nicht hinausragt */
                }
                        #mitte_links_scrolllayer {
                            position: relative;
                            z-index: 25;
                        }
                        #mitte_links_scrolllayer > img {
                            border: 0;
                        }
                #mitte_links_banner_scroll-dn {
                		height: 13px;
                        margin-top: 8px;
                        cursor: pointer;
                        display: block;
                }

/* Ende Layout */

/* Allgemeines */

.link_start {
		font-weight: bold;
}
	.link_start, .link_start:visited, .link_start:active, .link_start:hover {
			color: #0000EE;
	}

.infolink {
		cursor: pointer;
		text-decoration: underline;
}

						.link_start_n {
								color: #575757;
								font-weight:bold;
								text-decoration:none;
						}
							.link_start_n; .link_start_n:visited, .link_start_n:active, .link_start_n:hover, {
									color: #575757;
							}
						
						.link_startsite_plissee {
							font-weight:bold;
							font-size:24px;
							color:#ff0009;
							text-decoration: none;
						}
							.link_startsite_plissee; .link_startsite_plissee:visited, .link_startsite_plissee:active, .link_startsite_plissee:hover, {
								color: #ff0009;
							}
						
						.link_startsite_rollo {
							font-weight:bold;
							font-size:24px;
							color:#789718;
							text-decoration: none;
						}
							.link_startsite_rollo; .link_startsite_rollo:visited, .link_startsite_rollo:active, .link_startsite_rollo:hover, {
								color: #789718;
							}
							
						.link_startsite_jalousie {
							font-weight:bold;
							font-size:24px;
							color:#eba034;
							text-decoration: none;
						}
							.link_startsite_jalousie; .link_startsite_jalousie:visited, .link_startsite_jalousie:active, .link_startsite_jalousie:hover, {
								color: #eba034;
							}
						
						.link_startsite_lamelle {
							font-weight:bold;
							font-size:24px;
							color:#5179a7;
							text-decoration: none;
						}
							.link_startsite_lamelle; .link_startsite_lamelle:visited, .link_startsite_lamelle:active, .link_startsite_lamelle:hover, {
								color: #5179a7;
							}

						.link_startsite_dach {
							font-weight:bold;
							font-size:24px;
							color:#d5825a;
							text-decoration: none;
						}
							.link_startsite_dach; .link_startsite_dach:visited, .link_startsite_dach:active, .link_startsite_dach:hover, {
								color: #d5825a;
							}
.btn {
/*
		padding-left: 25px;
		padding-right: 25px;
		
		funktioniert in keinster Weise beim IE (kein Platz vom Inhalt zum Rand)
		auch der Style ausserhalb des Buttons verschiebt sich total
*/
		background-color: #a7a7a7;
		color: #3b393a;
		font-weight: bold;
		cursor: pointer;
		background-image:url(/bilder/btn_backgrnd.png);
		background-repeat: repeat-x;
		height: 30px;
		line-height: 25px;		/* fuer den Opera, damit der Text auch wirklich vertikal mitt ausgerichtet ist - etwas weniger als height nehmen, weil andere browser die Schrift etwas zu tief darstellen */
		font-size: 12px;
}

		.btn table {
				margin: auto;
				border-spacing: 0;
		}

				.btn td {
						padding-left: 2px !important;	/* Fuer die Detailseite, weil in diesem design-detailseite diese Angabe sonst ueberschrieben wuerde */
						padding-right: 2px !important;
						padding-top: 0;
						padding-bottom: 0;
						vertical-align: middle;
				}
						.btn img {
								display: block;
						}

.btn_textur
{
    background-image: url(/rts/img/textur.jpg);
    /* font-weight: bold; */
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

		.btn_textur img
		{
			margin-right: 5px;
			margin-left: 5px;
		}

.line {
		height: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		border-top: 2px solid #a43c70;
}

.preisschild {
		width: 60px;
		height: 32px;
		margin-left: auto;
		margin-right: 0px;
		background-image: url(/bilder/preisschild-trans.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		text-align: center;
		padding-top: 1px;
		font-family: arial;		/* fuer den Plissee-Konfigurator, weil der mit Verdana laeuft */
}

		.preisschild_mitte {
				font-size: 11px;
				margin-top: 4px;
				font-family: arial;
		}
		.preisschild_unten {
				font-size: 8px;
				font-family: arial;
		}

		
.preisschild_gross {
		width: 76px;
		height: 41px;
		color: #FFFFFF;
		text-align: center;
		background-image: url(/bilder/preisschild-gross.gif);
		background-repeat: no-repeat;
}

		.preisschild_gross_mitte {
				margin-top: 5px;
				font-size: 18px;
				
		}
		.preisschild_gross_unten {
				font-size: 9px;
		}

.search_input {
		font-size: 10px;
		color: #bbbbbb;
		width: 88px;
}

.search_button {
		font-size: 10px;
		color: #ffffff;
		background-color: #b28ab1;
		width: 52px;
}
		
/* Details bei Mouseover ueber Design */
/* Listing Stoffuebersicht UND Konfigurator */

.detail h1 {
		font-size: 10px;
		text-align: left;
		color: #ffffff;
		margin: 0;
		padding: 4px;
}

.detail h2 {
		font-size: 16px;
		text-align: center;
}

.detail table tr td {
		font-size: 12px;
}

.det_left {
		padding-right: 14px;
}

.det_left img {
		border: 1px solid #e8e8e8;
}

.det_right {
		text-align: left;
}

.det_key {
		font-weight: bold;
}