/*<! [CDATA[*/

/*erstmal wird alles auf 0 gesetzt*/
*{
	margin:0;
	border:0;
	padding: 0;
}

body,html{
	width:100%;
	height:101%;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;  /*umgeht IE-Bug beim Skalieren der Schriftgröße */
	color:#325388;
	background-color:#FFFFFF;
	background-image:  url("picts/bg.gif");
	background-position:30px;
	background-repeat:repeat;
}

img{
	display:block;
}

.e-mail{
	font-size:1.0em;
	color:#999999;
	text-decoration:underline;
}
.e-mail:hover{
	color:#325388;
	text-decoration:underline;
}
#agb a{
	color:#325388;
	text-decoration:underline;
}
#agb a:hover{
	color:#999999;
	text-decoration:underline;
}
/*Vertikale Navigation---------------------------------------*/
ul#nav1{
	position:relative;
	margin:-135px 0 0 30px;
	width:208px;
	height:auto;
	background-color:#F5DCEA;
}
ul#nav1 li{
    list-style: none;
    font-size:0.9em; font-weight:bold; 
	color:#990033; background-color:#F5DCEA;
	line-height:20px;
}
ul#nav1 a{/*Definition der Links*/
    text-decoration: none; 
    color:#325388; background-color:#F5DCEA;
  }
ul#nav1 a:hover{/*Definition der Links beim Überrollen*/
    color:#990033; background-color:#F5DCEA;
  }
 
/*Horizontale Navigation--------------------------------------*/
ul#nav2 {
	position:relative;
	/* margin:-15px 0 0 275px; */
	margin:-15px 0 0 285px;
    background-color:#325388;
}
ul#nav2 li {
    list-style: none;
    display: inline;/*Horizontale Ausrichtung der Liste*/
	font-size:0.9em; color:#D8D146; background-color:#325388;
    padding:0 15px 0 15px;
	border-right: 1px solid #FFFFFF;
}
ul#nav2 a{/*Definition der Links*/
    text-decoration: none; 
    color:#FFFFFF; background-color:#325388;
}
ul#nav2 a:hover{/*Definition der Links beim Überrollen*/
    color:#D8D146; background-color:#325388;
}

/*-------------------------------------------------------------*/

.highlight{
	color:#990033;
}
.slash-agb{
	color:#325388;
}
.antifloat{clear:left;}/*Leeres div, hebt float auf*/

p{
	font-size:0.8em;
	color:#325388;
	padding:0 0 7px 0;
}

h1{
	font-size:1.1em;
	padding:30px 0 5px 0;
}

h2{
	font-size:0.8em;
	padding-bottom:10px;
}

h3{
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:10px;
}
#kontakt h2{
	font-size:1.1em;
	padding:10px 0 5px 0;
}


/*Head + Navigation im Head------------------------------*/
#pict-head{
	position:relative;
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	background-image:  url("picts/pict_bg_head.gif");
	background-repeat:repeat-x;
}
#pict-head img{
	display:block;
}
/*--------------------------------------------------*/


/*Startseite----------------------------------*/

/*Schale für alles*/
#start #wrapper{
	width:100%;
	height:100%;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#start #content{
	position:relative;
	margin:58px 0 0 238px;
	width:690px;
	height:453px;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
}
#start #text-left{
	margin:-770px 0 0 10px;
	width:190px;
	height:597px;
	color:#325388;
	background-color:#FFFFFF;
}
/*--------------------------------------------------*/

/*Hier beginnen die Styleangaben für den Warenkorb------------------------------------------------*/

/*Schale für alles*/
#warenkorb #wrapper{
	width:auto;
	height:2000px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#warenkorb #content{/*DIV für den gesamten Inhalt*/
	position:absolute;
	top:228px;
	left:30px;
	width:806px;
	height:auto;
	padding:0 0 30px 0;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
}
#warenkorb #pict-seitenname{/*Überschrift, ~Warenkorb*/
	padding-left:388px;
	background-color:#FFFFFF;
	/*border-left:2px solid #F1CDE1;*/
	border-bottom:2px solid #F1CDE1;
}
#warenkorb #head-bestellliste{/*Kopfzeile der Warenkorbanzeige,blaue Zeile*/
	position:static;
	float:left;
	width:806px;
	height:22px;
	margin:0;
	font-size:0.8em;
	color:#FFFFFF;
	background-color:#325388;
}
#warenkorb #head-bestellliste div{float:left; width:auto; }/*alle DIVs im DIV head-bestellliste sollen nebeneinander stehen*/

/*einzelne DIVs für Text in der blauen Zeile über der Warenkorbanzeige*/
#warenkorb #head-menge{position:absolute; padding-left:10px; padding-top:2px; padding-left:10px; /*background-color:#0066FF*/}
#warenkorb #head-artikel{position:absolute; left:100px; padding-top:2px; padding-left:15px; /*background-color:#FF9900*/}
#warenkorb #head-e-preis{position:absolute; left:152px; padding-top:2px; margin-left:390px; text-align:right; padding-right:10px; /*background-color:#FFCCCC*/}
#warenkorb #head-g-preis{position:absolute; left:572px; padding-top:2px; margin-left:52px; text-align:right; padding-right:10px; /*background-color:#99CCCC*/}

/*Warenkorbanzeige*/
#warenkorb .bestellliste{/*Box für den ersten ausgewählten Artikel*/
	position:static;
	float:left;/*Angaben zum Artikel sollen nebeneinanderstehen, also müssen die DIVs floaten*/
	width:806px;
	height:80px;
	padding:0;
	margin-bottom:20px;
	font-size:0.8em;
	color:#325388;
	background-color:#FFFFFF;
	border-top:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
}
#warenkorb .menge{/*1.Feld, Anzeige der Menge*/
	float:left;
	width:100px;
	height:100%;
	color:#325388;
	background-color:#F5DCEA;
}
#warenkorb .menge input{/*Mengeneingabefeld*/
	position:absolute;
	float:left;
	text-align:center;
	width:auto;
	height:18px;
	margin:30px 30px 0 25px;
	border:1px solid #F1CDE1;
}
#warenkorb .menge #up{/*Counter, Pfeil up*/
	position:absolute;
	clear:left;
	margin:30px 30px 0 55px;
	width:auto;
}
#warenkorb .menge #down{/*Counter, Pfeil down*/
	position:absolute;
	float:left;
	margin:40px 30px 0 55px;
	width:auto;
}
#warenkorb .artikel{/*Bild*/
	float:left;
	width:80px;
	height:auto;
	padding:10px 15px 0 15px;
	background-color:#FFFFFF;
	/*border-left:2px solid #E9E9E9;*/
}

#warenkorb .artikelbeschreibung{/*Text*/
	float:left;
	width:282px;
	height:auto;
	padding:30px 10px 0 0;
	background-color:#FFFFFF;
}
#warenkorb .e-preis{/*DIV Einzelpreis*/
	float:right;
	width:90px;
	height:80px;
	background-color:#FFFFFF;
	border-left:2px solid #E9E9E9;
}
#warenkorb .e-preis-txt{/*DIV Einzelpreis*/
	text-align:right;
	padding-top:30px; padding-right:10px; 
}
#warenkorb .g-preis{/*DIV Gesamtpreis*/
	float:right;
	width:90px;
	height:80px;
	font-weight:bold;
	background-color:#FFFFFF;
	border-left:2px solid #E9E9E9;
}
#warenkorb .g-preis-txt{/*DIV Einzelpreis*/
	text-align:right;
	padding-top:30px; padding-right:10px; 
}
#warenkorb .btn-loeschen{/*gesamtes DIV btn-löschen*/
	float:right;
	width:100px;
	height:auto;
	padding-top:60px;
	background-color:#F5DCEA;
}
#warenkorb .btn-loeschen a{
	display:block;
	text-align:center;
	width:100px;
	margin:-2px 0 0 0;
	padding:3px 0 3px 0;
	color:#FFFFFF;
	background-color:#325388;
	text-decoration: none;
}
#warenkorb #bedingungen{
	padding:0 0 0 28px;
}
#warenkorb #bedingungen li{
	list-style-type:none;
	font-size:0.8em;
}
#warenkorb #bedingungen h2{
	padding:15px 0 5px 0;
}
#warenkorb #agb{
	padding:0 0 25px 0;
}
#warenkorb #agb h2{
	font-size:12px;
	font-weight:bold;
	padding:0 20px 0 0;
}
.pfeil{/*Pfeil hinter btn Details im DIV content-left*/
	font-size:10px;
}
/*Formular im Warenkorb-----------------------------------------------------------*/
#warenkorb #adressdaten{/*DIV mit dem Adressformularen*/
	margin:0 0 0 28px;
}
#warenkorb #anschrift p, #warenkorb #lieferanschrift p{/*Absatzformatierung in den Formularen*/
	font-size:14px;
	font-weight:bold;
}

#warenkorb fieldset {/*damit Opera keinen schwarzen Rahmen um das Formular macht*/
	border:solid 0 transparent;
}

#warenkorb #anschrift /*form*/,#warenkorb #lieferanschrift/*form*/ {/*Formatierung der Formulare*/
	float:left;
	position:relative;
	width:325px;
	font-size:12px;
	line-height:24px;
	border:2px solid #F1CDE1;
	background-color:#F5DCEA;
}
#warenkorb #anschrift /*form*/{/*spezielle Angaben für das Formular in der Box anschrift */
	padding:10px 10px 30px 20px;
}

#warenkorb #lieferanschrift /*form*/{/*spezielle Angaben für das Formular in der Box Lieferanschrift */
	margin-left:30px;
	padding:10px 10px 10px 20px;
}
#warenkorb #anschrift input, #warenkorb #lieferanschrift input{/*Eingabefelder*/
	font-size:12px;
	margin:5px 5px 5px 0;
	padding: 3px 2px 3px 5px;
	vertical-align:middle;
}
#warenkorb .textfeld{
	border:1px solid #F1CDE1;/*Rahmen nur um die Textfelder, nicht um die radio Button*/
	color:#325388;/*Schriftfarbe*/
}
#warenkorb .beschriftung{/*Warenkorb*/
	width:70px;
	/*line-height:26px;Damit die Schrift mittig neben dem Textfeld steht*/
	float:left;
	clear:left;
}

#warenkorb .beschriftunginnen{
	/*line-height:26px;Damit die Schrift mittig neben dem Textfeld steht*/
}
	
#warenkorb .reset{/*Löschen Button im Formular des Warenkorbes*/
	float:right;/*rechtsbündig*/
	clear:right;
	color:#FFFFFF;
	background-color:#325388;
	border:2px solid #F1CDE1;
}

#warenkorb .check-adresse{/*Warenkorb*/
	width:auto;
	line-height:26px;/*Damit die Schrift mittig neben dem Textfeld steht*/
	float:left;
	clear:left;
}
#warenkorb #newsletter{/*Warenkorb*/
	margin:15px 0 15px 0;
	width:auto;
	float:left;
	clear:left;
}

#warenkorb #btn-bestellen{/*DIV Bestellung abschicken*/
	clear:left;
	margin:0 0 0 -10px;/*sonst rutscht`s nach rechts raus*/
	padding:0 0 0 10px;
	width:auto;
	background-color:#F5DCEA;
}
#warenkorb #btn-bestellen h2{
	font-size:12px;
	font-weight:bold;
	padding:0 0 5px 0;
}
#warenkorb #btn-bestellen p{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 0 0;
}
#warenkorb .submit{/*Button Bestellung abschicken im Div btn-bestellen im Warenkorb*/
	/*float:right;rechtsbündig*/
	text-align:center;
	width:180px;
	height:24px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#325388;
	border:2px solid #F1CDE1;
	/*clear:right;*/
}
/*Ende Style Warenkorb-----------------------------------------------------*/

/*Kontakt/Impressum---------------------------------------------------------------*/

/*Schale für alles*/
#kontakt #wrapper{
	width:auto;
	height:1200px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#kontakt #content-left{
	position:absolute;
	top:228px; 
	left:30px;
	width:auto;
	height:600px;
	color:#325388;
	border:2px solid #F1CDE1;
	background-color:#F5DCEA;
}

#kontakt #content-right{
	position:absolute;
	top:228px;
	left:270px;
	width:570px;
	height:602px;
	color:#325388;
	background-color:#FFFFFF;
}

#kontakt #pict-txt-kontakt{/*Überschrift, Kontakt, AGB*/
	height:148px;
	background-color:#FFFFFF;
	border:2px solid #325388;
}
#kontakt #pict-txt-kontakt img{
	float:right;
	width:330px;
	height:148px;
}
#kontakt #txt-kontakt{
	/*margin-bottom:30px;*/
	position:static;
	height:450px;
	border:2px solid #F1CDE1;
	border-top-width:0;
}
#kontakt #txt-kontakt ul{/*Überschrift, Kontakt*/
	padding:15px 0 20px 15px;
}
#kontakt #txt-kontakt li{/*Überschrift, Kontakt*/
	list-style: none;
	padding:0 15px 0 15px;
	font-size:0.8em;
	line-height:20px;
	color:#325388;
}

/*AGB, Danke-Seite---------------------------------------------------------------*/

/*Schale für alles*/
#agb #wrapper{
	width:auto;
	height:2250px;
	margin-bottom:50px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}
#danke #wrapper{
	width:auto;
	height:100%;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#agb #content-left{
	position:absolute;
	top:228px; 
	left:30px;
	width:auto;
	height:1898px;
	color:#325388;
	border:2px solid #F1CDE1;
	background-color:#F5DCEA;
}
#danke #content-left{
	position:absolute;
	top:228px; 
	left:30px;
	width:auto;
	height:320px;
	color:#325388;
	border:2px solid #F1CDE1;
	background-color:#F5DCEA;
}

#agb #content-right{
	position:absolute;
	top:228px;
	left:270px;
	width:568px;
	height:auto;
	color:#325388;
	background-color:#FFFFFF;
}

#danke #content-right{
	position:absolute;
	top:228px;
	left:274px;
	width:570px;
	height:320px;
	color:#325388;
	background-color:#FFFFFF;
	border:2px solid #325388;
}
#agb #pict-txt-agb {/*Überschrift AGB*/
	height:148px;
	background-color:#FFFFFF;
	border:2px solid #325388;
}
#agb #pict-txt-agb img{
	float:right;
	width:330px;
	height:148px;
}

#agb #txt-agb{
	margin-bottom:0;
	border:2px solid #F1CDE1;
	border-top-width:0;
	padding:0 20px 20px 15px;
}
#danke #txt-danke, #danke #txt-danke-newsletter{
	padding:70px 20px 20px 25px;
}
#danke h1{
	font-size:1.0em;
	padding:0 0 15px 0;
}

#agb #txt-agb h2{
	padding:15px 0 5px 0;
}

#agb #txt-agb li{/*Überschrift, Kontakt*/
	list-style: none;
	padding:0 15px 0 0;
	font-size:0.8em;
	line-height:20px;
	color:#325388;
}
/*Seiten mit Warenangebot außer Stoffe, body id="angebot"---------------------------------------*/

/*Schale für alles*/
#angebot #wrapper{
	width:auto;
	height:1200px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#angebot #content-left{/*DIV mit den Artikelangeboten*/
	position:absolute;
	top:228px; 
	left:30px;
	width:538px;
	height:auto;
	color:#325388;
	border-left:2px solid #F1CDE1;
	border-top:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
	background-color:#FFFFFF;
}
#angebot .artikel{/*Box für das Bild des jeweiligen Artikels im DIV content-left*/
	float:left;
	width:206px;
	height:150px;
	/*background-color:#F5DCEA;*/
	background-color:#F1D5E5;		/* Änderung am 09.07.2007 - MC */
}

#angebot .artikelbeschreibung{/*Box für den beschreibenden Text des jeweiligen Artikels im DIV content-left*/
	float:left;
	width:320px;
	height:136px;
	padding:10px 0 0 10px;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
	border-right-width:0;
	/*padding:10px 5px 0 10px;*/
}
#angebot .artikelbeschreibung_leer{/*leere Box wie oben im DIV content-left - Änderung am 09.07.2007 - MC */
	float:left;
	width:320px;
	height:136px;
	padding:10px 0 0 10px;
	background: #FFFFFF url(picts/hgr_leeres_feld.gif) top left repeat;
	border:2px solid #F1CDE1;
	border-right-width:0;
}
#angebot .artikelbeschreibung p{padding:0}

.pfeil{/*Pfeil hinter btn Details im DIV content-left*/
	font-size:10px;
}

.size{
	float:left;
	width: 150px;
	/*clear:left;*/
}
.preis{
	float:left;
	width: 82px;
	text-align:right;
	/*margin-left:5px;*/
	/*clear:right;*/
}
.details{
	float:left;
	margin-left:15px;
	text-align:right;
	/*margin:10px 15px 10px 0;*/
	/*clear:left;*/
}
.details a{
	text-decoration: underline; 
    color:#325388; background-color:#FFFFFF;
}
.details a:hover{
	color:#990033; background-color:#FFFFFF;
}

#angebot #content-left .leerzeile{/*Leerzeile zwischen den jeweiligen Artikeln im DIV content-left*/
	width:206px;
	height:30px;
	background-color:#F5DCEA;
	/*border:2px solid #F1CDE1;*/
}

#angebot #weitere-artikel{/*Seitenzahlen unter den Artikeln, wenn weitere Seiten zur jeweiligen Rubrik vorhanden sind*/
	margin:0 0 0 210px;
	height:25px;
	padding:5px 0 0 10px;
	font-size:0.8em;
	font-weight:bold;
	background-color:transparent;
}
#angebot #weitere-artikel a{
	text-decoration: underline; 
    color:#325388; background-color:#FFFFFF;
}
#angebot #weitere-artikel a:hover{
	color:#CC0033; background-color:#FFFFFF;
}

#angebot #content-right{/*DIV mit den Details*/
	position:absolute;
	top:228px;
	left:570px;
	width:386px;
	height:900px;
	color:#325388;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
}

#angebot #pict-seitenname{/*Überschrift, z.B Kissen...*/
	border-bottom:2px solid #F1CDE1;
	/*border-bottom:0;*/
}

#angebot #pict-detail{/*Detailbild*/
	width:386px;
	/*border-bottom:2px solid #F1CDE1;
	border-right:2px solid #F1CDE1;*/
}

#angebot #txt-detail {/*detaillierte Produktbeschreibung*/
	position:static;
	width:366px;
	height:136px;
	padding:10px 0 0 20px;
	border-top:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
}
#angebot #txt-detail p{
	padding:0;
}
#angebot #txt-detail a{
	color:#325388;
}
#angebot #txt-detail a:hover{
	color:#990033;
}
#angebot #txt-detail .size, #angebot #txt-detail .preis{
	margin-top:8px;
}

#angebot fieldset {/*damit Opera keinen schwarzen Rahmen um das Formular macht*/
	border:solid 0 transparent;
}

#angebot #auswahl-bestellung{/*DIV mit dem Bestellformular*/
	position:static;
	/*float:left;*/
	width:366px;
	height:170px;
	/*font-size:12px;*/
	padding:40px 0 0 20px;
	background-color:#F5DCEA;
	clear:left;
}
#angebot #auswahl-bestellung h2{
	font-size:12px;
	font-weight:bold;
}
#angebot .beschriftung{/*Text, der vor den Eingabefeldern steht*/
	width:60px;
	font-size:12px;
	line-height:200%;/*Damit die Schrift mittig neben dem Textfeld steht*/
	float:left;
	clear:left;
}
#angebot input, #angebot select{/*Aussehen der Eingabefelder*/
	font-size:12px;
	line-height:120%;
	margin:5px;
	padding: 3px 2px 3px 5px;
	vertical-align:middle;
}
#angebot .pict-hund{/*Hund vorm Button Bestellung abschicken*/
	width:62px;
	padding-top:8px;
	float:left;
	clear:left;
}
#angebot .textfeld{/*Rahmen nur um die Textfelder, nicht um die Radiobutton*/
	color:#325388;
	border:1px solid #F1CDE1;
}
#angebot #btn-in-warenkorb{/*DIV für den Hund und den Button Bestellung abschicken*/
	position:static;
	float:left;
	margin:20px 0 0 0;
	width:350px;
	height:auto;
	background-color:#F5DCEA;
}
#angebot #btn-in-warenkorb .submit{/*Button Bestellung abschicken im Div btn-in-warenkorb*/
	float:left;
	width:160px;
	padding:3px 3px 3px 10px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#325388;
	border:2px solid #F1CDE1;
}

/*Stoffkombinationen-----------------------------------------------*/

/*Schale für alles*/
#stoffe #wrapper{
	width:auto;
	height:1180px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#stoffe #content-left{/*DIV mit Stoffmustern*/
	position:absolute;
	top:228px; 
	left:30px;
	width:208px;
	height:auto;
	color:#325388;
	border-left:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
	background-color:#FFFFFF;
	/*background-color:#F5DCEA;*/
}
/*#stoffe #pict-seitenname-left{
	border-top:2px solid #F1CDE1;
	border-right:2px solid #F1CDE1;
}*/
#stoffe #txt-anleitung{/*neben der Box mit der Überschrift, die Benutzung beschreibender Text*/
	width:186px;
	height:142px;
	/*font-weight:bold;*/
	padding:14px 5px 0 15px;
	border-top:2px solid #F1CDE1;
	border-right:2px solid #F1CDE1;

}
#stoffe .head-stoffkategorie{/*Überschrift über den einzelnen Stoffkategorien*/
	padding:5px 0 0 5px;
	background-color:#325388;
	background-color:#F5DCEA;
	background-color:#FFFFFF;
	color:#FFFFFF;
	border-top:2px solid #F1CDE1;
	border-right:2px solid #F1CDE1;
}
#stoffe .head-stoffkategorie p{/*Überschrift über den einzelnen Stoffkategorien*/
	color:#FFFFFF;
	color:#325388;
}
#stoffe .stoffkategorie{/*Box mit den Stoffbeispielen zur jeweiligen Kategorie*/
	padding-left:2px;	/* Änderung 29.04.2008 für 5 pics in einer zeile */
	float:left;
	clear:left;
	width:206px;	/* Änderung 29.04.2008 für 5 pics in einer zeile */
	/*height:183px;*/
	height:auto;
	overflow:hidden;
	background-color:#F5DCEA;
	/*background-color:#F5DCEA;*/
}
#stoffe .stoffkategorie img{
	float:left;/*damit sich immer 3 Bilder nebeneinander anordnen, dann folgt das DIV antiflow, um float:left aufzuheben und in die nächste Reihe zu springen*/
	border-top:2px solid #F1CDE1;
	border-right:2px solid #F1CDE1;
}
#stoffe #content-left .leerzeile{
	clear:left;
	width:206px;
	height:auto;
	background-color:#FFFFFF;
	border-right:2px solid #F1CDE1;
}

#stoffe #content-right{/*DIV mit Detail*/
	position:absolute;
	top:228px;
	left:270px;
	width:686px;
	height:auto;
	color:#325388;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
}

#stoffe #pict-seitenname{/*Box mit der Überschrift*/
	margin:0 0 0 0;
	height:156px;
	background-color:#F5DCEA;
	/*width:418px;
	float:left;*/
}
#stoffe #pict-detail{/*Detailbild mit Stoffkombinationen*/
	border-top:2px solid #F1CDE1;
	/*border-bottom:2px solid #F1CDE1;*/
}
#stoffe #txt-detail{/*detaillierte Produktbeschreibung*/
	position:relative;
	width:250px;
	/*width:209px;*/
	height:196px;
	/*background-color:#FFFFFF;*/
	padding:20px 5px 5px 15px;
}

#stoffe #auswahl-bestellung{/*DIV mit dem Bestellformular*/
position:relative;
	margin:-222px 0 0 298px;
	width:366px;
	height:204px;
	font-size:12px;
	padding:10px;
	background-color:#F5DCEA;
	border-left:2px solid #F1CDE1;
}
#stoffe .beschriftung{/*Text, der vor den Eingabefeldern steht*/
	width:100px;
	line-height:200%;/*Damit die Schrift mittig neben dem Textfeld steht*/
	float:left;
	clear:left;
}
#stoffe .fussnote{/*Text, der vor den Eingabefeldern steht*/
	width:auto;
	line-height:200%;/*Damit die Schrift mittig neben dem Textfeld steht*/
	float:left;
	clear:left;
}
#stoffe input, #stoffe select{/*Aussehen der Eingabefelder*/
	font-size:12px;
	line-height:120%;
	margin:5px;
	padding: 3px 2px 3px 5px;
	vertical-align:middle;
}
#stoffe .textfeld{/*Rahmen um die Textfelder*/
	border:1px solid #F1CDE1;
	color:#325388;
}

#stoffe .pict-hund{/*Hund vorm Button Bestellung abschicken*/
	margin-left:23px;
	width:auto;
	padding-top:5px;
	padding-right:20px;
	float:left;
	clear:left;
}
#stoffe .submit{/*Button Bestellung abschicken im Div btn-in-warenkorb*/
	float:left;
	width:180px;
	text-align:left;
	padding:3px 0 3px 15px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#325388;
	border:2px solid #F1CDE1;
}

/*Stoffladen, jetzt Newsletter-----------------------------------------------------------------*/

/*Schale für alles*/
#stoffladen #wrapper{
	width:auto;
	height:1000px;
	/*border:4px solid #325388;blauer Rahmen um Browserfenster*/
}

#stoffladen #content-left{/*jetzt Newsletter*/
	position:absolute;
	float:left;
	top:228px; 
	left:30px;
	width:auto;
	height:358px;
	color:#325388;
	border:2px solid #F1CDE1;
	background-color:#F5DCEA;
}
#stoffladen #content-middle{
	position:absolute;
	top:228px; 
	left:240px;
	width:auto;
	height:720px;
	background-color:#FFFFFF;
	border-top:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
}

#stoffladen #pict-5{
	margin-left:30px;
	border-top:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
	border-left:2px solid #F1CDE1;
}

#stoffladen #content-right{/*DIV mit Detail*/
	position:absolute;
	top:228px;
	left:570px;
	width:386px;
	height:auto;
	color:#325388;
	background-color:#FFFFFF;
}

#stoffladen #pict-seitenname {/*Überschrift, Stoffladen*/
	width:386px;
	height:148px;
	background-color:#FFFFFF;
	border:2px solid #F1CDE1;
}

#stoffladen #pict-txt-stoffladen img{/*Überschrift, Stoffladen*/
	float:right;
	width:auto;
}

#stoffladen #pict-laden{/*großes Bild*/
	width:386px;
	border-right:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
	border-left:2px solid #F1CDE1;
}
#stoffladen #newsletter{/*großes Bild*/
	text-align:center;
	padding:24px 0 0 0;
	width:386px;
	height:184px;
	background-color:#F5DCEA;
	border-right:2px solid #F1CDE1;
	border-bottom:2px solid #F1CDE1;
	border-left:2px solid #F1CDE1;
}
#stoffladen #newsletter p{/*großes Bild*/
	padding:5px 0 0 0;
}
#stoffladen #newsletter h2{/*großes Bild*/
	padding:5px 0 0 0;
}
#stoffladen input{/*Eingabefelder*/
	font-size:12px;
	margin:5px;
	padding: 3px 2px 3px 5px;
	vertical-align:middle;
}
#stoffladen .textfeld{
	border:1px solid #F1CDE1;/*Rahmen nur um Textfeld*/
	color:#325388;/*Schriftfarbe*/
}
#stoffladen .beschriftung{/*Warenkorb*/
	font-size:12px;
	width:auto;
	line-height:26px;/*Damit die Schrift mittig neben dem Textfeld steht*/
}
#stoffladen .submit{/*Button Bestellung abschicken im Div btn-bestellen im Warenkorb*/
	/*float:right;rechtsbündig
	text-align:center;*/
	margin-left:20px;
	width:80px;
	height:auto;
	font-size:12px;
	color:#FFFFFF;
	background-color:#325388;
	border:2px solid #F1CDE1;
	/*clear:right;*/
}

#sabmar{
	position:relative;
	margin:30px 0 0 30px;
}

/*Hyperlink blau, bei hover grau*/
.sabmar-link:link, .sabmar-link:visited, .sabmar-link:active{
	color:#325388;
	text-decoration:none;
}
.sabmar-link:hover{
	color:#999999;
}
/*]]>*/