/* 
harti-Frottiermoden
harti.css
Autor:					Gisela Huber
Email:					info@gisedesign.de
Web:					http://www.gisedesign.de
Copyright:				(c)2004 -2010 by Gisela Huber
Letzte Bearbeitung:		16/02/2010

--------------------------------------------------
color: #663300 = dunkelbraun ersetzt harti-blau #309
color: #600; = dunkelrot   ersetzt magenta #a08
color: #dbcea4 = hellbraun beige
color: #eee = zartblau, hintergrund
color: #e7e7e7
color: #003;   dunkelblau


zartblau #f9ffff
zartgelb #ffc
magenta-friseur #600
purple #dc143c
#8b008b
#7fffd4
#dc143c
tophintergrundgrau #E6E6E6;
hintergrundfarbe link graublau #BAC1DE; 
harti-blau #309
hintergrundblau #9cf
/* setzt alle Standardabstnde auf Null */

html, body, table, tr, td, dl, dt, dd, h1, h2, h3, h4, p, div, span, ul, ol, li, fieldset, blockquote, br,a {
margin: 0;
padding: 0;
border: 0;
}



html {background-color: #fff;
	color: #000;
	height: 100%;
}

body {
	font-size: 101%;
	margin: 0px;
	color: #000;
	font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
	background-color: #fff;
	background-image: url(bilder/background.jpg);
	background-repeat:repeat;
	padding: 0px;
	height: auto;
	
}
h1 {
	font-size: 120%;
	margin: 0;
	color: #660000;
	background-color: transparent;
	padding:  5px;
}

h2 {
	padding: 5px;
	font-size: 110%;
    margin: 10px 0 0 0;
	color: #660000;
	background-color: transparent
}
li h2 {
	padding: 2px 5px 2px 5px;
	font-size: 100%;
    margin: 5px 0 0 0;
    color: #660000;
	background-color: transparent;
	text-decoration: underline;
}
h3 {
	font-size: 100%;
	font-weight:bold;
	margin: 0 0 10px 0;
	color: #660000;
	background-color: transparent;
	padding:  5px;
}
h4 {
	font-size: 100%;
	font-weight:bold;
	margin: 5px 0 0 0;
	color: #663300;
	background-color: transparent;
	padding:  2px 2px 2px 5px;
}
p {
 padding: 5px;  margin: 0 5px 0 0; 
 max-width: 750px;
 line-height: 1.3em;
}
hr {
	color: #663300;
	width: 60%;
	
	margin:5px 0 5px 0;

}
hr.c {
margin: auto;
border: 1px;}
#senden p{
 padding: 3px 5px 5px 5px; 
 line-height: 1.1em;
 font-size: 90%;
}

#senden input{

 font-size: 100%;
}
ul, ul.ohne2 li ul {
	margin:0 0 5px 20px;
	list-style : square outside none;
	line-height : 150%;
	
}

ul.ohne {

	margin: 0 0 5px 10px;
	padding-left: 5px;
	list-style : none outside none;
	line-height : 150%;
}
ul.ohne2{

	margin: 0 0 5px 10px;
	padding-left: 5px;
	list-style : none outside none;
	line-height : 110%;
		font-size: 80%;
}


ol{
	margin-left: 30px;
}

li {
margin-top: 0;
margin-bottom: 0;
}

a {
	color:#006;
	/*allgemeine Farbe fr Text-Links*/
	font-weight: bold;
}

a:link, a:visited  {
	text-decoration : underline;
}

a:hover, a:active {/* hintergrundfarbe fr text-links-*/
		text-decoration : none;

}

/* die alles umfassende inhaltsbox beginnt*/
#alles { /*position: absolut; nachtraegich ein e angehaengt*/
	background-color: #fff;
	color: black;
	font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
	border: 1px solid #dbcea4;
	max-width: 980px;
	/*width: 98%;*/
	padding: 0;
	/* oder auch z.B. 800px */
	height: auto;
	margin: 0px auto 12px auto;
	/* alles-Box vertikal zentrieren, Rand oben + unten 20px */
	text-align:center;
	/* alles-Box vertikal zentrieren in Opera, NN, Mozilla */
}
#kopf {
	position:relative;
	background: url(bilder/header-bg.jpg) no-repeat;
	border: none; /*randfarbe*/
	color: #600; /*schriftfarbe*/
	height: 166px;
	padding: 0;
	width: auto;
	margin: 0;
}

#titel {
	position:relative;
	margin:0px 0 0 180px;
	border:0;
	padding: 30px 0 0 0;
	border : none;
	z-index: 12;
	text-align:left
	/* auskommentiert weil = gibts nach w3c nicht:  color: transparent; */
}
#titel h1 {
	margin: 0;
	padding-bottom: 5px;
	padding-top: 0px;
	}
#titel h2 {
	color: #630;
	background-color: transparent;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 8px;
	width: 550px;
	}
	
	
#toplinks{
	position: relative;
	float: right;
	font: 400 75%/120% verdana, helvetica, sans-serif;
	margin-top: 2px;
	margin-right:5px;
	margin-bottom: 0px;
	height: 20px;
	z-index:20;
}



#toplinks a:link,  #toplinks a:visited { color: #600;
text-decoration: none}

#toplinks a:hover, #toplinks a:active
{
color: #660000;
background-color: #dbcea4;
}

	
#aktuell{
	width: 550px;
	background-color : transparent;
	padding : 5px 5px 0 5px;
	margin: 0 5px 0 5px;
	letter-spacing : 1px;
	font-size: 95%;
}

#logo {
	position:absolute;
	left: 750px;
	top:40px;
	z-index:25;

	/* auskommentiert weil = gibts nach w3c nicht:  color: transparent; */
}

#kopfmenue{
	clear: both;
	float: left;
	font-size: 90%;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -1px;
	position: relative;
	width: 100%;
	text-align:left;
	z-index:10;
}
/* navigations zeile startet*/
#navlist
{
	padding: 0 1px 1px;
	margin-left: 0;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid grey;
font: bold 85%  Verdana, sans-serif;
display: inline;
}

#navlist li a
{
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 0.8em solid #600;
	border-bottom: 1px solid #600;
	background-color: #dbcea4;/*  hintergrundfarbe link*/
	text-decoration: none;
	font-weight: bold;
}


#navlist li a:link,  #navlist li a:visited {
	color: #600;
}

#navlist li a:hover, #navlist li a:active
{
border-color: #660000;
color: #660000;
background-color: #e7e7e7;
}
/* Highlighting fr Hauptnavigationspunkte */
body#section_zero #navlist #zero,
body#section_one #navlist #one,
body#section_two #navlist #two,
body#section_three #navlist #three,
body#section_four #navlist #four,
body#section_five #navlist #five,
body#section_six #navlist #six,
body#section_seven #navlist #seven, 
body#section_eight #navlist #eight,
body#section_nine #navlist #nine,
body#section_ten #navlist #ten,
body#section_eleven #navlist #eleven,
body#section_twelf #navlist #twelf         
{
	border-color: 	#309; 
	color: #309; /*#D29A5B;*/
	background-color: #e7e7e7; 
}
	
/*ende navigationszeile*/


#nest /* umfassendes nest-div um menuebox-div und content-div */
{
	clear: both;
	background-color: transparent;
	/*color:#663300; */
	text-align: left;
	width: auto;
	height: auto;
	margin-top: 0px;
}
/* formatierung fr Breite tabellen die den ganzen Platz brauchen */
#nest h3 {
	margin-left: 20px;

}
#nest table {
	margin: 5px 0 5px 10px;
	border-collapse: collapse;
	text-align: left;
	empty-cells : hide;
	vertical-align : middle;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:95%;
}

#nest th  {

	font-size: 100%;
	color: #663300;
	text-align: center;
	background-color:#dbcea4;
	margin : 0;
	padding : 3px;
	border-collapse: collapse;
}
#nest tr  td {
	text-align: center;
	vertical-align: middle;
	margin : 0;
	padding :3px 2px 3px 2px;
	border-collapse: collapse;
		min-height: 50px;
}
#nest table.akzent  th {
	border: 1px dotted #600;
	border-collapse: collapse;
line-height: 1.5em;
}

#nest table.akzent  tr.aus {
	display: none;

}


#nest table.akzent tr td {
	border: 1px dotted #600;
	border-collapse: collapse;
line-height: 1.2em;
}
/* Ende - formatierung fr Breite tabellen die den ganzen Platz brauchen */
#menuebox {
background-color:#fff; color:#000;
float:left;
width: 180px;  
height: 100%;
margin: 0;
font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size:0.75em;
}

#menue {
	width: auto;
	padding: 0;
	margin: 15px 10px;
	background: transparent;
	color: #fff;
	border: 1px solid #663300;
}
#menue ul {
list-style: none;
margin: 0;
padding: 0;
border: none;

}
#menue li {
	list-style: none;
	display: block;
	margin: 0;
	border: none;
	background-color:#dbcea4;
	color: #663300;
	line-height: 130%;
}


#menue li h2 {
	padding: 2px;
	font-size: 100%;
	margin: 0px;
	vertical-align : text-bottom;
}

#menue li.erstes {
	border-top : 2px solid #600;
}

html>body #menue li a {
width: auto;
}


#menue li a {
	display: block;
	width: auto;
	background-color: #e7e7e7; /* hintergrundfarbe bei links */
	color: #333;
	padding : 0 3px 0 3px;
	text-decoration: none;

	font-weight: bolder;

}

#menue li a:link, #menue li a:visited  {
	color: #333;
	border-bottom: thin solid #333;
}


#menue li.neu a:link, #menue li.neu a:visited  {
	color: #dbcea4;
	background-color: #630;/* hintergrundfarbe bei links Klasse "neu" */
	border-bottom: thin solid #e7e7e7;
}



#menue li a:hover, #menue li a:active {
	background: #dbcea4;
	border-bottom: thin solid #600;
	color: #663300;
	
}
#menue li.neu a:hover, #menue li.neu a:active { /*fr Klasse "neu"*/
	background: #dbcea4;
	border-bottom: thin solid #e7e7e7;
	color: #663300;
	
}


#menue p {color: #663300;
}
/* Highlighting fr Unternavigationspunkte */
#aktiv1 #menue #p1,
#aktiv2 #menue #p2,
#aktiv3 #menue #p3,
#aktiv4 #menue #p4,
#aktiv5 #menue #p5,
#aktiv6 #menue #p6,
#aktiv7 #menue #p7,
#aktiv8 #menue #p8,
#aktiv9 #menue #p9,
#aktiv10 #menue #p10,
#aktiv11 #menue #p11,
#aktiv12 #menue #p12,
#aktiv13 #menue #p13,
#aktiv14 #menue #p14,
#aktiv15 #menue #p15,
#aktiv16 #menue #p16,
#aktiv17 #menue #p17,
#aktiv18 #menue #p18,
#aktiv19 #menue #p19,
#aktiv20 #menue #p20,
#aktiv21 #menue #p21,
#aktiv22 #menue #p22,
#aktiv23 #menue #p23,
#aktiv24 #menue #p24,
#aktiv25 #menue #p25,
#aktiv26 #menue #p26
{
	color: #600;
	text-decoration: none;	
	background-color : #dbcea4;
}
 /* ende menue-box definitionen*/

/*beginn der content-div-definitionen*/
#content {
margin:0 0 0 175px;
background-color: #fff; 
color:#000;
padding:10px 0px 5px 5px;
height: auto;
width: auto;
vertical-align : top;
text-align : left;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size:80%;
	
}
#content.breit {
margin: 0 10% 0 10% }

#content table {
	margin: 5px 0 5px 5px;
	border-collapse: collapse;
	text-align: left;
	empty-cells : hide;
	vertical-align : middle;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:95%;
}

#content table th  {
	font-size:95%;
	color: #663300;
	text-align: center;
	background-color:#dbcea4;
	margin : 0;
	padding : 3px;
	border-collapse: collapse;
}
#content tr  td {
	text-align: center;
	vertical-align: middle;
	margin : 0;
	padding :3px 2px 3px 2px;
	border-collapse: collapse;
		min-height: 50px;

}

#content table.akzent  th {
	border: 1px dotted #600;
	border-collapse: collapse;
line-height: 1.5em;
}

#content table.akzent  tr.aus {
	display: none;

}


#content table.akzent tr td {
	border: 1px dotted #600;
	border-collapse: collapse;
line-height: 1.2em;
}
/* -------------------- Beispieltabelle bei Stickereien*/
#content table.beispiel {
margin: 0 5% 0 5%;
	width: 250px;
}

#content table.beispiel th {
	border: 1px dotted #600;
	border-collapse: collapse;
	background-color: transparent;
	text-align: left;
	padding:7px;
}


#content table.beispiel tr td {
	border: 1px dotted #600;
	border-collapse: collapse;
text-align: left;
padding:7px;
}

/* --------------Angaben fr die Preislisten-Tabelle in Exclusiv------------*/
#content table.preisliste {
	font-size: 90%;
	border: 1px solid #600;
	margin: 15px 0 0 0;
    width : 70%;
	float:left;
}

#content table.preisliste th{
	border: 1px solid #600;
}
#content table.preisliste td{
	border: 1px solid #600;
}
/* --------------Ende Angaben fr die Preislisten-Tabelle in Exclusiv------------*/
#content h1{color:#660000;
padding: 5px 5px 5px 5px;
}
#content h1.black{color:#000;
padding: 5px 5px 5px 5px;}

#content h2 {
padding: 5px 5px 0 5px;
    margin:  0;
	}

#content h2.black {
	font-size: 105%;
	color: #000;
	margin: 0 0 20px 5px;
}	
#content a, #content div a {
font-size: 92%;
	}
	

#content h3{color:#663300;
padding: 5px 5px 5px 5px;
}

#content ol li{color:#663300;
font-size: 0.9em;
padding: 5px 5px 10px 5px;}

#content ol.black li{color:#000;
padding-bottom: 15px;
}

#content ol li ul li{color:#000;
font-size: 100%;
padding: 3px 0 0 0;}

#diashow table {
	border: 1px solid #E4E4E4;
		text-align:center;
}
#diashow  td {
	border: 1px solid #E4E4E4;
	
}
#diashow  td img{
	border: none;
	
}


/* ende der content-div-definitionen */

#zusatzinfo {
	float: right;
	width : 166px;
	margin:0 1px 10px 8px;
	padding: 0;
	border-top: 1px solid #600;
	border-right: 1px none Transparent;
	border-bottom: 1px solid #600;
	border-left: 1px solid #600;
	background-color: #e7e7e7;
	text-align : center;
}
#zusatzinfo.tabelle{
	width: 180px;
	background-color: transparent;
	font-size: 0.8em;
}
#zusatzinfo.bild, #zusatzinfo.bild-profi{
	width: auto;
	margin: 0 0 10px 10px;
	border: none;
	background-color: transparent;
}
#zusatzinfo.bild-profi img{

	border: 1px solid #663300;

}
#zusatzinfo.schmal {
		width: 120px;
}
#zusatzinfo.breit {
		width: 200px;
}
/* beginn der footer-definitionen */
#footer {
clear:both;
padding:4px;
border-top:1px solid #600;
background: #E6E6E6 url(bilder/bg_frottee_soft1.gif) no-repeat left; /* hintergrundfarbe und Textfarbe */
font:500 75%/120% verdana, helvetica, sans-serif;
height: 38px;
}

#footer a{
text-decoration: none;
font-weight: normal;
}
#footer a:active, #footer a:hover{
background-color: #dbcea4;
}

/* newsletter definieren*/
#newsletter {
	border : thin solid #600;
	text-align: left;
	padding: 3px 3px 3px 3px;
	background-color: #dbcea4;
    margin: 3px 3px 3px 3px;
	z-index: 10; 
}
#newsletter form
{	background-color : transparent;
    margin: 2px 0 2px 0;
	padding-top: 0px;
	padding-bottom:0px;
	border: none;
}

#newsletter h1
{
font-size: .9em;
color: #600;
padding: 0;
margin:0;
	
}
#newsletter p {
	padding: 3px 0 2px 0;
	margin: 0px;
	}
/*ende newsletter  */	

/*  infobox definieren*/
#infobox, #stickbox {
	border : 2px dashed #600;
	text-align: left;
	padding: 3px 3px 3px 3px;
	background-color: #fff;
	margin: 3px 3px 3px 3px;
	z-index: 10;
}	
#infobox h1
{
font-size: 0.9em;
color: #600;
padding: 0;
margin:0;
	
}	
#infobox ul li
{
font-size: .9em;
color: #000;
line-height: normal;

}	
#infobox ul {
	list-style : circle outside;
	padding : 0;
	margin: 0 0 0 15px;
} 
/* ende infobox*/

#shop_kategorien {
	clear: both;
	background-color: transparent;
	font-size:0.8em;
	width: 700px;
	height: auto;
	margin: 100px auto 20px auto;
	padding: 5px;
	border:  #600 dotted thin; 

}
#shop_kategorien h3{
	color:#000;
	text-align:center;

}
#tipp_trailer {
	clear: both;
	background-color: #fff;
	font-size:0.8em;
	width: 700px;
	height: auto;
	margin: 100px auto 20px auto;
	padding: 5px;
	border:  #600 dotted thin; 

}
#tipp_trailer h3{
	color:#000;
	text-align:left;

}
.text_c_s {
text-align:center;
font-size: 9px;
}


/* Definitionsliste einzeilig*/

dl.zeile{	width: 440px;
height:100%;
	margin: 0;
	padding:0 0 0 5px;
}
	
.zeile dt{ width: 180px;
	float: left;
	margin: 0 ;
	padding: 0;
	}
	/* backslash hack for mac-ie5 \*/
	.zeile.dt {clear:both;}
	/* end hack */
.zeile dt dd {float: left;
	width: 240px;
	margin: 0 ;
	padding: 5px;
	}
/* ende definitionsliste */
	
/* Definitionsliste Glossar*/

dl {	width: 90%;
height:100%;
	margin: 0;
	padding:0;
	font-size: 1.05em;
}
	
dt{ 
	margin: 0 ;
	padding: 5px;
	font-weight : bolder;
	}

dd {
	margin: 0;
	padding: 0 5px 10px 5px;
	
}
/* ende definitionsliste */
/* Definitionsliste service*/

dl.service {	
	max-width: 560px;
 	height:100%;
	margin: 0 0 0 10px;
	padding:0;

}
	
.service dt{ 
	margin: 0;
	padding: 5px;
	font-weight : bolder;
		font-size: 1.01em;
		color: #663300;
	}

.service dd {
	margin: 0 0 0 10px;
	padding: 0 5px 10px 10px;
	font-size: 0.95em;
	line-height: 1.2;
	
}
.service {	margin: 0;
	padding:0;

	
}

.service ul{
	padding-left: 20px;
}

.service ul li { line-height: 1.2;
list-style: circle; 

	
}
/* ende definitionsliste */

/* Definitionsliste sitemap*/
.sitemap {float: left;
padding: 0 5px 0 10px ;
margin:0 15px 0 5px;

	
}
.sitemap dl {	
	margin: 0 ;
	padding:0;
	font-size: 1.05em;
}
	
.sitemap dl dt{ 
	margin: 0;
	padding: 0 0 5px 5px;
	font-weight : bolder;
	}

.sitemap dl dd {
	margin: 0 0 0 5px;
	padding: 0 0 5px 10px;
	
}


/* ende definitionsliste */
	
.invisible {
	visibility : hidden;
}
.l{
text-align:left; 
margin:0;
padding-left: 5px;
}

.r{
text-align:right;
margin:0;
}
.links{float: left;
text-align:left; 

}

.schmal {width: 70%;
	}
.klein{
	width:60%;
}
.reduziert{
	text-decoration: line-through;
	color: red;
}
.rechts{float:right;
text-align:right;

}
.clear{clear: both;
}
.clearl {clear:left;
}
.clearr {clear:right;
}

.farbe1 {
	color: #000;
}
.farbe2 {
	color: #f00;
}
.farbe-harti{
	color:#663300;
}
.wichtig {
	font-size: 120%;
	color: #f00;
}
tr.farbe-kontur td,  .farbe-kontur{
	color: #600;
}

.farbe-kontrast{
	color: #dbcea4;
	font-weight: 600;
}

.farbe-dick{

	font-weight: bold;
}
tr.farbe-kontur-hg-th td, .farbe-kontur-hg-th{
	color: #600;
	background-color: #dbcea4;
	font-weight: bold;
}
.fett {
	font-weight : bolder;
	font-size: 1.1em;
}
.fetter{
	font-weight : bolder;
}
tr.hg-th td, .hg-th {
	background-color: #dbcea4;
}

.hg-kopf{
	background-color: #9cf;
}
.hg-int{
	background-color: #e7e7e7;/*hintergrundfarbe fuer preise intensiv*/
}
.hg-s{
	background-color: #ccc;/*hintergrundfarbe fuer preise in schwarz*/
}
.noborder{border:none;
	}
img {margin: 5px;
	
}
img.bookmark {margin: 0px 2px 5px 2px;
	
}
.imp{
	padding:5px;
	margin-right: 10px;
	border:none;
	float:left;
	width:380px;
	background-color:#dbcea4
}
.imp1{
	padding:5px;
	margin-left: 10px;
	border:none;
	float:left;
	width:380px;
	background-color:#fff
}

form {
margin-top: 0;
padding-top: 0;
background-color : transparent;
}


form.bunt {
	margin-right: 20px;
	padding: 10px;
	background-color : #e7e7e7;
	border : 1px solid #600;
}
.nomargin, .nopadding
{padding: 0;
margin: 0;
	
}
.noall
{padding: 0;
margin: 0;
border:none;
	
}
.stern
{padding: 0;
margin: -10px 0 0 -5px;
border:none;
	
}
.sternrechts
{
float: right;
padding: 0;
margin-right:  50px;
	
}
.kleiner {	font-size: 95%;
	
}
.small {	font-size: 85%;
	
}

.blink {
	font-weight: bold;
	color: #600;
	text-decoration: blink;
}
.underline {
text-decoration:underline;
}
.italic {
font-style: italic;


}