/* CSS Documänt -v.0.12 */
/* Dependencies: - General Reset from yahoo-reset.2.5.2.css */


body  {	/* setting the body-font-size to 62.5% AFTER the general reset produces a base-font-size of 10px. from there on, scaling with em's should be easy */
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #f7f7f7;
	text-align: left;
	color: #000000;
}


/* TYPO-STYLES */

.px11	{font-size: 1.1em;}
.px12	{font-size: 1.2em;}
.px13	{font-size: 1.3em;}
.px14	{font-size: 1.4em;}
.px15	{font-size: 1.5em;}
.fett	{font-weight:bold;}

a	{color:#008e8a;}
a:link, a:visited	{text-decoration:none;}
a:hover, a:active	{text-decoration:underline;}
a:active	{color:#000;}


ul { 
	list-style:disc; /* overriding yahoo-reset */
} 

li	{
	font-weight: bold;
}

p	{
	font-size: 1.2em;
	color:#888;
	line-height: 1.4em;
	margin:0 0 5px 0;
}
.grauer_text 	{
	color:#888;
	font-size: 1.1em;
	line-height: 1.3em;
}

#sidebar1 p, #sidebar2 p	{
	font-size:1.1em;
}

#mainContent p	{
	font-size:1.3em;
}

select, input	{
	font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}


/* MAIN-ELEMENT-STYLES */

#container { 
	width: 980px;
	margin: 0 auto;	/* changed 080924 - was: 10px auto 0; */
	position: relative; /*changed 091111 -was empty */
} 

#header { 
	height: 90px;	/* changed 080924 - was: 80px; */
} 

#sidebar1 {
	float:left;	/* changed from absolute positioning - necessary to overcome wrong footer-position */
	width: 180px;
	overflow:hidden;
	margin:0 0 0 -792px;	/* wild reshuffeling of position (see padding in mainColumn). works in every a-grade-browser. yay! */
}

#sidebar2 {
	float:right;	/* changed from absolute positioning - necessary to overcome wrong footer-position */
	width: 180px;
	overflow:hidden;
}

#mainColumn { 
	float:left;
	width: 604px;
	overflow:hidden;
	padding:0 0 0 188px;
}

.allClear	{
	clear:both;	/* necessary for firefox, otherwise the main-content-margin collapses */
}
/*** mit border auf rubrik-seite oben 09 ***/
#mainColumn .revised09 .borderTop09 {border-bottom: 1px solid #ccc; width: 570px; padding-top: 20px;}

#footer { 
	width: 580px;
	/* NOT NEEDED ANYMORE. USED TO BE: margin:30px 0 0 0; */
	padding:30px 0 0 200px;	/* problem with opera: neeeeds to be padding - (margin does not work) */
} 


/* HEADER */



#banner	{
	float:right;
	display:block;
	width:510px;
	height:89px;
	overflow:hidden;
}

#banner a {
	display:block;
	background:url(../img/banner_fall01.jpg) top left no-repeat;
	width:510px;
	height:89px;
	text-indent:-9999em;
	overflow:hidden;
}

/*	MAIN-MENU */

ul#mainMenu { 
	height: 32px;
	width: 601px;
	margin:0 0 0 2px;
	padding:0;
} 

#mainMenu li	{
	float:left;
	margin:0;
	padding:0;
	text-indent:-999em;
	height:32px;
	overflow:hidden;
}

#mainMenu li a	{
	margin:0;
	padding:0;
	height:32px;
    display:block;
}

#mainMenu a:link, #mainMenu a:visited	{background-position:0% 3px;}
#mainMenu a:hover {background-position:0% -34px;}
#mainMenu a:active	{background-position:0% -74px;}

#mI-1	{width:121px; background:url(../img/menuItem_01.gif) no-repeat center top;}
#mI-2	{width:120px; background:url(../img/menuItem_02.gif) no-repeat center top;}
#mI-3	{width:120px; background:url(../img/menuItem_03.gif) no-repeat center top;}
#mI-4	{width:120px; background:url(../img/menuItem_04.gif) no-repeat center top;}
#mI-5	{width:119px; background:url(../img/menuItem_05.gif) no-repeat center top;}

li#mI-1, li#mI-2, li#mI-3, li#mI-4, li#mI-5	{background-position:0% -117px;}

/*       ****** Main Menu 2009 *******       */
ul#menu2009 { width: 608px; height: 43px; margin: 0 0 0 -2px; position: relative; z-index: 98; list-style-type: none; background: transparent url(../img/menu_sprite.png) no-repeat;}
ul#menu2009 a {display: block;}
ul#menu2009 li, ul#menu2009 li a {height: 43px; text-indent: -9999px;}
ul#menu2009 li {float: left; position: relative; list-style-type: none;}
ul#menu2009 li ul.subMenu {position: absolute; left: 0; top: 27px; display: none; z-index: 99;}
ul#menu2009 li li {height: 30px; float: none; }

/** li:hover geht nicht im ie6, dafür li.hover ... li.hover geht nur mit js ;) **/
ul#menu2009 li:hover ul.subMenu, ul#menu2009 li.hover ul.subMenu {display: block;}
ul#menu2009 li:hover, ul#menu2009 li:active, ul#menu2009 li.hover, ul#menu2009 li.active {background:url(../img/menu_sprite.png) no-repeat 0 -43px; overflow: visible;}

ul#menu2009 ul.subMenu {background: transparent url(../img/menu_sprite.png) no-repeat left bottom; padding: 0 0 8px;}
ul#menu2009 ul.subMenu li.firstmi {padding-top: 16px; background: url(../img/menu_sprite.png) no-repeat;}
ul#menu2009 ul.subMenu li.firstmi a {border-top: none;}
ul#menu2009 ul.subMenu li a {text-indent: 16px; background: #fff; background-image: none; height: 30px; line-height: 29px; font-family: 'Arial', sans-serif; font-weight: bold; font-size: 13px;}

/* Menu Item 1 */
#menit1 a {width: 170px;}
ul#menu2009 li#menit1:hover, ul#menu2009 li#menit1:active, ul#menu2009 li#menit1.hover, ul#menu2009 li#menit1.active {background-position: 0px -43px;}   
ul#menu2009 #menit1 ul.subMenu li.firstmi {background-position: 0px -500px;}
ul#menu2009 #menit1 ul.subMenu {left: 4px;}
#menit1 ul.subMenu a {width: 198px; color: #015a88;  border-top: 1px solid #c2d8e3; border-left: 3px solid #015a88; border-right: 3px solid #015a88;}

/* Menu Item 2 */
#menit2 a {width: 122px;}
ul#menu2009 li#menit2:hover, ul#menu2009 li#menit2:active, ul#menu2009 li#menit2.hover, ul#menu2009 li#menit2.active {background-position: -170px -43px;} 
ul#menu2009 #menit2 ul.subMenu li.firstmi {background-position: -204px -500px;}
ul#menu2009 #menit2 ul.subMenu {background-position: -204px 100%;}
#menit2 ul.subMenu a {width: 198px; color: #008e8a; border-left: 3px solid #008e8a; border-right: 3px solid #008e8a; border-top: 1px solid #c2e4e3;}

/* Menu Item 3 */
#menit3 a {width: 132px;}
ul#menu2009 li#menit3:hover, ul#menu2009 li#menit3:active, ul#menu2009 li#menit3.hover, ul#menu2009 li#menit3.active {background-position: -292px -43px;}
ul#menu2009 #menit3 ul.subMenu li.firstmi {background-position: -408px -500px;}
ul#menu2009 #menit3 ul.subMenu {background-position: -408px 100%;}
#menit3 ul.subMenu a {width: 134px; color: #6a9800; border-left: 3px solid #6a9800; border-right: 3px solid #6a9800; border-top: 1px solid #dbe6c2;}

/* Menu Item 4 */
#menit4 a {width: 95px;}
ul#menu2009 li#menit4:hover, ul#menu2009 li#menit4:active, ul#menu2009 li#menit4.hover, ul#menu2009 li#menit4.active {background-position: -424px -43px;}
ul#menu2009 #menit4 ul.subMenu li.firstmi {background-position: -548px -500px;}
ul#menu2009 #menit4 ul.subMenu {background-position: -548px 100%;}
#menit4 ul.subMenu a {width: 106px; color: #ea7f00; border-left: 3px solid #ea7f00; border-right: 3px solid #ea7f00; border-top: 1px solid #fae0c2;}

/* Menu Item 5 */
#menit5 a {width: 87px;}
ul#menu2009 li#menit5:hover, ul#menu2009 li#menit5:active, ul#menu2009 li#menit5.hover, ul#menu2009 li#menit5.active  {background-position: -519px -43px;}
/*       ****** END Main Menu 2009 *******       */

/* CONTENT:	TOP-PANEL */
#topPanel	{
	background:url(../img/topPanelBg.gif) top left repeat-y;
	width:587px;
	overflow:hidden; /* necessary for ie 6.0 - otherwise top-panel won't center-align (padding-foo) */
	padding:0 0 0 17px;
}

#topPanel09	{
	background:none;
	width:587px;

	padding:0 0 0 17px;
	/* realigned to get behind menu */
	position: relative;
	margin-top: 0;
}
.panel-Header09 {background: url('../img/related_bg.png') no-repeat 0 -180px; width: 606px; margin-left: -18px; height: 27px;}
/**** .revised09 = wie auf Rubrik-Seite *****/
#mainColumn .revised09 {margin-top: -25px; overflow: visible; padding-top: 21px;}
#mainColumn .revised09 p.breadcrumbs {height: 27px;}
#mainColumn p.contbc09 {margin: 0; padding: 7px 0 5px 15px; height: 17px;}
#mainColumn .revised09 h1, #mainColumn .content09 h1 { font-size: 15px; font-weight: bold; padding:0 0 22px 15px; float: none;}
#mainColumn .revised09 p.teasertext, #mainColumn .content09 p.teasertext {color: #333; font-size: 12px; padding:0 0 14px 15px;}
#mainColumn .content09 p.teasertext {padding: 0 135px 20px 15px; line-height: 18px;}
#mainColumn .revised09 ul li {float: left; margin: 20px 15px 0; width: 255px; list-style-type: none;}
#mainColumn .revised09 ul h3 a, #mainColumn .content09 h3 a {font-size: 13px; text-decoration: underline; font-weight: bold;}
#mainColumn .revised09 ul a img {float: left; margin: 10px 15px 40px 0; width: 75px; height: 75px;}
#mainColumn .revised09 ul p {font-size: 11px; font-weight: normal; padding-top: 10px;}
/***************/
/* 
nicht mehr benötigt, nach html-cleanup
*html #topPanel09 {overflow:hidden;   } //necessary for ie 6.0 - otherwise top-panel won't center-align (padding-foo)
*html #mainColumn .revised09 {overflow:hidden;  (padding-foo) } //necessary for ie 6.0 - otherwise top-panel won't center-align */
#topPanel a:link, #topPanel a:visited	{text-decoration:underline;}

/***more specials content-page 09****/
.content09 h2, .content09 h3, .content09 h4, .content09 p {margin-bottom: 10px; padding: 0 33px 0 15px ;color: #444444;}

.content09 p.leftalign09 {padding-right: 100px;}

/*******************/

/* Teaser-Panel */

div#mainTeaser	{
	background:transparent url(../img/mainTeaserBg.jpg) left top no-repeat;
	position:relative;
	width:600px;
	height:201px;
	margin:0 -15px;
	padding:0;
	overflow:hidden;
}



div#mainTeaser h2	{
	position:absolute;
	width:156px;
	height:98px;
	left:19px;
	top:76px;
}


div#mainTeaser h2 a, div#mainTeaser h2 a:link	{
	display:block;
	text-indent:-9999em;
	width:156px;
	height:98px;
	background:transparent url(../img/teaserClaim.jpg) left top no-repeat;
	border:0;
	text-decoration:none;
	overflow:hidden;
} 


/* New Teaser09-Panel */

a#mainTeaser09	{
	display:block;
	text-indent:-9999em;
	background:transparent url(../img/agw25.png) left top no-repeat;
	width:608px;
	height:253px;
	margin: -30px 0 0 -19px;
	padding:0;
}



div#mainTeaser h2	{
	position:absolute;
	width:156px;
	height:98px;
	left:19px;
	top:76px;
}


div#mainTeaser h2 a, div#mainTeaser h2 a:link	{
	display:block;
	text-indent:-9999em;
	width:156px;
	height:98px;
	background:transparent url(../img/teaserClaim.jpg) left top no-repeat;
	border:0;
	text-decoration:none;
	overflow:hidden;
} 

div#shoppingProcess	{
	background:transparent url(../img/shoppingProcessBox.gif) left top no-repeat;
	position:absolute;
	left:348px;
	top:43px;
	width:220px;
	height:122px;
	margin:0;
	padding:12px 10px 15px 14px;	
}

div#shoppingProcess h3	{
	font-size:1.4em;
	line-height:1.3em;
	width:auto;
	margin:-2px 0 13px;
	color:#666;
	font-weight:bold;
}

div#shoppingProcess ul	{
	color:#666;
	list-style:none;
	margin:0;
	padding:0;
	width:224px;
	overflow:hidden;
}

div#shoppingProcess ul li	{
	height:25px;
	width:197px;
	padding:0 0 0 27px;
	font-size:1.4em;
	line-height:1.2em;
	margin:0;
	font-weight:normal;
}

li.step1	{
	background:transparent url(../img/step1.gif) left top no-repeat;
}

li.step2	{
	background:transparent url(../img/step2.gif) left top no-repeat;
}

li.step3	{
	background:transparent url(../img/step3.gif) left top no-repeat;
}


/* Small Teaser-Panel (for Content-Pages) */

div#mainTeaser_s	{
	background:transparent url(../img/mainTeaserBg_s.jpg) left top no-repeat;
	position:relative;
	width:600px;
	height:161px;
	margin:0 -15px -10px;
	padding:0;
	overflow:hidden;
}

div#mainTeaser_s h2	{
	position:absolute;
	width:156px;
	height:98px;
	left:19px;
	top:44px;
}

div#mainTeaser_s h2 a, div#mainTeaser_s h2 a:link	{
	display:block;
	text-indent:-9999em;
	width:156px;
	height:98px;
	background:transparent url(../img/teaserClaim_s.jpg) left top no-repeat;
	border:0;
	text-decoration:none;
	overflow:hidden;
}

div#shoppingProcess_s	{
	background:transparent url(../img/shoppingProcessBox_s.gif) left top no-repeat;
	position:absolute;
	left:363px;
	top:14px;
	width:202px;
	height:113px;
	margin:0;
	padding:11px 10px 12px 12px;	
}

div#shoppingProcess_s h3	{
	font-size:1.3em;
	line-height:1.3em;
	width:auto;
	margin:-2px 0 12px;
	color:#666;
	font-weight:bold;
}

div#shoppingProcess_s ul	{
	color:#666;
	list-style:none;
	margin:0;
	padding:0;
	width:212px;
	overflow:hidden;
}

div#shoppingProcess_s ul li	{
	height:25px;
	width:185px;
	padding:0 0 0 27px;
	font-size:1.3em;
	line-height:1.3em;
	margin:0;
	font-weight:normal;
}





h2.selectCategory	{
	background:transparent url(../img/arrow.gif) left 19px no-repeat;
	padding:18px 0 18px 27px;
	color:#888;
	margin:0;
	font-size:1.5em;
}

#topPanel ul	{
	width:600px;
}

#topPanel hr	{
	width:570px;
	height:1px;
	background:url(../img/hr.gif) left center no-repeat;
	clear:both;
	border:0;
	padding:15px 0;
	margin:0;
}

.ie6-hr	{
	display:none;
}

p.breadcrumbs	{
	background:url(../img/subCatBarFade.gif) top left no-repeat;
	width:587px;
	height:32px;
	margin:0 0 10px -17px;
	padding:17px 0 0 14px;
	font-size:1.1em;
	font-weight:bold;
	color:#444;
}

.breadcrumbs a	{
	font-weight:normal;
	margin:0 3px;
}



/* CONTENT: MAIN-PANEL */

.mainPanel	{
	background:url(../img/mainPanel-Bg.gif) top left no-repeat;
	background-position:0% 5px;
	width:604px;
}

.panel-Footer	{
	background:url(../img/Panel-Footer.gif) bottom left no-repeat;
	width:604px;
	height:10px;
	padding:10px 0 0 0;
	clear:both;
}

#topPanel .panel-Footer	{
	margin:0 -17px;
}

.mainContent	{
	width: 570px;
	margin: 0 auto;
}

.mainContent h2	{
	font-size:1.5em;
	font-weight:bold;
	color:#666;
	width:420px;
	padding:25px 0 15px;
}

.mainContent p	{
	width:420px;
	color:#444;
}

/** Main content 2009 **/
.mainContent2009	{
	width: 580px;
	margin: 0 auto;
}

.mainContent2009 h1	{
	text-indent: -9999px;
	height: 22px;
	margin:15px 0 12px;
	background: url(../img/herzl_willk.png) 5px 0 no-repeat;
}

.mainContent2009 p	{
	padding: 0 70px 28px 5px;
	width:475px;
	color:#444;
}
/**********************/

.floatR	{
	float:right;
	padding: 0 0 0 5px;
}

.floatL	{	/* gibts nur in MainPanel */
	float:left;
	padding: 0 5px 0 0;
}

.portrait	{
	width:117px; 
	height:165px;
	margin:30px 0 0;
}

.sign	{
	width:186px;
	height:59px;
	margin:10px 0 20px;
}


/* CONTENT: PRODUCT-LIST-PAGE */

.productDetail h1	{
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding-bottom: 0px !important;
	padding-right: 15px !important;
	padding-top: 3px !important;
}
#pd-gesSterne 	{
	padding-left: 0px ;
	padding-bottom: 20px ;
}
.productDetail h3	{
	text-decoration:none !important;
	color:#888888 !important;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding-right: 15px !important;
	padding-top: 3px !important;
}
.productDetail .pD-Legend p {
	font-size:1em;
   padding-top: 5px;
   float:left;
   width:45px;
}

h1.productList	{
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding-right: 15px !important;
	padding-top: 3px !important;
	padding-bottom: 10px !important;
}

p.productList	{
	float:left;
	width:530px;
	font-size:1.2em;
	color:#444;
}
/***normaler text auf rubriken seite, eingerückt 09***/
#mainColumn .revised09 p.productList {float: none; padding-left: 15px;}

div.gender	{
	float:right;
	width:140px;
	padding:2px 0 0 0;
	margin:0 18px 0 0;
}

.gender h3	{
	font-size:1.3em;
	color:#666;
	margin:0 0 15px 0;
}

.gender a, .gender div{
	font-size:1.2em;
	display:block;
	height:22px;
	font-weight:bold;
	padding:6px 0 0 40px;
	margin:1px 0 0 0;
	text-decoration:none !important;
}

a.gen-female	{background:url(../img/gen_female.png) top left no-repeat;}
a.gen-male	{background:url(../img/gen_male.png) top left no-repeat;}
a.gen-unisex	{background:url(../img/gen_unisex.png) top left no-repeat;}

a.gen-female:hover, a.gen-female:active	{background:url(../img/gen_female-o.png) top left no-repeat;}
a.gen-male:hover, a.gen-male:active	{background:url(../img/gen_male-o.png) top left no-repeat;}
a.gen-unisex:hover, a.gen-unisex:active	{background:url(../img/gen_unisex-o.png) top left no-repeat;}

div.gen-female	{background:url(../img/gen_female-o.png) top left no-repeat;}
div.gen-male	{background:url(../img/gen_male-o.png) top left no-repeat;}
div.gen-unisex	{background:url(../img/gen_unisex-o.png) top left no-repeat;}

/*background-color-declaration needs to be set after background-image ! */

.gender a:link, .gender a:visited {background-color:#fff;} 
.gender a:hover	{color:#fff; background-color:#008e8a; text-decoration:none;}
.gender a:active 	{color:#fff; background-color:#444;}

.gender div	{
	color:#fff;
	background-color:#999;
}


.pagination	{
	float:left;
	width:505px;
	height:22px;
	padding:20px 0 0;
}

.pagination span	{
	display:block;
	float:left;
	padding:4px 15px 0 0;
	font-size:1.2em;
	color:#666;
}

.pagination a, .pagination strong, .pagination nix		{
	display:block;
	font-weight:bold;
	float:left;
	width:22px;
	height:19px;
	padding:3px 0 0 0;
	margin:0 5px 0 0;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
}

.pagination a:link, .pagination a:visited {background-color:#fff;}
.pagination a:hover	{color:#fff; background-color:#008e8a; text-decoration:none;}
.pagination a:active 	{color:#fff; background-color:#444;}

.pagination strong	{
	color:#fff;
	background-color:#999;
}



.nextPrev	{
	float:right;
	text-align:right;
	height:22px;
	width:150px;
	padding:23px 25px 0 0;
	color:#888;
}

.nextPrev a	{
	font-weight:bold;
	font-size:1.2em;
}


/* PRODUCTLIST-NEWSLIST (Neuigkeiten) */

h1.newitemsList {	/* added 080929 */
float:left;
font-size:1.6em;
font-weight:normal;
line-height:1.2em;
margin:-10px 0 0;
padding:10px 0 15px 75px;
height:35px;
width:325px;
}

h1.niL-fall01	{	/* added 080929 */
	background:transparent url(../img/headlineBg-newProducts-prozent01.gif) no-repeat scroll left top;
color:#c50010; padding: 15px 0px 26px 75px !important;

}

h1.niL-neuheiten01	{	/* added 090707 */
	background:transparent url(../img/headlineBg-newProducts-mai01.gif) no-repeat scroll left top;
color:#008e8a ; padding: 15px 0px 26px 75px !important;

}

h1.niL-sonne01	{	/* added 081020 */
	background:transparent url(../img/headlineBg-newProducts-sonne01.gif) no-repeat scroll left top;
color:#005ce6; padding: 15px 0px 26px 75px !important;

}


/* PRODUCT-BOX */

.productBox	{
	float:left;
	width: 245px;
	height:179px;
	background:url(../img/pBoxBg.gif) top left no-repeat;
	margin:18px 18px 0 0;
	padding:1px 15px 0;
	overflow:hidden; /* necessary for ie 6.0 - otherwise vertical drop occurs */
}
.opinionBox	{ /*	added 7.11.2008 by windwerfer */
	float:left;
	width: 500px;
/*	background:url(../img/pBoxBg.gif) top left no-repeat; */
	margin:18px 18px 0 0;
	padding:1px 15px 0;
	overflow:hidden; /* necessary for ie 6.0 - otherwise vertical drop occurs */
}

.pB-Pic	{
	display:block;
	width:260px;
	height:114px;
	margin:0 0 0 -8px;
} 

.productBox	h2 {
	float:left;
	width:auto;
	height:24px;
	font-size:1.4em;
	font-weight:bold;
	margin:3px 0 0;
}
.opinionBrilleUSo h2 {
    font-size:1.0em !important;
	float:left;
    padding-top:3px;
}
.opinionBrilleUSo	 {
	float:left;
	width:250px;
	height:200px;
	font-size:1.4em;
	font-weight:bold;
	padding-right:10px;
}
.opinionMeinungenUSo	 {
	float:left;
	width:240px;
}
.opinionDetails_sterne	 {
	float:left;
	text-align:center;
	width:230px;
	padding-top:10px;
	padding-right:20px;
	height:100px;
}


.opinionMeinungenUSo p.meinung_name {
	font-size:1.6em;
	font-weight:bold;
}
.opinionMeinungenUSo p.meinung_antwortBK {
    color:#008e8a;
}

.opinionMeinungenUSo p.meinung_datum {

	font-size:1.1em;
	font-weight:normal;
	color: gray;

}

.productBox a.thumbLink span.iconMagnifier {
	margin:7px 0 0 7px;
}

div.pD-Pic span.umschalten_zu_sonnenglaesern  {
	background: transparent url(../img/switch_to_sunglasses.gif) no-repeat scroll left top;
	float:right;
	height:81px;
	width:86px;
	position:absolute;
	display:block;
	padding-left:60px;
	padding-top:20px;
	margin:2px 0 0 400px;
}

div.pD-Pic span.umschalten_zu_sonnenglaesern:hover {
	 background-position:0% -1px;
	 font-weight:bold;
}

div.pD-Pic span.umschalten_zu_normalglaesern  {
	background: transparent url(../img/switch_to_normal_glasses.gif) no-repeat scroll left top;
	float:right;
	height:81px;
	width:86px;
	position:absolute;
	display:block;
	padding-left:60px;
	padding-top:20px;
	margin:2px 0 0 400px;
}


div.pD-Pic span.umschalten_zu_normalglaesern:hover {
	 background-position:0% -1px;
	 font-weight:bold;
}

div.productBox a.thumbLink span.badgeClip { /* added somewhere around 080925 */
	background:transparent url(../img/badge-incl.gif) no-repeat scroll left top;
	display:block;
	height:100px;
	width:100px;
	margin:14px 0 0 160px;
	position:absolute;
}

div.productBox a.thumbLink span.badgeNew { /* added 080929 */
	background:transparent url(../img/headlineBg-newProducts-maai02.gif) no-repeat scroll left top;
	display:block;
	height:36px;
	width:59px;
	margin:0 0 0 201px;
	position:absolute;
}

div.productBox a.thumbLink span.badgeAktion { /* added 2009.07.09 */
	background:transparent url(../img/headlineBg-newProducts-prozent02.gif) no-repeat scroll left top;
	display:block;
	height:36px;
	width:59px;
	margin:0 0 0 201px;
	position:absolute;
}

.productBox	h2, .productBox	h5 {
    width:125px;
	font-size:90%;
	font-weight:normal;
}

.productBox	h2, .productBox	h2 a:link, .productBox h5 a:link, .productBox h5 {
	text-decoration:none  !important;
}
.productBox	h2 a:hover, .productBox	h5 a:hover{
	text-decoration:underline  !important;
}
.productBox	h2 a:visited, .productBox	h5 a:visited {
	text-decoration:none  !important;
    color:#005b5d;
}
.pB-Price	{
	float:right;
	width:120px;
	padding:5px 0 0 0;
}

.pB-Price span	{
	width:55px;
	float:left;
	text-align:right;
	color:#888;
	padding:2px 0 0 0;
}

a.pB-PriceBut	{
	float:right;
	display:block;
	background:url(../img/but_green-white_pBox.gif) top left no-repeat;
	font-size:1.4em;
	font-weight:bold;
	width:59px;
	height:20px;
	color:#fff;
	text-align:center;
	padding:4px 0;
	text-decoration:none !important;
}

a.pB-PriceBut:link, a.pB-PriceBut:visited {background-position:0% 0%;}
a.pB-PriceBut:hover	{background-position:0% -30px; text-decoration:none;}
a.pB-PriceBut:active 	{background-position:0% -60px; padding:6px 0 2px; color:#bce1e0; }

.pB-Infos	{
	float:left;
	width:80px;
	height:23px;
	margin:3px 0 0;
}


.pB-Color1	{
	float:left;
	width:22px;
	height:22px;
	background:url(../img/pB-Color1.png) top left no-repeat;
	margin-top:1px;
}

.pB-Color2	{
	float:left;
	width:21px;
	height:22px;
	background:url(../img/pB-Color2.png) top left no-repeat;
	margin-top:1px;
}

.pB-Color2s	{
	float:left;
	width:10px;
	height:22px;
	background:url(../img/pB-Color2s.png) top left no-repeat;
	margin-top:1px;
}

.pB-Male, .pB-Female, .pB-Unisex, .pB-Kids	{
	float:left;
	width:22px;
	height:23px;
	margin:0 0 0 14px;
}

.pB-Male	{background:url(../img/pB-Male.png) top left no-repeat;}
.pB-Female	{background:url(../img/pB-Female.png) top left no-repeat;}
.pB-Unisex	{background:url(../img/pB-Unisex.png) top left no-repeat;}
.pB-Kids	{background:url(../img/pB-Kids.png) top left no-repeat;}

a.pB-Bbox	{
	text-align:right;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	margin:7px 0 0;
}
/*** Empfehlungs-Box, pimps Product-Box ***/
.empfBox09 .productBox {float: none; margin: 0; background: none;text-decoration:none;}
.empfBox09 {clear: both; background: url('../img/empfbox_bg.png') no-repeat; padding: 0 1px 1px; height: 212px;}
.empfBox09 span {font-size: 9px; font-weight: bold; line-height: 12px;}
.empfBox09 .pB-Price {font-size: 11px;}
.empfBox09 p.empfhead09 {height: 24px; color: #fff; margin: 0; padding: 0; font-size: 15px; font-weight: bold; line-height: 21px; padding: 1px 0 0 14px; width: 250px;}
.right09 {float: right; margin: 5px 33px 30px 15px}
.left09 {float: left; margin: 0 18px 18px 15px}

/* PRODUCT-DETAIL-PAGE */

p.productInfo	{
	float:left;
	width:330px;
	font-size:1.2em;
	color:#444;
}

.pD-OrderOptions	{
	width:210px;
	float:right;
	padding:15px 15px 0 0;
}

.pD-AddToBbox	{
	float:left;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 2px;
}

.pD-ExplainBbox	{
	float:left;
	display:block;
	font-size:1.1em;
	margin:1px 0 0 7px;
	text-decoration: none !important;
}

.pD-Price	{
	float:left;
	display:block;
	background:url(../img/detailPriceBG.gif) top left no-repeat;
	font-size:1.7em;
	font-weight:bold;
	width:75px;
	height:22px;
	color:#333;
	text-align:center;
	padding:6px 0;
	margin:0 0 0 2px;
}

.pD-OrderOptions p	{
	width:115px;
	float:left;
	color:#888;
	font-size:1em;
	line-height:1.2em;
	margin:3px 0 0 10px;
}

.pD-OrderOptions p:hover	{
	color:#444;
}

.pD-Pic	{
	width:570px;
	height:250px;
	clear:both;
}

div.pD-Pic span.badgeClipBig	{
	background:transparent url(../img/badge-incl2.gif) no-repeat scroll left top;
	display:block;
	height:108px;
	width:108px;
	margin:0 0 0 467px;
	position:absolute;
} 

.pD-meineungen  {
	width:508px;
}
.pD-meineungen  p.meinungP2 {
	padding-left:0px;
    padding-bottom:15px;
}
.pD-meineungen  p.detail_meinungBK {
    color:#008e8a;
}
.deteils_meinungen_div {
    padding-bottom:15px;
}
.pD-meineungen span.datum {
	font-size:0.8em;
}
.pD-meineungen  h3 {
	padding-bottom:20px;
}
.starpeople  img {
	margin-bottom:-5px;
}
.starpeople  {
	white-space: nowrap;
}

div#topPanel span.badgeClipBig	{
	background:transparent url(../img/badge-incl2.gif) no-repeat scroll left top;
	display:block;
	height:108px;
	width:108px;
	margin:0 0 0 476px;
	position:absolute;
} 


#pD-Thumbs	{
	float:left;
	width:370px;
}

#pD-Thumbs a	{
	float:left;
	display:block;
	height:70px;
	border:1px solid #dedede;
}

#pD-Thumbs a + a	{
	border-left:none;
}

a.thumbLink span.iconMagnifier {
	background:url(../img/iconMagnifier2.png) top left no-repeat;
	width:19px;
	height:19px;
	position:absolute;
	display:block;
	margin:3px 0 0 3px;
}

a.thumbLink:hover span.iconMagnifier {
	 background-position:0% -19px;
}

.pD-Legend	{
	width:180px;
	float:right;
	margin:0 15px 0 0;
	font-size:1.2em;
	line-height:2em;
	color:#888;
}

.pD-Legend h3	{
	width:45px;
	height:22px;
	float:left;
	clear:both;
}

.pD-Colors	{
	width:135px;
	float:right;
	margin:5px 0 10px;
}

.pD-ColorLine, .pD-ColorLine-s	{
	width:135px;
	clear:both;
}

.pD-ColorLine span, .pD-ColorLine-s span	{
	width:100px;
	display:block;
	float:left;
	font-weight:bold;
	line-height:1.1em;
	padding:0 0 0 10px;
}

.pD-ColorLine div, .pD-ColorLine-s div	{
	float:left;
	width:22px;
	line-height:0.1em;	/* necessary for ie6 */
	font-size:0.1em;	/* necessary for ie6 */
}

.pD-Color1	{
	height:22px;
	background:url(../img/pD-Color1.png) top left no-repeat;
}

.pD-Color2	{
	height:21px;
	background:url(../img/pD-Color2.png) top left no-repeat;
}

.pD-Color2s	{
	height:11px;
	background:url(../img/pD-Color2s.png) top left no-repeat;
}

.pD-Gender	{
	float:left;
	width:80px;
	height:22px;
	padding:0 0 0 32px;
	font-weight:bold;	
}

.pD-Male	{background:url(../img/pB-Male.png) 6px 0% no-repeat;}	/*background-positioning in ie6 doesnt work, bcoz of png-fix */
.pD-Female	{background:url(../img/pB-Female.png) 6px 0% no-repeat;}
.pD-Unisex	{background:url(../img/pB-Unisex.png) 0% 0% no-repeat; line-height:1.1em; padding:4px 0 0 32px;}
.pD-Kids	{background:url(../img/pB-Kids.png) 0% -3px no-repeat;}

h3.pD-Sizes	{
	color:#888;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px;
}

.pD-headSize	{
	float:left;
	width:165px;
	height:42px;
	padding:8px 0 0;
}

.pD-headSize img	{
	margin:0 1px 0 0;
}

.measurements	{
	float:left;
	display:block;
}

.pD-sizeInfo	{
	width:180px;
	float:right;
	margin:0 15px 0 0;	/* ie 6.0 needs special declaration in ie-let7.css */
	font-size:1.2em;
	line-height:1.4em;
	color:#888;
}

.pD-sizeInfo div	{
	float:left;
	width:45px;
	clear:both;
}

.pD-sizeInfo strong	{
	width:80px;
	float:left;
	padding:0 0 0 32px;	/* ie 6.0 needs special declaration in ie-let7.css */
	font-weight:bold;
}

.pD-Note	{
	color:#888;
	font-size:1em;
	width:570px;
}

.pD-Note:hover	{
	color:#444;
}


/* DETAIL: RELATED-PRODUCTS-PANEL */

.relatedPanel	{
	background:url(../img/relatedPanelBg.gif) top left no-repeat;
	width:604px;
	height:159px;
	margin:10px 0 0 0;
	padding:0 0 0 8px;
	clear:both;
	color:#888;
}

.relatedPanel h2	{
	height:25px;
	font-weight: bold;
	font-size:1.3em;
	color:#fff;
	padding:5px 0 0 9px;
}

/****relatedPanel2009*****/

#relatedPanel2009	{
	background:url(../img/related_bg.png) top left no-repeat;
	width:592px;
	height:180px;
	margin:10px 0 0 -5px;
	padding: 0;
	clear:both;
	color:#888;
	overflow: hidden;
	position: relative;
}
/**when panel is on top, below menu**/
#mainColumn .relPanTop09, #relatedPanel2009 h4 {background-position: center bottom; width: 606px; height: 183px; padding: 20px 0 0; margin: -20px 0px 0px 0px; clear: none; overflow: visible;}
#relatedPanel2009 h2, #relatedPanel2009 h4	{
	height:25px;
	font-weight: bold;
	font-size:15px;
	color:#666;
	padding: 18px 0px 10px 19px;
}
#mainColumn .relPanTop09 h2 {padding-left: 30px;}
#mainColumn .relPanTop09 h4 {padding-left: 30px;padding-top: 30px;}
#mainColumn #relatedPanel2009 li.fB-Content {overflow: hidden; background: none; float:left; height:125px; padding:0 10px 0 20px; width:158px;}
#mainColumn #relatedPanel2009 li.fB-Content span {font-weight: normal;}
#mainColumn #relatedPanel2009 li.fB-Content .fB-Pic {margin-left: -5px;}
#mainColumn #relatedPanel2009 .fB-Content a, #mainColumn #relatedPanel2009 .fB-Content a:link, #mainColumn #relatedPanel2009 .fB-Content a:visited {text-decoration: none;}
#fademeout, #fademein {overflow: hidden; position: absolute; top: 48px; left: 0; width: 600px;}
.relPanTop09 #fademeout, .relPanTop09 #fademein {top: 70px; left: 15px;}
/*************************/

/* CONTENT: TEASER-PANEL */

#teaserPanel	{
	background:url(../img/teaserPanel.gif) top left no-repeat;
	padding:0 0 0 4px;
	margin:32px 0 0 -4px;	/* USED TO BE margin:0 0 0 -4px; */
	width:980px;
	height:418px;
}

#moodArea	{
	background:url(../img/moodPic_01.jpg) top left no-repeat;
	width:790px;
	height:280px;
	text-decoration:none !important;
}

a.moodLink, a.moodLink:hover, a.moodLink:active	{	/* necessary for safari & ie */
	text-decoration:none !important;
	cursor:pointer;
}

h2.claim	{
	float:left;	/* necessary for ie - otherwise vertical positioning of claim and processbox gets pushed down */
	text-indent:-9999em;
}


/* PROCESS-BOX */

#processBox	{
	background:url(../img/processBoxBg.gif) top left no-repeat;
	width:232px;
	height:185px;
	position:relative;
	left:545px;
	top:82px;
	padding:12px;
}

#processBox	h2{
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	color:#008e8a;
}

#processBox ol	{
	list-style:decimal;
	list-style-position:inside;
	color: #888;
	margin:15px 0 0 0;
}

#processBox li {
	font-size:1.3em;
	font-weight:normal;
	margin:11px 0 0 0;
}



/* FEATURED-PRODUCTS-BAR */

h2.featured	{
	position:relative;
	top:45px;
	background:url(../img/featuredProductsBg.gif) top left no-repeat;
	width:197px;
	height:26px;
	font-weight: bold;
	font-size:1.3em;
	color:#fff;
	padding:5px 0 0 10px;
}

#featureBox-Bar	{
	width:790px;
	height:130px;
	margin: 4px 0 0 0;
	clear:both;
	color:#888;
}

.fB-Content	{
	float: left;
	width:157px;
	height:121px;
	background:url(../img/vr-g-121.gif) top right no-repeat;
	padding:0 20px;
}

.fB-rightmost	{
	background:none;
}

.fB-Pic {
	display:block;
	margin:0 0 5px -10px;
}

.fB-Content h5	{
	width:150px;
	height:18px;
	color:#008e8a;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 -5px 0;
}

.fB-Content	span{
	font-size:1.1em;
	width:100px;
	height:20px;
	float:left;
	padding:6px 0 0 0;
}

a.fB-Price	{
	float:right;
	background:url(../img/but_green-white_feature.gif) top left no-repeat;
	font-size:1.2em;
	font-weight:bold;
	width:54px;
	height:18px;
	color:#fff;
	text-align:center;
	padding:3px 0;
	text-decoration:none !important;
}

a.fB-Price:link, a.fB-Price:visited {background-position:0% 0%;}
a.fB-Price:hover	{background-position:0% -30px;}
a.fB-Price:active 	{background-position:0% -60px; padding:5px 0 1px; color:#bce1e0; }





/* TEASER-BOXEN */

.teaserBox-grey	{
	float:left;
	background:url(../img/teaserBoxBg-grey.gif) top left no-repeat;
	width:249px;
	border-right: 1px solid #dedede;
	padding:0 1px 0 0;	/* ie 6 fucks this up - displays border 1px shifted towards right */
	margin:20px 18px 0 0;	/* USED TO BE: margin:30px 18px 0 0; */
}


.tB-Content	{
	width:240px;
	margin:0 0 0 10px;
}		


.tB-Footer-grey	{	/* Problem: setting footer so that included image doesnt show bottom-border - unpossible */
	background:url(../img/teaserBoxFooter-grey.gif) top left no-repeat;
	width:250px;
	height:10px;
	clear:both;
}

.tB-br-grey	{
	position:relative;
	top:0;
	left:241px;
	background:url(../img/teaserBox-BottomRight-grey.gif) top left no-repeat;
	width:10px;
	height:10px;
}

.teaserBox-grey h2	{
	background:url(../img/teaserBox-TopRight-grey.gif) top right no-repeat;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 2em;
	color:#444;
	height:26px;
	width:241px;
	position:relative;
	top:0;
	left:10px;
}

.tB-Content	p	{
	line-height: 1.4em;
	width:240px;
	padding:10px 0 0 0;
	color:#888;
}

.tB-Content img	{
	float:right;
	margin: -10px 0 0 15px;
}

.tB-PicCenter	{
	float:right;
	width:110px;
	text-align:center;
}

.tB-PicCenter img	{
	float:none;
	margin:auto;
}



/* SELECTION: CATEGORY */

#categories li	{
	float:left;
	margin:0 15px 15px 0;
	padding:0;
	font-size:1.3em;
	text-indent:15px;
	width:180px;
	height:100px;
	overflow:hidden;
}

#categories li a	{
	background:url(../img/catBut-Bg.gif) top left no-repeat;
	width:180px;
	height:100px;
	overflow:hidden;
	display:block;
	text-decoration:none !important;
}

#categories a:link, #categories a:visited	{background-position:0% 0%; line-height: 2.5em;}
#categories a:hover {background-position:0% -100px; line-height: 2.2em;}
#categories a:active	{background-position:0% -200px; line-height: 2.5em;}

/***Featured2009****/
ul#featured2009 {background: url('../img/featured10.png') top left no-repeat; width: 580px; height: 123px; margin-left: -5px;}
#featured2009 li	{
	float:left;
	margin:0 18px 15px 0;
	padding:0;
	overflow:hidden;
}
#featured2009 li.ftthree {margin-right: 0;}

#featured2009 li a	{
	width:180px;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	text-decoration:none !important;
}

#featured2009 a:link, #featured2009 a:visited	{}
#featured2009 a:hover {}
#featured2009 a:active	{}

/****************/

/* SELECTION: PRICE */

#price li	{
	float:left;
	margin:0 15px 15px 0;
	padding:0;
	text-indent:15px;
	width:180px;
	height:40px;
	overflow:hidden;
}

#price li a	{
	width:180px;
	height:40px;
	overflow:hidden;
	display:block;
	color:#fff;
	text-decoration:none !important;
	font-size:1.3em;
}

#price a:link, #price a:visited	{background-position:0% 0%; line-height: 2.8em;}
#price a:hover {background-position:0% -40px; line-height: 2.5em;}
#price a:active	{background-position:0% -80px; line-height: 2.9em; color:#bce1e0;}

#price-1	{background:url(../img/price-1.gif) top left no-repeat;}
#price-2	{background:url(../img/price-2.gif) top left no-repeat;}
#price-3	{background:url(../img/price-3.gif) top left no-repeat;}



/* SIDE-MENU */


ul#sideMenu	{
	width:162px;
	margin:8px 0 5px 10px;
	padding:0;
	list-style: none;
	color:#444;
}

ul.stretcher	{
	display:none;
}

#sideMenu li	{
	color:#008e8a;
	cursor:pointer;
	font-size: 1.1em;
	line-height:1.7em;
	border-bottom: 1px dotted #ccc;
	padding:0 0 0 15px;
}

#sideMenu li ul	{
	padding:0 0 8px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
	margin:0 0 0 -15px;
}

#sideMenu li ul li	{
	font-size:100%;	/* necessary to overcome font-size-reduction through inheritance */
	font-weight:normal;
	line-height:1.6em;
	border-bottom:1px solid #fff; /* necessary for ie 6.0 who would otherwise add a bottom-margin */
}

#sideMenu li a	{
	display:block;	/* maximize horizontal hit-area for links */
}


/* SIDE-MENU DECORATIONS */

#sideMenu li.currentPage, #sideMenu li ul li.currentPage	{
	cursor:auto;
	color:#444;
	border:none;
}

#sideMenu li.currentPage	{background:url(../img/li-bullets.gif) -1000px 2px no-repeat;}
#sideMenu li.currentPage ul li, #sideMenu li.currentPage ul li.currentPage	{background:none;}

#sideMenu li a	{background:none; margin-left:-15px; padding-left:15px;}
#sideMenu li a:hover	{background:url(../img/li-bullets.gif) -1200px 2px no-repeat;}
#sideMenu li a:active	{background:url(../img/li-bullets.gif) -1400px 2px no-repeat;}

#sideMenu li.sideMenuItem {background:url(../img/li-bullets.gif) 0% 2px no-repeat; color:#008e8a;}
#sideMenu li.sideMenuItem:hover {background-position:-200px 2px; color:#888;}

#sideMenu li.activeItem	{background:url(../img/li-bullets.gif) -600px 2px no-repeat; color:#888; padding-bottom:8px;}
#sideMenu li.activeItem:hover	{background-position:-600px 2px;}

#sideMenu span.toggler	{
	display:block;
}


/* BOXEN-STYLES */

.sideBox	{
	width: 180px;
	background:url(../img/sB-Bg.gif) top left no-repeat;
	margin:10px 0 0 0;
}

.topmost	{
	margin:8px 0 0 0;
}

.sideBox .headline	{  /* Headline-Styles need global setting */
	font-weight: bold;
	font-size: 1.2em;
	color:#666;
	padding-top:5px;
	margin:0 0 0 10px;
	height:19px;
}

.sB-Content	{	/* ie needs special declaration in ie-all.css */
	width:160px;
	padding:8px 9px 0 10px;
}

.contactEmail	{
	display:block;
	margin:4px 4px 5px 0;
}

.sB-Pic	{
	float:right;
	padding: 0 0 0 5px;
	margin:-8px -9px 0 0;
}

.sB-Footer	{
	clear:both;
	height:10px;
	background:url(../img/sB-Footer.gif) bottom left no-repeat;
}


/* SICHERHEITSGARANTIE-BOX */

.trustedshopsPic	{
	margin: 0 3px 0 0;
}


/* GUTSCHEIN-BOX */

.specialBadge	{	/* ie needs special declaration in ie-all.css */
	position: relative;
	top:-25px;	/* USED TO BE: top:-132px; */
	left:125px;
	z-index:100;
	/* margin not needed anymore: USED TO BE: margin:0 0 -87px; */
}

.specialPic	{
	display:block;	/* USED TO BE: position: relative; */
	width:162px;
	height:58px;
	/* NOT NEEDED ANYMORE. USED TO BE: left:0; */
	/* NOT NEEDED ANYMORE. USED TO BE: top: 2px; */
	margin:-46px 0 8px 0;	/* USED TO BE: margin:0 0 10px 0; */
}

/* SONNENBRILLEN-BOX */

.specialPic-sonnenbrille	{
	display:block;	
	width:160px;
	height:105px;
	margin:10px 0 10px;
	border:0;
}

/* RECENT PRODUCTS */

.recentProduct	{
	height:20px;
	margin:2px 0 2px;
}

.recentProduct a	{
	float:left;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	width:87px;
}

.recentColor1	{
	float:left;
	background:url(../img/recentColor1.png) top left no-repeat;
	width:14px;
	height:14px;
}

.recentColor2	{
	float:left;
	background:url(../img/recentColor2.png) top left no-repeat;
	width:13px;
	height:14px;
}

.recentColor2s	{
	float:left;
	background:url(../img/recentColor2s.png) top left no-repeat;
	width:7px;
	height:14px;
}

.recentProduct a.recentPrice	{
	display:block;
	float:right;
	text-align:right;
	width:43px;
}

/*********** Menu in Sidebar 2009 --needs parts of previous styles for sideboxes, don't delete them ********/
#sidemenu09 {margin: 2px 0 0 0;}
#sidemenu09 p, #sidemenu09 li {background: url('../img/menu2009_bg.png') no-repeat;}
#sidemenu09 p {text-indent: -9999px; padding: 0; height: 38px; margin: 0;}
#sidemenu09 ul li {padding: 0 10px 10px; list-style-type: none; overflow: hidden;}
#sidemenu09 ul li, #sidemenu09 ul li a, #sidemenu09 ul li, #sidemenu09 ul li label {font-weight: normal; font-size: 11px; line-height: 18px; color: #666;}
#sidemenu09 ul li a, #sidemenu09 ul li a:visited {color: #008E8A;}
#sidemenu09 ul li.pcselected a, #sidemenu09 ul li.pcselected label {font-size: 12px; font-weight: bold;}
#sidemenu09.verzeichnis ul li div, #sidemenu09 ul li legend {padding-top: 3px; font-size: 12px; font-weight: bold; color: #666;}
#sidemenu09 ul li legend {color: #008e8a;}
#sidemenu09 ul li ul {padding-top: 6px;}
#sidemenu09 ul li ul li {width: 190px;}
#sidemenu09 li {background-position: 0 -38px;}
#sidemenu09 li li {background: none; padding: 0;}

#sidemenu09 ul.pccolors {padding-top: 10px; width: 160px;}
#sidemenu09 ul.pccolors li {float: left; padding: 0px 9px 4px 0px; width: 31px;}
#sidemenu09 ul.pccolors li label {text-indent: -9999px; display: block; width: 25px; height: 15px; padding: 3px; background: url('../img/colors_rahmen.png') no-repeat;}
#sidemenu09 ul.pccolors li {text-indent: 0; color: #333;}
#sidemenu09 ul.pccolors li span {text-indent: -9999px; display: block; width: 25px; height: 15px;}
#sidemenu09 ul.pccolors li:hover label, #sidemenu09 ul.pccolors li.checked label {background-position: 0 -21px; width: 27px; height: 17px; padding: 2px;}
#sidemenu09 ul.pccolors li label.selected span, #sidemenu09 ul.pccolors li:hover label span, #sidemenu09 ul.pccolors li.checked label span {width: 27px; height: 17px;}
/******Filtermenu Styles 09*******/
#sidemenu09 input {margin-right: 5px;}
#sidemenu09 h2.fmhd09 {background-position: -180px 0;}
#sidemenu09 .hideIfNoJs_09, #sidemenu09 .pcfirst legend, #sidemenu09 .hidethis {display: none; visibility: hidden;}
#sidemenu09 .showthis {display: block; visibility: visible;}
/****Filtermenu when js is on***/
#sidemenu09 form.jsison ul li input {position: absolute; left: -9999px;}
.filtermenu09 #kat_filter li li, .filtermenu09 #kat_filter li li label {color: #333;}
.filtermenu09 #kat_filter li li.kfsec_first09 label {font-weight: bold;}
.filtermenu09 #kat_filter li li.kfsec_first09.checked, .filtermenu09 #kat_filter li li.kfsec_first09.kfselected, .filtermenu09 #kat_filter li li.kfsec_first09.kfselected label {background-position: 1px -28px; color: #333; background-color: transparent;}
.filtermenu09 #kat_filter li li label {margin-right: 0.4em;}
		/****some extras for the colors***/
.filtermenu09 #kat_filter ul.pccolors li.unchecked {padding-left: 16px; background-position: 1px 3px;}
.filtermenu09 #kat_filter ul.pccolors li.checked {padding-left: 17px; background-position: 1px -56px;}
.filtermenu09 #kat_filter ul.pccolors {padding-right: 0;}
.filtermenu09 #kat_filter ul.pccolors li {float: left; padding: 0; margin: 0 5px 5px 0;}
.filtermenu09 #kat_filter ul.pccolors label {margin-right: 0;}
		/********end extras colors*********/

.filtermenu09 #kat_filter li li input, .filtermenu09 li li label  {float: left;}
.filtermenu09 #kat_filter li li.checked, .filtermenu09 #kat_filter li li.unchecked {padding-left: 20px; background: url('../img/check_bg.png') no-repeat 1px 2px;}
.filtermenu09 #kat_filter li li.checked {background-position: 1px -58px;}
.filtermenu09 #kat_filter li li.kfselected, .filtermenu09 #kat_filter li li.kfselected label {color: #fff; background-color: #008E8A}

/***slider***/
/* Slider Style */
.slider_outer{margin: 10px; border:1px solid #e6e6e6; padding:5px;}
.slider_gutter {float: left;width: 100%;display: block;position: relative; }
.slider_gutter_item{position: relative;	float: left; left: 100%;}
#slider_minmax_gutter_l, .slider_gutter_l{width: 10px;margin-left:-100%; height:24px;background:url(../img/slider_rptr.png) no-repeat 0 50%; }
#slider_minmax_gutter_m, #slider_minmax_gutter_pr, #slider_minmax_gutter_sz, #slider_minmax_gutter_gl{width: 160px;margin-left:-160px;	height:24px; background:url(../img/slider_rptr.png) no-repeat 0 50%;}
#slider_minmax_gutter_r,.slider_gutter_r{width: 17px; height:24px; border:1px; z-index: 1;}
.minmax_slider{ width:160px; margin:0px 10px 0 0;}

.slider_gutter{width:160px; margin:10px 0px 0px 0px; }
.slider_gutter_m{width:140px;margin-left:-150px;	height:24px; background:url(../img/slider_rptr.gif) repeat-x;}

/*.slider_gutter_bkg{ position: absolute; background:url(../images/bkg_slider.gif) repeat-x; height:8px; margin:6px 0px 0px -10px; width:374px; clip:rect(0, 20px, 0, 20px)}
*/
.knob {position: absolute;	height: 24px;width: 17px;cursor: pointer; z-index: 999;}
.knobleft {background: url('../img/slider_knob_l.png') no-repeat;}
.knobright {background: url('../img/slider_knob_r.png') no-repeat;}

/* For Clip */
#slider_bkg_img, #slider_bkg_img_pr, #slider_bkg_img_sz, #slider_bkg_img_gl{position: absolute; height:8px; margin:8px 0px 0px -10px; width:160px; background-color: #abcbca;}

.filtermenu09 #kat_filter ol.below_slider {clear: both; width: 100%; padding: 2px 0 5px; margin: 0; height: 18px;}
.filtermenu09 #kat_filter ol.onemoreopt {border-bottom: dotted 1px #333; margin: 0 0 8px;}
.filtermenu09 #kat_filter ol.below_slider li {float: left; width: 44px; text-align: center; color: #666; font-size: 11px;}
.filtermenu09 #kat_filter ol.below_slider li.bs_first, .filtermenu09 #kat_filter ol.below_slider li.bs_last {width: 66px;}
.filtermenu09 #kat_filter ol.below_slider li.bs_first {text-align: left; width: 50px;}
.filtermenu09 #kat_filter ol.below_slider li.bs_last {text-align: right;}
/****end slider******/
/* SUBCAT-SEARCHBAR */

#subCatForm	{
	background:url(../img/subCatBarBG.gif) top left no-repeat;
	width:587px;
	height:37px;
	padding:13px 0 0 17px;
}

#subCatForm	select	{
	float:left;
	width: 127px;
	height:19px;
	margin:2px 30px 0 0;
	padding:2px 1px 1px;
	color:#008e8a;
	background-color:#fff;
	border:1px solid #bce1e0; /*necessary for opera - otherwise select would be far too small, vertically */
}

#subCatForm label	{
	float:left;
	color:#bce1e0;
	font-size:1.2em;
	font-weight: bold;
	line-height:25px;
	margin:0 10px 0 0;
}



/* FOOTER-STYLES */

ul#sitemap	{
	color:#888;
	width:580px;
	margin:0 0 15px;
	padding:15px 0 0;
	background:url(../img/hr.gif) left top no-repeat;
	list-style-image:url(../img/sitemapListImage.gif);
}

#sitemap li	{
	float:left;
	display:block;
	background:url(../img/vr.gif) left top no-repeat;
	width:auto;
	min-height:90px; /* unsupported for safari 2.0, ie 5.2 mac */
	margin:0 0 15px;
	padding: 0 15px;
	line-height:1.6em; 
	overflow:visible;
}

#sitemap li dl dd	{
	font-weight:normal;
	color:#000;
}

#sitemap li dl dd a	{
	display:block;
	font-weight:normal;
	line-height:1.6em; 
	color:#888;
}

#sitemap li dl dd a:active	{
	color:#000;
}

p#copyright	{
	text-align:center;
	color:#888;
	height: 50px;
	font-size:1.1em;
	margin:25px 0 0;
	padding:15px 0 0;
	background:url(../img/hr.gif) left top no-repeat;
	clear:both;
}

/*  callback box -------------------------------- anfang*/


.callBoxNote	{
	background:url(../img/rH_888.gif) top left repeat-x;
	width:160px;
	margin:10px 0 0;
	padding:6px 0 0;
	color:#444;	
	clear:both;
	display:none;
}
			
.callBoxNote img	{
	margin:0 8px 0 0;
	display:block;
	float:left;
}

.callIcon	{
	display:block;
	float:left;
	margin:3px 8px 0 0;
}

input.callNr {
	float:left;
	display:block;
	width:125px;
	padding:2px;
	border:1px solid #66bbb9;
	background-color:#fff;
	height:19px;
	margin:3px 0 3px 0;
	font-size:1.4em !important;
	font-weight:bold;
	color:#008e8a;
}

	input.callNr:hover	{
	border:1px solid #008e8a;
	background-color:#e5f3f3;
}
/*  callback box -------------------------------- ende*/
/****bottomContent2009*****/
#bottomContent2009 {width: 580px; margin: 20px auto; clear: both; position: relative;}
#leftCol2009 {float: left; width: 277px; padding: 0 5px;}
#rightCol2009 {float: left; width: 262px; margin-left: 28px;}
.posttease2009 {clear: both; padding: 20px 15px; border-top: 1px solid #ccc;} 
.posttease2009 h3, .posttease2009 span, .posttease2009 a,  #rightCol2009 a, .probbox2009 h4 {font-weight: bold; color: #008e8a; padding-bottom: 14px; text-decoration: none; font-size: 13px;}
.posttease2009 a,  #rightCol2009 a {font-size: 12px;}
#bottomContent2009 a:hover, #bottomContent2009 a:focus {text-decoration: underline;}
.posttease2009 h3 span {float: left;color: #666; margin-right: 0.5em;}
.posttease2009 p, .schritte2009 ol {color: #333; font-size: 12px; line-height: 17px;}
.posttease2009 img {float: left; margin: 0 10px 10px 0;}
.schritte2009 {height: 109px; margin-top: -14px; padding: 136px 30px 20px 23px; background: url('../img/3schritte_bg.png') right top no-repeat;}
.schritte2009 h4 {font-size: 13px; line-height: 17px; margin-bottom: 8px; font-weight: bold; color: #666;}
 .schritte2009 ol {color: #666; line-height: 24px; padding-left: 22px;}
.probbox2009 {height: 143px; width: 214px; margin-left: -12px; padding: 105px 25px 20px 35px; background: url('../img/probierbox_bg.png') left top no-repeat;}
.probbox2009 h4 {line-height: 18px; padding-left: 70px; text-align: right;}
/*headermenu oben rechts*/
ul#headermenu09 {position: absolute; top: 0px; right: 0px; overflow: hidden; background: url('../img/topright_bg.png') no-repeat; width: 238px; height: 33px;}
ul#headermenu09 li {float: left; list-style-type: none; padding: 0px 5px;}
ul#headermenu09 li a {text-indent: -9999px; display: block; width: 80px; height: 30px;}
ul#headermenu09 li.middle a {width: 45px;}
.headermenu09_img {position: absolute; top: 35px; right: 2px; overflow: hidden; }


#topPanel h3	{
	font-size:1.3em;
	font-weight:bold;
	color:#008E8A;
    text-decoration:underline;
}

#topPanel h2	{
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
    text-decoration:none;
}

#topPanel h4	{
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
    text-decoration:none;
}

#topPanel h5	{
	font-size:1.2em;
	font-weight:bold;
	color:#008E8A;
    text-decoration:none;
}