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

#all 														{width: 100%; margin: 0; padding: 0; background: url(../img/bg.jpg) repeat-y; font-family: Arial, Helvetica, sans-serif;}
.clear													{clear: both;}

a															{text-decoration: none; outline: none;}
img														{border: none;}

table.gallery td div.image						{float: none!important; margin: auto!important;}
.dynpg                                                        {padding: 0!important;}
.dynpg table td											{font-size: 12px;}


.my_header										{float: left; width: 100%; margin: 0; padding: 0; background: url(../img/header.png) center 20px no-repeat;}
.my_header *										{margin: 0; padding: 0;}
.my_header p									{margin-top: 20px}

.my_page											{clear: both; width: 100%; margin: 0; padding: 0 0 20px; background: url(../img/page.png) center top repeat-y;}
.my_page .gradient							{width: 963px; margin: 0; padding: 8px 0 0; background: url(../img/gradient.gif) repeat-x;}

#MyContent										{background: url(../img/article.png) 2px top repeat-y;}
.my_content										{width: 911px; margin: 0 auto; padding: 0; padding-bottom: 10px; }
#article_top										{width: 911px; height: 10px; margin: 0 auto; background: url(../img/article_top.png) 2px top no-repeat;}
#article_bottom								{width: 911px; height: 8px; margin: 0 auto; background: url(../img/article_bottom.gif) no-repeat;}
.my_article,
#my_shop											{background: url(../img/article.png) 2px top repeat-y;}
.my_article	 *										{margin: 0; padding: 0;}

#des_none											{width: 100%;}
#my_navigation								{float: left; margin: 0 0 0 10px; padding: 0;}
#my_topic											{float: right; width: 715px; margin:  10px 10px 0 0; padding-bottom: 6px;}
.changesize										{float: none!important; width: 100%!important; margin: 0!important; padding: 0!important;}
.my_shortcuts									{padding-top: 5px;}

#liste													{float: left; width: 100%; height: 41px; background-color: #e7731e; background-repeat: no-repeat; background-image: url(../img/headlines/trefferliste.png); background-position: 20px center;}
#warten p											{font-size: 14px; line-height: 16px;}
#warten p.img									{padding: 10px 0 600px;}

#brand												{ margin-right: -10px;}

.character											{float: right; width: 280px; text-align: left;}
.character .logo								{float: left; width: 100%; margin: 3px 0 13px;}
.character h1										{float: left; width: 100%; margin-bottom: 13px; font-size: 18px; line-height: 22px; font-weight: bold;}
.character .short_description			{float: left; width: 100%; margin-bottom: 20px; font-size: 12px; line-height: 18px;}
.short_description td {
  font-size: 12px;
  padding: 0 !important;
}
.short_description > table {
  width: 100% !important;
  margin: 10px 0;
}
.character th {
  font-size: 11px;
  text-align: left;
}

.character .price_buy						{position: relative; float: left; width: 100%; height: 113px; background: url(../img/buy.gif) left 0 no-repeat;}
.character .my_price						{position: absolute; top: 33px; left: 36px; font-size: 20px; line-height: 22px; color: #fff;}
.character .my_buy							{position: absolute; bottom: 0; left: 0; width: 195px; height: 52px;}
.character .my_buy a						{float: left; width: 100%; height: 52px; line-height: 52px; font-size: 18px; color: #fff; text-align: center; text-transform: uppercase;}
.character .my_buy a:hover			{color: #e7731e}
.character .size_chart						{float: left; width: 100%; margin-top: 25px;}
.character .size_chart a					{float: left; width: 100%; font-size: 13px; line-height: 15px; color: #000; text-decoration: underline;}
.character .size_chart a:hover		{color: #e7731e}

.showroom											{float: left; width: 402px;}
.showroom .large,
.showroom .large td							{width: 402px; height: 602px; border-collapse: collapse; background: url(../img/large.png) no-repeat;}
.showroom .large td							{text-align: center; vertical-align: center; cursor: pointer;}

.showroom .small								{float: left; width: 100%; margin-top: 10px;}
.showroom .small div						{float: left; width: 52px; height: 78px; margin: 2px 2px 0 0;}
.showroom .small table					{border-collapse: collapse;}
.showroom .small table td				{width: 52px; height: 78px; text-align: center; vertical-align: center; background: url(../img/small.png) no-repeat;}
.showroom .small table td img		{width: auto!important; width: 50px; max-width: 50px; height: auto!important; height: 76px; max-height: 76px;}

#xxl														{display: none; float: left; width: 100%;}
#xxl .small											{float: right; width: 400px; margin: 10px 25px 0 0;}
#xxl .small div									{float: left; width: 52px; height: 78px; margin: 2px 0 0 2px;}
#xxl .small table								{border-collapse: collapse;}
#xxl .small table td							{width: 52px; height: 78px; text-align: center; vertical-align: center; background: url(../img/small.png) no-repeat;}
#xxl .small table td img					{width: auto!important; width: 50px; max-width: 50px; height: auto!important; height: 76px; max-height: 76px;}
#xxl h1												{float: left; margin: 15px 0 0 25px; width: 400px; font-size: 18px; line-height: 22px; font-weight: bold; text-align: left;}
#xxl .close											{float: left; margin: 25px 0 0 25px; color: #e7731e; font-size: 13px; line-height: 15px; text-decoration: underline;}
#xxl .close:hover								{color: #000}

.xxl_table											{margin-top: 25px;}
.xxl_table td										{border: 1px solid #000; cursor: pointer;}

.my_startcontent								{width: 911px; height: 575px; margin: 0; padding: 0; background: url(../img/startcontent.gif) no-repeat;}
.my_startcontent p							{margin: 0 auto; padding: 13px 0 0;}

.my_shortcuts									{width: 911px; height: 219px; margin: 2px 0 0; padding: 0; background: url(../img/shortcuts.gif) no-repeat;}
.my_shortcuts p								{margin: 0; padding: 2px 0 0;}

.my_crosspromo								{width: 911px; height: 298px; margin: 2px 0 0; padding: 0; background: url(../img/crosspromo.gif) no-repeat;}
.my_crosspromo p							{margin: 0; padding: 2px 0 0;}

.my_brands										{float: left; width: 961px; height: 160px; text-align: left; margin: 10px 0 0; padding: 0; background: url(../img/brands.png) no-repeat;}
.my_brands p									{margin: 0; padding: 20px 0 0;}

.my_footer											{clear: both; width: 901px; height: 151px; margin: 5px 0 0; padding: 0; background: url(../img/footer.gif) no-repeat;}
.my_footer *										{margin: 0; padding: 0;}
.my_footer .my_teaser						{position: relative; float: left; height: 151px; font-size: 12px; line-height: 18px; color: #000;}
.my_footer .my_teaser h5				{float: left; width: 130px; margin: 17px; padding: 0; text-align: center; font-size: 14px; line-height: 16px; font-weight: normal; text-transform: uppercase; color: #fff;}
.my_footer .my_teaser1 h5				{margin-left: 50px;}
.my_footer .my_teaser2 h5				{margin-left: 55px;}
.my_footer .my_teaser3 h5				{margin-left: 48px;}
.my_footer .my_teaser	 p					{clear: both; margin: 0 auto; padding: 12px 0 0; width: 74%; text-align: left;}
.my_footer .my_teaser	 p strong		{color: #fff;}
.my_footer .my_teaser	 a					{position: absolute; top: 105px; right: 45px; float: left; width: 73px; height: 27px; line-height: 27px; background: url(../img/footer_newsletter.gif) 0 -27px no-repeat;}
.my_footer .my_teaser	 a:hover		{background-position: 0 0;}

.my_footer .my_teaser1					{width: 233px;}
.my_footer .my_teaser2					{width: 279px;}
.my_footer .my_teaser3					{width: 389px;}

.editor 												{clear: both; width: 961px; padding: 10px 0; margin: 0;}
.editor *												{margin: 0; padding: 0;}
.editor p,
#all .editor a												{font-size: 12px; line-height: 18px; color: #fff; text-shadow: 3px 3px 3px #333;}
#all .editor a:hover									{color: #000;}
.editor p.left										{float: left; padding-left: 10px;}
.editor p.right										{float: right; padding-right: 10px;}