/*******************************************************************************
* HTML Komponenten
*******************************************************************************/

body					{ Overflow: auto; Color: white; Margin: 0px; Background: URL('./gr/BG_Body.gif') no-repeat scroll top center black; Font-Size: 12px; Font-Family: Verdana, Arial, Helvetica, sans-serif; text-Align: center; }
form					{ Padding: 0px; Margin: 0px; }
table					{ Table-Layout: fixed; }
a, a:active, a:visited	{ Color: white; Text-Decoration: none; }
a:hover					{ Text-Decoration: underline; }
h1	    				{ Font-Family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 14px; Text-Align: center; Float: left; Width: 99%;}
center         			{ Margin: 0px; Padding: 0px; }

/*******************************************************************************
* Global
*******************************************************************************/

.MsgA					{ Float: left; Height: 222px; Left:83px; Position: relative; Text-align: left; Top: 127px; Width: 824px; }
.MsgB					{ Float: left; Height:403px; Left:60px; Position: relative; Text-align: left; Top: 79px; Width: 882px; Overflow: auto; }
.MsgB h3				{ Margin-left: 20px; }
.MsgB .Absatz			{ Margin-left: 40px; }
.MsgC					{ Float: left; Height: 273px; Left: 81px; Overflow: auto; Position: relative; Text-align:left; Top:79px; Width:882px; }
.MsgD					{ Float:left; Font-size:9px; Height:91px; Left:81px; Overflow:auto; Position:relative; Text-align:center; Top:100px; Width:841px; }

/*******************************************************************************
* Mainframe
*******************************************************************************/

#MainFrame				{ Background: URL('./gr/BG_Mainframe.gif') no-repeat scroll top center transparent; Height: 600px; Margin: 13px auto 0px auto; Width:1000px; }
#MainMenu				{ Float: left; Margin-Top: 32px; Padding-Left: 300px; Height: 25px; Font-Size: 12px; Font-Weight: bold; }
#MainMenu ul			{ Margin: 4px 0px 0px; Padding: 0px; List-Style-Type: none; }
#MainMenu ul .Last		{ Margin-Left: 100px; }
#MainMenu li			{ Margin-right: 15px; Float: left;  }
#Module					{ Float: left; Position: relative; Top: 9px; Left: 1px; Width: 997px; Height: 490px; }
#Footer					{ Float: left; Position: relative; Top: 9px; Left: 1px; Width: 997px; Height: 26px; }
.FooterBG_Home			{ Background: URL('./gr/BG_Footer-Home.gif') no-repeat scroll top left transparent; }
.FooterBG_Default		{ Background: URL('./gr/BG_Footer-Default.gif') no-repeat scroll top left transparent; }
#Footer .LosSubMenuos	{ Float: left; Width: 745px; Height: 26px; Text-Align: right; }
#Footer .LosWarenKorb	{ Float: left; Width: 252px; Height: 26px; Text-Align: center; }
#Footer ul				{ Margin: 4px 0px 0px; Padding: 5px; List-Style-Type: none; }
#Footer li		 		{ Margin: 0px 15px 0px 0px; Float: right; }
#Footer .boxStyle			{ Margin: 0px 0px 0px 0px; Padding: 0px; background:#d9dadb; width=20px; height=5px; font-size=4pt; border:none;}


/*******************************************************************************
* Home
*******************************************************************************/

.Mod_Home									{ Background: URL('./gr/BG_Home.jpg') no-repeat scroll top left; }
#HomeMsg									{ Float: left; Height: 373px; Left: 334px; Position: relative; Top: 86px; Width:440px; }
#HomeMsg .Welcome							{ Float: left; Height: 136px; Left: 0px; Position: Relative; Text-align: left; Top:0px; Width: 440px; }
#HomeMsg .Notice							{ Float: left; Height: 114px; Left: 136px; Position: relative; Text-align: left; Top:119px; Width:279px; }
#Home_Offers								{ Float: left; Height:470px; Left:347px; Position: relative; Top: 20px; Width:210px; }
#Home_Offers .Offer							{ Float: left; Position: relative; Left: 30px; Width: 161px; Height: 223px; Margin-Top: 5px; Background: URL('./gr/BG_Home-Offer.png') no-repeat top left transparent; }
#Home_Offers .Offer .ImgHolder				{ Margin-left: 33px; Margin-top: 38px; Width: 125px; Height: 100px; }
#Home_Offers .Offer .Descr					{ Width: 146px; Height: 25px; Margin-Top: 26px; Margin-Left: 12px; Font-Size: 10px; Text-Align: left; }
#Home_Offers .Offer .Price					{ Width: 156px; Height: 25px; Margin-Top: 6px; }
#Home_Offers .Offer .Price div				{ Display: inline; Float: left; }
#Home_Offers .Offer .Price .Label			{ Width: 86px; Margin-Left: 7px; Color: #3C3C3C; Font-Weight: bold; }
#Home_Offers .Offer .Price .Go	   			{ Margin-Left: 2px; Margin-Top: 2px; Font-Size: 10px; Color: #3C3C3C; }
#Home_Offers .Offer .Price .Go a,
#Home_Offers .Offer .Price .Go a:active,
#Home_Offers .Offer .Price .Go a:visited	{ Color: #3C3C3C; }


/*******************************************************************************
* Versand
*******************************************************************************/

.Mod_Versand			{ Background: URL('./gr/BG_Versand.jpg') no-repeat scroll top left; }

/*******************************************************************************
* Produkt
*******************************************************************************/

.Mod_Produkt			{ Background: URL('./gr/BG_Product.jpg') no-repeat scroll top left; }
.ProduktSpace {
	Float: left;
	Position: relative;
	Top: 26px;
	Left: 60px;
	Width: 893px;
	Height: 457px;
}

.ProduktSpace .Nav {
	Float: left;
	Position: relative;
	Width: 38px;
	Height: 457px;
}

.ProduktSpace .Nav img {
	Margin-Top: 20px;
}

.ProduktSpace .Details {
	Float: left;
	Position: relative;
	Width: 306px;
	Height: 457px;
}

.ProduktSpace .Details .Thumb {
	Float: left;
	Position: relative;
	Width: 306px;
	Height: 154px;
}

.ProduktSpace .Details .Thumb img {
	Float: left;
	Margin-Top: 9px;
	Margin-Left: 17px;
}

.ProduktSpace .Details .Descr {
	Float: left;
	Position: relative;
	Width: 306px;
	Height: 223px;
	Overflow: auto;
    font-family:"Lucida Sans",sans-serif;
	font-size:10px;
	text-align:left;
	Border-Top: 1px solid #B1B1B3;
	Border-Bottom: 1px solid #B1B1B3;
	z-index: 10;
}

.ProduktSpace .Details .Price {
	Float: left;
	Position: relative;
	Width: 306px;
	Height: 30px;
	Line-Height: 30px;
	Text-Align: right;
}

.ProduktSpace .Details .Basket {
	Float: left;
	Position: relative;
	Width: 306px;
	Height: 44px;
}

.ProduktSpace .Details .Basket .BasketTable {
	Width: 306px;
	Height: 44px;
}

.ProduktSpace .Details .Basket .BasketTable .BasketBtn {
	Width: 80px;
	Text-Align: center;
}

.ProduktSpace .Details .Basket .BasketTable .Size {
	Text-Align: center;
	Width: 113px;
}

.ProduktSpace .Details .Basket .BasketTable .Size select {
	Width: 90px;
	Background-Color: transparent;
}


.ProduktSpace .Addon {
	Float: left;
	Position: relative;
	Width: 549px;
	Height: 457px;
}

.ProduktSpace .Addon .Title {
	Float: left;
	Position: relative;
	Width: 536px;
	Height: 40px;
	top: 13px;
	Line-Height: 40px;
	Text-Align: right;
    font-size:15px;
	font-weight:bold;
	Overflow: hidden;
}

.ProduktSpace .Addon .Flash {
	Float: left;
	Position: relative;
	Width: 492px;
	Height: 378px;
	top: 13px;
	Line-Height: 40px;
	Text-Align: left;
    font-size:15px;
	font-weight:bold;
	Padding: 26px 0px 0px 57px;
	Overflow: hidden;
}


/*******************************************************************************
* AGB
*******************************************************************************/

.Mod_AGB				{ Background: URL('./gr/BG_AGB.jpg') no-repeat scroll top left; }

/*******************************************************************************
* Kontakt
*******************************************************************************/

.Mod_Kontakt		  		{ Background: URL('./gr/BG_Contact.jpg') no-repeat scroll top left; }
#ContactDetails		   		{ Float:left; Position: relative; Height:404px; Top: 95px; Left: 82px; Width:286px; }
#ContactDetails .DefaultTXT { Border:0px solid white; Float:left; Height:12px; Margin:0px 0px 30px 20px; Width:244px; Background-color:transparent; Font-size:10px; }
#ContactMsg					{ Float:left; Position: relative; Height:385px; Top: 100px; Left: 100px; Width:540px; }
#ContactMsg .BigMsg			{ Background-color:transparent; Border: 0px solid white; Float: left; Height:304px; Margin:34px 0px 18px 25px; Width:521px; }
#ContactMsg .SendCopyField	{ Display:inline; Float:left; Margin-left: 206px; }
#ContactMsg .SendField		{ Display:inline; Float:left; Margin:-17px 0px 0px 386px; }

/*******************************************************************************
* Impressum
*******************************************************************************/

.Mod_Impressum	{ Background: URL('./gr/BG_Imprint.jpg') no-repeat scroll top left; }

/*******************************************************************************
* Hersteller
*******************************************************************************/

.Mod_Hersteller					{ Background: URL('./gr/BG_Manufactor.jpg') no-repeat scroll top left;}
#ManufactorLogoArea	  			{ Float: left; Left: 60px; Top: 78px; Position: relative; Height: 405px; Width: 882px; Overflow: auto; }
#ManufactorLogoArea .Item		{ Float: left; Display: inline;	Height: 90px; Margin-Left: 15px; Width: 154px; Margin-Top: 15px; Overflow: hidden; Line-Height: 90px; Text-Align: center; Border: 1px dotted black;	Background-Color: white; }
#ManufactorLogoArea .Item img	{ Vertical-Align: middle; }

/*******************************************************************************
* Warenkorb
*******************************************************************************/

.Mod_Warenkorb-LocNoItems,
.Mod_Warenkorb					{ Background: URL('./gr/BG_Basket.jpg') no-repeat scroll top left; }
.Mod_Warenkorb-Loc,
.Mod_Warenkorb-LocDeleteEntry,
.Mod_Warenkorb-LocUpdateCouter,
.Mod_Warenkorb-LocChangeMethod,
.Mod_Warenkorb-LocAddProdukt    { Background: URL('./gr/BG_Basket-Overview.jpg') no-repeat scroll top left; }
.Mod_Warenkorb-LocRegister,
.Mod_Warenkorb-LocStep2			{ Background: URL('./gr/BG_Basket-Step2.jpg') no-repeat scroll top left; }
.Mod_Warenkorb-LocLogin			{ Background: URL('./gr/BG_Basket-Login.jpg') no-repeat scroll top left; }
.Mod_Team,
.Mod_Warenkorb-LocAddAdress,
.Mod_Warenkorb-LocMakeOrder,
.Mod_Warenkorb-LocCofirmOrder	{ Background: URL('./gr/BG_Default.jpg') no-repeat scroll top left; }
.BasketNoItmes					{ Margin-Top: 100px; }
#Warenkorbus					{ Float: left; Height: 273px; Left:82px; Position:relative; Width:859px; }
.BasketContent					{ Float: left; Position:relative; Top: 119px; Overflow: auto; Width: 842px; Height: 169px }
.tableBasket					{ Width: 825px; }


.BasketBill {
	Float: left;
	Overflow: auto;
	top: 128px;
	Position: relative;
	width:823px;
	Height: 91px;
	left: 3px;
}

.BasketStep1 {
	Float: left;
	Overflow: auto;
	top: 133px;
	Position: relative;
	width:823px;
	Height: 91px;
	left: 3px;
}

.BasketStep1 .NextStepTable {
	Width: 99%;
}

.BasketStep1 .NextStepTable .NextBtn {
	Margin-Top: 5px;
}

.LoginTable {
	Width: 569px;
}

.LoginTable tr {
	Height: 24px;
}

.LoginTable .Label {
	Width: 150px;
	Text-Align: left;
	Text-Indent: 8px;
}

.LoginTable .Value {
	Width: 100%;
	Text-Align: left;
}

.LoginTable .Value input {
	Width: 265px;
	Border: 1px solid #929294;
	Background-Color: #AEAEB0;
}



.LoginTable .Action {
	Width: 100%;
	Height: 30px;
	Vertical-Align: bottom;
	Text-Align: right;
}

.AdressSelection {
	Float: left;
	Position: relative;
	Top: 39px;
	Left: 0px;
	Width: 871px;
	Height: 158px;
	Overflow: auto;
}

.AdressSelection .tableSelectAdress {
	Float: left;
	Width: 99%;
	Margin-Top: 10px;
}

.AdressSelection .tableSelectAdress .Adress {
    Width: 25%;
	Text-Align: left;
	Height: 95px;
	Border: 1px dotted white;
	Background-Color: #848486;
}

.AdressSelection .tableSelectAdress .Adress input {
	Border: 1px solid black;
	Margin-Top: 10px;
	Margin-Left: 10px;
	Width: 184px;
}

.NewAdress {
	Float: left;
	Position: relative;
	Width: 871px;
	Height: 266px;
	Top: 0px;
	Left: 0px;
	margin-top: 50px;
}

.NewAdress .NewAdrss {
	Width: 500px;
}

.NewAdress .NewAdrss .Label {
	Width: 120px;
	Text-Align: left;
}

.NewAdress .NewAdrss .Value {
	Width: 100%;
	Text-Align: left;
}

.NewAdress .NewAdrss .NewAd {
	Width: 100%;
	Text-Align: left;
	Text-Indent: 20px;
}

.NewAdress .NewAdrss .NewAd input {
  	Margin-Top: 10px;
}


.tableBasket {
	Float: left;
}

.tableNextStep {
	Margin-Top: 20px;
	Width: 96%;
	Float: left;
}




/*******************************************************************************
* Produkt-Übersicht
*******************************************************************************/

.Mod_Produktuebersicht 	   			{ Background: URL('./gr/BG_Product-Overview.jpg') no-repeat scroll top left; }
.Mod_Produktuebersicht_1   			{ Background: URL('./gr/BG_Product-Swim.jpg') no-repeat scroll top left; ! important; }
.Mod_Produktuebersicht_2   			{ Background: URL('./gr/BG_Product-Cicyle.jpg') no-repeat scroll top left; ! important; }
.Mod_Produktuebersicht_3			{ Background: URL('./gr/BG_Product-Run.jpg') no-repeat scroll top left; ! important; }
.Mod_Produktuebersicht_38			{ Background: URL('./gr/BG_Product-Food.jpg') no-repeat scroll top left; ! important; }
.Mod_Ergebnis	 	   				{ Background: URL('./gr/BG_Product-Overview.jpg') no-repeat scroll top left; ! important;}

#divProductMenu						{ Float: left; Height:418px; Left: 80px; Overflow: auto; Position:relative; Text-align:left; Top:70px; Width:157px; }
#divProductMenu	ul					{ Margin: 2px 0px 0px 15px; Padding: 0px; }
#divProductMenu	li					{ Font-Size: 10px; }
#divProductMenu	.Active				{ Font-Weight: bold; text-decoration: blink; }
#divProductRight					{ Float:left; Height:451px; left:93px; position:relative; text-align:left; top:39px; width:691px;}
#divProductNavigation				{ Float: left; Width: 100%; Height: 39px; }
#divProductNavigation div			{ Float: left; Display: inline; Margin-Top: 10px; }
#divProductNavigation .divLeft		{ Width: 30px; Text-Align: left; }
#divProductNavigation .divRight		{ Width: 30px; Text-Align: right; }
#divProductNavigation .divCenter	{ Width: 615px; Text-Align: right; Font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; }
.divProduct							{ Float: left; Width: 167px; Height: 187px; Margin-Top: 6px; Background: URL('./gr/BG_Product.png') no-repeat top left transparent; }
.divProduct .ProductImage			{ Float: left; Width: 167px; Height: 130px; }
.divProduct .ProductImage img		{ Margin-Left: 40px; Margin-Top: 8px; }
.divProduct .ProductTitle			{ Float: left; Font-Size: 10px; Padding-Left: 10px; Height:27px; Overflow: hidden; }
.divProduct .ProductPrice			{ Float: left; Font-Size: 10px; Padding-Left: 80px; Width: 79px; }
#divProductRight .Overview			{ Float: left; Height: 412px; Overflow: auto; Width: 691px; }