html {
	overflow: scroll;
}

body {
	color: #000; font-size:13px; 
	font-family: Arial, Verdana, sans-serif;
	margin:0 auto;
	padding: 0px;
	text-align: left;
	width:1024px;
	padding-bottom:100px;
	background : #000 url(../images/background.gif) repeat-y;
	background-position: top center;
} 

body.popup {
	background : none;
	background-color:#FFF;
	width: 560px;
	padding:10px;
	margin:0px;
}

#header {
	padding-left: 29px;
	height:143px;
	position:relative;
}

.headWeihTanne { position:absolute; left:710px; top:24px; }
.headWeihKugeln { position:absolute; left:400px; top:0px; }
.headWeihSchnee2 { position:absolute; left:890px; top:90px; }

h1 {
	color:#6C777C; font-size:22px;
}

ul {
	list-style-type:none; padding:0px; margin:0px;
}
#header #logo {
	float:left; width:391px;
}
#header #hotline {
	float:left; width:385px;
}

#header #warenkorb {
	float:left; width:211px; position:relative;
}
#header #warenkorb .wkleft {
	float:left; width:42px; padding-top:6px; cursor:pointer;
}

#header #warenkorb .middle {
	float:left; width: 145px; height:26px; background: url(../images/bg-warenkorb.gif) no-repeat; padding-top:20px; cursor:pointer;
	z-index:9999;
}

#header #warenkorb #WKButton { text-align:right; padding-right:28px; }
*html #header #warenkorb #WKButton { padding-right:0px; }

#header #warenkorb .wkleer { color: #6B7378; }
#header #warenkorb .wkvoll { color: #FFFFFF; }

#header #warenkorb .middle ul {
	list-style-type:none; padding:0px; margin:0px;
}
#header #warenkorb .middle ul li {
	float:left; width:67px; text-align:center;
}

#header #warenkorb .middle ul li.left {
	border-right: 1px solid #6B7378;
}
#header #warenkorb .right {
	float:left; width:20px; padding-top:20px; cursor:pointer;
}

#navi {
	height:37px;
	background: url(../images/background-navi.gif) no-repeat;
	/* background: url(../images/background-navi-weihnachten.gif) no-repeat; */
	padding: 0px 20px 0px 23px;
}

#navi ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#navi ul li { float:left; position:relative; z-index:10;}
#navi ul li.flyout, #navi ul li.flyoutServ, #navi ul li.flyoutmein { }

#navi ul li.flyout .SubMenu { display:none; }
#navi ul li.flyout .SubMenuBags { display:none; }
#navi ul li.flyoutServ .SubMenuService { display:none; }
#navi ul li.flyoutmein .SubmenuMein { display:none; }

#navi ul li.flyout:hover .SubMenu {
	width: 937px; height: 348px; z-index:11;
	overflow: hidden; padding:0px; display:block; position:absolute;
	left:-87px; top:37px;
	border-right:2px solid #D61B27;
	border-left:2px solid #D61B27;
	border-bottom:2px solid #D61B27;
	-moz-border-radius:3px;
	-khtml-border-radius:30px;
	
}

#navi ul li.flyout:hover .SubMenuBags {
	width: 937px; height: 181px; z-index:12; 
	overflow: hidden; padding:0px; display:block; position:absolute;
	left:-160px; top:37px;
	border-right:2px solid #D61B27;
	border-left:2px solid #D61B27;
	border-bottom:2px solid #D61B27;
	-moz-border-radius:3px;
	-khtml-border-radius:30px;
}

#navi ul li.flyoutServ:hover .SubMenuService {
	width: 774px; height: 91px; z-index:13; 
	overflow: hidden; padding:0px; display:block; 
	position:absolute; top:37px; left:-307px;
	border-right:2px solid #D61B27;
	border-left:2px solid #D61B27;
	border-bottom:2px solid #D61B27;
	-moz-border-radius:3px;
	-khtml-border-radius:30px;
}

#navi ul li.flyoutmein:hover .SubmenuMein {
	width: 544px; height: 170px; z-index:14; 
	overflow: hidden; padding:0px; display:block; 
	position:absolute; top:37px; left:-166px;
	border-right:2px solid #D61B27;
	border-left:2px solid #D61B27;
	border-bottom:2px solid #D61B27;
	-moz-border-radius:3px;
	-khtml-border-radius:30px;
}

.SubMenu .topliving {
	background:url(../images/flyoutmenu/bg-living-top.gif) no-repeat; height:12px;
}
.SubMenuBags .topbags {
	background:url(../images/flyoutmenu/bg-bags-top.gif) no-repeat; height:12px;
}
.SubMenu .line, .SubMenuBags .line {
	background:url(../images/flyoutmenu/bg-living-line.gif) repeat-y; padding-left:10px;
}

.SubmenuMein .topmein {
	background:url(../images/flyoutmenu/bg-mein-top.gif) no-repeat; height:8px;
}
.SubmenuMein .line {
	background:url(../images/flyoutmenu/bg-mein-line.gif) repeat-y; padding: 10px 0px 10px 10px; height:152px;
}
.SubmenuMein .bottom {
	background:url(../images/flyoutmenu/bg-mein-bottom.gif) no-repeat; height:10px;
}

*html .SubMenu .line, *html .SubMenuBags .line { padding-top:-5px; }

.SubMenu .bottom, .SubMenuBags .bottom {
	background:url(../images/flyoutmenu/bg-living-bottom.gif) no-repeat; height:12px;
}

.SubmenuMein .MeinLI1 { float:left; width:90px; }
.SubmenuMein .MeinLI2 { float:left; color:#6A7378; width:230px; line-height:20px; padding-top:10px; }
.SubmenuMein .MeinLI3 { float:left; width:200px; }

#navi ul li.flyout:hover .SubMenu div .li, #navi ul li.flyout:hover .SubMenuBags div .li { float:left; }

.SubMenuService .Servtop { background:url(../images/flyoutmenu/bg-service-top.gif) no-repeat; height:12px; }
.SubMenuService .Servline { background:url(../images/flyoutmenu/bg-service-line.gif) repeat-y; padding-left:10px; padding-top:13px; padding-bottom:13px;}
.SubMenuService .Servbottom { background:url(../images/flyoutmenu/bg-service-bottom.gif) no-repeat; height:12px; }
.SubMenuService a { text-decoration:none; color:#6A7378; }
.SubMenuService a:hover { text-decoration:underline; }

.SubMenuService .servSpal {float:left; text-align:left; border-right: 1px solid #D5D7D8; background-color:#FFF; }
.SubMenuService  .spal1 { width:138px; padding-left:15px;  }
.SubMenuService  .spal2 { width:163px; padding-left:25px; }
.SubMenuService  .spal3 { width:121px; padding-left:25px; }
.SubMenuService  .spal4 { width:110px; padding-left:40px; }
.SubMenuService  .spal5 { padding-left:30px; border-right:none; }


#navi ul li.spacer {
	width:113px;
}
#navi ul li.suchtext {
	float:left; background: url(../images/navi/background-suchtext.gif) no-repeat;  height:35px; width:220px; margin-top:3px;
}
#navi ul li.suchtext .left {
 	float:left; width:180px; padding-top:8px; text-align:left; padding-left:6px;
}
#navi ul li.suchtext .right {
	float:left; width:30px;
}


#MainContent {
	padding: 0px 20px 0px 24px;
	width:990px;
}

#Startseite {
	padding-left:5px;
}

#Startseite #impression {
	float:left; 
	width : 630px; 
	height: 390px;
	background: url(../images/startseite/bg-impressionen.gif) no-repeat;
	padding:10px;
	margin-top:4px;
}

#Startseite #impressionBild {
	height: 320px;
}

*html #Startseite #impressionBild {
	height:325px;
}

#Startseite #impressionBildGross {
	position:relative;
}

*html #Startseite #impressionBildGross {
	position:static;
}

*+html #Startseite #impressionBildGross {
	position:static;
}
	
#Startseite #imprPreisBox {
	position:absolute; 
	top:228px; 
	left: 465px;  
	font-weight:bold; color:#FFF;
}

*html #Startseite #imprPreisBox {
	margin-top:-90px; 
	margin-left: 456px;  
	position:static;
}

*+html #Startseite #imprPreisBox {
	margin-top:-90px; 
	margin-left: 456px;  
	position:static;
}


#preisboxEuro {	font-size:18px; }
#preisboxValue { font-size:24px; }


#thumbnails {
	width:630px; height:60px; margin-top:10px;
}

#thumbnails .left {
	float:left;width:50px; cursor:pointer;
}

#thumbnails .middle { float:left;width:527px; height:80px; background: url(../images/startseite/bg-thumbs.gif) repeat-x; padding-top:10px; position:relative; overflow:hidden;  padding-left:3px;
}

#thumbnails .middle div { width:75px; position:absolute; top:10px; cursor:pointer;}

#thumbnails .right { float:right;width:50px; cursor:pointer; }

#vorteile {
	float:left; margin-left: 10px; height: 414px; width:320px;
}
#farbwelt {
	float:left; height: 365px; width:320px; background: url(../images/startseite/bg-farbwelt.gif) no-repeat;
}

#farbwelt .content {
	padding: 50px 23px 20px 15px;
}

#farbwelt ul {
	list-style-type:none; padding:0px; margin:0px;
}

#farbwelt ul li {
	float:left;
	position:relative;
	height:59px;
	width:47px;
	background: url(../images/startseite/schatten-unten.png) 5px 2px no-repeat;
}

#farbwelt .li {
	float:left;
	position:relative;
	height:59px;
	width:47px;
	background: url(../images/startseite/schatten-unten.png) 5px 2px no-repeat;
}

#farbwelt ul li div {
	position:absolute; top:12px;
}
#farbwelt .trans { 
	position:relative; opacity:0.0; z-index:9999; width:47px; height:59px;
	background-color:#FFF;
}

#farbwelt .lidiv {
	position:absolute; top:12px;
}


#fatboyneuheiten { float:left; height: 355px; width:639px; background: url(../images/startseite/bg-neuheiten.gif) no-repeat; margin-left: 10px; padding:10px 0px 0px 11px; }

#fatboyneuheiten .Edison { float:left; width:240px; padding-left:20px; position:relative; }
#fatboyneuheiten .EdisonBlase { position:absolute; top:15px; left:110px; z-index:10000 }

*+html #fatboyneuheiten .EdisonBlase {left:90px;}

#fatboyneuheiten .Flowerpowersol { float:left; width:360px; position:relative;}
#fatboyneuheiten .FlowerpowersolBlase { position:absolute; top:90px; left:200px; }


#fatboyneuheiten .Original { float:left; width:305px; padding-left:0px; padding-top:45px; position:relative; }
#fatboyneuheiten .OriginalBlase { position:absolute; top:55px; left:165px; z-index:10000 }

*+html #fatboyneuheiten .OriginalBlase {left:90px;}

#fatboyneuheiten .Junior { float:left; width:305px; position:relative;}
#fatboyneuheiten .JuniorBlase { position:absolute; top:215px; left:150px; }


#fatboyneuheiten .Soulbag { float:left; width:287px; padding-left:0px; padding-top:45px; position:relative; }
#fatboyneuheiten .SoulbagBlase { position:absolute; top:255px; left:115px; z-index:10000 }

*+html #fatboyneuheiten .SoulbagBlase {left:90px;}

#fatboyneuheiten .Jeans { float:left; width:347px; position:relative;  padding-top:45px; }
#fatboyneuheiten .JeansBlase { position:absolute; top:25px; left:-30px; }



#ratenzahlung {
	float:left; height: 130px; width:485px; background: url(../images/startseite/bg-ratenzahlung.gif) no-repeat;
}

#ratenzahlung .content {
	padding-left: 158px;
	padding-top: 18px;
}

#ratenzahlung  h2 span {
	padding: 0; position:relative; z-index:5;
}
#ratenzahlung  h2 span {
	position:absolute; top: -5000px; left: -5000px;
}

#ratenzahlung h2 {
	background: url(../images/startseite/h2-einfacheratenzahlung.gif) 0 0 no-repeat; width:251px; height:27px; margin: 0; top:0px; left:0px;
}

#ratenzahlung .text {
	color:#FFF;
	line-height: 16px;
	width:251px;
	padding-top:17px;
	font-size:13px;
}


#kundenmeinungen { float:left; height: 130px; width:485px; background: url(../images/startseite/bg-ratenzahlung.gif) no-repeat; }
#kundenmeinungen:hover { background: url(../images/startseite/bg-ratenzahlung-hover.gif) no-repeat; }
#kundenmeinungen .content { padding-left: 160px; padding-top: 18px; }
#kundenmeinungen .text { color:#FFF; line-height: 16px; width:290px; padding-top:17px; font-size:13px; }

#farbmuster { float:left; height: 130px; width:485px; background: url(../images/startseite/bg-farbmuster.gif) no-repeat; margin-left: 10px; }
#farbmuster:hover { background: url(../images/startseite/bg-farbmuster-hover.gif) no-repeat; }
#farbmuster .content { padding-left: 209px;	padding-top: 18px; }
#farbmuster .text {	color:#FFF; line-height: 16px; width:251px; padding-top:17px; font-size:13px; }

#footer {
	padding: 10px 0px 0px 29px;
	width:980px;
}

#footer a {
	color:#FFF; text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .top {
	background: url(../images/bg-footer-top.gif) no-repeat; width:980px; height:5px;
}

#footer .middle {
	background: url(../images/bg-footer-line.gif) repeat-y; padding: 0px 26px 20px 26px;
}

*html #footer .middle {
	margin-top:-11px;
	border:1px solid #455056;
}

#footer .links {
	 float:left; width:156px;
}

#footer .links .titel span {
	padding: 0; z-index:5;
	position:absolute; top: -5000px; left: -5000px;
}

#footer .links .titel {
	background: url(../images/foo-links.gif) 0 0 no-repeat; width:93px; height:32px; margin: 0; top:0px; left:0px;
}

#footer .links ul {
	list-style-type:none; padding:11px 0px 0px 0px; margin:0px; width:116px;
}

#footer .links ul li {
	height:12px; border-bottom:1px solid #6B7378; padding-top:3px; padding-bottom:8px; padding-left:11px; font-size: 13px;
}

#footer .service {
	float:left; width:209px;
}
#footer .service .titel span {
	padding: 0; z-index:5;
	position:absolute; top: -5000px; left: -5000px;
}

#footer .service .titel {
	background: url(../images/foo-service.gif) 0 0 no-repeat; width:93px; height:32px; margin: 0; top:0px; left:0px;
}


#footer .service ul {
	list-style-type:none; padding:11px 0px 0px 0px; margin:0px; width:169px;
}

#footer .service ul li {
	height:12px; border-bottom:1px solid #6B7378; padding-top:3px; padding-bottom:8px; padding-left:11px; font-size: 13px;
}


#footer .meinungen {
	float:left; width:299px;
}
#footer .meinungen .titel span {
	padding: 0; z-index:5;
	position:absolute; top: -5000px; left: -5000px;
}

#footer .meinungen .titel {
	background: url(../images/foo-meinungen.gif) 0 0 no-repeat; width:140px; height:32px; margin: 0; top:0px; left:0px;
}

#footer .meinungen ul {
	list-style-type:none; padding:10px 0px 0px 0px; margin:0px; width:249px;
}

#footer .meinungen ul li {
	border-bottom:1px solid #6B7378; padding-top:4px; padding-bottom:5px; padding-left:11px; font-size: 13px;
}
#footer .meinungen ul li span { 
	color:#FFF
}

#footer .meinungen ul li.nob {
	 border-bottom:0px; 
}

#footer .meinungen ul li i {
	color: #878F94;
	font-style:normal;
}


#footer .infos { 
	float:left; width:262px;
}
#footer .infos .titel span {
	padding: 0; z-index:5;
	position:absolute; top: -5000px; left: -5000px;
}

#footer .infos .titel {
	background: url(../images/foo-ueberfatboy.gif) 0 0 no-repeat; width:160px; height:32px; margin: 0; top:0px; left:0px;
}

#footer .infos .text {
	padding:10px 0px 0px 0px; color:#878F94 ; line-height: 16px; font-size: 13px;
}
#footer .infos h2 { color:#878F94 ; line-height: 16px; font-size: 13px; }

#footer .infos2 { float:left; width:262px; }
#footer .infos2 .titel span { padding: 0; z-index:5; position:absolute; top: -5000px; left: -5000px;}
#footer .infos2 .titel { background: url(../images/foo-sitzclub.gif) 0 0 no-repeat; width:180px; height:32px; margin: 0; top:0px; left:0px; }
#footer .infos2 .text {padding:10px 0px 0px 0px; color:#878F94 ; line-height: 16px; font-size: 13px;}
#footer .infos2 h2 { color:#878F94 ; line-height: 16px; font-size: 13px; }

#footer .hilfe { 
	float:left; width:380px;
}

#footer .hilfe .titel span {
	padding: 0; z-index:5;
	position:absolute; top: -5000px; left: -5000px;
}

#footer .hilfe .titel {
	background: url(../images/foo-hilfe.gif) 0 0 no-repeat; width:250px; height:32px; margin: 0; top:0px; left:0px;
}

#footer .hilfe .text {
	padding:10px 0px 0px 0px; color:#878F94 ; line-height: 16px; font-size: 13px;
}

#footer .versand { float:left; width:280px; }
#footer .versand .titel span { padding: 0; z-index:5; position:absolute; top: -5000px; left: -5000px; }
#footer .versand .titel { background: url(../images/foo-versand.gif) 0 0 no-repeat; width:108px; height:32px; margin: 0; top:0px; left:0px; }
#footer .versand ul { list-style-type:none; padding:11px 0px 0px 0px; margin:0px; width:240px;}
#footer .versand ul li { height:12px; border-bottom:1px solid #6B7378; padding-top:3px; padding-bottom:8px; padding-left:11px; color:#FFF; font-size: 13px; }


#footer .infoWK { float:left; width:240px; }
#footer .infoWK .titel span { padding: 0; z-index:5; position:absolute; top: -5000px; left: -5000px; }
#footer .infoWK .titel { background: url(../images/foo-infowk.gif) 0 0 no-repeat; width:58px; height:32px; margin: 0; top:0px; left:0px; }
#footer .infoWK ul { list-style-type:none; padding:11px 0px 0px 0px; margin:0px; width:160px;}
#footer .infoWK ul li { height:12px; border-bottom:1px solid #6B7378; padding-top:3px; padding-bottom:8px; padding-left:11px; color:#FFF; font-size: 13px; }


#footer .bottom {
	background: url(../images/bg-footer-bottom.gif) no-repeat; width:980px; height:5px;
}

/* BEGINN FLYIN MENU */
#HeaderFlyIn { 
	position:absolute; width:250px; left:-46px; top: 40px; z-index:99999;
}
#HeaderFlyIn .FlyTop { 
	background: url(../images/flyin/bg-top.gif) no-repeat; height:7px;
}

#HeaderFlyIn .FlyLine { 
	background: url(../images/flyin/bg-line.gif) repeat-y; padding: 12px 10px; color:#000;
}

#HeaderFlyIn .FlyTitel { font-size:13px; color:#6C777C }

#HeaderFlyIn .FlyBottom {
	background: url(../images/flyin/bg-bottom.gif) no-repeat; height:7px;
}

#HeaderFlyIn ul {
	list-style-type: none; padding:0px; margin:0px;
}

#HeaderFlyIn ul li { 
	padding: 5px 0px;
}

#HeaderFlyIn .ArtikelBild {
	float:left; width:60px;
}

#HeaderFlyIn .ArtikelText {
	float:left; width:158px; padding-left:8px;
}

#HeaderFlyIn .ArtikelTitel {
	float:left; font-weight:bold; font-size:11px; color:#6C777C
}
#HeaderFlyIn .ArtikelTitelR {
	float:right;
}

#HeaderFlyIn .PosLeft {
	float:left; width:100px;
}
#HeaderFlyIn .PosRight {
	float:right; font-weight:bold; text-align:right; width: 55px;
}

#HeaderFlyIn ul li.trenner {
	padding:0px;
}

#HeaderFlyIn .ProdTextRot { color:#D61B27; }


#SitemapList .LandingTop { background: url(../images/landing/ContentTop.gif) no-repeat; height:4px; margin-left:5px; }
#SitemapList .LandingLine { background: url(../images/landing/ContentLine.gif) repeat-y; margin-left:5px; }
#SitemapList .LandingContent { color:#000; font-size:13px; padding: 16px 10px 16px 10px; }
#SitemapList .LandingBottom { background:url(../images/landing/ContentBottom.gif) no-repeat; height:6px; margin-left:5px; }
#SitemapList a {color:#6D6A6A; }
#SitemapList a:hover { text-decoration:none; }


#Shop1 .LandingTop { background: url(../images/landing/ContentTop.gif) no-repeat; height:4px; margin-left:5px; }
#Shop1 .LandingLine { background: url(../images/landing/ContentLine.gif) repeat-y; margin-left:5px; }
#Shop1 .LandingContent { color:#000; font-size:13px; padding: 16px 10px 16px 10px; }
#Shop1 .LandingBottom { background:url(../images/landing/ContentBottom.gif) no-repeat; height:6px; margin-left:5px; }


#Shop1 #LinksListe { float:left; width:160px; padding-top:12px; }
#Shop1 #LinksListe ul { list-style-type:none; padding:0px; margin:0px; }
#Shop1 #LinksListe ul li { padding:5px 0px; border-bottom:1px solid #eee; }
#Shop1 #LinksListe a { text-decoration:none; color:#000;}

#Shop1 #RechtsProdukte { float:left; width:780px; }

.SingleProdukt { float:left; no-repeat; width:190px; height:280px; margin-right:5px; }
.SingleOben { background: url(../images/farben/bg-produkt.gif) no-repeat; height:196px; }
.SingleDetails { background: url(../images/farben/bg-details.gif) no-repeat; margin-left: 10px; margin-top:5px; height: 46px; width:183px; padding-top:10px; }
.DivTX { height:32px;padding-top:15px; padding-left:6px; text-align:center; }
.DivTX a { text-decoration:none; color:#000; font-weight:bold; }
.DivImg { padding-left:14px; padding-top:12px;}
.DetPreis { float:left; width:90px; text-align:center; padding-top:3px; padding-right:10px; font-weight:bold; font-size:24px; color: #6C777C }
.DetButton { float:left; width:74px; }