/****************************************************************/
/* Body und Schriftdefinitionen */
/****************************************************************/

html { 
	padding:0px;
	margin:0px;}

body {
	background-color: #e1ddd9;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #564b47;
	padding: 0px 0px 0px 40px;
	margin:0px;}

p, h2, pre {
	margin: 0px;
	padding: 5px 20px 5px 10px;}

a {
	color: #448E7A;
	font-weight: bold;}

pre { 
	color: #564b47;
	font-size: 11px;
	background-color:transparent;
	font-family: Courier, Monaco, Monospace;}

.alignright {
	margin-top: 0; 
	text-align: right;
	font-size: 10px;}

h1 {
	font-size:14px;
	color: #564b47;
	font-weight: bold;}

h2 {
	font-size:14px;
	padding-top:10px;
	color: #564b47;
	background-color: transparent;}

strong { font-size: 13px;}


/****************************************************************/
/*  Formatierungen */
/****************************************************************/

.maintext {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47; }
/* grosse Textmengen - Fliesstexte */


.productheadline {
	font-size: 1.3em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;}

.headline {
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
	color:#166352;
	font-weight: bold; }
/* Überschriften in Fliesstexten auf weiß */

.verticalnavigationtop {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
}

.horizontalnavigationtop {
	padding:5px;
	margin:0px;
	background-repeat: repeat-x;
	font-size: 12px;
}

.startsitenewsboxheadline {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003333;
	font-weight: bold; }
/* Überschriften in den Artikelboxen auf der Startseite und auf den Rubrikseiten */

p.startsitenewsbox {
	font-size: 12px;
	padding: 2px 0px 3px 10px;}
/* Inhalt in den Artikelboxen auf der Startseite und auf den Rubrikseiten */

.mehrlink {
	font-size: 11px;
	font-style: italic; }
/* Kleiner gelinkter Text "Mehr Infos..." */

ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(../../images/System/ListStyleImage.gif);
	margin-top: 1px;
}
/* Listen */

/****************************************************************/
/* Bilder */
/****************************************************************/

img.alignright { padding: 3px 0px 5px 3px; }

img.alignleft { padding: 3px 5px 3px 0px; }


/****************************************************************/
/* Positionierung Hauptelemente */
/****************************************************************/

#motherbox {
	position: absolute;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../../images/System/Background-Motherbox.jpg);
	background-repeat: repeat-x;
}
/* Hauptcontainer, der das Grundlayout der Seite vorgibt */

#logobox {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../../images/System/head-replay.gif);
	background-repeat: repeat-x;
	height: 84px; }
/* Container, der den Seitenheader bzw. das Logo beinhaltet */

#links {
	position: absolute;
	left: 0px;
	width: 170px;
	color: #564b47;
	margin: 0px; 
	padding: 0px; }
/* Navigation */

#inhalt {
	margin: 0px 0px 0px 170px;
	padding: 0px 10px 0px 0px;
	background-color: #ffffff;
	line-height: 1.15em; }
/* Info: line-height ist hier Mittel zum Zweck, um den Peekaboo im IE6x auszumerzen. */

#inhaltstartsite {
	margin: 0px 0px 0px 170px;
	padding: 0px 10px 0px 0px;
	background-color: #ffffff;
	line-height: 1.15em;
	overflow: hidden; }
/* Info: line-height ist hier Mittel zum Zweck, um den Peekaboo im IE6x auszumerzen. */

#rechts {
	position: static;
	right: 0px;
	width: 200px;
	color: #564b47;
	padding: 0px 0px 0px 10px;
	float: right;
}

#footer {
	margin: 50px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 10px;
	text-align: right;
}

#sonicnavigator {
	margin: 10px 10px 10px 120px;
	padding: 5px;
	background-color: #ffffff;
	border: 2px dotted;
	border-color: #003300;
}

/****************************************************************/
/* Positionierung Elemente */
/****************************************************************/

#entschuldigungstext {
	position: absolute;
	left: 215px;
	top: 10px;
	font-size: 11px;
	font-style: italic;
	color: #99FFCC;
	width: 500px;
}
/* Bitte löschen wenn nicht mehr benötigt */

#buttonhome {
	position: absolute;
	left: 730px;
	top: 26px;
}

#buttoncontact {
	position: absolute;
	left: 780px;
	top: 26px;
}

#buttonhelp {
	position: absolute;
	left: 830px;
	top: 26px;
}

#productheadline {
	background-image: url(../../images/System/Productname-Background.jpg);
	background-repeat: repeat-x;
	height: 35px;
	padding: 9px 0px 0px 10px;
}

#search {
	position: absolute;
	left: 750px;
	top: 89px;
	font-style: italic;
}

#accessoriesheadline {
	background-image: url(../../images/System/Productname-Background.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding: 7px 0px 0px 5px;
	margin: 15px 10px 0px 0px; }
/* Überschrift sinnvolles Zubehör */

#accessories {
	position: static;
	right: 0px;
	padding: 4px 4px 4px 4px;
	margin: 0px 10px 0px 0px;
	float: right;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #003300; }
/* Box sinnvolles Zubehör */

#horizontalnavigationtop {
	background-image: url(../../images/System/BreadcrumpHeader.gif);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 165px;
	height: 20px;
}

#verticalnavigationtop {
	background-image: url(../../images/System/Background-MenueHeader.jpg);
	background-repeat: repeat-x;
	padding: 3px 0px 2px 8px;
	height: 16px;
	width: 142px;
}

#navigationlist {
	background-color: #93d72c;
	padding: 0px 0px 0px 8px;
	width: 142px;
}

#navigationproductminis {
	background-color: #93d72c;
	padding: 0px 0px 3px 0px;
	width: 142px;
	text-align: center;
	font-size: 9px;
}

#navigationappendix {
	width: 145px;
	margin-left: 5px;
	border: 1px solid;
	border-color: #003300;}

#navigationboxspacer {height: 10px;}

#darkgreenheadline {
	background-image: url(../../images/System/Productname-Background.jpg);
	background-repeat: repeat-x;
	padding: 3px 0px 5px 10px;}

#startsitecolumn1 { width: 230px; float: left; }
/* Spalte 1 im Textbereich der Startseite und der Rubrikseiten */
#startsitecolumn2 { width: 230px; float: left; margin-left: 10px; }
/* Spalte 2 im Textbereich der Startseite und der Rubrikseiten */
#startsitecolumn3 { width: 230px; float: left; margin-left: 10px; }
/* Spalte 3 im Textbereich der Startseite und der Rubrikseiten */

#wasfuerwencolumn1 { width: 360px; float: left; }
/* Spalte 1 im Textbereich der "Was-für wen"-Seite */
#wasfuerwencolumn2 { width: 170px; float: left; margin-left: 10px; }
/* Spalte 2 im Textbereich der "Was-für wen"-Seite */
#wasfuerwencolumn3 { width: 170px; float: left; margin-left: 10px; }
/* Spalte 3 im Textbereich der "Was-für wen"-Seite */


#startsitenewsboxheadline {
	background-image: url(../../images/System/Background-Grey25px.jpg);
	background-repeat: repeat-x;
	padding: 4px 0px 2px 10px;
	height: 15px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #CCCCCC;
}

#startsitenewsbox {

	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #CCCCCC;
}


/****************************************************************/
/* Artikeleinklinker auf Produktseiten */
/****************************************************************/

p.jetztbestellen {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 20px 2px 5px;
	font-style: italic;
	text-align: left;}

p.lieferzeit {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 20px 2px 10px;
	text-align: left;}

p.artikelname {
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 2px 2px 2px 5px;
	color: #003300;
	text-align: left;}
/*Gruene Artikelnamen im Bestellfeld auf den Artikelseiten*/

p.artikelbeschreibung {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 5px;
	text-align: left; }

span.fattext {
	font-size: 12px;
	font-weight: bold;
	color: #000000; }
/*Fetter Fließtext im Bestellfeld auf den Artikelseiten*/

span.smalltext {
	font-size: 11px;
	font-style: italic;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#003453; }
/*Kleiner Fließtext im Bestellfeld auf den Artikelseiten*/

span.preisstaffeln {
	font-size: 12px;
	color: #000000;
}
/*Text in der Preisstaffeltabelle auf den Artikelseiten*/

span.jetztbestellen {
}

td.Staffelzelle
 { vertical-align:top;
   background: white;
   white-space: nowrap; }
/*Zelleneigenschaften der Staffelzellen auf den Artikelseiten und der Portostaffeln*/


/****************************************************************/
/* Shopfenster PopUp */
/****************************************************************/


#shopmotherbox {
	position: absolute;
	width: 780px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(https://ssl.kundenserver.de/firstbreeze.com/shop/shops/shop_100/img/Background-Motherbox.jpg);
	background-repeat: repeat-x; }
/* Hauptcontainer, der das Grundlayout der Seite vorgibt */

#shoplogobox {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 81px; }
/* Container, der den Seitenheader bzw. das Logo beinhaltet */

#shoplinks {
	position: absolute;
	left: 0px;
	width: 160px;
	color: #564b47;
	margin: 0px; 
	padding: 0px; }
/* Navigation */

#shopinhalt {
	margin: 0px 0px 0px 160px;
	padding: 0px 10px 0px 0px;
	background-color: #ffffff;
	width: 600px;
	line-height: 1.15em;
}
/* Info: line-height ist hier Mittel zum Zweck, um den Peekaboo im IE6x auszumerzen. */

#rechts {
	position: static;
	right: 0px;
	width: 200px;
	color: #564b47;
	padding: 0px 0px 0px 10px;
	float: right;
}

#shopfooter {
	margin: 50px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 10px;
	text-align: right;
}

#shopseparateline {
	background-image: url(https://ssl.kundenserver.de/firstbreeze.com/shop/shops/shop_100/img/BreadcrumpHeader.gif);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 165px;
	height: 20px;
}


/****************************************************************/
/* Navigation */
/****************************************************************/

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;	}

#menu {
	width: 142px;
	margin: 2px 0px 0px 0px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;}
	
#menu li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	display: block;
	background-image: url(../../images/System/Menu-normalhoover.gif);
	padding: 2px 0px 0px 2px ;}
	
#menu li a:hover, #menu li a:active {
	background-image: url(../../images/System/Menu-normalhoover.gif);
	background-position: 0 -22px;}

a.menu {
	color: #104c39;
	font-weight: bold;
}
a.menu-hinweis {
	color: #CC0000;
	font-weight: bold;
}