.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body   { color: #666; font-size: 10pt; background-color: #ccc; background-image: url("images/BG_Body.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 0; padding: 5px 0 0 }
body *    { font-family: Arial, Helvetica, sans-serif }
iframe { margin: 0; padding: 0; overflow: hidden; border-style: none }
img, a img { border: none; }
a { color: #f03; text-decoration: none }
a:hover { text-decoration: underline; }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }
ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea { font-size: 11px }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { font-size: 11px }
p small { font-size: 9px }
h1   { font-size: 12px}
h2   { font-size: 12px}
h3   { font-size: 12px}
h4   { font-size: 12px}
h5   { font-size: 12px}
h6   { font-size: 12px}

hr  { display: none }
hr.Break  { visibility: hidden; display: block } 
.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: Right }
.Abstand  { visibility: hidden; height: 5px; float: none; clear: both }

.cAlign { text-align: center; }
.lAlign { text-align: left; }
.rAlign { text-align: right; }

#MainWrap  { position: relative; width: 970px }

#MainHeader     { background-color: #fff; margin-bottom: 5px; margin-left: 15px; padding: 0; position: relative; width: 960px; height: 538px; float: none; clear: both; overflow: hidden; border-top: 4px solid #001738 }



/*<agl.folder "ShopLogo">*/
#ShopLogo        { background-color: #fff; background-image: url("images/SportsMan_Weider24.gif"); background-repeat: no-repeat; background-position: 365px 15px; margin: 0; padding: 0; position: absolute; top: 4px; left: 0; width: 960px; height: 130px; overflow: hidden; border-top: 4px solid #f03}
#ShopLogo a,
#ShopLogo span   { display: block; margin: 0; padding: 0; position: absolute; width: 281px; height: 115px; overflow: hidden }
#ShopLogo a   { color: #fa1543; font-size: 35px; font-weight: bold; line-height: 60px; text-align: center; top: 5px; left: 20px }
#ShopLogo a small   { font-size: 12px; font-weight: normal; line-height: normal; margin: 0 10px; padding: 0; border-top: 3px solid #001738 }
#ShopLogo a:hover  { text-decoration: none }
#ShopLogo a span   { background-image: url("images/ShopLogoWeider.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; top: 0; left: 0 }
#ShopLogo a:hover span   { }
/*</agl.folder>*/



/*<agl.folder "HeaderNavi">*/
#HeaderNavi  { display: none; margin: 0; padding: 0; position: absolute; top: 300px; left: 20px; width: 190px }
#HeaderNavi li  { font-size: 14px; list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid #002e62}
#HeaderNavi a  { color: #d3d7d8; display: block; margin: 0; padding: 0 0 0 45px }
#HeaderNavi a.Current, 
#HeaderNavi a:hover  { color: #f03}
#HeaderNavi #GaspReplace { position: relative; height: 65px }
#HeaderNavi #GaspReplace span { background-image: url("images/GASP_Replacer2.gif"); background-position: 0 -65px; cursor: pointer; display: block; position: absolute; top: 0; right: 0; width: 146px; height: 65px }
#HeaderNavi #GaspReplace.Current span, 
#HeaderNavi #GaspReplace:hover span { background-position: 0 0 }
/*</agl.folder>*/



/*<agl.folder "TopNavi">*/
#TopNavi     { line-height: 30px; background-image: url("images/BG_ShopLogo.jpg"); background-repeat: no-repeat; background-position: 100% 0; text-align: right; margin: 0; padding: 125px 0 0; position: absolute; top: 13px; right: 0; width: 700px; height: 155px; float: right; overflow: visible }
#TopNavi li      { font-size: 14px; font-weight: bold; display: inline; margin: 0 10px; padding: 0 }
#TopNavi a  { color: #fff; text-transform: uppercase }
#TopNavi a small { font-weight: normal; text-transform: none; }
#TopNavi a.Current, 
#TopNavi a:hover { color: #f03}
/*</agl.folder>*/



/*<agl.folder "Hotline">*/
#Hotline     { color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #001738; text-transform: uppercase; text-indent: 20px; margin: 0; padding: 0; position: absolute; top: 138px; left: 0; width: 960px; height: 400px }
#Hotline strong   { color: #f03 }
#Hotline strong small { font-size: 11px; font-weight: normal }
/*</agl.folder>*/



/*<agl.folder "Banner-Styling">*/
#FlashHeader { background-color: #7f94a7; background-image: url("images/BG_SportsLady.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; top: 168px; left: 5px; width: 700px; height: 283px; overflow: hidden }
#FlashSlider { background-color: #5e6d82; display: block; margin: 0; padding: 0; position: absolute; bottom: 10px; left: 5px; width: 700px; height: 70px; overflow: hidden }

#BannerArea  { background-color: #fff; margin: 0; padding: 0; position: absolute; top: 168px; right: 10px; width: 235px; height: 360px; overflow: hidden }
#BannerArea p   { text-align: center; display: block; margin: 0; padding: 0; position: relative; width: 235px; height: 360px }
#BannerArea a   { text-align: center; display: block; margin: 0; padding: 0; position: relative; width: 235px; height: 360px }
#BannerArea a span   { background-repeat: no-repeat; background-position: 0 0; text-align: center; cursor: pointer; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 235px; height: 180px }



#BannerArea1     { background-color: #7f94a7; background-image: url("images/BG_SportsLady.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; top: 168px; left: 5px; width: 700px; height: 283px; overflow: hidden }

#BannerArea1 ul  { background-image: url("images/BG_TeaserColumn.jpg"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; margin: 0; padding: 0; height: 283px; overflow: hidden }
#BannerArea1 li  { font-size: 13pt; font-weight: bold; list-style-type: none; display: inline; margin: 0; padding: 0 }
#BannerArea1 li a   { color: #fff; background-color: #5e6d82; background-image: url("images/BG_TeaserColumn.jpg"); background-repeat: no-repeat; display: block; margin: 4px; padding: 0; position: relative; width: 300px; height: 89px; overflow: hidden }
#BannerArea1 li a:hover  { color: #f03; text-decoration: none }
#BannerArea1 li a em  { color: #f03; font-size: 11px; font-style: normal; font-weight: bold; margin-left: 20px }
#BannerArea1 li a strong   { color: #f03; font-size: 30px; font-weight: bold; line-height: 55px }
#BannerArea1 li a small   { color: #fff; font-size: 11px; font-weight: normal; line-height: 9pt; display: block; margin: 0 0 0 20px; padding: 0; position: relative; top: -9pt }
#BannerArea1 li a:hover small   { color: #f03; }
#BannerArea1 li a:hover em   {color: #fff; }
#BannerArea1 li a:hover strong   {color: #fff; }
#BannerArea1 li a span    { background-color: #7f94a7; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; position: absolute; top: 0; left: 0; width: 300px; height: 89px }

#Aktion1 a  { background-position: -4px -4px }
#Aktion1 span  { background-image: url("images/Aktion1.jpg") }
#Aktion2 a  { background-position: -4px -98px }
#Aktion2 span { background-image: url("images/Aktion2.jpg") }
#Aktion3 a  { background-position: -4px -187px }
#Aktion3 span { background-image: url("images/Aktion3.jpg") }


#BannerArea2  { background-color: #fff; margin: 0; padding: 0; position: absolute; top: 168px; right: 10px; width: 235px; height: 360px; overflow: hidden }
#BannerArea2 p  { text-align: center; display: block; margin: 0; padding: 0; position: relative; width: 235px; height: 180px }
#BannerArea2 a  { text-align: center; display: block; margin: 0; padding: 0; position: relative; width: 235px; height: 180px }
#BannerArea2 a span   { background-repeat: no-repeat; background-position: 0 0; text-align: center; cursor: pointer; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 235px; height: 180px }

#Aktion4  {}
#Aktion4 span  { background-image: url("images/Aktion4.jpg") }
#Aktion5  {}
#Aktion5 span  { background-image: url("images/Aktion5.jpg");  }

#BannerArea3    { background-color: #5e6d82; display: block; margin: 0; padding: 0; position: absolute; bottom: 10px; left: 5px; width: 700px; height: 70px; overflow: hidden }
#BannerArea3 p   { color: #fff; text-align: center; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 700px; height: 70px }
#BannerArea3 a   { display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 700px; height: 70px }
#BannerArea3 a span    { background-image: url("images/Ticker.jpg"); background-repeat: no-repeat; background-position: 50% 50%; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 700px; height: 70px }
/*</agl.folder>*/




#ShopFunctions  { margin-bottom: 5px; margin-left: 15px; position: relative; width: 960px; height: 32px }
#ShopContent  { background-color: #bcbfc1; margin: 0; padding: 0; position: relative; left: 15px; width: 740px; float: right; overflow: hidden }

#LeftBar  { position: relative; left: 15px; width: 220px; float: left; clear: left }















/*<agl.folder "ShopSearch">*/
#ShopSearch     { font-size: 12px; background-color: #001738; display: block; margin: 0; padding: 0; position: absolute; width: 220px; height: 32px; overflow: hidden }
#ShopSearch * { }
#ShopSearch p { padding-right: 10px; padding-left: 10px }
#ShopSearch .TextFeld  { font-size: 12px; text-align: center; float: left; border: solid 1px #153e6d }
#ShopSearch .Abschicken  { position: relative; top: -2px; float: right }
/*</agl.folder>*/



/*<agl.folder "BreadCrumb">*/
#BreadCrumb         { color: #fff; font-size: 12px; font-weight: bold; line-height: 32px; background-color: #001738; text-indent: 10px; margin: 0; padding: 0; position: absolute; z-index: 1; top: 0; left: 230px; width: 730px; height: 32px; overflow: hidden }
#BreadCrumb a  { color: #fff }
#BreadCrumb a:hover  { color: #f03 }
/*</agl.folder>*/




/*<agl.folder "CartBox">*/
#CartBox    { color: #fff; line-height: 32px; margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; right: 10px; height: 32px }
#CartBox strong  { color: #fff; font-weight: normal }
#CartBox a  { color: #fff }
#CartBox a:hover  { color: #fa1543 }
/*</agl.folder>*/


/*<agl.folder "CatNavi">*/
#CatNavi  { background-color: #001738; margin: 0 0 5px; padding: 0 0 0.4em; width: 220px }
#CatNavi ul    { margin: 0; padding: 0.4em 0 1em; width: 220px }
#CatNavi li  { font-size: 12px; font-weight: bold; list-style-type: none; display: inline; margin: 0; padding: 0 }

#CatNavi a  { color: #fff }
#CatNavi a:hover  { color: #f03}

#CatNavi h4      { font-size: 10pt; line-height: 2.5em; background-color: #002e62; margin: 0; padding: 0 10px 0 20px; height: 2.5em; border-bottom: 3px solid #f03}
#CatNavi h4 .sIFR     { font-size: 15px; margin: 0; padding: 0 }
#CatNavi h4 a   { }
#CatNavi .FirstCat h4  { }

#CatNavi ul a   { display: block; margin: 0; padding: 0.4em 10px 0.4em 30px }
#CatNavi .Current h4 a, 
#CatNavi ul .Current a  { color: #f03}
/*</agl.folder>*/



/*<agl.folder "Box Allgemein">*/
.Box    { background-color: #001738; margin: 0 0 5px; padding: 0; width: 220px }
.Box h4       { color: #fff; font-size: 10pt; line-height: 2.5em; background-color: #002e62; margin: 0; padding: 0 10px 0 20px; height: 2.5em; border-bottom: 3px solid #f03}
.Box h4 .sIFR  { font-size: 15px; margin: 0; padding: 0 }
.Box p { margin: 0 10px }
.Box .NaviList    { margin: 0; padding: 0.3em 0 1em; width: 220px }
.Box .NaviList li  { font-size: 12px; font-weight: bold; list-style-type: none; display: inline; margin: 0; padding: 0 }
.Box .NaviList a  { display: block; margin: 0; padding: 0.4em 10px 0.4em 30px }
.Box a  { color: #fff }
.Box a:hover  { color: #f03 }
/*</agl.folder>*/




/*<agl.folder "MainFooter">*/
#MainFooter     { color: #fff; background-color: #002e62; padding: 0; position: relative; left: 15px; width: 960px; float: none; clear: both; overflow: hidden }
#MainFooter p   { padding: 5pt 10px }
#MainFooter a   { color: #fff }
#MainFooter a:hover   { color: #f03}
#MainFooter .On  { }
#MainFooter .On:hover {}
#MainFooter .Left  { }
#MainFooter .Right  { }
/*</agl.folder>*/



/*<agl.folder "SubFooter">*/
#SubFooter { color: #002e62; text-align: left; margin-left: 25px }
#SubFooter small {}
#SubFooter a { color: #646c73; text-decoration: none }
#SubFooter a:hover { color: #002e62; text-decoration: underline }
/*</agl.folder>*/



/*<agl.folder "ContentBox (Gestaltung und Farbe)">*/
.ContentBox   { background-color: #fff; float: left; border-bottom: 3px solid #001738 }
.ContentBox .BoxHeading      { color: #fff; font-size: 12px; background-color: #001738; padding: 5pt 10px 4pt; border-bottom: 3px solid #f03 }
.ContentBox .BoxHeading a  { color: #fff }
.ContentBox .BoxHeading a:hover {}
.ContentBox .BoxHeading span  { }
.ContentBox .BoxHeading small.Right  { line-height: 10pt; overflow: visible }
.ContentBox .Inner { margin: 10px; position: relative; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "ContentBoxe (Breiten allgemein)">*/
.Full  { width: 730px }
.Full .Inner { width: 710px}
.Full .BoxHeading  { }
.Half  { margin-right: 10px; width: 360px }
.Half .Inner{ width: 340px }
.Half .BoxHeading  { }
.Third  { margin-right: 5px; width: 240px }
.Third .Inner{ width: 220px }
.Third .BoxHeading { background-image: url("images/BG_BoxHeading_Third.gif"); }
/*</agl.folder>*/



/*<agl.folder "ContentBox (Breiten innerhalb)">*/
.ContentBox .Half, 
.ContentBox .Third  { margin: 0; position: relative; overflow: visible }
.ContentBox .Half { width: 350px }
.ContentBox .Third { width: 220px }
/*</agl.folder>*/



/*<agl.folder "CheckOutOptions (Gruppieren der Bestell-Informationen)">*/
.CheckOutOptions { padding-right: 20px; border-top: 1px solid #f03; border-right: 1px solid #f03}
.CheckOutOptions .Payment { padding-top: 0; padding-left: 20px }
/*</agl.folder>*/



/*<agl.folder "ButtonSet (Shop-Funktionen - 'Weiter', 'Zurück'-Buttons etc.')">*/
.ButtonSet { margin-top: 0.5em; border-top: 1px solid #002e62}
/*</agl.folder>*/

/*<agl.folder "ProductNavigator (Shop-Funktionen - 'Weiter', 'Zurück'-Buttons etc.')">*/
.ProductNavigator { position: relative; text-align: center; margin-top: 0.5em; border-top: 1px solid #002e62}
.ProductNavigator span { position: absolute; display: block; margin: 0; padding-top: 0.6em; padding-bottom: 0.3em }
.ProductNavigator .Left { top: 0; left: 0 }
.ProductNavigator .Right { top: 0; right: 0 }
/*</agl.folder>*/



/*<agl.folder "Product (Für Produkt-Teaser">*/
.Product { overflow: hidden }
.Product .Inner { height: 240px }

.Product .ThumbImage { text-align: center; display: inline; z-index: 2; width: 130px; height: 130px; float: right }

.Product .Details  { color: #002e62; font-size: 11px; font-weight: bold }
.Product .Details a { color: #002e62; text-decoration: underline }
.Product .Details a:hover { text-decoration: none }
.Product .Order  { color: #f03; font-size: 11px; font-weight: bold; padding-top: 0 }
.Product .Order a { color: #f03; text-decoration: underline }
.Product .Order a:hover { color: #f03; text-decoration: none }

.Product .Pricing { line-height: normal; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 340px }
.Product .Pricing em  { color: #225068; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_Red.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; margin: 0 10px 0 0; padding: 0; width: 100px; height: 100px; float: left; clear: right; overflow: hidden }
.Product .Pricing em small  { color: #225068; line-height: 0; text-align: center; margin: 0; padding: 2em 0 0; position: relative; top: -45px }
.Product .Pricing a { color: #f03}
.Product .Pricing a:hover { }
.Product .Pricing br { display: none }
.Product .Pricing del  { color: #ccc; font-size: 14px; display: block; padding-top: 1.4em }
.Product .Pricing del.Red  { }
.Product .Pricing strong { color: #f03; font-size: 12pt; display: block }
.Product .Pricing strong a { font-size: 18pt; padding-left: 5px }
.Product .Pricing strong a:hover { color: #f03; text-decoration: none }
.Product .Pricing small { color: #f03; display: block }
.Product .Pricing small a { }
.Product .Pricing small a:hover { }
.Product .Pricing .VPE { color: #002e62}
/*</agl.folder>*/



/*<agl.folder "Category (Für Kategorien-Teaser)">*/
.Category { height: 250px; overflow: hidden; }
.Category .Inner { height: 190px }

.Category .CatImage { text-align: center }

.Category .Details { color: #002e62; font-weight: bold; position: absolute; bottom: 0; left: 0 }
.Category .Details a { color: #002e62; text-decoration: underline }
.Category .Details a:hover { text-decoration: none }
/*</agl.folder>*/



/*<agl.folder "Category (Für Kategorien-Teaser)">*/
.UpComing .Third {} 
.UpComing .Third h4 { padding-top: 0 } 
.UpComing .BorderLeft {border-left: 1px solid #f03}
.UpComing .BorderLeft, 
.UpComing .BorderLeft h4, 
.UpComing .BorderLeft p { margin-left: 10px; }
/*</agl.folder>*/



/*<agl.folder "ProductInfo (Für Produkt-Details)">*/
.ProductInfo {}
.ProductInfo .BoxHeading { position: relative }
.ProductInfo .BoxHeading .Right { font-weight: normal; position: absolute; top: 0.8em; right: 10px }
.ProductInfo .Inner { }

.ProductInfo .ProdImage { color: #4e575d; text-align: center; width: 250px; height: 250px; float: right }
.ProductInfo .ProdImage small { font-size: 11px; }
.ProductInfo .Shipping { color: #4e575d}
.ProductInfo .When { padding-bottom: 0; }
.ProductInfo form { float: none; clear: both }

.ProductInfo .Pricing { margin-top: 2em }
.ProductInfo .Pricing em   { color: #225068; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_Red.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; display: block; margin-right: 10px; width: 100px; height: 100px; float: left; overflow: hidden }
.ProductInfo .Pricing em small   { color: #225068; line-height: 0; text-align: center; padding-top: 2em; position: relative; top: -45px }
.ProductInfo .Pricing a { color: #f03}
.ProductInfo .Pricing a:hover { }
.ProductInfo .Pricing br { display: none }
.ProductInfo .Pricing del  { color: #ccc; font-size: 14px; display: block }
.ProductInfo .Pricing del.Red  { }
.ProductInfo .Pricing strong { color: #f03; font-size: 12pt; display: block }
.ProductInfo .Pricing strong span { color: #f03; font-size: 18pt; padding-left: 5px }
.ProductInfo .Pricing strong a { }
.ProductInfo .Pricing strong a:hover { }
.ProductInfo .Pricing small { color: #f03; display: block }
.ProductInfo .Pricing small a { }
.ProductInfo .Pricing small a:hover { }
.ProductInfo .Pricing .VPE { color: #002e62}

.ProductInfo .Order,
.ProductInfo .Order *  { color: #4e575d; font-size: 11px; font-weight: bold }
.ProductInfo .Order .Quantity { text-align: right; padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #4e575d}
.ProductInfo .Order .Bestellen { color: #f03; text-decoration: underline; background-color: transparent; cursor: pointer; border-style: none }
.ProductInfo .Order .Bestellen:hover { text-decoration: none; border-bottom: #fff }

.ProductInfo .Options,
.ProductInfo .Options *  { color: #4e575d; font-size: 11px }
.ProductInfo .Options select { padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #4e575d}
/*</agl.folder>*/



/*<agl.folder "SpecialHeading (Zwischenüberschrift im Balken)">*/
.SpecialHeading  { color: #fff; font-size: 16pt; line-height: 2em; background-color: #f03; padding: 0; width: 730px; height: 2em; float: none; clear: both; border-bottom: 3px solid #001738 }
.SpecialHeading span  { display: block; padding-right: 10px; padding-left: 10px }
/*</agl.folder>*/



/*<agl.folder "Navigator (Blättern in Produkt-Details)">*/
.Navigator  { color: #4e575d; line-height: 2em; margin-right: 5px; margin-left: 5px; padding: 0; width: 710px; height: 2em }
.Navigator span {}
.Navigator a { color: #002e62; text-decoration: none }
.Navigator a:hover { text-decoration: underline }
/*</agl.folder>*/



/*<agl.folder "Formulare">*/
.Formular { margin: 0; padding: 0 }
.Formular li { line-height: 2em; list-style-type: none; padding: 0; position: relative; height: 2em; border-bottom: 1px solid #d3d7d8 }
.Formular label { padding: 0 }
.Formular p { padding: 0; position: absolute; top: 0; left: 180px; height: 2em; vertical-align: middle }
.Formular input { line-height: 1.1em; width: 250px; vertical-align: middle }
.Formular select { line-height: 1.1em; width: 250px }
.Formular li.Gender input { width: auto; }
.Formular li.Standard input { width: auto; }
.Formular li.TextArea { height: 15em; }
.Formular li.TextArea textarea { width: 250px; height: 14em; line-height: auto; }
.Formular li.TextArea p { height: auto; line-height: auto; }

.Half ul.Formular { width: 350px }
.Half ul.Formular li { line-height: 2em; list-style-type: none; height: 2em; border-bottom: 1px solid #d3d7d8 }
.Half ul.Formular p { left: 120px }
.Half ul.Formular input { width: 120px }
.Half ul.Formular select { width: 120px }
.Half ul.Formular li.Gender input { width: auto; }
.Half ul.Formular li.Standard input { width: auto; }

.inputRequirement { color: #002e62}
.inputRequirement a { color: #f03; text-decoration: underline }
.inputRequirement a:hover { text-decoration: none }
/*</agl.folder>*/



/*<agl.folder "PopUps">*/
#PopUp { background-color: #fff; text-align: center; margin: 0; padding: 0 }
#PopUp * { margin: 0 auto; padding: 0 }
#PopUp #pName { color: #fff; font-size: 12pt; line-height: 20pt; background-color: #002e62; margin: 0; padding: 0; height: 20pt; overflow: hidden; border-bottom: 2px solid #f03}
#PopUp #pImage { background-color: #fff; height: 480px; border-bottom: 2px solid #002e62}
#PopUp #pImage img { margin-top: 10px }
#PopUp iframe { height: 160px; border-style: none }
#PopUp #Close { font-size: 1em; line-height: 2em; height: 2em; overflow: hidden; border-top: 2px solid #002e62}
#PopUp #Close a { color: #002e62}

#PopThumbs { background-color: #fff; background-image: none; text-align: center; margin: 0; padding: 0; vertical-align: middle }
#PopThumbs table, 
#PopThumbs td { margin: 0; padding: 0; vertical-align: middle; border-collapse: collapse; border-spacing: 0; }
#PopThumbs td { }
#PopThumbs a { margin: 10px }
#PopThumbs a.On {}
#PopThumbs a img { margin: 0; padding: 0; border: solid 1px #4e575d}
#PopThumbs a.On img { margin: 0; padding: 0; border: solid 1px #f03}
/*</agl.folder>*/



/*<agl.folder "Tabellen (u.a. Warenkorb)">*/
#ShoppingCart { margin-top: 1em; border: solid 1px #4e575d}
#ShoppingCart th { background-color: #ddd; border-bottom: 1px solid #f03}
#ShoppingCart td { border-bottom: 1px solid #d3d7d8; border-left: 1px solid #d3d7d8 }
#ShoppingCart td.CartImage { border-left: none }

.BorderedTable { margin-top: 1em; border: solid 1px #4e575d}
.BorderedTable th { background-color: #ddd; border-bottom: 1px solid #f03}
.BorderedTable td { border-bottom: 1px solid #d3d7d8; border-left: 1px solid #d3d7d8 }
.BorderedTable td.CartImage { border-left: none }
/*</agl.folder>*/