a:link {
	FONT-FAMILY: verdana;
	COLOR: #de8903;   /* altes orange: FFE900 -- ist aber sehr grell, deshalb jetzt etwas dunkler */
}

a:visited {
	COLOR: #815000; FONT-FAMILY: verdana;
}

h1  {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #68202A; FONT-FAMILY: verdana; text-align:center;
	text-decoration: none;
}

h2  {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #5E6059; FONT-FAMILY: verdana;
	margin-top: 10pt; margin-bottom: 4pt;
}

h3  {
	FONT-SIZE: 8pt; COLOR: #5e6059; FONT-FAMILY: verdana;
}

button {
	cursor: pointer;
}

.l4 {
	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana; text-decoration: none
}

.l6 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: verdana; text-decoration: none
}

.1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #1E1608; FONT-FAMILY: verdana
}
.c1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #1E1608; FONT-FAMILY: verdana
}
/*
	Die Klassennamen muessen unbedingt mit einem Buchstaben beginnen (CSS-Standard, der Firefox-Browser stellt sie sonst nicht richtig dar)! Deshalb ab hier jetzt in Zukunft alle Klassennamen, die nur aus Zahlen bestehen werden ein c vorangestellt
	Die neuen Klassen (mit vorangestelltem c werden die alten Klassennamen in Zukunft ersetzen!)
 */

.2 {
	PADDING-LEFT: 20px; FONT-SIZE: 8pt;
	COLOR: black; FONT-FAMILY: verdana
}
.c2 {
	PADDING-LEFT: 20px; FONT-SIZE: 8pt;
	COLOR: black; FONT-FAMILY: verdana
}

.3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana
}

.c3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana
}

.3r {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ff0000; FONT-FAMILY: verdana
}

.4 {
	FONT-SIZE: 12pt; COLOR: #3F2F10; FONT-FAMILY: verdana
}
.c4 {
	FONT-SIZE: 12pt; COLOR: #3F2F10; FONT-FAMILY: verdana
}
.5 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #3C2D10; FONT-FAMILY: verdana
}

.c5 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #3C2D10; FONT-FAMILY: verdana
}

.6 {
	FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: verdana
}

.c6 {
	FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: verdana
}

.7 {
	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana
}
.c7 {
	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana
}
.8 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #3F2F10; FONT-FAMILY: verdana
}

.c8 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #3F2F10; FONT-FAMILY: verdana
}

.9 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff9e00; FONT-FAMILY: verdana
}

.c9 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff9e00; FONT-FAMILY: verdana
}

.10 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: verdana
}

.c10 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: verdana
}

.11 {
	FONT-SIZE: 7pt; COLOR: black; FONT-FAMILY: verdana
}

.c11 {
	FONT-SIZE: 7pt; COLOR: black; FONT-FAMILY: verdana
}

.line {
	COLOR: #f4c77e; LINE-HEIGHT: 1;
}

.t1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #1A1307; FONT-FAMILY: verdana
}

.t2 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0080ff; FONT-FAMILY: verdana
}

.t3 {
	FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: verdana
}

/*
.t4 alt. Die Schriftgroessen sind jetzt kleiner
.t4 {
	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana;
}
*/
.t4 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: verdana;
}

.t5 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ff9e00; FONT-FAMILY: verdana
}

.t6 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt;  FONT-FAMILY: verdana
}
 /* z.B. Zubehoer */
.t7 {
	PADDING-LEFT: 20px; FONT-SIZE: 8pt;
	COLOR: black; FONT-FAMILY: verdana;
}

/* damit die Links im gleichen Stil aussehen und nicht aus der Reihe tanzen */
.t7 a:link, .t7 a:visited, .t7 a:hover, .t7 a:active {
	FONT-SIZE: 8pt; FONT-FAMILY: verdana;
}

.t8 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: verdana
}

.t9 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: verdana
}
/* damit die Links im gleichen Stil aussehen und nicht aus der Reihe tanzen */
.t9 a:link, .t9 a:visited, .t9 a:hover, .t9 a:active {
	FONT-SIZE: 8pt; FONT-FAMILY: verdana;
}

.t10 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ff0000; FONT-FAMILY: verdana
}

.i1 {
	FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: verdana
}

.i2 {
	FONT-SIZE: 7pt; COLOR: #888888; FONT-FAMILY: verdana
}

.l1 {
	FONT-SIZE: 7pt; COLOR: #888888; FONT-FAMILY: verdana
}

body {
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana,Helvetica,Swiss;
	margin:8px;
}


p, li, td {
	FONT-SIZE: 8pt; FONT-FAMILY: verdana;
}

/* noch auf den Massanfertigungs-Seiten! */
.akt_tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4D5A86;
	border-right-color: #4D5A86;
	border-bottom-color: #4D5A86;
	border-left-color: #4D5A86;
	color: #333333;
	line-height: 10px;
	vertical-align: top;
}

/* graue Box mit braunem Rahmen */
.akt_tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4F3A14;
	border-right-color: #4F3A14;
	border-bottom-color: #4F3A14;
	border-left-color: #4F3A14;
	color: #333333;
	line-height: 14px;
	vertical-align: top;
}

.txt10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	FONT-WEIGHT: bold;
}

.txt10r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	COLOR: #ff9e00;
	FONT-WEIGHT: bold;
}

.txt12r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: #ff9e00;
	FONT-WEIGHT: bold;
}

.verl_re {
	background-attachment: scroll;
	background-image: url('../i/verl_main_re.jpg');
	background-repeat: repeat-y;
	background-position: right top;
	line-height: 13px
}
/* ---------- */




a img {
		border: 0;
}

/* Klasse btn_konfig - Zur Styledefinition, jetzt das hier verwenden (ID darf nur einmal vergeben werden) */
.btn_konfig a {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    text-decoration:none;
    font-weight:bold;
}

/* ID btn_konfig - "veraltet". wurde faelschlicherweise benutzt. zur style-definition: Klasse (class) benutzen! - ID wirklich nur als ID einmalig vergeben! */
#btn_konfig a {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    text-decoration:none;
    font-weight:bold;
}

#btn_konfig a:hover{
	color: #0080FF;
}

/* Warenkorb und Bestellvorgang */
.btn_textur
{
    background-image: url(/rts/img/textur.jpg);
    cursor: pointer;
    font-weight: bold;
}
.button_adr
{
	background-image: url(/rts/img/textur.jpg);
	cursor: pointer;
	width: 276px;
	height: 26px;
}
.button_adr table
{
	width: 100%;
}
.button_adr_icon {
	width: 24px;
	text-align: right;
}
.button_adr_text {
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}



/* Artikellisting - gesamte Hintergrundbox - Rahmen */
.artbox {
	border:1px solid #543700;
}

/* Artikellisting - Ueberschrift */
.arthead {
	text-align:center;
	background-color:#F5F5F5;
	margin:0px;
	border-bottom:1px solid #999999;
	color:#543700;
}

/* Standard Button Style*/
.btn {
	background-color:#FFFFFF;
	display:block;
	cursor: pointer;
}

/* Grauer Button */
.btn_grey {
	background-color:#E8E6DA;
	border-color:#F8FFF8;
	display: block;   /* Firefox macht block und IE mach inline standardmaessig, deshalb hier fuer alle gleich: block */
}

/* Artikllisting Text */
.arttxt {
	PADDING-LEFT: 8px; FONT-SIZE: 8pt;
	COLOR: black; FONT-FAMILY: verdana
}

/* Artikellisting - Preis */
.preis {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: black;
	PADDING-LEFT: 9px;
}

/* Artikellisting - Menge */
.artmng {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt;
}

/* Uebersicht der Kategorien - Link fuer alle Artikel */
.alleart {
	display: block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	text-decoration: underline;
}

/* Content Links */
.contentext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-decoration:none;
	text-align:left;
}

.contentext a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-decoration:underline;
	font-weight: bold;
}

.contentext a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#990000;
	text-decoration:none;
	font-weight: bold;
}

/* Camera vor den Kundenmeinungslinks */
.camera {
	margin-bottom:15px;
	list-style-image:url(berichte/camera.gif);
	vertical-align:middle;
	height:auto;
}




.imgborder{
	border: 1px solid #CCCCCC;
}


/* Linkboxen z.B. Couchkissen, Gardinenstangen, Gardinen, Dekostoffe */
.verweis:link, .verweis:visited, .verweis:hover, .verweis:active {
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	text-align: center;
}

.box {
     text-align: center;
     vertical-align: bottom;
     border: solid 1px #000000;
}

.schrift {
    background-color:#FFC182;
}

.leerbox {
	text-align: center;
    vertical-align: middle;
    border: solid 1px #000000;
    background-color:#FFC182;
    font-size: 12px;
    line-height: 26px;
    padding: 6px;
}

.linktext:link, .linktext:visited, .linktext:hover, .linktext:active
{
	display: block;
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:none;
	text-align: center;
	background-color:#FFC182;
}

/* erster Buchstabe gross */
.buchgr:first-letter
{
		font-size: 22px;
}

/* option[value=1]:before { content:url("de.gif"); } */
/* option[value=3]:before { content:url("ch.gif"); } */
.land1:before { content:url("/rts/img/flaggen/1.png"); }
.land2:before { content:url("/rts/img/flaggen/2.png"); }
.land3:before { content:url("/rts/img/flaggen/3.png"); }
.land4:before { content:url("/rts/img/flaggen/4.png"); }
.land5:before { content:url("/rts/img/flaggen/5.png"); }
.land6:before { content:url("/rts/img/flaggen/6.png"); }
.land7:before { content:url("/rts/img/flaggen/7.png"); }
.land8:before { content:url("/rts/img/flaggen/8.png"); }
.land9:before { content:url("/rts/img/flaggen/9.png"); }
.land10:before { content:url("/rts/img/flaggen/10.png"); }
.land50:before { content:url("/rts/img/flaggen/50.png"); }
.land51:before { content:url("/rts/img/flaggen/51.png"); }

ul.start {
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	list-style-position: outside;
}

h4.start {
	font-size: 11px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.weniger_ist_mehr {
	display: none;
}

.mehr {
	display: block;
}

/* Tabelle bei der nur die untere Border unterstrichen ist - hinzugefuegt am 20.03.09 von Nils */
table.strichunten td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/* Kategorielisting */
.kat_kasten_aussen {
	border: 1px solid #000000; padding: 4px; margin-left: 0px; margin-right: 0px; margin-top: 25px; margin-bottom: 5px; background-color: #F5F2ED; width:100%;
}
.kat_kasten_top {
	width: 100%; background-color: #FFCD8C; padding-top:1px; padding-bottom:2px; padding-left:20px; padding-right: 20px; margin-top:4px; border: 1px solid black;
}
.kat_kasten_top_ue {
	color: #000000; padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 2px; margin: 0px;
}
.kat_kasten_bottom_aussen {
	background-color: #FFCD8C; padding: 2px; margin: 0px; vertical-align: middle;
}
.kat_kasten_bottom_ganzaussen {
	background-color: #FFFFFF; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin: 0px; border: 1px solid #999999; text-align: center;vertical-align: middle;
}
.kat_kasten_bottom_button {
	background-color: #FFCD8C; height: 28px; width: 100%; vertical-align: middle;
}

.art_kasten_aussen {
	border: 1px solid #666666; margin-top: 20px; width: 100%;
}
.art_button {
	width:152px; height: 28px; margin:0px; background-color: #F5F2ED; cursor: pointer;
}



.form_biergarten {
	border: #333333 1px dotted;
}



/* Tab Gardinenstangen Details */
.gasta_details {
	width: 100%;
	border-collapse: collapse;
}

.gasta_details tr td {
	border: 1px solid #444444;
	text-align: center;
}

/* alternativer / aehnlicher / ergaenzender / related Artikel */
.related h3 {
	clear: both;
	margin-bottom: 0;
	margin-top: 4px;
	font-size: 10px;
}

.related img {
	width: 40px;
	margin: 4px;
	vertical-align: middle;
}

.related a {
	font-size: 9px;
}

.related_box {
	margin-top: 8px;
}

.link_modell {
	text-decoration: none; 
	font-size: 11px; 
	color: #000000;	
}


/* Sprechblasen */
/* verwendet beim Balkonumspannungskonfigurator */
.sprechblase{
		position: relative;
		text-align: left;
		display: none;
		font-size: 10px;
		z-index: 1000;
}

.sprechblase1 {
		position: absolute;
		text-align: left;
		background-image: url(/i/sprechblasen/sprechblase1.png);
		width: 162px;
		height: 78px;
		padding-left: 28px;
		padding-right: 15px;
		padding-top: 14px;
}

.sprechblase2 {
		position: absolute;
		text-align: left;
		background-image: url(/i/sprechblasen/sprechblase2.png);
		width: 115px;
		height: 109px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase3 {
		position: absolute;
		width: 102px;
		background-image: url(/i/sprechblasen/sprechblase3.png);
		text-align: left;
		height: 39px;
		padding-left: 32px;
		padding-top: 14px;
}

.sprechblase4 {
		position: absolute;
		text-align: left;
		background-image: url(/i/sprechblasen/sprechblase4.png);
		width: 95px;
		height: 31px;
		padding-left: 11px;
		padding-top: 7px;
}

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

.search_button {
		font-size: 10px;
		color: #ffffff;
		background-color: #e1a759;
		width: 52px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* webkit specific CSS */
    div.div_agb_in_a_box { 
		height:120px;
		overflow:auto; 
		-webkit-overflow-scrolling:touch;
		 
	}
}

  ul#eigenschaften li {
    FONT-SIZE: 9pt; 
	COLOR: black; 
	FONT-FAMILY: verdana; 
    padding: 0;
  }