@charset "UTF-8";
/* CSS Document */

#trustIcons	{
	clear: both;
	margin: 30px 0 0 0;
}

#trustIcons #foxrate,
#trustIcons #haendlerbund,
#trustIcons #tsBox	{
	float: left;
	margin-right: 20px;
	
}


#plentycat_275-0-0-0-0-0 {display: none!important;}

* 									{margin: 0; padding: 0;}
body							{background: #930 url(../img/bg.jpg) fixed repeat; font-family: Arial;}

a									{text-decoration: none; outline: none;}
img								{border: none; font-size: x-small;}

.clear							{clear: both;}
.cf:before, .cf:after	{content:""; display:table;}
.cf:after 						{clear:both;}

.sprite							{background-image: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png); background-repeat: no-repeat;}
.gold_stripe				{width: 978px; height: 9px; font-size: 9px; line-height: 9px; text-indent: -999em; overflow: hidden; background-position: 0 -475px;}
.oswald						{font-family: 'Oswald', sans-serif;}

#all 								{width: 100%;}
.page							{position: relative; width: 978px; margin: 40px auto; padding-top: 10px; background: #fff; color: #333; border-radius: 10px; box-shadow: 5px 10px 25px #000;}


.filter_link					{position: fixed; left: 0; top: 68px;}
.filter_link a				{float: left; width: 168px; height: 79px; line-height: 79px; font-size: 12px; overflow: hidden; text-indent: -999em; background-position: -707px -61px;}

#foxrate					{
	
}

.header											{width: 100%; margin: 0 auto;}
.header .hl										{float: left; width: 310px; height: 85px; margin: 10px 0 15px 20px; line-height: 14px; font-size: 12px; background-position: 0 0;}
html[lang=fr] .header .hl										{background-position: 0 -190px}
html[lang=it] .header .hl										{background-position: 0 -376px; margin-top: 3px;}
html[lang=es] .header .hl									{background-position: 0 -284px}
html[lang=en] .header .hl									{background-position: -1px -93px}
html[lang=da] .header .hl									{background-position: -294px -1493px}


.header .hl a									{float: left; width: 100%; height: 85px; line-height: 85px; text-indent: -999em; overflow: hidden;}

.header ul										{clear: both; width: 100%; background-position: 0 -3955px;}
.header ul li									{float: left; list-style: none; list-style-type: none;}
.header ul > li.menu1	 				{width: 97px; margin-left: 10px;}
.header ul > li.menu2					{width: 71px;}
.header ul > li.menu3					{width: 95px;}
.header ul > li.menu4					{width: 77px;}
.header ul > li.menu5					{width: 159px;}
.header ul > li.menu6					{width: 147px;}
.header ul > li.menu7					{width: 239px;}
.header ul > li.menu8 					{width: 69px;}

html[lang=fr] .header ul > li.menu1	 				{width: 94px; margin-left: 15px;}
html[lang=fr] .header ul > li.menu2					{width: 82px;}
html[lang=fr] .header ul > li.menu3					{width: 88px;}
html[lang=fr] .header ul > li.menu4					{width: 114px;}
html[lang=fr] .header ul > li.menu5					{width: 178px;}
html[lang=fr] .header ul > li.menu6					{width: 167px;}
html[lang=fr] .header ul > li.menu7					{width: 220px;}

html[lang=it] .header ul > li.menu1	 				{width: 105px; margin-left: 5px}
html[lang=it] .header ul > li.menu2					{width: 93px;}
html[lang=it] .header ul > li.menu3					{width: 105px;}
html[lang=it] .header ul > li.menu4					{width: 113px;}
html[lang=it] .header ul > li.menu5					{width: 141px;}
html[lang=it] .header ul > li.menu6					{width: 187px;}
html[lang=it] .header ul > li.menu7					{width: 221px;}

html[lang=es] .header ul > li.menu1	 				{width: 72px; margin-left: 3px;}
html[lang=es] .header ul > li.menu2					{width: 72px;}
html[lang=es] .header ul > li.menu3					{width: 72px;}
html[lang=es] .header ul > li.menu4					{width: 89px;}
html[lang=es] .header ul > li.menu5					{width: 194px;}
html[lang=es] .header ul > li.menu6					{width: 166px;}
html[lang=es] .header ul > li.menu7					{width: 308px;}

html[lang=en] .header ul > li.menu1	 				{width: 84px;}
html[lang=en] .header ul > li.menu2					{width: 82px;}
html[lang=en] .header ul > li.menu3					{width: 95px; }
html[lang=en] .header ul > li.menu4					{width: 103px;}
html[lang=en] .header ul > li.menu5					{width: 170px;}
html[lang=en] .header ul > li.menu6					{width: 149px;}
html[lang=en] .header ul > li.menu7					{width: 278px;}

html[lang=da] .header ul > li.menu1	 				{width: 93px;}
html[lang=da] .header ul > li.menu2					{width: 75px;}
html[lang=da] .header ul > li.menu3					{width: 112px;}
html[lang=da] .header ul > li.menu4					{width: 110px;}
html[lang=da] .header ul > li.menu5					{width: 189px;}
html[lang=da] .header ul > li.menu6					{width: 153px;}
html[lang=da] .header ul > li.menu7					{width: 233px;}






.header ul > li > a							{float: left; width: 100%; height: 45px; line-height: 38px; font-size: 16px; color: #fff; font-family: "Times New Roman", Times, serif;}
.header ul > li > a:hover				{color: #ffa620; text-decoration: underline; text-align: center;}



.sub_header									{position: absolute; top: 10px; right: 10px; width: 284px; height: 83px; background-position: -320px 0;}

.sub_header .cart							{float: left; width: 100%; margin: 10px 0 0 10px; text-align: right;}
.sub_header .cart p.quantity		{float: left; width: 26px; height: 30px; line-height: 30px; font-size: 17px; color: #fff; text-align: center;}
.sub_header .cart div					{float: left; width: 140px; margin-left: 10px; text-align: left; line-height: 16px; font-size: 12px; text-align: left;}
.sub_header .cart p.hl					{color: #930; font-weight: bold;}
.sub_header .cart a						{display: block; margin-right: 10px; font-size: 11px; line-height: 15px; color: #999; text-decoration: underline;}
.sub_header .cart a:hover			{color: #930;}

.sub_header .search																{float: left; width: 284px; height: 26px; margin-top: 17px;}
.sub_header .search input.text												{float: left; width: 180px; margin: 3px 0 0 33px; height: 20px; line-height: 20px; font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; background: none; border: none;}
.sub_header .search input.button											{float: right; width: 61px; height: 26px; height: 26px; border: none;}
html[lang=de] .sub_header .search input.button				{background-position: -614px 0}
html[lang=de] .sub_header .search input.button:hover		{background-position: -614px -26px}
html[lang=en] .sub_header .search input.button				{background-position: -685px 0}
html[lang=en] .sub_header .search input.button:hover		{background-position: -685px -26px}
html[lang=fr] .sub_header .search input.button					{background-position: -756px 0}
html[lang=fr] .sub_header .search input.button:hover		{background-position: -756px -26px}
html[lang=es] .sub_header .search input.button				{background-position: -827px 0}
html[lang=es] .sub_header .search input.button:hover		{background-position: -827px -26px}
html[lang=it] .sub_header .search input.button					{background-position: -898px 0}
html[lang=it] .sub_header .search input.button:hover		{background-position: -898px -26px}
html[lang=da] .sub_header .search input.button					{background-position:-710px -1493px}
html[lang=da] .sub_header .search input.button:hover		{background-position: -710px -1519px}



.lang										{position: absolute; top: 0px; left: 50%; margin-left: -489px; width: 978px; font-size: 12px; line-height: 40px; color: #fff;}
.lang .links								{float: left; padding-left: 20px;}
.lang .links a							{color: #fff; margin-right: 10px;}
.lang .links a:hover				{color: #999; text-decoration: underline;}
.lang select							{float: right; width: 110px; position: relative; top: 12px; margin-right: 20px;}
.lang p									{float: right; padding: 0 5px 0 32px; background: url(../img/euro-icon.png) left center no-repeat;}
.lang > p:first-of-type									{float: right; padding: 0 5px 0 32px; background: url(../img/globus-icon.png) left center no-repeat;}


.content									{border: 1px solid #fff; box-shadow: inset 0px 0px 5px 5px #ddd;}
.content_pos							{padding: 15px 20px 30px;}


.navigation												{float: left; width: 227px; text-align: left; font-size: 12px; line-height: 18px;}
.navigation .hl										{float: left; width: 100%; height: 32px; margin-bottom: 1px; text-align: left; background-position: -320px -288px}
.navigation .hl p									{padding: 0 15px; line-height: 32px; font-size: 14px; color: #fff;}

.navigation ul										{float: left; width: 100%; padding: 8px 0; margin: 0 0 10px; background: #f9f4eb;}
.navigation ul li										{list-style: none; list-style-type: none; float: left; width: 85%; padding: 4px 0 4px 12.5%;}
.navigation ul li a									{float: left; width: 100%; font-size: 14px; color: #333;}
.navigation ul li a:hover						{color: #930;}
.navigation ul li a.level1active_link   {color: #930;}
.navigation > ul > li								{background: url(../img/arrow_black.png) 10px center no-repeat;}
.navigation > ul > li:hover					{background: url(../img/arrow_red.png) 10px center no-repeat;}
.navigation ul ul									{padding: 3px 0 0;}
.navigation ul li li									{padding: 2px 0 2px 10px;}
.navigation ul li li a								{font-size: 12px; color: #930;}
.navigation ul li li a:hover					{color: #333;}
.navigation ul li.level2_sub					{background: none;}
.navigation ul ul ul								{margin-bottom: 0;}
.navigation ul li li li a							{color: #333;}
.navigation ul li li li a:hover					{color: #930;}

.navigation .teaser								{float: left; margin: 10px 0 0 0}
.navigation .teaser1 div > div				{background-position: 99px -950px;}
.navigation .teaser2 div > div				{background-position: -775px -1445px;}
.navigation .teaser3 div > div				{background-position: 120px -1493px}
.navigation .teaser4 div > div				{background-position: -206px -1078px;}
.navigation .teaser5 div > div				{background-position: 120px -1078px;}
.navigation .teaser:hover h3,
.navigation .teaser:hover .hl				{color: #930;}

.navigation .teaser > div						{width: 227px; height: 93px; text-align: left;}
.navigation .teaser div div					{height: 93px; border: 1px solid #ccc;}
.navigation .teaser h3,
.navigation .teaser .hl							{padding: 10px 10px 0 14px; font-size: 24px; line-height: 22px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
html[lang=it] .navigation .teaser3 h3,
html[lang=it] .navigation .teaser3 .hl		{ line-height: 18px;}
.navigation .teaser p							{padding: 12px 10px 0 14px; font-size: 11px; line-height: 13px;}
.navigation .teaser2 p,
.navigation .teaser3 p,
.navigation .teaser5 p,
.navigation .teaser8 p							{padding-top: 5px;}
.navigation .teaser a							{position: relative; margin-top: -95px; float: left; width: 227px; height: 93px; line-height: 93px; font-size: 11px; overflow: hidden; text-indent: -999em; background: url(../img/blind.gif) repeat;}
html[lang=it] .navigation .teaser1 p	{padding-top: 2px;}
html[lang=it] .navigation .teaser3 p	{padding-top: 3px;}


.last_seen												{clear: both; border: 1px solid #ccc;}
.last_seen > div									{padding: 0 6px 10px;}



.breadcrumbs						{width: 100%; font-size: 12px; line-height: 14px; margin-bottom: 15px;}
.breadcrumbs li						{list-style: none; list-style-type: none; float: left;}
.breadcrumbs li a					{color: #930; padding-left: 5px;}
.breadcrumbs li a:hover		{color: #333;}


.footer										{padding-bottom: 7px; text-align: left; font-size: 12px; line-height: 18px; color: #333; background: #f9f4eb; border-radius: 0 0 10px 10px; }
.footer .pos							{padding: 20px;}

.footer .hl								{font-size: 18px; line-height: 20px;}

.footer .text							{padding-top: 7px;}

.footer .teaser						{float: left; margin-right: 10px;}
.footer .teaser1						{width: 130px;}
.footer .teaser2						{width: 280px;}
.footer .teaser3						{width: 115px;}
.footer .teaser4						{width: 380px; margin-right: 0;}
.footer .teaser5						{width: 100px; margin-right: 20px;}
.footer .teaser6						{float: right; width: 260px; margin-right: 0;}
.footer .teaser7						{clear: both; width: 100%; margin-right: 0; margin-top: 20px;}

.footer .teaser ul					{clear: both; width: 100%; padding-top: 7px;}
.footer .teaser li						{float: left; width: 100%; list-style: none; list-style-type: none;}
.footer .teaser2 li					{width: 50%;}

.footer ul a								{clear: left; float: left; width: 96%; color: #333;}
.footer ul a:hover					{color: #930;}

.footer .teaser6 a					{float: left; margin-top: 5px; width: 246px; height: 24px; line-height: 24px; font-size: 12px; text-indent: 86px; color: #fff; letter-spacing: 0.04em; text-transform: uppercase; background-position: -320px -93px;}
.footer .teaser6 a:hover		{color: #930; background-position: -320px -117px;}

.footer .teaser7 a					{float: left; margin-top: 7px; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-indent: -999em; background: url(../images/pay.png) 0 0 no-repeat;}

.footer .destillatio					{float: left; width: 100%; margin-top: 20px;}
.footer .destillatio > div		{padding-top: 7px;}

.footer .social						{float: right; width: 150px; margin-top: 20px; text-align: right;}
.footer .social a						{float: right; width: 29px; height: 29px; margin: 7px 0 0 7px; line-height: 29px; font-size: 29px; overflow: hidden; text-indent: -999em; text-align: left;}
.footer .social a:hover			{opacity: 0.8;}
.footer .social a.tag1			{background-position: -614px -62px;}
.footer .social a.tag2			{background-position: -648px -62px;}

.footer cite								{display: inline-block; margin-top: 10px; font-style: normal;}

.footer .author						{margin-top: 7px;}
.footer .author a					{color: #f90;}
.footer .author a:hover			{color: #930;}



#home_slider													{position: relative; margin: 0 0 0 -10px; float: left; width: 643px;}

#home_slider .navi											{position: relative; float: left; margin: -25px 0 0 20px;}
#home_slider .touchslider-nav-item				{float: left; margin-left: 5px; width: 10px; height: 10px; line-height: 10px; font-size: 10px; text-align: left; overflow: hidden; text-indent: -999em; background: url(../img/slider_dot.png) no-repeat;}
#home_slider .current										{background-position: 0 -10px;}
#home_slider .prev,
#home_slider .next											{position: absolute; z-index: 2; top: 37%; width: 30px; height: 60px; line-height: 60px; font-size: 12px; text-indent: -999em; overflow: hidden; cursor: pointer;}
#home_slider .prev											{left: 30px; background: url(../img/slider_prev.png) 0 -60px no-repeat;}
#home_slider .next											{right: 20px; background: url(../img/slider_next.png) 0 -60px no-repeat;}
#home_slider .prev:hover,
#home_slider .next:hover								{background-position: 0 0px;}

#home_slider .slider										{position: relative; float: left; width: 643px; height: 364px; overflow: hidden; background-position: 10px -494px;}
#home_slider .slider_all									{width: 10000px;}
#home_slider .slider-item								{float: left; width: 643px; height: 364px;}
#home_slider .slider-item > div						{margin: 1px 1px  1px 11px;}
#home_slider .slider_topic								{height: 362px; background: #000; text-align: left;}
#home_slider .slider-item1 .slider_topic		{background: url(../images/homeslider/1.jpg) no-repeat;}
#home_slider .slider-item2 .slider_topic 		{background: url(../images/homeslider/2.jpg) no-repeat;}
#home_slider .slider-item3 .slider_topic 		{background: url(../images/homeslider/3.jpg) no-repeat;}
#home_slider .slider-item4 .slider_topic 		{background: url(../images/homeslider/4.jpg) no-repeat;}
#home_slider .slider-item5 .slider_topic 		{background: url(../images/homeslider/5.jpg) no-repeat;}
#home_slider .slider_topic h2						{padding: 20px 20px 0 20px; font-size: 40px; line-height: 42px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px #000; font-family: "Times New Roman", Times, serif;}
#home_slider .slider_topic p							{padding: 7px 250px 0 20px; font-size: 12px; line-height: 18px; color: #fff;}

#home_slider .slider .button							{position: absolute; bottom: 40px; left: 0; margin-left: 1px; width: 622px; height: 69px;}
#home_slider .slider .button a						{float: left; width: 100%; height: 69px; line-height: 69px; font-size: 30px; color: #fff; text-transform: uppercase; text-align: left; background-position: 0 -868px;}
#home_slider .slider .button a span				{display: inline-block; line-height: 54px; margin-top: 14px; padding-left: 40px; letter-spacing: 0.02em;}
#home_slider .slider .button a:hover span 	{color: #ffa620;}


.home_blog														{float: right; width: 284px;}
.home_blog .blog_pos										{float: left; width: 284px; height: 362px; overflow: hidden;}
.home_blog .hl													{float: left; width: 100%; height: 32px; margin-bottom: 1px; background-position: -716px -881px;}
.home_blog .preview_content						{border: 1px solid #ccc; clear: both; font-size: 11px; line-height: 13px; text-align: left; height: 361px; overflow: hidden;}
.home_blog .preview_content a					{float: left; padding-bottom: 6px;}
.home_blog .preview_content a strong		{display: block; color: #333; font-weight: bold; font-size: 12px; line-height: 14px;}
.home_blog .preview_content a span			{font-weight: normal; color: #999; font-size: 10px; line-height: 12px;}
.home_blog .preview_content a:hover strong { color: #930;}
.home_blog .preview_content p					{clear: both;}
.home_blog .preview_content p a					{float: none; color: #930}
.home_blog .preview_content p a:hover		{color: #333}
.home_blog .preview_content .blog_item	{margin: 1px; padding: 7px 10px; border: 1px solid #efefef;}
.home_blog .border											{position: relative; float: left; margin-top: -1px; width: 100%; height: 1px; line-height: 1px; font-size: 1px; background: #ccc;}

.blog_content													{float: right; margin: -20px 20px 0 0; width: 670px; text-align: left; font-size: 14px; line-height: 18px;}
.blog_content h1												{padding: 20px 0 0; font-size: 24px; line-height: 22px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
.blog_content h6												{font-size: 11px; padding: 6px 0; line-height: 13px; font-weight: normal; color: #999;}
.blog_content p													{padding-top: 2px; font-size: 14px; line-height: 18px;}
.blog_content a													{color: #930;}
.blog_content a:hover										{color: #333;}
.blog_menu														{float: left; font-size: 12px; line-height: 18px; text-align: left; width: 227px;}
.blog_menu .hl													{float: left; width: 100%; height: 32px; margin-bottom: 1px; text-align: left; background-position: -320px -288px}
.blog_menu .hl p 												{color: #FFFFFF; font-size: 14px; line-height: 32px; padding: 0 15px;}
.blog_menu ul		 											{background: none repeat scroll 0 0 #F9F4EB; float: left; margin: 0 0 10px; padding: 8px 0; width: 100%;}
.blog_menu ul li												{float: left; padding: 4px 0 4px 12.5%; width: 85%; background: url(../img/arrow_black.png) no-repeat scroll 10px center transparent; list-style: none; list-style-type: none;}
.blog_menu ul li a 											{color: #333333; float: left; font-size: 14px; width: 100%;}
.blog_menu ul li a:hover									{color: #930}

.singleBlog > p														{padding-top: 10px;}



ul.blog_navi,
ul.blog_navi li																{float: left; list-style:none; list-style-type: none;}
ul.blog_navi																	{position: relative; width: 100%; margin: 30px 0 1px; padding: 0;}
ul.blog_navi a																{position: relative; float: left; margin-right: 1px; text-align: center;}
ul.blog_navi a span														{display: inline-block; float: left; width: 172px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; background-position: -828px -229px;}


.blogslider																		{position: relative; float: left; width: 100%;}
.blogslider .slider															{position: relative; float: left; width: 668px; height: 295px; overflow: hidden; border: 1px solid #ccc;}
.blogslider .slider_all													{width: 10000px;}
.blogslider .slider-item													{float: left; width: 668px; height: 295px;}
.blogslider .slider_topic												{text-align: left;}
.blogslider .slider .item												{margin: 5px 0 0 5px; width: 159px;}

.blogslider .arrow														{display: none;}

.blogslider .prev,
.blogslider .next														{position: absolute; z-index: 2; top: 37%; width: 16px; height: 32px; line-height: 60px; font-size: 12px; text-indent: -999em; overflow: hidden; cursor: pointer;}
.blogslider .prev														{left: 5px; background: url(../img/slider_small_prev.png) 0 0 no-repeat;}
.blogslider .next														{right: 5px; background: url(../img/slider_small_next.png) 0 0 no-repeat;}
.blogslider .prev:hover,
.blogslider .next:hover												{background-position: 0 -32px;}






.home_teaser													{position: relative; float: left; width: 946px; margin: 20px 0 0 -9px;}

.home_teaser .teaser										{float: left; margin: 10px 0 0 9px;}
.home_teaser .teaser1 div > div					{background-position: 99px -950px;}
.home_teaser .teaser10 div > div					{background-position: -207px -948px;}
.home_teaser .teaser3 div > div					{background-position: -490px -948px;}
.home_teaser .teaser4 div > div					{background-position: -770px -958px;}
.home_teaser .teaser5 div > div					{background-position: 120px -1078px;}
.home_teaser .teaser6 div > div					{background-position: -206px -1078px;}
.home_teaser .teaser7 div > div					{background-position: -504px -1077px;}
.home_teaser .teaser2 div > div					{background-position: -772px -1083px;}
.home_teaser .teaser9 div > div					{background-position: 120px -1493px}

.home_teaser .teaser:hover h3,
.home_teaser .teaser:hover .hl						{color: #930;}
.home_teaser .teaser div								{width: 227px; height: 93px; text-align: left;}
.home_teaser .teaser div div							{border: 1px solid #ccc;}
.home_teaser .teaser h3,
.home_teaser .teaser .hl									{padding: 10px 10px 0 14px; font-size: 24px; line-height: 24px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
html[lang=da] .home_teaser .teaser h3,
html[lang=da] .home_teaser .teaser .hl			{padding: 8px 0 0 8px; font-size: 22px; line-height: 22px;}
html[lang=fr] .home_teaser .teaser h3,
html[lang=fr] .home_teaser .teaser .hl		{ padding: 4px 0 0 6px}
html[lang=fr] .home_teaser .teaser8 h3,
html[lang=fr] .home_teaser .teaser8 .hl		{font-size: 22px;}
html[lang=it] .home_teaser .teaser h3,
html[lang=it] .home_teaser .teaser .hl			{padding: 4px 0 0 6px;}
html[lang=es] .home_teaser .teaser4 h3,
html[lang=es] .home_teaser .teaser4 .hl,
html[lang=es] .home_teaser .teaser5 h3,
html[lang=es] .home_teaser .teaser5 .hl		{ font-size: 22px;}


.home_teaser .teaser p									{padding: 10px 10px 0 14px; font-size: 11px; line-height: 13px;}
html[lang=fr] .home_teaser .teaser p			{padding: 5px 10px 0 6px;}
html[lang=it] .home_teaser .teaser p			{padding: 8px 0 0 6px;}
html[lang=da] .home_teaser .teaser p			{padding: 5px 10px 0 8px;}
.home_teaser .teaser2 p,
.home_teaser .teaser3 p,
.home_teaser .teaser4 p,
.home_teaser .teaser5 p,
.home_teaser .teaser8 p,
.home_teaser .teaser9 p									{padding-top: 5px;}
.home_teaser a													{position: relative; margin-top: -95px; float: left; width: 227px; height: 93px; line-height: 93px; font-size: 11px; overflow: hidden; text-indent: -999em; background: url(../img/blind.gif) repeat;}
html[lang=fr] .home_teaser .teaser3 p			{padding-top: 2px;}
html[lang=it] .home_teaser .teaser4 p			{padding-top: 3px;}
html[lang=it] .home_teaser .teaser7 p			{padding-top: 6px;}

.home_large_teaser											{position: relative; float: left; width: 950px; margin: 30px 0 0 -4px;}
.home_large_teaser .teaser							{float: left; margin: 0 6px 0 4px; text-align: left;}
.home_large_teaser .teaser div						{width: 304px; height: 198px;}
.home_large_teaser .teaser div div				{border: 1px solid #ccc;}
.home_large_teaser .teaser1 div > div			{background-position: 10px -1208px;}
.home_large_teaser .teaser2 div > div			{background-position: -360px -1220px}
.home_large_teaser .teaser3 div > div			{background-position: -694px -1214px}
.home_large_teaser .teaser h3						{width: 100%; font-size: 12px; line-height: 12px; overflow: hidden; text-indent: -999em;}
.home_large_teaser .teaser p						{padding: 90px 30px 0 20px; font-size: 14px; line-height: 20px;}
.home_large_teaser .teaser p						{padding: 90px 30px 0 20px; font-size: 14px; line-height: 20px;}
.home_large_teaser .teaser3 p						{padding-top: 75px;}
html[lang=fr] .home_large_teaser .teaser p  {padding-top: 77px;}
html[lang=it] .home_large_teaser .teaser p  {padding-top: 77px;}
html[lang=es] .home_large_teaser .teaser2 p  {padding-top: 75px;}
html[lang=da] .home_large_teaser .teaser p  {}
html[lang=da] .home_large_teaser .teaser3 p {padding-top: 75px;font-size: 12px; line-height: 16px}
.home_large_teaser .teaser a						{position: relative; float: left; margin-top: -198px; width: 306px; height: 198px; line-height: 198px; font-size: 198px; background: url(../img/blind.gif) repeat;}
.home_large_teaser .teaser a span				{display: inline-block; position: absolute; bottom: 5px; left: 0; margin-left: -7px; float: left; width: 295px; height: 46px; line-height: 46px; font-size: 12px; color: #fff; text-transform: uppercase; text-indent: 25px; background-position: -320px -151px;}
.home_large_teaser .teaser a:hover span	{color: #930;}
html[lang=es] .home_large_teaser .teaser a span		{font-size: 11px; text-indent: 7px; text-transform: none;}




.topic																	{float: right; width: 691px;}

.item_container 												{float: left; width: 100%; margin-top: 15px;}
.item																	{float: left; width: 166px; height: 315px; margin: 10px 0 0 6px;}
.item:hover .pos												{box-shadow: 0px 2px 4px #ccc;}
.item .pos															{float: left; width: 166px; height: 315px; text-align: center;}
.item .img															{width: 150px; height: 150px; margin: 10px auto 0; text-align: center;}
.item h2																{width: 150px; margin: 5px auto 0; font-size: 12px; line-height: 16px; height: 66px; overflow: hidden; font-weight: normal;}
.item .uvp															{width: 150px; margin: 0 auto; padding-top: 10px; width: 150px; margin: 0 auto; font-size: 12px; line-height: 18px; color: #999;}
.item .my_price													{width: 150px; margin: 0 auto; font-size: 22px; line-height: 26px; color: #930;}
.item .save															{width: 150px; margin: 5px auto 0; font-size: 12px; line-height: 14px; color: #930;}
.item .bubble														{position: relative; float: right; width: 43px; height: 43px; margin: -310px 8px 0 0;}
.item .top															{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -486px -225px no-repeat;}
.item .new															{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -403px -225px no-repeat;}
.item .sale															{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -320px -225px no-repeat;}
.item a																{position: relative; float: left; width: 100%; margin-top: -315px; height: 315px; line-height: 315px; font-size: 315px; background: url(../img/blind.gif) repeat;}


.small_item														{float: left; width: 50%; margin-top: 10px; text-align: center;}
.small_item > div												{height: 142px;}
.small_item:hover p,
.small_item:hover div										{color: #930;}
.small_item img												{width: auto!important; width: 80px; maxc-width: 80px; height: auto!important; height: 80px; max-height: 80px;}
.small_item p													{padding: 5px 5px 0; font-size: 11px; line-height: 13px; height: 39px; overflow: hidden;}
.small_item div div											{font-weight: bold;}
.small_item a													{position: relative; float: left; width: 100%; margin-top: -142px; height: 142px; line-height: 142px; font-size: 12px; overflow: hidden; text-indent: -999em;}


.category-description										{float: right; width: 100%; padding-bottom: 15px; background: #000; color: #fff; text-align: left;}
.category-description .text								{padding: 0 15px; font-size: 12px; line-height: 16px;}
.category-description .text p								{padding-bottom: 15px;}
.category-description .text h2								{color: #E4C771; padding-bottom: 15px;}
.category-description .hl,
.category-description h1									{padding: 15px 0 7px; display: inline-block; font-size: 40px; line-height: 42px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
.category-description .text img						{float: right; padding: 15px 0 5px 15px; max-width: 250px;}
.category-description br									{line-height: 8px;}
.category-description .search_text p,
.category-description .search_text h1			{display: inline; font-size: 18px; line-height: 22px;}
.category-description .search_text h1,
.category-description .search_text span		{color: #e4c771; font-size: 20px;}
.category-description strong							{color: #e4c771;}
.category-description span							{font-family: Arial!important;}
.category-description a									{ color: #930;}
.category-description a:hover						{color: #e4c771;}


.page_control															{position: relative; float: right; width: 100%; height: 25px; margin-top: 20px; background-position: 0 -1448px;}
.page_control .page_control_topic						{float: right; height: 25px; padding-right: 15px; width: auto;}
.page_control .step     												{width: 5px; height: 25px;}
.page_control .previous											{float: left; margin-right: 5px;}
.page_control .next													{float: right; margin-left: 5px;}
.page_control .step a												{float: left; width: 100%; height: 25px; overflow: hidden; text-indent: -999em;}
.page_control .previous a										{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -685px -162px no-repeat;}
.page_control .next a												{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -657px -162px no-repeat;}
.page_control .previous a:hover							{background-position: -685px -182px}
.page_control .next a:hover									{background-position: -657px -182px}

.page_control .pages												{float: left; margin-right: 5px; height: 25px; line-height: 25px; font-size: 12px; color: #fff;}
.page_control .articlePages									{float: right; height: 18px; line-height: 25px; font-size: 12px;}
.page_control .articlePages a,
.page_control .articlePages span							{display: inline-block;float: left; width: 16px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; text-align: center;}
.page_control .articlePages a:hover,
.page_control .articlePages a.articlePages_activeLink		{ color: #930;}

.page_control .result												{position: absolute; top: 0; left: 30px; float: left;  height: 25px; line-height: 25px; font-size: 12px; color: #fff;}
.page_control .result span										{color: #f90;}

.page_control .sorting												{float: left; height: 25px; width: auto;}
.page_control .sorting .hl										{float: left; padding: 0 5px 0 15px; font-size: 12px; line-height: 25px; height: 25px; color: #fff;}
.page_control .sorting table									{border-collapse: collapse;float: left;}
.page_control .sorting table td								{height: 25px; vertical-align: middle;}


.character									{float: right; width: 330px; text-align: left;}
.character .logo						{float: right; padding-left: 10px;}
.character h1								{margin-bottom: 10px; font-size: 22px; line-height: 24px; font-weight: normal;}
.character .short_description	{ font-size: 12px; line-height: 18px; margin-bottom: 20px;}
.character .saving					{float: left; width: 100%; font-size: 12px; line-height: 18px;}
.character .saving p					{display: inline; color: #999;}
.character .saving div				{display: inline; padding-left: 10px; color: #930;}
.character .my_price				{font-size: 30px; line-height: 32px;}
.character .my_price p			{display: inline; color: #930;}
.character .info							{padding-top: 20px; font-size: 12px; line-height: 18px;}
.character .info .avail p			{display: inline;}
.character .info .avail1				{color: #33CC00;}
.character .info .avail2				{color: #993300;}
.character .info .avail3				{color: #333;}
.character .info .avail4				{color: #ff9900;}
.character .info .avail5				{color: #999;}
.character .attribute					{padding-top: 20px; font-size: 12px;}
.character .attribute p				{font-weight: bold;}

.dropdown																	{display: none; float: left; width: 100%; margin: 3px 0 0;}
.dropdown .PlentyFormContainer							{float: left; width: 100%; margin-top: 5px; text-align: left; font-size: 12px; line-height: 18px;}
.dropdown .PlentyWebAttributeTitle  	 				{width: 35%; margin-top: 0; line-height: 25px; font-size: 12px; font-weight: bold;}
.dropdown .PlentyWebAttributeSelect					{float: right; margin-top: 0; width: 200px; min-height: 25px; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -800px -175px no-repeat;}
.dropdown .PlentyFormContainer:hover .PlentyWebAttributeSelect {background-position: -800px -200px;}
.dropdown .sbHolder												{position: relative; float: left; width: 100%;}
.dropdown .sbSelector											{position: relative; display: inline-block; float: left; width: 158px; padding-left: 5px; height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; white-space: nowrap;}
.dropdown .sbSelector:link, 
.dropdown .sbSelector:visited,
.dropdown .sbSelector:hover  								{color: #000; outline: none;	text-decoration: none;}
.dropdown .sbToggle												{position: absolute; right: 0; top: 0; width: 20px; height: 18px; outline: none;}
.dropdown .sbOptions												{position: absolute; z-index: 1; left: 0; top: 26px!important; width: 200px; list-style: none; list-style-type: none; overflow: auto; box-shadow: 2px 2px 5px #666;}
.dropdown .sbOptions li											{padding: 3px 5px; border-top: 1px solid #333; font-size: 12px; line-height: 16px; background: #F9F4EB;}
.dropdown .sbOptions a											{display: block;color: #333;	}
.dropdown .sbOptions a:hover								{color: #930;	background: #fff;}
.dropdown .sbOptions .sbDisabled						{display: block;}
.dropdown .sbOptions .sbGroup							{display: block;}
.dropdown .sbOptions .sbSub								{}

.character .buy_button											{float: left; width: 100%; height: 56px; margin-top: 20px;}
.character .buy_button .to_cart								{position: relative; float: left; width: 331px; height: 56px; border: none; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) 0 -1606px no-repeat;}
.character .buy_button .to_cart:hover					{background-position: 0 -1662px;}
.character .buy_button .quantity							{position: relative; float: left; margin: -39px 0 0 17px; width: 30px; height: 22px; line-height: 22px; font-family: 'Oswald', sans-serif; font-size: 16px; color: #333; text-align: center; background: none; border: none;}

html[lang=fr] .character .buy_button .to_cart					{background-position: 0 -1728px}
html[lang=fr] .character .buy_button .to_cart:hover		{background-position: 0 -1784px;}

html[lang=en] .character .buy_button .to_cart					{background-position: 0 -1850px}
html[lang=en] .character .buy_button .to_cart:hover		{background-position: 0 -1906px}

html[lang=it] .character .buy_button .to_cart					{background-position: -351px -1606px}
html[lang=it] .character .buy_button .to_cart:hover		{background-position: -351px -1662px}

html[lang=es] .character .buy_button .to_cart				{background-position: -351px -1728px}
html[lang=es] .character .buy_button .to_cart:hover		{background-position: -351px -1784px}



.character .rating														{float: left; width: 100%; margin-top: 20px; font-size: 12px; line-height: 18px; color: #930;}
.character .rating img												{margin-right: 5px;}

.character .service													{float: left; width: 100%; margin-top: 20px; background: #f9f4eb; font-size: 12px; line-height: 18px; color: #b69152;}
.character .service div												{padding: 10px;}

.character .tax															{clear: both; font-size: 11px; line-height: 19px; color: #999;}
.character .tax a														{color: #930;}
.character .tax a:hover											{color: #333;}

.showroom																	{position: relative; float: left;}
.showroom .pos														{position: relative; float: left; width: 342px;}
.showroom:hover .gallery_info								{opacity: 0;}

.showroom .large														{border-collapse: collapse; width: 342px; height: 342px; background-position: -658px -494px;}
.showroom .large td													{width: 342px; height: 342px; text-align: center; vertical-align: middle;}

.showroom .xxl_sign												{position: absolute; top: 323px; right: 1px; float: left; padding: 0 10px; font-size: 12px; line-height: 18px; text-indent: -0.02em; color: #fff; background: #d7d7d7;}

.live_shopping .hl														{padding-top: 10px; width: 100%; margin-bottom: 20px; text-align: left; font-size: 24px; line-height: 22px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
.live_shopping .hl #liveshopping_von_bis			{font-size: 14px; line-height: 16px; color: #999; padding-top: 5px;}
.live_shopping #clock_clock									{position: relative; margin: -20px -31px 0 0;float: right; width: 215px; height: 69px; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/live.png) 0 0 no-repeat;}
.live_shopping #clock_clock #Idate						{background: none;}
.live_shopping #clock_clock p								{position: relative; top: 25px; left: 5px; display: inline; font-size: 30px; line-height: 32px; font-family: "Times New Roman", Times, serif; color: #fff;}
.live_availability														{float: left; width: 100%;font-size: 14px; line-height: 18px; color: #930; padding-top: 10px;}

/* Magic Zoom Plus v4.0.7
Copyright 2011 Magic Toolbox
Buy a license: www.magictoolbox.com/magiczoomplus/
License agreement: http://www.magictoolbox.com/license/  */

.MagicZoomPlus, .MagicZoomPlus:hover {cursor: url(../img/mzoom/zoomin.cur), pointer;outline: 0 !important;}
.MagicZoomPlus img {border: 0 !important;padding: 0 !important;margin: 0 !important;outline: 0 !important;}
.MagicZoomPlus span {display: none !important;}
.MagicZoomPlusHint {display: none!important;background: url(../img/mzoom/hint.gif) no-repeat 2px 50%;padding: 2px 2px 2px 20px !important;min-height: 24px;margin: 0;text-decoration: none;text-align: left;line-height: 24px;font-size: 8pt;font-family: sans-serif;color: #444;}
.MagicZoomPlus-ExternalText {display: none;}
.MagicZoomBigImageCont {border: 1px solid #999;}
.MagicZoomHeader {font-size: 10pt !important;line-height: normal !important;color: #fff;background: #666;text-align: center !important;}
.MagicZoomPup {border: 1px solid #aaa;background: #fff;cursor:url(../img/mzoom/zoomin.cur),pointer;}
.MagicZoomLoading {border: 1px solid #ccc;background: #fff url(../img/mzoom/loader.gif) no-repeat 2px 50%;padding: 4px 4px 4px 24px !important;margin: 0;text-decoration: none;text-align: left;line-height: 1.5em;font-size: 8pt;font-family: sans-serif;color: #444;}
.MagicHotspots {display: none;visibility: hidden;}
.MagicHotspots a {border: 1px solid #ccc;display: block !important;position: absolute !important;}
.MagicHotspots a:hover {border: 1px solid red;}
.MagicThumb-expanded-thumbnail {cursor: default;}
.MagicThumb-expanded {cursor: url(../img/mzoom/zoomout.cur), pointer;background: #ffffff;border: 1px solid #ccc;outline: 0;padding: 0;}
.MagicThumb-caption {color: #333;font: normal 10pt Verdana, Helvetica;background: #ccc;text-align: left;padding: 8px;min-height: 18px !important;border: 0 !important;outline: 0 !important;}

.MagicThumb-loader {font: normal 12pt sans-serif;line-height: 1.5em;border: 1px solid #000;background: #fff url(../img/mzoom/loader.gif) no-repeat 2px 50%;padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;}
.MagicBoxShadow {box-shadow: 3px 3px 4px #888888;border-collapse: separate;}
.MagicBoxGlow {box-shadow: 0px 0px 4px 4px #888888;border-collapse: separate;}

.MagicThumb-buttons {display: block; z-index: 9999!important; float: left; left: 0!important; top: 0!important; width: 100%; text-align: right; cursor: default!important;}
.MagicThumb-buttons a {float: right!important;height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; background-image: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png)!important; background-repeat: no-repeat!important;}
.MagicThumb-buttons a[rel=close]				{width: 130px; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -870px -349px!important;}
.MagicThumb-buttons a[rel=close]:hover	{background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -870px -374px!important;}
.MagicThumb-buttons a[rel=previous]			{float: left!important; width: 34px!important; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -922px -105px no-repeat!important;}
.MagicThumb-buttons a[rel=next]					{float: left!important; margin-left: 2px; width: 34px!important; background: url(https://www.destillatio.eu/layout/cyt/destillatio/img/sprite.png) -966px -105px no-repeat!important;}
.MagicThumb-buttons a[rel=previous]:hover		{background-position: -922px -130px!important;}
.MagicThumb-buttons a[rel=next]:hover				{background-position: -966px -130px!important;}



/*

   Magic Scroll v1.0.20 
   Copyright 2012 Magic Toolbox
   Buy a license: www.magictoolbox.com/magicscroll/
   License agreement: http://www.magictoolbox.com/license/

*/


#ZoomScroll,
.MagicScrollContainer  { height: 82px!important;}

.MagicScroll {
    display: none;
    border: none;
	margin-top: 10px;
	width: 336px!important;
	overflow: hidden;
}

.MagicScrollItem {
    text-align: center;
	width: 80px!important;
	height: 80px!important;
	margin: 0 1px!important;
	border: 1px solid #ccc;
}

.MagicScrollItem img {
    display: block;
    margin: 0 auto;
	max-height: 80px;
}

.MagicScrollArrows {
    width: 30px;
    height: 80px;
    cursor: pointer;
    padding: 0px !important;
}

.MagicScrollArrowRight {
	right: auto!important; left: 0!important; top: 1px!important;
    background: url(../img/magic_scroll_prev.gif) 0 0 no-repeat;
}

.MagicScrollArrowLeft {
	right: 0!important; left: auto!important; top: 1px!important;
     background: url(../img/magic_scroll_next.gif) 0 0 no-repeat;
}


/* Style for scroll with borders and background */
.MagicScroll.msborder {
    background:#efefef;
    border:1px solid #e1e1e1;
}
.MagicScroll.msborder .MagicScrollItem {
    background:#fff;
    border-right:1px solid #efefef;
    padding: 6px 0;
}
.MagicScroll.msborder.vertical .MagicScrollItem {
    border-right:none;
    border-bottom:1px solid #efefef;
}
.MagicScroll.msborder .MagicScrollArrows {
    width: 36px;
    height: 36px;
    background: url('graphics/arrows-padding.png');
}

.MagicScroll.msborder .MagicScrollArrowTop {
    background-position: 36px 0;
}
.MagicScroll.msborder .MagicScrollArrowBottom {
    background-position: 36px 36px;
}
.MagicScroll.msborder .MagicScrollArrowLeft {
    background-position: 0 36px;
}

.MagicScroll.mstext .MagicScrollItem {
    text-align: left;
    line-height:1.2;
    padding:9px;
    border:none;
}




#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  

.window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#dialog {
width: 700px; 
height: 470px;
padding:20px;
background-color:#ffffff;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 10px 10px 10px #333;
font-size: 14px; line-height: 18px;
}

#dialog h1					{padding-bottom: 6px; font-size: 40px; line-height: 42px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
#dialog p					{padding-top: 6px;}
#dialog table				{border-collapse: collapse; width: 100%; padding-top: 8px;}
#dialog table td			{padding: 3px 0;}
#dialog table td[width="30%"] {width: 28%!important;}
#dialog .close			{float: right; width: 130px; height: 25px; cursor: pointer;background: url("../img/sprite.png") -870px -349px no-repeat;}
#dialog .close:hover	{ background-position: -870px -374px}





ul.tab_navi,
ul.tab_navi li																{float: left; list-style:none; list-style-type: none;}
ul.tab_navi																	{position: relative; width: 100%; margin: 30px 0 1px; padding: 0;}

ul.tab_navi a																{position: relative; float: left; width: 172px; margin-right: 1px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; text-align: center; background-position: -828px -254px;}
ul.tab_navi a:hover													{background-position: -828px -229px;}
ul.tab_navi a:active,
ul.tab_navi a.current,
ul.tab_navi a.current:hover,
ul.tab_navi li.current a												{background-position: -828px -229px; cursor: default;}

.tab_container															{position: relative; clear: both; margin: 0; padding: 0; height: auto; max-height: 300px; overflow: auto; text-align: left; background: #fff; color: #333;}
.tab_topic																	{margin: 0; padding: 15px; font-size: 12px; line-height: 16px; display: none; border: 1px solid #ccc;}
.tab_topic .hl																{font-size: 20px; line-height: 22px; padding: 0 0 15px;}
.tab_topic h2																{padding: 0 0 8px 0; font-size: 18px; line-height: 22px; color: #333; font-weight: normal;}
.tab_topic a																{color: #f90;}
.tab_topic a:hover													{color: #fff;}
.tab_topic ul,
.tab_topic ol																{padding: 10px 0;}
.tab_topic ul																{list-style: disc; list-style-type: disc;}
.tab_topic ol																{list-style: decimal; list-style-type: decimal;}
.tab_topic li																{margin-left: 20px;}
.tab_topic ol li															{margin-left: 25px;}
.tab_topic p																{padding-top: 10px;}

.tab_topic span															{display: inline; white-space: normal;}


ul.cross_navi,
ul.cross_navi li																{float: left; list-style:none; list-style-type: none;}
ul.cross_navi																	{position: relative; width: 100%; margin: 30px 0 1px; padding: 0;}

ul.cross_navi a																{position: relative; float: left; margin-right: 1px; text-align: center;}
ul.cross_navi a span													{display: inline-block; float: left; width: 172px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; background-position: -828px -254px;}
ul.cross_navi a:hover span											{background-position: -828px -229px;}
ul.cross_navi a.current span,
ul.cross_navi a.current:hover span							{background-position: -828px -229px; cursor: default;}
ul.cross_navi a span.tag												{width: 279px; background-position: -721px -289px;}
ul.cross_navi a:hover span.tag,
ul.cross_navi a.current span.tag,
ul.cross_navi a.current:hover span.tag					{background-position: -721px -314px;}

.cross_container															{position: relative; clear: both; margin: 0; padding: 0; text-align: left; background: #fff; color: #333;}
.cross_topic																	{display: none; height: 325px; border: 1px solid #ccc;}


.crosspromo																	{position: relative; float: left; width: 100%;}
.crosspromo .arrow														{display: none;}

.crosspromo .prev,
.crosspromo .next											{position: absolute; z-index: 2; top: 37%; width: 16px; height: 32px; line-height: 60px; font-size: 12px; text-indent: -999em; overflow: hidden; cursor: pointer;}
.crosspromo .prev											{left: 5px; background: url(../img/slider_small_prev.png) 0 0 no-repeat;}
.crosspromo .next											{right: 5px; background: url(../img/slider_small_next.png) 0 0 no-repeat;}
.crosspromo .prev:hover,
.crosspromo .next:hover								{background-position: 0 -32px;}

.crosspromo .slider											{position: relative; float: left; width: 689px; height: 325px; overflow: hidden;}
.crosspromo .slider_all									{width: 10000px;}
.crosspromo .slider-item								{float: left; width: 689px; height: 325px;}
.crosspromo .slider_topic								{height: 325px; text-align: left;}
.crosspromo .slider .item								{margin: 5px 0 0 5px;}


#random_slider														{position: relative; float: left; width: 100%;}

#random_slider .prev,
#random_slider .next											{position: absolute; z-index: 2; top: 37%; width: 16px; height: 32px; line-height: 60px; font-size: 12px; text-indent: -999em; overflow: hidden; cursor: pointer;}
#random_slider .prev											{left: 5px; background: url(../img/slider_small_prev.png) 0 0 no-repeat;}
#random_slider .next											{right: 5px; background: url(../img/slider_small_next.png) 0 0 no-repeat;}
#random_slider .prev:hover,
#random_slider .next:hover								{background-position: 0 -32px;}



#random_slider .slider											{position: relative; float: left; width: 689px; height: 325px; overflow: hidden;}
#random_slider .slider_all									{width: 10000px;}
#random_slider .slider-item								{float: left; width: 689px; height: 325px;}
#random_slider .slider_topic								{height: 325px; text-align: left;}
#random_slider .slider .item								{margin: 5px 0 0 5px;}

.content_page_slider											{margin-top: 10px;}
.content_page_slider .slider,
.content_page_slider .slider-item						{width: 936px!important;}
.content_page_slider .slider .item						{margin: 5px 0 0 18px!important;}
.content_page_slider .slider .img						{border: none;}



.filter																		{float: left; width: 100%; margin-top: 1px; background: #000; color: #fff;}
.NavigationGroupFilter										{float: left; width: 33.19%; height: 150px; text-align: left; border: 1px solid #fff; border-left: none; border-top: none; overflow: auto;}
.NavigationGroupFilter span									{margin: 10px 10px 0 10px; padding-bottom: 13px; font-size: 18px; line-height: 20px; color: #e4c771; font-weight: normal; display: inline-block;}
.CharacterFilterElement										{padding: 0 10px 7px 10px; font-size: 12px; line-height: 14px;}
.CharacterFilterElement input					{float: left; margin: 4px 3px 0 0;}


.moduls																	{width: 100%; text-align: left; font-size: 14px; line-height: 20px;}
.moduls .imgteaser br,
.moduls > br															{line-height: 10px;}
.moduls > h1															{padding-top: 10px; font-size: 40px; line-height: 42px; font-weight: normal; font-family: "Times New Roman", Times, serif;}
.moduls .imgteaser h2	,
.moduls > h2															{padding-top: 25px; font-size: 20px; line-height: 22px; font-weight: normal; color: #930;}
.moduls .imgteaser h3,
.moduls > h3															{padding-top: 18px; font-size: 18px; line-height: 22px; font-weight: normal;}
.moduls .imgteaser h4,
.moduls > h4															{padding-top: 15px; font-size: 15px; line-height: 22px; font-weight: normal;}
.moduls .imgteaser p,
.moduls > p															{padding-top: 10px;}
.moduls a																{color: #930;}
.moduls a:hover													{color: #333;}
.moduls .imgteaser ul,
.moduls > ul															{padding-top: 8px;}
.moduls .imgteaser ul li,
.moduls > ul li														{margin-left: 14px;}
.moduls .imgteaser ol,
.moduls > ol															{padding-top: 8px;}
.moduls .imgteaser ol li,
.moduls > ol li														{margin-left: 20px;}
.moduls > table														{margin-top: 20px; border-collapse: collapse;}
.moduls > table td,
.moduls > table th												{vertical-align: middle; padding: 2px 10px 5px 0;}

.moduls .form table												{margin-top: 20px;}
.moduls .form table td											{padding: 3px 0;}

.moduls .imgteaser												{float: left; width: 48%; margin-top: 20px;}
.moduls .imgteaser2,
.moduls .imgteaser4,
.moduls .imgteaser6,
.moduls .imgteaser8,
.moduls .imgteaser10,
.moduls .imgteaser12,
.moduls .imgteaser14,
.moduls .imgteaser16,
.moduls .imgteaser18,
.moduls .imgteaser20,
.moduls .imgteaser22,
.moduls .imgteaser24,
.moduls .imgteaser26,
.moduls .imgteaser28,
.moduls .imgteaser30 											{float: right;}

.recipe .img															{padding: 0 5px 5px; border: 1px solid #d7d7d7; text-align: center; font-size: 14px; line-height: 18px;}
.recipe .img img 													{margin: 7px 0;}
.recipe .img span													{color: #930;}

.moduls .small_img												{float: right; width: 150px; padding: 0 5px 5px; margin: 0 0 8px; border: 1px solid #d7d7d7; margin-left: 10px; text-align: center; font-size: 11px; line-height: 13px;}
.moduls .small_img img 										{margin: 7px 0;}
.moduls .small_img	span									{color: #930;}

.about .imgteaser1  												{float: left; margin: 10px 0 0 0; width: 46%;}
.about .imgteaser1 .small_img							{width: auto;}

.photo_contest .imgteaser1								{width: 57%; position: relative; float: left; margin: 10px 0 0 0px;}
.photo_contest .imgteaser2								{width: 42%;}
.photodeck_absolute_2 										{position: absolute; left: 0; top: 0;}
.photodeck_relative_2 										{position: relative; height: 398px;	margin-bottom: 5px;}
#photodeck_cover_2 											{z-index: 100; background-image: url(/layout/cyt/img/blind.gif);}
img#photodeck_left_arr_2,
img#photodeck_right_arr_2 								{position: absolute; cursor: pointer;}

.counter																	{position: absolute; top: 180px; right: 0; width: 350px; text-align: center;}
.counter .hl															{display: inline; font-family: "Times New Roman", Times, serif;}
.counter .hl p															{float: left; padding-left: 25px; font-size: 20px; line-height: 42px; height: 42px;}
.counter table														{float: left; padding-left: 8px;}
.counter p																{padding-top: 5px;}

.photo_contest_2011 .imgteaser1					{width: 57%; position: relative; float: left; margin: 10px 0 0 0px;}
.photo_contest_2011 .imgteaser1 h2				{padding-top: 25px; font-size: 20px; line-height: 22px; font-weight: normal; color: #930;}
.photo_contest_2011 .imgteaser						{width: 49%;}
.photo_contest_2011 .imgteaser h2					{margin-bottom: 10px;}
.photo_contest_2011 .imgteaser2					{width: 42%; margin-top: 0;}
.photo_contest_2011 .img									{padding: 0 5px 5px; border: 1px solid #d7d7d7; text-align: center; font-size: 14px; line-height: 18px;}
.photo_contest_2011 .img img 							{margin: 7px 0;}
.photo_contest_2011 .img span						{color: #930;}
.photo_contest_2011 .imgteaser3 .img,
.photo_contest_2011 .imgteaser4 .img					{height: 455px;}
.photo_contest_2011 .imgteaser2 h2				{font-size: 18px; margin-bottom: 12px;}

.mask,
.popup,
#PlentyOrderAmazonPaymentsPanel,
#PlentyOrderPayPalExpressPanel,
#PlentyOrderLoginAmazonPaymentsAdvancedPanel1				{display: none;}

.mask 			{position: fixed; left: 0; top: 0; z-index: 10; float: left; width: 100%; background: #000;}
.popup		{position: fixed; z-index: 11; float: left; top: 200px; left: 50%; width: 936px; margin-left: -468px; background: #fff; border: 1px solid #e7e7e7;}
.popup > .pos		{padding: 20px; text-align: left; font-size: 14px; line-height: 20px;}
.popup #PlentyOrderAmazonPaymentsPanel			{display: block;}
#PlentyOrderPayPalExpressPanel						{width: 100%!important;}
#PlentyOrderPayPalExpressPanel						{width: 100%; background: #F9F4EB}
#PlentyOrderPayPalExpressPanelA,
#PlentyOrderPayPalExpressPanelB						{ width: auto!important; text-align: center!important}

.basket-preview														{width: 100%; margin: 10px auto 20px; text-align: left; background: #F9F4EB;}
.basket-preview .pos												{ padding: 20px;}
.basket-preview h1													{ float: left; font-size: 22px; line-height: 24px; font-weight: normal;}
.basket-preview .button-set_short						{ float: right; height: 24px;}

.button-set																	{clear: both; width: 100%;}
.button-set	 a,
.button-set_short .pay_now									{float: left; width: 209px; margin-top: 20px; height: 24px; line-height: 24px; font-size: 14px; text-indent: -999px; overflow: hidden; color: #fff;}

.button-set .pay_now							{ margin-top: 16px;}
.button-set .pay_now,
.button-set .pay_now a,
.button-set_short .pay_now,
.button-set_short .pay_now a										{height: 29px; line-height: 29px;}
.button-set_short .paypal											{ float: left; margin-right: 10px;}
.button-set_short #AmazonPaymentsAdvancedWidget			{float: left; margin-right: 10px; margin-top: 3px;}

.button-set	 a.buy_now											{background-position: -821px -1606px;}
.button-set	 a.buy_now:hover									{background-position: -821px -1630px;}
.button-set_short .pay_now,
.button-set	 a.pay_now											{float: right; background-position: 0 -2173px;}
.button-set_short .pay_now:hover,
.button-set	 a.pay_now:hover									{background-position: 0 -2204px;}
.button-set	 a.change_now										{ margin-left: 190px;background-position: -822px -1722px}
.button-set	 a.change_now:hover							{background-position: -822px -1746px}

html[lang=fr] .button-set	 a.buy_now											{background-position: -822px -1896px;}
html[lang=fr] .button-set	 a.buy_now:hover									{background-position: -822px -1920px;}
html[lang=fr] .button-set_short .pay_now,
html[lang=fr] .button-set	 a.pay_now											{float: right; background-position: 0 -2243px;}
html[lang=fr] .button-set_short .pay_now:hover,
html[lang=fr] .button-set	 a.pay_now:hover									{background-position: 0 -2273px;}
html[lang=fr] .button-set	 a.change_now										{ margin-left: 190px;background-position: -822px -1780px}
html[lang=fr] .button-set	 a.change_now:hover							{background-position: -822px -1804px}

html[lang=en] .button-set a.buy_now											{background-position: -822px -1964px;}
html[lang=en] .button-set a.buy_now:hover								{background-position: -822px -1988px;}
html[lang=en] .button-set_short .pay_now,
html[lang=en] .button-set a.pay_now											{float: right; background-position: 0 -2313px}
html[lang=en] .button-set_short .pay_now:hover,
html[lang=en] .button-set a.pay_now:hover								{background-position: 0 -2344px}
html[lang=en] .button-set a.change_now									{ margin-left: 190px;background-position: -822px -2080px}
html[lang=en] .button-set a.change_now:hover							{background-position: -822px -2104px}

html[lang=it] .button-set a.buy_now												{background-position: -822px -2138px;}
html[lang=it] .button-set a.buy_now:hover									{background-position: -822px -2162px;}
html[lang=it] .button-set_short .pay_now,
html[lang=it] .button-set a.pay_now												{float: right; background-position: 0 -2453px}
html[lang=it] .button-set_short .pay_now:hover,
html[lang=it] .button-set a.pay_now:hover									{background-position: 0 -2483px}
html[lang=it] .button-set a.change_now										{margin-left: 190px;background-position: -822px -2254px}
html[lang=it] .button-set a.change_now:hover							{background-position: -822px -2278px}

html[lang=es] .button-set a.buy_now											{background-position: 0 -1982px;}
html[lang=es] .button-set a.buy_now:hover								{background-position: 0 -2006px;}
html[lang=es] .button-set_short .pay_now,
html[lang=es] .button-set a.pay_now											{float: right; background-position: 0 -2383px}
html[lang=es] .button-set_short .pay_now:hover,
html[lang=es] .button-set a.pay_now:hover								{background-position: 0 -2414px}
html[lang=es] .button-set a.change_now									{margin-left: 190px;background-position: 0 -2098px}
html[lang=es] .button-set a.change_now:hover							{background-position: 0 -2122px}

html[lang=da] .button-set a.buy_now											{background-position: -237px -1982px;}
html[lang=da] .button-set a.buy_now:hover								{background-position: -237px -2006px;}
html[lang=da] .button-set_short .pay_now,
html[lang=da] .button-set a.pay_now											{float: right; background-position: 0 -2522px}
html[lang=da] .button-set_short .pay_now:hover,
html[lang=da] .button-set a.pay_now:hover								{background-position: 0 -2553px}
html[lang=da] .button-set a.change_now									{margin-left: 190px;background-position: -237px -2098px}
html[lang=da] .button-set a.change_now:hover							{background-position: -237px -2122px}

.button-set_short .pay_now									{margin: 0;}

.basket_container													{clear: both; position: relative; width: 900px; margin: 0 0 0 -5px; padding-top: 10px;}
.basket-preview_item												{float: left; margin: 5px 0 0 5px; width: 292px; height: 160px; background: #fff; border: 1px solid #ccc;}

.basket-preview_item .img										{float: left; width: 140px; height: 140px; margin: 10px; background-repeat: no-repeat; background-position: center center; background-color: #fff; border: 1px solid #ccc;}
.basket-preview_item h2										{padding: 10px 5px 0 0; font-size: 13px; line-height: 15px; height: 60px; overflow: hidden;}
.basket-preview_item p											{padding-top: 10px; font-size: 12px; line-height: 20px;}


html[lang=fr] #PlentyOrderPayPalExpressPanelB a		{float: left;}
html[lang=fr] #PlentyOrderPayPalExpressPanelB a[style] { font-size: 12px;}
html[lang=en] #PlentyOrderPayPalExpressPanelB a		{float: left;}
html[lang=en] #PlentyOrderPayPalExpressPanelB a[style] { font-size: 12px;}
html[lang=it] #PlentyOrderPayPalExpressPanelB a		{float: left;}
html[lang=it] #PlentyOrderPayPalExpressPanelB a[style] { font-size: 12px;}
html[lang=es] #PlentyOrderPayPalExpressPanelB a			{float: left;}
html[lang=es] #PlentyOrderPayPalExpressPanelB a[style] 	{font-size: 12px;}
html[lang=da] #PlentyOrderPayPalExpressPanelB a			{float: left; width: 100%;}
html[lang=da] #PlentyOrderPayPalExpressPanelB a[style] 	{font-size: 12px;}


/* FINDOLOGIC start */

img {
	border: none;
}

#flOuterContainer {
	background: #FFFFFF;
	color: #000000;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	text-align: left;
}

#flProductBoxes {
	width:325px;
	float:right;
	margin-top:20px;
}

.flPages {
	text-align:right;
}

#flFilterContainer {
	margin: 0 auto 0 auto;
}

#flMainFilters .flFilterBox {
	float: left;
}

#flExpandMoreFilters, #flMoreFilters {
	clear: both;
}

#flExpandMoreFilter a {
	color: black;
}

#flMoreFilters .flFilterBox {
	float: left;
}

.flFilterBox {
	margin: 1%;
	width: 30%;
}

.flFilterBoxFilters, .flFilterBoxAttributes {
	height:120px;
	overflow:auto;
	border:thin solid #CACACA;
	-moz-border-radius:5px;
	margin-top:2px;
	padding:5px 10px;
	background-color:#f8f8f8;
}

.flFilterBoxAttributeName {
	cursor:pointer;
	background-image:url("../images/arrow-down.gif");
	background-repeat:no-repeat;
	background-position:right 6px;
	padding-right:12px;
}

.flBorder {
	border: 0px solid #ddd;
}

.flImageleft {
}

.flImageright {
}

.flSubTable {
	width: 100%;
}

.flFilterRedundant {
	margin-left: 5px;
}

.flCloudHeader {
	color: #000000;
	padding: 4px;
	text-align: left;
	font-weight: bold;
}

strong .flEmphasis {
	text-decoration: underline;
}

.flEmphasis {
}

.flFrequency {
	color: #0000FF;
}

.flOuterBorder {
	border-color: #D3D3D3;
	border-spacing: 0;
	border-style: solid;
	border-width: 1px 0;
	margin-left: 0px;
	margin-right: 0px;
	width: 315px;
	float:left;
	border:none !important;
	margin-top:0px;
}

a.flResultTitle {
	font-family: arial;
	font-weight: bold;
}

a.flResultTitle .flEmphasis {
	text-decoration: underline;
}

.flShortDescription {
	font-size: 10px;
	background-color: #D2E6CB;
}

span.flPrice {
	font-weight: bold;
}

span.flOverriddenPrice {
	font-weight: normal;
	text-decoration: line-through;
}

span.flOverridingPrice {
	font-weight: bold;
	color: #FF0000;
}

.flFilterCloud a {
	color: #000000;
	font-family: arial;
	text-decoration: none;
}

.flFilterCloud a:hover {
	text-decoration: underline;
	color: #000000;
}

.flCloudHeader a:visited {
	color: #000000;
}

.flCloudSizeClass0 a {
	font-size: 9px;
}

.flCloudSizeClass1 a {
	font-size: 10px;
}

.flCloudSizeClass2 a {
	font-size: 11px;
}

.flCloudSizeClass3 a {
	font-size: 12px;
}

.flCloudSizeClass4 a {
	font-size: 13px;
}

.flCloudSizeClass5 a {
	font-size: 14px;
}


#flContentContainer a#flRemoveAllFilters {
	color: #FF8C00;
}

#flRemoveAllFilters:hover {
	text-decoration: underline;
}

#flCloudAreasTable {
}

#flCloudArea {
	background-color: #E8E8FF;
}

#flContentContainer {
	padding-top:10px;
}

#flSearchHeader {
	width: 100%;
	cellspacing: 0;
}

#flSearchInfo {
	font-size: 11px;
}

#flSearchInfo input {
	border:thin solid #c6c6c6;
	margin:5px 5px 0 0;
}

#flPoweredBy {
	width: 90px;
}

#flRestrictHeader {
	border-spacing: 0;
	font-size: 12px;
	height: 17px;
}

.flContFilterRedundant {
	margin-left: 2px;
	margin-bottom: 5px;
}

.flChosenFilter {
	font-weight:bold;
}

.flChosenFilter img {
	border: none;
	margin-left: 5px;
}

.flFilterCloud {
	padding: 4px;
}

.flFilterCloud span {
	padding-right: 4px;
}

.flFilterRedundant span {
	padding-right: 3px;
}

.flPageCurrent {
	color: #ED222A;
	text-decoration: none;
	font-weight: bold;
}

.flPageResult {
	color: #5E5A5A;
}

.flClear {
	height: 20px;
	clear: both;
}

#flFilterContainer ul.flFilters, #flFilterContainer ul.flChosenFilters {
	margin:0;
	padding:0;
}

.flFilter a, .flChosenFilter a {
	color:#000;
	text-decoration:none;
	display: block;
	padding: 2px;
}

.flFilter, .flChosenFilter {
	margin-left:0 !important;
	list-style:none;
	font-size:11px;
}

.flFilter a:hover, .flChosenFilter a:hover {
	background-color:#cacaca;
}

.flChosenFilter span.flFilterName {
	display: block;
}

.flChosenFilter span.flFilterValue {
	font-weight: normal;
}

#flChosenFilters {
	font-size: smaller;
	padding-left:2px;
	padding-bottom:10px;
	padding-top:20px;
}

#flContentContainer  td {
	font-size: 11px;
}

#flContentContainer a {
	color: #464646;
}

.flFilter a:hover {
	color:#1A3E88;
}

ul#nav li.top-nav {
	width: 200px;
	text-align: center;
}

ul#nav li.top-nav ul {
	text-align: left;
	max-height: 250px;
	overflow: auto;
	width: 200px;
}

#flPaginator {
	clear: both
}

#flPaginator table {
	font-size:11px;
}

#flResults {
	clear: both;
	width:100%;
}

.flResult {
	padding:25px;
	width:170px;
	text-align:center;
	vertical-align: top;
}

.fl_image {
	float: left;
}

.flRemoveAllFilters {
	color:#ff8c00 !important;
	text-decoration:underline !important;
}

.colorPickerElementWrapper {
	position:relative;
	text-align:center;
	width:25px;
	height:25px;
	border:1px solid #000;
}

.colorPicker {
	width:25px;
	height:25px;
	position:absolute;
	left:0; top:0;
}
.noColorFound {	padding-top:7px; } 

/* Beginn css-Styles für die Herstellerfilter mit Logo */

div.flImageFilter a.flImageFilter{
	text-decoration: none;
	display: inline-block;
}

div.flImageFilter {
	padding: 3px;
	display: inline-block;
	margin: 0 0 5px 0;
}

div.flImageFilter:hover {
	background-color: #cacaca;
}
img.flImageFilter {
	vertical-align: middle;
	text-decoration: none;
}

div.flImageFilterTitle {
	margin: 0 10px 0 5px;
	vertical-align: middle;
	display: inline-block;
}

span.flFilterImageTitle {
	color: #000000;
	text-decoration: none;
}

div.flPromotion {
	text-align: center;
}

/* Ende css-Styles für die Herstellerfilter mit Logo */

/* FINDOLOGIC end */






/* Beginn css-Styles für den FINDOLOGIC Priceslider */
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
#fl-price-slider.ui-slider { position: relative; text-align: left; }

#fl-price-slider.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 23px; cursor: default; border: none;}
#fl-price-slider.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

#fl-price-slider.ui-slider-horizontal { height: .8em; }
#fl-price-slider.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
#fl-price-slider.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#fl-price-slider.ui-slider-horizontal .ui-slider-range-min { left: 0; }
#fl-price-slider.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
#fl-price-slider.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
#fl-price-slider.ui-widget .ui-widget { font-size: 1em; }
#fl-price-slider.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
#fl-price-slider.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../img/images/slider-bg_flat.png) 50% 50% repeat-x; color: #222222; margin-bottom: 10px; }
#fl-price-slider.ui-widget-content a { color: #222222; }
#fl-price-slider .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/images/slider-bg_highlight.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
#fl-price-slider .ui-widget-header a { color: #222222; }


/* Interaction states
----------------------------------*/
#fl-price-slider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: url(../img/images/slider-handle.gif);  outline: none;}
#fl-price-slider .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
#fl-price-slider .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-image: url(../img/images/slider-handle-active.gif);  outline: none; }
#fl-price-slider .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
#fl-price-slider .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-image: url(../img/images/slider-handle-active.gif);  outline: none;}
#fl-price-slider .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
#fl-price-slider .ui-widget :active { outline: none; }

#flpricemax {float: right;}
#flChosenPriceFilter {margin-top: 20px;}
/* Ende css-Styles für den FINDOLOGIC Priceslider */


/*

    Begin NUMERIC SLIDER Style

*/
.flSlider.ui-slider { position: relative; text-align: left; }

.flSlider.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 23px; cursor: default; border: none;}
.flSlider.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.flSlider.ui-slider-horizontal { height: .8em; }
.flSlider.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.flSlider.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.flSlider.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.flSlider.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
.flSlider.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.flSlider.ui-widget .ui-widget { font-size: 1em; }
.flSlider.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.flSlider.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../img/images/slider-bg_flat.png) 50% 50% repeat-x; color: #222222; margin-bottom: 10px; }
.flSlider.ui-widget-content a { color: #222222; }
.flSlider .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/images/slider-bg_highlight.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.flSlider .ui-widget-header a { color: #222222; }


/* Interaction states
----------------------------------*/
.flSlider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: url(../img/images/slider-handle.gif);  outline: none;}
.flSlider .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.flSlider .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-image: url(../img/images/slider-handle-active.gif);  outline: none; }
.flSlider .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.flSlider .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-image: url(../img/images/slider-handle-active.gif);  outline: none;}
.flSlider .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.flSlider .ui-widget :active { outline: none; }
.flSlider {
    clear:both;
}

.flRightValue {float: right;}

.flSliderWrapper {
    position:relative;
}

.flSliderWrapper .flLabels {
    margin-top:1em;
    margin-bottom:20px;
}

.flSliderToolTip {    
    position: absolute;
    padding:4px;
    background:#CCC;
    left:0; top:75px;
    text-align:center;
}

.flSlideMarker {
    position: absolute;
    left:0; top:0;
    background:#CCC;
    width:1px; height:16px;
}

.flSlideMarker .label {
    display:none;
    position:relative;
    left:-5px;
    font-size: 80%;
    color:#777;
}

.flSlideMarker .label.top {
    top: -12px;
}

.flSlideMarker .label.bottom {
    top: 22px;
}

.flSlideMarker .activeMarkerLabel {
    color:#000;
}
/* Ende css-Styles für den FINDOLOGIC NumericSlider */