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

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

body {
	background-color: #001d30;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#eaeaea;
	padding:0px 0px 0px 70px;
	margin:0px;
	line-height: 1.2em;
}
p, h2, pre  {
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

a {
	color: #fff0bb;
	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;
	padding-top:10px;
	color: #FFFFFF;
}

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:#eaeaea;
}
/* grosse Textmengen - Fliesstexte */


.productheadline {
	font-size: 1.3em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#FFFFFF;
	font-weight: bold;
}
	
.headline {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#eaeaea;
	font-weight: bold; }
/* Überschriften in Fliesstexten auf blau */

.underline {
	font-family: Arial, Helvetica, sans-serif;
	color:#eaeaea;
	font-weight: bold;
}
/* Subline unter den Überschriften */

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

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

span.startsitenewsboxheadline {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #001d30;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 5px;}
/* Überschriften in den Artikelboxen auf der Startseite und auf den Rubrikseiten */

p.startsitenewsbox {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#eaeaea;
	padding: 2px 0px 3px 5px;}
/* Inhalt in den Artikelboxen auf der Startseite und auf den Rubrikseiten */


span.mehrlink {
	font-size: 11px;
	font-style: italic; }
	
.zubehoertext/* Kleiner gelinkter Text "Mehr Infos..." */ {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px -12px 0px -10px;
	line-height: 1.1;
}

.invisible-in-footer {color: #003152;}
/* Fließtext in den Zubehörboxen */

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 2px 0px; }


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

#motherbox {
	position: absolute;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-color: #003152;
	text-align: left;}
/* Hauptcontainer, der das Grundlayout der Seite vorgibt */

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

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

#inhalt {
	margin: 0px 0px 0px 170px;
	padding: 0px 10px 0px 0px;
	background-color: #005080;
	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: #eaeaea;
	padding: 0px 0px 0px 10px;
	float: right;}

#footer {
	margin: 40px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	background-color: #003152;
	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 */
/****************************************************************/

#buttoncampaign {position: absolute; left: 350px; top: 0px;}
#buttonhome {position: absolute; left: 730px; top: 0px;}
#buttoncontact {position: absolute;	left: 780px; top: 0px;}
#buttonhelp {position: absolute; left: 830px; top: 0px;}

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

#underline {padding: 3px 0px 8px 10px;}

#search {
	position: absolute;
	left: 750px;
	top: 87px;
}

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

#accessories {
	position: static;
	padding: 3px 3px 5px 6px;
	margin: 0px 5px 0px 5px;
	float: right;
	background-color: #005080;
	border-left-color: #006997;
	border-right-color: #006997;
	border-bottom-color: #006997;
	color: #EAEAEA;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
}


/* Box sinnvolles Zubehör */

#horizontalnavigationtop {
	background-repeat: repeat-x;
	padding: 5px 0px 0px 500px;
	height: 25px;
}

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

#navigationlist {
	background-color: #003152;
	padding: 0px 0px 0px 10px;
	width: 142px;
}

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

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

#navigationboxspacer {height: 10px;}
#accessoriesspacer {height: 25px;}

#darkgreenheadline {
	background-image: url(../../images/System/Background-MenueHeader.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	height: 24px;
	width: 100%;
}

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

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


#startsitenewsboxheadline {
	background-image: url(../../images/System/Newsboxheadline.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	height: 15px;
	border-color: #50B4E2;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
}

#startsitenewsbox {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #005080;
	border-color: #50B4E2;
	border-style: dotted;
	border-width: 0px 1px 1px 1px;}

#infobox-float {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;}
/* Box z.B. für technische Daten */

#cerumenschutzbox {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 400px;
}


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

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

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

p.artikelname {
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 2px 2px 2px 5px;
	text-align: left;
	color: #eaeaea;}
/*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;
	color: #eaeaea;
	line-height: 1.2em;
}

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

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

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

span.jetztbestellen {
}

td.Staffelzelle
 { vertical-align:top;
   background: #003e68;
   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: #001d30;
	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;
}


/****************************************************************/
/* Definitionen für Suche */
/****************************************************************/

		.highlight { background-color: #000033; }
		.searchheading { font-size: 130%; font-weight: bold; margin-top: 10px; }
		.summary { font-size: 90%; font-style: italic; margin-left: 40px; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; margin-left: 15px; }
		.context { font-size: 90%; font-style: italic; margin-left: 40px; color: #CCCCCC; }
		.infoline { font-size: 90%; font-style: normal; color: #808080; text-align:right; }

		.zoom_searchform { font-size: 100%; margin-left: 10px; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 0px 15px 10px 15px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 90%; font-style: italic; margin-left: 40px; margin-top: -12px; }
		
		.searchtime { font-size: 80%; }
		
		.recommended { border-top: 1px dotted #006997; border-bottom: 1px dotted #006997; margin-top: 15px;	margin-bottom: 15px; background-color: #003152; }
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; margin-left: 40px; }
		.recommend_description { font-size: 100%; margin-left: 40px; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080; margin-left: 40px; }
		input.FieldSearch {
	width:70px;
	height:14px;
	font-size:9px;
	border-color:#EBE8D6;
	border-style:dotted;
	border-width:1px;
}



/****************************************************************/
/* 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: 22px;
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/System/Menu-normalhoover.gif);
}
	
#menu li a:hover, #menu li a:active {
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/System/Menu-normalhoover.gif);
	background-position: 0 -22px;
}