.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 { font-size: 9pt; 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: #fb7115; 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: 9pt }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { font-size: 9pt }
p small { font-size: 7pt }
h1 { font-size: 12pt }
h2 { font-size: 12pt }
h3 { font-size: 12pt }
h4 { font-size: 12pt }
h5 { font-size: 12pt }
h6 { font-size: 12pt }

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

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

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

#MainHeader { background-color: #2b3238; background-image: url("images/BG_MainHeader2.gif"); background-repeat: no-repeat; background-position: 50% 0; margin-bottom: 5px; position: relative; left: 10px; width: 970px; height: 600px; float: none; clear: both;
	z-index: 1;
}
#AktionsTeaser {
	position: absolute;
	left: 30px;
	width: 20px;
	height: 20px;
	top: 15px;
}

#break {
	position: absolute;
	left: 35px;
	width: 20px;
	height: 20px;
	top: 485px;
	z-index: 5;
}

/*<agl.folder "ShopLogo">*/
#ShopLogo { font-size: 14pt; top: 140px; left: 20px }
#ShopLogo,
#ShopLogo a,
#ShopLogo span { position: absolute; margin: 0; padding: 0; overflow: hidden; display: block; width: 200px; height: 125px }
#ShopLogo a { color: #0590c6; text-align: center }
#ShopLogo a small { color: #ff8e01; font-weight: normal }
#ShopLogo a:hover {}
#ShopLogo a span { background-image: url("images/Logo_Muscle24.gif"); background-position: 0 0; cursor: pointer; top: 0; left: 0 }
#ShopLogo a:hover span {}
/*</agl.folder>*/



/*<agl.folder "HeaderNavi">*/
#HeaderNavi { margin: 0; padding: 0; position: absolute; top: 300px; left: 20px; width: 190px }
#HeaderNavi li { font-size: 12pt; list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid #424a51 }
#HeaderNavi a { color: #d3d7d8; background-image: url("images/Bullet_HeaderNavi_Off.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 45px }
#HeaderNavi a.Current, 
#HeaderNavi a:hover { color: #ff8e01; background-image: url("images/Bullet_HeaderNavi_On.gif") }
#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 { text-align: right; margin: 0; padding: 0; position: absolute; top: 50px; right: 20px; width: 800px; float: right }
#TopNavi li { font-size: 12pt; display: inline; margin: 0 15px 0 0; padding: 0 }
#TopNavi a { color: #fff; font-weight: bold; text-transform: uppercase }
#TopNavi a small { font-weight: normal; text-transform: none; }
#TopNavi a.Current, 
#TopNavi a:hover { color: #ff8e01 }
#TopNavi .Pos1 { position: relative; top: 20px }
#TopNavi .Pos2 { position: relative; top: 10px }
#TopNavi .Pos3 { position: relative; top: 0 }
/*</agl.folder>*/



/*<agl.folder "Hotline">*/
#Hotline { color: #fff; font-size: 12pt; font-weight: bold; text-transform: uppercase; position: absolute; top: 80px; left: 20px }
#Hotline strong { color: #ff8e01; font-size: 14pt; font-weight: bold }
#Hotline strong small { font-size: 9pt; font-weight: normal }
/*</agl.folder>*/



/*<agl.folder "Banner-Styling">*/
#FlashLayer { margin: 0; padding: 0; top: 140px; left: 245px; width: 510px; height: 450px;
	z-index: 1;
}
#SlimBanner { top: 140px; left: 755px; width: 210px; height: 450px }
#FlashLayer span { background-image: url("images/BG_Flash.gif"); margin: 0; padding: 0; width: 510px; height: 450px }
#SlimBanner a { background-image: url("images/BG_SlimBanner.gif"); margin: 0; padding: 0; width: 210px; height: 450px }

#FlashLayer, 
#SlimBanner { margin: 0; padding: 0; position: absolute; overflow: hidden }
#FlashLayer span, 
#SlimBanner a { background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 0; overflow: hidden }
#FlashLayer span a { display: block; margin: 0; padding: 0; width: 510px; height: 450px }
#BannerBox { margin: 0; width: 730px }
/*</agl.folder>*/



#ShopContent { background-color: #bcbfc1; 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 { background-color: #2b3238; background-image: url("images/BG_LeftBar_Bottom_Light.gif"); background-repeat: no-repeat; background-position: 50% 100%; display: block; margin: 0; padding: 0; width: 220px; height: 3em; overflow: hidden }
#ShopSearch * { vertical-align: middle }
#ShopSearch p { padding-right: 10px; padding-left: 10px }
#ShopSearch .TextFeld { text-align: center; float: left; border: solid 1px #0590c6 }
#ShopSearch .Abschicken { float: right }
/*</agl.folder>*/



/*<agl.folder "BreadCrumb">*/
#BreadCrumb { color: #ff8e01; line-height: 2.9em; background-color: #2b3238; background-image: url("images/BG_BreadCrumb_Bottom.gif"); background-repeat: no-repeat; background-position: 50% 100%; text-indent: 10px; margin-right: 10px; padding: 0; height: 3em; overflow: hidden }
#BreadCrumb a { color: #ff8e01 }
#BreadCrumb a:hover {}
/*</agl.folder>*/



/*<agl.folder "CartBox">*/
#CartBox { color: #abb0b3; line-height: 2.9em; margin-bottom: -3em; padding: 0; position: relative; z-index: 2; top: -3em; right: 20px; height: 3em; float: right }
#CartBox strong { color: #d3d7d8; font-weight: normal }
#CartBox a { color: #ff8e01 }
#CartBox a:hover {}
/*</agl.folder>*/



/*<agl.folder "CatNavi">*/
#CatNavi { background-color: #2b3238; background-image: url("images/BG_LeftBar_Bottom_Light.gif"); background-repeat: no-repeat; background-position: 50% 100% }
#CatNavi, 
#CatNavi ul { margin: 0; padding: 0 0 0.4em; width: 220px }
#CatNavi li { list-style-type: none; display: inline; margin: 0; padding: 0 }

#CatNavi a {}
#CatNavi a:hover {}

#CatNavi h4 { background-color: #1b2329; margin: 0; padding-right: 10px; padding-left: 30px }
#CatNavi h4 a { color: #fff }
#CatNavi .FirstCat h4 { background-image: url("images/BG_LeftBar_Top_Dark.gif"); background-repeat: no-repeat; background-position: 50% 0 }

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



/*<agl.folder "Box Allgemein">*/
.Box { color: #abb0b3; background-color: #2b3238; background-image: url("images/BG_LeftBar_Bottom_Light.gif"); background-repeat: no-repeat; background-position: 50% 100%; margin: 0; padding: 0; width: 220px }
.Box h4 { color: #ccc; background-color: #1b2329; background-image: url("images/BG_LeftBar_Top_Dark.gif"); background-repeat: no-repeat; background-position: 50% 0; margin: 0; padding-right: 10px; padding-left: 30px }
.Box h4 span {}
.Box p { margin: 0 10px }
.Box .NaviList { margin: 0; padding: 0 0 0.4em; width: 220px}
.Box .NaviList li { 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: #d3d7d8; }
.Box a:hover {}
/*</agl.folder>*/




/*<agl.folder "MainFooter">*/
#MainFooter { color: #abb0b3; background-color: #2b3238; background-image: url("images/BG_MainFooter_Bottom.gif"); background-repeat: no-repeat; background-position: 50% 100%; position: relative; left: 15px; width: 960px; height: 3em; float: none; clear: both; overflow: hidden }
#MainFooter p { line-height: 2.9em; background-image: url("images/BG_MainFooter_Top.gif"); background-repeat: no-repeat; padding: 0 10px }
#MainFooter a { color: #abb0b3 }
#MainFooter a:hover { color: #bcbfc1 }
#MainFooter .On { color: #fff }
#MainFooter .On:hover {}
#MainFooter .Left { background-position: 0 0 }
#MainFooter .Right { background-position: 100% 0 }
/*</agl.folder>*/



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



/*<agl.folder "ContentBox (Gestaltung und Farbe)">*/
.ContentBox { background-color: #fff; background-repeat: no-repeat; background-position: 50% 100%; float: left }
.ContentBox .BoxHeading { color: #fff; background-color: #0590c6; background-repeat: no-repeat; background-position: 50% 0; padding-right: 10px; padding-left: 10px }
.ContentBox .BoxHeading a { color: #fff; }
.ContentBox .BoxHeading a:hover {}
.ContentBox .BoxHeading span {}
.ContentBox .Inner { margin: 10px; position: relative; overflow: hidden }
/*</agl.folder>*/



/*<agl.folder "ContentBoxe (Breiten allgemein)">*/
.Full { background-image: url("images/BG_ContentBox_Full.gif"); width: 730px }
.Full .Inner { width: 710px}
.Full .BoxHeading { background-image: url("images/BG_BoxHeading_Full.gif"); }
.Half { background-image: url("images/BG_ContentBox_Half.gif"); margin-right: 10px; width: 360px }
.Half .Inner{ width: 340px }
.Half .BoxHeading { background-image: url("images/BG_BoxHeading_Half.gif"); }
.Third { background-image: url("images/BG_ContentBox_Third.gif"); 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 { background-image: none; 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 #fb7115; border-right: 1px solid #fb7115 }
.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 #0590c6 }
/*</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 #0590c6 }
.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: #0590c6; font-weight: bold }
.Product .Details a { color: #0590c6; text-decoration: underline }
.Product .Details a:hover { text-decoration: none }
.Product .Order { color: #ff8e01; font-weight: bold; padding-top: 0 }
.Product .Order a { color: #fb7115; text-decoration: underline }
.Product .Order a:hover { color: #ff8e01; text-decoration: none }

.Product .Pricing { line-height: normal; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 340px }
.Product .Pricing em { color: #054e99; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_OrangeDark.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: #054e99; line-height: 0; text-align: center; margin: 0; padding: 2em 0 0; position: relative; top: -45px }
.Product .Pricing a { color: #fb7115 }
.Product .Pricing a:hover { }
.Product .Pricing br { display: none }
.Product .Pricing del { color: #abb0b3; font-size: 11pt; display: block; padding-top: 1.4em }
.Product .Pricing del.Red { color: #c00; }
.Product .Pricing strong { color: #ff8e01; font-size: 12pt; display: block }
.Product .Pricing strong a { font-size: 18pt; padding-left: 5px }
.Product .Pricing strong a:hover { color: #ff8e01; text-decoration: none }
.Product .Pricing small { color: #fb7115; display: block }
.Product .Pricing small a { }
.Product .Pricing small a:hover { }
.Product .Pricing .VPE { color: #424a51 }
/*</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: #0590c6; font-weight: bold; position: absolute; bottom: 0; left: 0 }
.Category .Details a { color: #0590c6; 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 #ff8e01 }
.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: #666; text-align: center; width: 250px; height: 250px; float: right }
.ProductInfo .ProdImage small { font-size: 9pt; }
.ProductInfo .Shipping { color: #abb0b3 }
.ProductInfo .When { padding-bottom: 0; }
.ProductInfo form { float: none; clear: both }

.ProductInfo .Pricing { margin-top: 2em }
.ProductInfo .Pricing em { color: #054e99; font-size: 20pt; line-height: 90px; background-image: url("images/Prozent_OrangeDark.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: #054e99; line-height: 0; text-align: center; padding-top: 2em; position: relative; top: -45px }
.ProductInfo .Pricing a { color: #ff8e01 }
.ProductInfo .Pricing a:hover { }
.ProductInfo .Pricing br { display: none }
.ProductInfo .Pricing del { color: #abb0b3; font-size: 11pt; display: block }
.ProductInfo .Pricing del.Red { color: #c00; }
.ProductInfo .Pricing strong { color: #ff8e01; font-size: 12pt; display: block }
.ProductInfo .Pricing strong span { color: #fb7115; font-size: 18pt; padding-left: 5px }
.ProductInfo .Pricing strong a { }
.ProductInfo .Pricing strong a:hover { }
.ProductInfo .Pricing small { color: #fb7115; display: block }
.ProductInfo .Pricing small a { }
.ProductInfo .Pricing small a:hover { }
.ProductInfo .Pricing .VPE { color: #424a51 }

.ProductInfo .Order,
.ProductInfo .Order * { color: #666; font-weight: bold }
.ProductInfo .Order .Quantity { text-align: right; padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #666 }
.ProductInfo .Order .Bestellen { color: #fb7115; 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: #666 }
.ProductInfo .Options select { padding-right: 0.2em; padding-left: 0.2em; border: solid 1px #666 }
/*</agl.folder>*/



/*<agl.folder "SpecialHeading (Zwischenüberschrift im Balken)">*/
.SpecialHeading { color: #fff; font-size: 16pt; line-height: 2em; background-color: #fb7115; background-image: url("images/OrangeDarkHeading_Bottom.gif"); background-repeat: no-repeat; background-position: 0 100%; padding: 0; width: 730px; height: 2em; float: none; clear: both }
.SpecialHeading span { background-image: url("images/OrangeDarkHeading_Top.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-right: 10px; padding-left: 10px }
/*</agl.folder>*/



/*<agl.folder "Navigator (Blättern in Produkt-Details)">*/
.Navigator { color: #1b2329; line-height: 2em; margin-right: 10px; margin-left: 10px; padding: 0; width: 710px; height: 2em }
.Navigator span {}
.Navigator a { color: #424a51; 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: #0590c6 }
.inputRequirement a { color: #fb7115; 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: #0590c6; margin: 0; padding: 0; height: 20pt; overflow: hidden; border-bottom: 2px solid #fb7115 }
#PopUp #pImage { background-color: #fff; height: 480px; border-bottom: 2px solid #0590c6 }
#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 #0590c6 }
#PopUp #Close a { color: #0590c6 }

#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 #abb0b3 }
#PopThumbs a.On img { margin: 0; padding: 0; border: solid 1px #fb7115 }
/*</agl.folder>*/



/*<agl.folder "Tabellen (u.a. Warenkorb)">*/
#ShoppingCart { margin-top: 1em; border: solid 1px #abb0b3 }
#ShoppingCart th { background-color: #ddd; border-bottom: 1px solid #ff8e01 }
#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 #abb0b3 }
.BorderedTable th { background-color: #ddd; border-bottom: 1px solid #ff8e01 }
.BorderedTable td { border-bottom: 1px solid #d3d7d8; border-left: 1px solid #d3d7d8 }
.BorderedTable td.CartImage { border-left: none }
/*</agl.folder>*/