@charset "UTF-8";

/* CSS Document */
#POI													{visibility: hidden; display: none;}
ul.mytitle li 										{margin: auto; width: 100%; white-space: normal;}
ul.mytitle 										{list-style: none; margin: 0px; padding: 0px; text-align: center;}
div.r3_cm											{padding: 0px;}
table.gallery td.picture						{padding: 0 0px 5px 0px;}
td.details											{padding: 0 0 0 5px;}
div.itemseparator								{margin: 0;}
.rs-pview											{padding: 0;}
td#CentralArea div.dynpg				{padding: 15px 5px 10px 5px;}
table.gallery td.camera						{height: 150px; text-align: center;}
table.gallery td.picture div.image		{margin:0 auto 0 auto;}

#all 													{width: 100%; margin: 0; padding: 0; background: #fff; font-family: Tahoma, Arial;}
#all div												{margin: 0; padding: 0;}
#all p												{margin: 0; padding: 0;}
#all h1												{margin: 0; padding: 0;}
#all h2												{margin: 0; padding: 0;}
#all h3												{margin: 0; padding: 0;}
#all h4												{margin: 0; padding: 0;}
#all h5												{margin: 0; padding: 0;}
#all h6												{margin: 0; padding: 0;}
#all img											{margin: 0; padding: 0; border: 0;}
#all a												{margin: 0; padding: 0; text-decoration: none;}

#all .clear											{clear: both;}

#all .margin_top								{margin-top: 10px;}

#all .my_page									{width: 1001px; padding: 30px 0 0 0;}
#all .my_content								{width: 1001px; margin-top: 20px; background: url(../img/my_content.gif) repeat-y;}

#all .left_content								{float: left; width: 391px;}
#all .left_content .stripe					{float: left; width: 391px; height: 10px; background: #fff;}

#all .right_content							{float: right; width: 600px;}

#all .footer										{position: relative; z-index: 2; float: left; width: 1001px; height: 95px; margin-top: -95px; background: url(../img/footer.gif) top no-repeat;}
#all .footer div									{float: left; margin-top: 58px; padding-left: 20px;}
#all .footer div p								{float: left; padding: 0 3px 0 3px; line-height: 20px; font-size: 12px; color: #fff;}
#all .footer div p a							{line-height: 20px; font-size: 11px; color: #fff;}
#all .footer div p a:hover					{color: #56b6ff;}

#all .editor										{float: left; margin-top: -5px; width: 1001px; line-height: 30px; padding-bottom: 20px; text-align: center; font-size: 9px; color: #ccc; background: #fff;}
#all .editor a										{font-size: 9px; color: #377dc5;}
#all .editor a:hover							{color: #000;}

#all #warten p.text							{padding-top: 25px; font-size: 16px; color: #333;}
#all #warten p.img							{padding: 25px 0 300px 0;}

#all #liste											{width: 600px; height: 29px; background: url(../img/headlines/trefferliste.gif) no-repeat;}

#all #perscontent								{float: left; width: 600px; background: url(../img/perscontent.gif) repeat-y;}
#all .perscontent_bottom					{width: 600px; height: 10px; background: url(../img/perscontent_bottom.gif) no-repeat;}
#all .perscontent_bottom_fc			{width: 600px; height: 10px; background: url(../img/perscontent_bottom_fc.gif) no-repeat;}

#all .modul										{width: 580px; padding-bottom: 15px; text-align: left; color: #333; margin-top: 20px;}
#all .modul h2									{font-size: 20px; line-height: 28px; margin-top: 25px; font-weight: normal;}
#all .modul h3									{font-size: 18px; line-height: 26px; margin-top: 20px; font-weight: normal;}
#all .modul p									{font-size: 13px; line-height: 20px; margin-top: 15px;}
#all .modul a.cyt								{color: #377dc5;}
#all .modul a.cyt:hover					{color: #333;}

#all table.shipping_costs					{width: 600px; border: 1px solid #ccc; border-bottom: 0; background: #f6faff; margin: 30px 0 0 0;}
#all table.shipping_costs tr.sec_tr 	{background: #fcfcfc;}
#all table.shipping_costs td 			{padding: 10px; line-height: 18px;}
#all table.shipping_costs td.price	{padding: 10px; font-size: 14px; font-weight: bold; line-height: 18px; color: #0099cc;}
#all table.shipping_costs td.border {padding: 0; background: #ccc;}
#all table.shipping_costs td.table_hl {font-size: 14px; color: #fff;}

#all .welcome									{width: 600px; height: 200px; background: url(../img/welcome.gif) no-repeat; text-align: left;}
#all .welcome p								{padding: 70px 300px 0 20px; font-size: 12px; color: #fff;}

#all .white_space								{width: 600px; height: 10px; background: #fff;}

#all .anleitung									{width: 600px; padding-bottom: 15px; background: url(../img/perscontent.gif) repeat-y;}
#all .anleitung div							{float: left; width: 580px; padding: 0 0 15px 20px; background: url(../img/anleitung.gif) top no-repeat;}
#all .anleitung div div						{width: 560px; padding: 0; background: none;}
#all .anleitung div div div					{float: left; width: 186px;}
#all .anleitung div div div p				{padding: 330px 10px 0 10px; font-size: 12px; line-height: 18px; color: #333;}


/* Produkt */
#all .my_article			{width: 600px; background: url(../img/my_article.gif) repeat-y;}
#all .my_article_bottom			{width: 600px; height: 6px; background: url(../img/my_article_bottom.gif) no-repeat;}
#all .my_article h1			{width: 600px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; letter-spacing: 1px; color: #fff; font-weight: normal; background: url(../img/hl.gif) no-repeat;}

#all .logo_hl				{width: 560px; margin-top: 20px;}
#all .logo				{float: left; width: 100px; text-align: left;}
#all .hl				{float: right; width: 420px; text-align: left;}
#all .hl h2				{font-size: 16px; line-height: 22px; color: #333; font-weight: normal;}
#all .hl p				{margin-top: 5px; font-size: 10px; line-height: 14px; color: #333;}

/* Artikelbeschreibung*/
#all .my_description			{float: left; width: 560px; margin-top: 25px; font-size: 11px; line-height: 16px; color: #333; text-align: left;}

/* Tabellen OE und Stueckliste */
#all .my_description th			{font-size: 11px;} 
#all .my_description td			{font-size: 11px;}

#all .links				{float: left; width: 560px; margin-top: 16px;}
#all .links p				{float: left; line-height: 20px; padding-left: 15px;}
#all .links a				{float: left; font-size: 11px; font-weight: bold; color: #377dc5; line-height: 20px; text-decoration: underline;}
#all .links a:hover			{color: #333;}

/* Galeriebilder */
#all .showroom						{float: left; width: 560px; margin-top: 20px;}
#all .large									{float: left; width: 392px; height: 392px;}
#all .large_png							{position: relative; z-index: 2; float: left; width: 393px; height: 393px; margin-top: -393px; background: url(http://www.guenstig-mit-sicherheit.de/www_lott_de/flash/cyt/img/large.png) no-repeat;}
#bild31, #bild32, #bild33, #bild34, 
#bild35, #bild36, #bild37		{display: none;}


/* Vorschaubilder */
#all .small							{float: right; width: 150px; margin-top: -7px; /* Korrektur oben Vorschaubilder */}
#all .small div						{float: left; margin-top: 5px; padding-left: 5px; height: 70px; visibility: hidden;}
#all .small p							{width: 70px; height: 70px;}
#all .small p.small_png		{position: relative; z-index: 3; margin-top: -70px; background: url(http://www.guenstig-mit-sicherheit.de/www_lott_de/flash/cyt/img/small.png) no-repeat;}
#all .small a							{float: left; width: 70px; height: 70px; font-size: 70px; line-height: 70px; no-repeat;}
#all .small a:hover				{background: url(http://www.guenstig-mit-sicherheit.de/www_lott_de/flash/cyt/img/small_over.png) no-repeat;}