/* René Lezard Relaunch 2010
   author:		David Steeb, Julian Lochstampfer */

/* reset.css v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;}
/* end reset */


/* --- general typo --- */
h2 { font-size: 18px; line-height: 26px; color: #666; font-weight: normal; margin-bottom: 10px; }
h3 { font-weight: bold; font-size: 11px; line-height: 15px; /*  margin-top: 1em; */ }
h4 { font-size: 15px; line-height: 16px; color: #333; }
h5 { font-size: 15px; line-height: 20px; text-transform: uppercase; color: #999; }
p { margin-bottom: 1em; }
a { color: #999; text-decoration: none; }
a:hover { color: #333; }


/* --- general classes --- */
.outOfSight { position: absolute; margin-left: -13999px; }
.titleTag { display: none; }

/* --- buttons --- */
.button { width: 162px; /* margin: 0 5px; */ height: 25px; display: block; display: block; position: relative; }
.button a { display: block; background: url(img/buttonSprite25.png) left bottom; height: 25px; width: 157px; margin-right: 5px; line-height: 25px; color: #666; }
.button a .buttonRight { background: url(img/buttonSprite25.png) right bottom; width: 5px; height: 25px; display: block; float: right; margin-right: -5px; font-size: 1px; }
.buttonLight a { background-position: left top; }
.buttonLight a .buttonRight { background-position: right top; }
.button a:hover { background-position: left top; }
.button a:hover .buttonRight { background-position: right top; }
.buttonLight a:hover { background-position: left bottom; }
.buttonLight a:hover .buttonRight { background-position: right bottom; }
.buttonShort { width: 142px; }
.buttonShort a { width: 137px; }

.button .icon { width: 25px; height: 25px; background: url(img/iconSprite.png); display: block; text-indent: -131313; float: left; }
.buttonZoom .icon      { background-position: 0px 0px; }
.buttonVideo .icon     { background-position: 0px -25px; }
.buttonShare .icon     { background-position: 0px -50px; }
.buttonLookbook .icon  { background-position: 0px -75px; }
.buttonSlideshow .icon { background-position: 0px -125px; }
.buttonSend .icon      { background-position: 0px -150px; }
.buttonSearch .icon    { background-position: 0px -175px; }
.buttonNext .icon      { background-position: 0px -200px; }
.buttonDownload .icon  { background-position: 0px -225px; }


/* --- main layout --- */
html, body { background: url(img/bgWall.jpg) center top fixed; font-family: "Arial", "Helvetica", sans-serif; font-size: 11px; line-height: 15px; color: #666; display: block; }
html { height: 100.1%; }
body { min-height: 100%; float: left; width: 100%; position: relative; height: 100%; }
#pageWrap { width: 920px; margin: 0 auto; height: 100%; display: block; }
#pageInnerWrap { min-height: 100%; float: left; display: block; position: relative; }
#header { height: 71px; width: 100%; float: left; }
#logo { float: right; margin-top: 30px; margin-left: 10px; z-index: 14000; }
#logo a { z-index: 14001; position: relative; }

#main { width: 100%; float: left; padding-bottom: 50px; }
#content { width: 100%; }

/* --- footer --- */
#footer { position: absolute; bottom: 0px; left: 0px; width: 920px; float: left; z-index: 14020; }
.footerHeader { height: 12px; width: 100%; float: left; background: url(img/bgFooterHeader.png) left top no-repeat; }
.footerBody { background: url(img/bgFooterContent.png) left top repeat-y; width: 100%; float: left; }
.footerMenu { width: 100%; float: left; }
.footerMenu ul { margin-left: 30px; margin-top: -1px; padding-bottom: 6px;}
.footerMenu li { display: inline; margin-right: 10px; }
.footerMenu a { color: #999; text-decoration: none; }
.footerMenu a:hover, .footerMenu .active { color: #333; }
.footerContent { width: 100%; float: left; /* max-height: 600px; overflow-y: auto; */ padding-bottom: 10px;  }
.footerContentInnerWrap { padding: 10px 20px 10px 30px;  }
.footerContentInnerWrap .multiCol-col .multiColInnerWrap { margin-bottom: 10px; }

/* --- footer close --- */
.footerMenu li.close { float: right; margin-right: 15px; }
.footerMenu div.close {float: right; height: 13px; overflow: hidden;  }
.footerMenu .close a { height: 13px; display: block; position: relative; }
.footerClose span { display: block; float: left; background: url(img/iconSprite.png); }
.footerMenu li.close { display: none; }
.footerMenuActive li.close { display: inline; }
.footerMenu .closeButtonOpened { display: none; }
.footerMenu .closeButtonLeft { width: 9px; background-position: right -475px; }
.footerMenu .closeButtonRight { width: 9px; background-position: left -500px; }
.footerMenu .closeButtonText { padding-right: 5px; font-size: 10px; color: #666; line-height: 13px; background-position: left -525px; }
.footerMenu .closeButtonClosed { width: 13px; height: 13px; overflow: hidden; display: block; background-position: left -450px; }
/* hover-effect disabled, closeButton would jump in second row... */
/* .footerMenu a:hover .closeButtonClosed { display: none; } */
/* .footerMenu a:hover .closeButtonOpened { display: block; } */




/* --- menus --- */
.sectionHeadline { padding: 0 10px; display: block; width: 900px; }
.sectionHeadline a { color: #999; text-decoration: none; }
.sectionHeadline h5 .active { color: #333; }
.sectionHeadline h5 { float: left; margin-right: 8px; }
.subMenu { padding-top: 4px; display: none; }
.sectionHeadlineOpen .subMenu { display: block; }
.subMenu li { display: inline; margin-right: 5px; }
.subMenu a:hover, .subMenu .active { color: #333; }
.subMenu .active { position: relative; z-index: 14055; }

/* --- sections --- */
.section { width: 920px; float: left; }

.sectionContent { width: 100%; float: left; }
.sectionContentInnerWrap { float: left; padding-top: 7px; }
.sectionDividerLine { margin: 0 10px; background: url(img/bgDivider.png) left top repeat-x; height: 1px; width: 900px; float: left; }
.sectionDividerLineTop { margin-top: 5px;}
.sectionDividerLineBottom { margin-bottom: 6px; margin-top: 3px; }
.sectionLoader { position: absolute; left: 0; width: 100%; float: left; background: url('img/ajaxLoader.gif') center center no-repeat transparent; opacity: 0.4; z-index: 20000; }

/* --- startpage --- */
#startpage { height: 100%; width: 100%; }
#startpage .sectionHeadline { padding: 0; }
#startpage .sectionHeadline h5 { background: url(img/bgMenuStartpage.png); padding: 0px 5px; }
#startpage #videoBox { z-index: 50; }
#startpage #pageWrap { z-index: 100; }
#startpage #main { position: relative; z-index: 800; }

/* --- ambient box --- */
#ambienteBox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 13000; display: block; }

/* --- contentbox --- */
.box { float: left; position: relative; z-index: 14000; width: 912px; }
.boxHeader, .boxFooter { background: url(img/bgTeaserHorizontal.png) left top repeat-x; height: 13px; margin: 0 20px; }
.boxFooter { height: 20px; background-position: left bottom; }
.boxBody { }
.boxBodyWrap1 { padding-left: 19px; background: url(img/bgTeaserVertical.png) left top repeat-y; }
.boxBodyWrap2 { padding-right: 13px; background: url(img/bgTeaserVertical.png) right top repeat-y; }
.boxBodyInnerWrap { background: #fff; }
.boxCorner { background: url(img/bgTeaserCorn.png) right top no-repeat; height: 13px; width: 20px; display: block; overflow: hidden; }
.boxHeaderLeft { background-position: left top; float: left; margin-left: -20px; }
.boxHeaderRight { background-position: right top; float: right; margin-right: -20px; }
.boxFooterLeft { background-position: left bottom; float: left; margin-left: -20px; height: 20px; }
.boxFooterRight { background-position: right bottom; float: right; margin-right: -20px; height: 20px; }

.box .headline { float: left; width: 100%; }
.box .headline h2 { float: left; margin-right: 6px; }
.menuLevel3 { float: left; padding-top: 8px; }
.menuLevel3 li { display: inline; margin-right: 5px; }
.menuLevel3 .active, .menuLevel3 a:hover { color: #333; }

.box-880 .boxBodyInnerWrap { width: 880px; overflow: hidden; }

/* --- imagebox --- */
.imageBox { position: relative; font-size: 1px; /*  margin-bottom: 10px; */ }
.imageBoxCorner { width: 10px; height: 10px; display: block; overflow: hidden; position: absolute; background: url(img/whiteCorners.png); }
.imageBox img { padding: 0; margin: 0; display: block; }
.cornerLeftTop { top: -1px; left: -1px; background-position: left top; }
.cornerRightTop { top: -1px; right: -1px; background-position: right top; }
.cornerLeftBottom { bottom: -1px; left: -1px; background-position: left bottom; }
.cornerRightBottom { bottom: -1px; right: -1px; background-position: right bottom; }
.boxText { margin-top: 10px; } 
.imageBox { margin-bottom: 10px; }

.boxNavigationLeft, .boxNavigationRight { height: 36px; width: 33px; text-indent: -13000px; display: block; position: absolute; }
.boxNavigationLeft { top: 40%; left: -27px; }
.boxNavigationRight { top: 40%; right: -33px; }
.boxNavigationDisabled { display:none; }
.boxNavigationLeft a, .boxNavigationRight a { height: 36px; width: 33px; display: block; background: url(img/arrowNavSprite.png) left top no-repeat; }
.boxNavigationRight a { background-position: left bottom; }

/* --- news teaser --- */
.boxTextNewsTeaser h4 { width: 50%; float: left; }
.boxTextNewsTeaser .moreLink { font-size: 11px; margin-left: 3px; }
.boxTextNewsTeaser .button { float: right; margin-top: 2px; margin-right: 0; }

/* --- collection boxes (197x480), includes generic multiBox-CSS --- */
.itemContainer { float: left; width: 920px; }
.multiBox { float: left; position: relative; width: 920px; height: 513px; }
.multiBoxInnerWrap { height: 523px; width: 920px; overflow: hidden; position: relative; }
.multiBoxInnerWrap2 { height: 523px; width: 20000px; position: absolute; }
.boxCollection { width: 230px; z-index: 9900; }
.boxCollection .imageBox { margin-bottom: 0 }
.boxHighlight { z-index: 14000; }

/* --- collection detailview --- */
#collectionBoxOverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 13000; display: block; background: url(img/bgCollectionDetail.png); }
#collectionBox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 13000; display: block; /* background: url(img/bgCollectionDetail.png); */ }
.collectionBoxInnerWrap { margin: 125px auto 50px auto; width: 633px; }
#collectionBox .box { width: 633px; position: relative; }
.boxCollectionText { position: absolute; top: 27px; right: 30px; width: 160px; color: #999; height: 610px; }
.boxCollectionDetail .imageBox { margin-bottom: 0; }

.boxCollectionText .close { float: right; margin-top: 3px; height: 13px; overflow: hidden; }
.boxCollectionText .close a { height: 13px; display: block; position: relative; }
.boxCollectionText .close span {  float: left; background-image: url(img/iconSprite.png); }
.boxCollectionText .closeButtonOpened { display: none; }
.boxCollectionText .closeButtonLeft { width: 9px; background-position: right -475px; }
.boxCollectionText .closeButtonRight { width: 9px; background-position: left -500px; }
.boxCollectionText .closeButtonText { padding-right: 5px; font-size: 10px; color: #666; line-height: 13px; background-position: left -525px; }
.boxCollectionText .closeButtonClosed { width: 13px; height: 13px; overflow: hidden; display: block; background-position: left -450px; }
.boxCollectionText a:hover .closeButtonClosed { display: none; }
.boxCollectionText a:hover .closeButtonOpened { display: block; }


.boxCollectionText .divider { margin: 10px 0; background: url(img/bgDivider.png) left top repeat-x; height: 1px; width: 100%; float: left; }
.boxCollectionText .button { float: left; margin: 5px 0;}
.boxCollectionText .buttonBig { margin: 0; }

.boxCollectionBottom { position: absolute; bottom: 0px; }

.buttonBig { display: none; }
.boxCollectionBottom:hover .buttonShare { display: none; }
.boxCollectionBottom:hover .buttonBig { display: block; }

.buttonBigInnerWrap { padding: 16px 18px 12px 12px; }
.buttonShareBig { width: 172px; height: 122px; background: url(img/bgButtonShareBig.png) left bottom no-repeat; float: left; margin-bottom: -5px; padding-bottom: 5px;}
.buttonShareBig .buttonRow { width: 100%; float: left; height: 26px; border-bottom: 1px solid #d0d0d0; }
.buttonShareBig .buttonRowBottom { border: none; }
.buttonBig a { height: 16px; width: 16px; display: block; overflow: hidden; background-image: url(img/iconSprite.png); float: left; margin-right: 5px; margin-top: 4px; }
.iconFacebook  { background-position: left -250px; }
.iconMyspace   { background-position: left -275px; }
.iconTwitter   { background-position: left -300px; }
.iconStumble   { background-position: left -325px; }
.iconDelicious { background-position: left -350px; }
.iconDigg      { background-position: left -375px; }
.iconRss       { background-position: left -400px; }
.iconMail      { background-position: left -425px; }
.buttonRowBottom { height: 25px; }
.buttonRowBottom .iconShare { width: 25px; height: 25px; background: url(img/iconSprite.png) 0 -50px; display: block; text-indent: -131313; float: left; }
.buttonRowBottom a { background: none; height: 25px; width: auto; margin-top: 0; }
.buttonRowBottom a { line-height: 25px; color: #666; }

.buttonLookbookContainer { float: left; width: 100%; }
.buttonLookbookBig { background: url(img/bgButtonLookbookBig.png) left bottom no-repeat; float: left; width: 172px; height: 88px; margin-left: -1px; margin-bottom: -5px; padding-bottom: 5px; }
.buttonLookbookBigDown { margin-bottom: 0; padding-bottom: 0; background-position: left top; }
.buttonLookbookBig a { background: none; height: auto; width: auto; color: #666; }
.buttonLookbookBig .iconLookbook { height: 25px; width: 19px; background: url(img/iconSprite.png) -6px -80px; display: block; float: left; }
.buttonLookbookBig .buttonBigText { float: left; width: 130px; background: none; }
.buttonLookbookBig .buttonBigInnerWrap { padding: 13px 0px 0px 7px; }
.buttonLookbookBigDown .buttonBigInnerWrap { padding-top: 6px; }
.buttonLookbookBig .saveToLookbookDone { display: none; }
.buttonLookbookContainer:hover .buttonLookbook { display: none; }
.buttonLookbookContainer:hover .buttonBig { display: block; }


/* --- favorites detailview --- */
.boxProduct .imageBox { margin-bottom: 0 }
.boxFavoritesHeader { position: absolute; top: 0; height: 100px; width: 100%; text-align: center; }
.boxFavoritesHeader .favoritesLogo { margin-top: 20px; }
.boxFavoritesClose { position: absolute; top: 20px; right: 24px; }
.boxFavoritesText { position: absolute; bottom: 9px; height: 150px; width: 100%; }
.boxFavoritesTextInnerWrap { width: 560px; margin: 0 auto; }
.boxFavoritesText h2, .boxFavoritesText p { text-align: center; margin: 0 20px; }
.boxFavoritesText h2 { margin-bottom: 10px; }
.boxFavoritesText .divider { margin: 10px 0; width: 100%; background: url(img/bgDivider.png) left top repeat-x; height: 1px; float: left; }
.boxFavoritesText .buttons-3col { width: 100%; float: left; height: 25px; position: relative; margin-top: 10px; }
.boxFavoritesText .buttonsCol { float: left; }
.boxFavoritesText .buttonsCol-1 { width: 199px; display: block; }
.boxFavoritesText .buttonsCol-2 { width: 170px; }
.boxFavoritesText .buttonsCol-3 { width: 162px; float: right; }
.boxFavoritesText .buttonLookbookContainer { position: absolute; bottom: 0; }




/* --- product boxes (197x225) --- */
.boxProduct { width: 230px; z-index: 9900; }
.multiBox8ItemWrap { width: 920px; height: 513px; }

/* --- multicolumn layouts --- */
.multiCol { width: 100%; /* margin: 10px 0; */ float: left; }
.multiCol-col { float: left; }
.mulitCol .col-last { float: right; }
.multiCol-5050 .multiCol-col { width: 49.9%; }
.multiCol-333333 .multiCol-col { width: 33.2%; }
.multiCol-3366 .col-1, .multiCol-6633 .col-2 { width: 33.2%; }
.multiCol-3366 .col-2, .multiCol-6633 .col-1 { width: 66.4%; }
.multiCol-4 .multiCol-col { width: 24.9%; }

.multiCol-col .multiColInnerWrap { padding: 0 19px 1px 9px; border-left: 1px solid #999; }
.multiCol .col-1 .multiColInnerWrap { padding-left: 0; border: none; }
.multiCol .col-last .multiColInnerWrap { padding-right: 10px; }


/* to set the lines left of the text (and spare the headlines) */
.multiCol-col h2 { background: #fff; margin-left: -10px; padding-left: 10px; margin-bottom: 0; padding-bottom: 10px; display: block; }
.multiCol .col-1 h2 { margin-left: 0; padding-left: 0; }


/* --- zoom box --- */
#zoomBox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 15000; display: block; text-align: center; overflow-y: scroll; overflow-x: hidden; }
#zoomBoxImage { background: #fff; }
#zoomBoxClose { position: relative; top: 26px; } 
#zoomBoxHeader { height: 71px; width: 100%; float: left; }
#zoomBox .logo { float: right; margin-top: 30px; margin-left: 10px; z-index: 14000; }
#zoomBox .logo a { z-index: 14001; position: relative; }
#zoomBoxInnerWrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 15010; display: block; }
#zoomBoxInnerWrap2 { width: 920px; height: 100%; margin: 0 auto; text-align: left; position: relative; }

/* --- video box --- */
#videoBox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 15000; display: block; text-align: center; overflow: hidden; background: #000; }
#videoBoxClose { position: relative; top: 26px; } 
#videoBoxHeader { height: 71px; width: 100%; float: left; }
#videoBox .logo { float: right; margin-top: 30px; margin-left: 10px; z-index: 14000; }
#videoBox .logo a { z-index: 14001; position: relative; }
#videoBoxInnerWrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 15010; display: block; height: auto; }
#videoBoxInnerWrap2 { width: 920px; height: 100%; margin: 0 auto; text-align: left; position: relative; height: auto;}


/* --- startpage / slidecontent --- */
.startpageSlider {  }
.startpageBox {  }
.startpageBoxActivated {  }
.startpageBoxInnerWrap { width: 910px; }
.startpageSlider {}
.startpageSlider .csc-default { float: left; width: 910px; position: relative; }
.startpageSlider .csc-default .csc-default { float: none; width: auto; position: static; }


/* --- blog --- */
.blogOverview, .blogOverview .multiBoxInnerWrap, .blogOverview .multiBoxInnerWrap2 { height: auto; }
.blogColumn { width: 230px; float: left; }
.boxBlog { width: 230px; }
.boxBlog h4 { width: 170px; font-weight: normal; min-height: 20px; }
.boxBlogText { margin-top: 0; }
.boxBlog .moreLink { font-size: 11px; }
.boxBlog .boxIcon { width: 20px; height: 20px; display: block; float: right; }
.boxIcon .icon { width: 20px; height: 20px; display: block; margin-top: -5px; background: url(img/iconSprite.png); }
.iconVideo .icon { background-position: 0 -100px; }
.iconSlideshow .icon { background-position: 0 -125px; }
.blogOverview .boxText { margin-top: 0px; }
.blogOverview .imageBox { margin-bottom: 10px; }
.blogOverviewActivated .boxText { margin-top: 0px; }
.blogOverviewActivated .imageBox { margin-bottom: 10px; }

.blogPage { width: 920px; height: auto; float: left; }

#blogBoxOverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 130000; display: block; background: url(img/bgCollectionDetail.png); }
#blogBox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 130001; display: block; /* background: url(img/bgCollectionDetail.png); */ }
.blogBoxInnerWrap { margin: 125px auto 50px auto; width: 613px; }
#blogBox .box { width: 613px; position: relative; }
#blogBox .boxBody { position: relative; }

#blogBox .blogBoxClose { position: absolute; right: 22px; top: 5px; }
#blogBox .close { float: right; margin-top: 3px; height: 13px; overflow: hidden; }
#blogBox .close a { height: 13px; display: block; position: relative; }
#blogBox .close a span { background: url(img/iconSprite.png); display: block; float: left; }
#blogBox .close .closeButtonOpened { display: none; }
#blogBox .close .closeButtonLeft { width: 9px; background-position: right -475px; }
#blogBox .close .closeButtonRight { width: 9px; background-position: left -500px; }
#blogBox .close .closeButtonText { background-position: left -525px; padding-right: 5px; font-size: 10px; color: #666; line-height: 13px; }
#blogBox .close .closeButtonClosed { width: 13px; height: 13px; overflow: hidden; display: block; background-position: left -450px; }
#blogBox .close a:hover .closeButtonClosed { display: none; }
#blogBox .close a:hover .closeButtonOpened { display: block; }

.boxBlogHeadline h2 { padding-right: 4px; }
.boxBlogHeadline ul { padding-top: 8px; }
.boxBlogHeadline li { display: inline; margin-right: 5px; }

#blogBox .buttons-3col { margin-left: 415px; height: 25px; float: none; width: 100%; }
#blogBox .boxCollectionBottom { bottom: 20px; }
#blogBox .buttonShareBig { margin: 0px 0 -5px 0px; }

#blogBox .buttons-3col { margin-left: 0; }
#blogBox .buttonsBlogBrowser { padding-top: 6px; display: block; }
#blogBox .buttonsCol-3 { margin-left: 415px; }
#blogBox .browserRight, #blogBox .browserLeft { cursor:pointer; }
#blogBox .browserCenter { margin: 0 2px; }
#blogBox .browserDisabled { display: none; }


#blogBox .imageBoxInnerWrap { position: relative; }
#blogBox .imageBoxNavigation { position: absolute; right: 22px; bottom: 5px; }
#blogBox .navigationItem { float: left; }
#blogBox a { }
/* #blogBox a span.icon, */  
#blogBox .imageBoxNavigation a span,
#blogBox .close a span { background-image: url(img/iconSprite.png); height: 25px; /* display: block; */ float: left; } 
#blogBox a span.buttonRight { float: left; } 

#blogBox .button .icon { background-image: url("img/iconSprite.png"); /* repeat scroll 0 0 transparent; */ display:block; float:left; height:25px; width:25px; }
#blogBox .button a .buttonRight { background:url("img/buttonSprite25.png") repeat scroll right bottom transparent; display:block; float:right; font-size:1px; height:25px; margin-right:-5px; width:5px; }
#blogBox .buttonLight a .buttonRight { background-position:right top; }



#blogBox a .navigationItemClosed { width: 18px; height: 25px; background-position: 0 -550px; }
#blogBox .navigationItemActive a .navigationItemClosed { background-position: 0 -575px; }

#blogBox a .navigationItemLeft { width: 6px; background-position: -19px -600px; margin-left: 2px; }
#blogBox a .navigationItemRight { width: 18px; background-position: 0 -625px; }
#blogBox a .navigationItemText { background-position: 0 -650px; font-size: 11px; line-height: 25px; padding-left: 3px; }

#blogBox a .navigationItemOpened { display: none; }
#blogBox a .navigationItemClosed { display: block; }
#blogBox a:hover .navigationItemOpened { display: block; }
#blogBox a:hover .navigationItemClosed { display: none; }





/* XXXXXXXX JULIAN BEGIN XXXXXXXXXXXXX */

/* NOCH ZU ÄNDERN */

textarea { font-family: Lucida Grande; font-size: 11px; line-height: 14px; }
.errorText { color: #c00; }


/* --- jqTransform --- */

.jqTransformSelectWrapper { float: left; }
.jqTransformSelectWrapper select { display: none; }
.jqTransformSelectWrapper div {  background: transparent url(img/bgDDClose.png) right top no-repeat; height: 25px; width: 190px; text-indent: 10px; line-height: 25px; }
.error .jqTransformSelectWrapper div { border: #cc0001 1px solid; height: 21px; width: 188px; line-height: 23px; text-indent: 9px; }
.jqTransformSelectWrapper div.open { background: url(img/bgDDOpen.png) left top no-repeat; }
.jqTransformSelectWrapper span { display: block; cursor: pointer; }
.jqTransformSelectWrapper ul { position: absolute; padding-top: 7px; /* margin-top: -25px; padding-top: 32px; */ padding-bottom: 5px; background: url(img/bgDDOpen.png) right bottom no-repeat; width: 190px; text-indent: 10px; }
.jqTransformSelectWrapper ul li:first-child { display: none; }

.jqTransformRadioWrapper a { width: 11px; height: 11px; background: url(img/bgRadio.png) left -11px no-repeat; margin-right: 10px; display: block; float: left; margin-top: 2px;}
.jqTransformRadioWrapper a.jqTransformChecked { background-position: left top; }
.jqTransformRadioWrapper input { display: none; }


span.jqTransformCheckboxWrapper { float: left; margin-right: 10px;  }
.jqTransformCheckboxWrapper a { background: url(img/bgCheckbox.png) left top no-repeat; height: 11px; width: 11px; display: block; margin-top: 1px; }
.jqTransformCheckboxWrapper a.jqTransformChecked { background-position: left -11px; }
.jqTransformCheckboxWrapper input { display: none; }
.jqTransform label { width: auto; margin-top: 0; }
.powermail_check_inner label { width: 235px; margin-top: 0; }
.checkboxLabelWrap { width: 235px; margin-left: 23px; }

/* --- form --- */

 tx-powermail-pi1_fieldset { display: none; }

select { width: 192px; }
legend { display: none; }
input { outline: none; }
label { width: 67px; float: left; margin-top: 5px; }

.tx_powermail_pi1_fieldwrap_html { height: 35px; width: 100%; float: left;  }
.tx_powermail_pi1_fieldwrap_html_html { height: auto; }
/* .tx_powermail_pi1_fieldwrap_html_select label, .tx_powermail_pi1_fieldwrap_html_text label, .tx_powermail_pi1_fieldwrap_html_textarea label { width: 67px; float: left; margin-top: 5px; } */
.powermail_text_wrap, .powermail_textarea_wrap { background: url(img/bgFormText.png) right bottom no-repeat; width: 190px; float: left; }
.powermail_text_wrap { height: 25px; }
.powermail_textarea_wrap { height: 75px; }
.powermail_text_wrap input, .powermail_textarea_wrap textarea { background: transparent; height: 18px; width: 178px; border: none; margin-left: 10px; margin-top: 3px; }

.powermail_textarea_wrap textarea { height: 69px; resize: none; padding-top: 3px; }
.tx_powermail_pi1_fieldwrap_html_textarea { height: 85px; }

.error .powermail_text_wrap { border: #cc0001 1px solid; height: 23px; width: 188px; }
.error .powermail_textarea_wrap { border: #cc0001 1px solid; height: 73px; width: 188px; }
.errorText p { display: none; }
.errorText { height: 35px; }


.powermail_radio_inner { width: 45%; float: left; margin-top: 5px; }
.powermail_radio_inner label { margin-top: 2px; }

.tx_powermail_pi1_fieldwrap_html_checkbox_title, .tx_powermail_pi1_fieldwrap_html_radio_title { display: none; }

#powermaildiv_uid28 ul, #powermaildiv_uid61 ul, #powermaildiv_uid95 ul, #powermaildiv_uid110 ul, .storeFinderCountry ul { max-height: 145px !important; overflow-y: scroll; background: #f0f0f0 url(img/bgDDOpenBig.png) left bottom no-repeat; z-index: 10000; }


/* --- registration-form 3-colums --- */
.tx_powermail_pi1_form .col-1 { /* padding-left: 9px; */ margin-right: 22px;  width: 280px; float: left;  }
.tx_powermail_pi1_form .col-2 { padding-left: 10px; margin-right: 10px; border-left: 1px solid #999; width: 280px; float: left; border-top: none 0 transparent; }
.tx_powermail_pi1_form .col-3 { padding-left: 9px; border-left: 1px solid #999; width: 260px; float: left; border-top: none 0 transparent; }

.link { float: left; padding-top: 5px; margin-left: 5px; }
#pressregistry .tx_powermail_pi1_fieldwrap_html_submit, #b2bregistry .tx_powermail_pi1_fieldwrap_html_submit { width: auto; }



/* --- forms --- */

.formRow { float: left; height: 35px; }
.formRow .jqTransform, .formRow .powermail_text_wrap { float: left; }
.checkboxWrap { float: left; width: 127px; margin-bottom: 1px; }
.checkboxWrapAll { width: 270px; margin-bottom: 8px; margin-top: 6px;}
.submitWrap { float: left; width: 100%; margin-top: 9px;  }
form .multiColInnerWrap { float: left; }
form .button { margin-left: 0; }


/* --- storefinder results --- */
.storeListItem { float: left; display: block; height: 105px; width: 219px; border-left: 1px solid #999; }
.storeListItemCol1 { border-left: none 0 transparent; }
.storeResult { float: left; }
.storeResultImage { float: left; display: block; width: 40px; height: 40px; background: url(img/bgGoogleFlag.png) 8px 3px no-repeat; }
.storeResultText { float: right; display: block; width: 179px; }

.storeButtonWrap { width: 100%; float: left; margin-bottom: 8px; }
.storeButtonWrap .button { float: right; }

.storeHover .hover { display: block !important; width: 100%; z-index: 6000; font-size: 11px; }
.storeHover .hover .hoverContent { width:100% !important; 
  height: 145px; }
.storeHover .hover .hoverContent strong { display:inline !important; }
.storeHover .hover .hoverContent a { display:inline !important; margin: 0; }
#bubble{
  width: 329px;
/*   height: 175px; */
  margin-left: 77px; 
/*  margin-top: -10px; */
}

#bubble_tl,
#bubble_t,
#bubble_tr,
#bubble_l,
#bubble_r,
#bubble_bl,
#bubble_b,
#bubble_br,
#bubble_beak {
	display: none;
	width: 0;
	height: 0;
}

#bubble_contents { background: url(img/bgGoogleBubble.png) left top no-repeat; /* width: 330px !important; */ height: 186px !important;  }
#bubble_close{ width: 21px; height: 21px; cursor: pointer; top: 15px; left: 320px; z-index: 131313; }
#bubble .hoverContent span.textFlyout { padding-bottom: 0px !important; }
#bubble .hoverArrowBottom { right: 165px !important; }
#intSite .hover { z-index: 6000; }
.marker { margin: 20px 0 0 28px; float: left; color: #999; width: 300px;  }
.marker h4 { width: 100%; float: left; margin-bottom: 18px; color: #999; font-weight: normal; font-size: 18px; line-height: 1em; }
.bubbleImage { width: 110px; float: left; }
.bubbleAddress { width: 160px; float: left; border-left: 1px solid #999; padding-left: 9px; }
/* #bubble_contents .hover { background: #fff; } */
.ft { float: left; width: 100%; }
.mod-content { display: block; height: auto; float: left; width: 100%; }


.storeHover .close { float: right; margin-top: -10px; margin-right: 12px; height: 13px; overflow: hidden; }
.storeHover .close a { height: 13px; display: block; position: relative; }
.storeHover a span { display: block; float: left; background: url(img/iconSprite.png); }
.storeHover .closeButtonOpened { display: none; }
.storeHover .closeButtonLeft { width: 9px; background-position: right -475px; }
.storeHover .closeButtonRight { width: 9px; background-position: left -500px; }
.storeHover .closeButtonText { padding-right: 5px; font-size: 10px; color: #666; line-height: 13px; background-position: left -525px; }
.storeHover .closeButtonClosed { width: 13px; height: 13px; overflow: hidden; display: block; background-position: left -450px; }
/* .storeHover a:hover .closeButtonClosed { display: none; } */
/* .storeHover a:hover .closeButtonOpened { display: block; } */




/* --- fe_login --- */
.tx-felogin-pi1 .errorText { width: 100%; height: 22px; }
.tx-felogin-pi1 .errorText p { display: block; }
.forgotPassword { float: right; display: block; margin-top: 15px; }
.formRowSmall { width: auto; }
.changePassword fieldset { margin-top: 10px; }
.changePassword .formRow { height: 40px; }
.changePassword label { margin-top: -2px; }



/* --- lookbook-item --- */
.height-280 { min-height: 280px; }

.lookBookList { width: 284px; float: left; margin-left: -9px;}
.lookBookItem { float: left; width: 71px; position: relative; height: 163px; }
.lookBookItem .delete { position:absolute; /* z-index:90000; */ display: block; width: 100%; height: 100%; }
.lookBookItem .deleteFromLookbook { height: 154px; width: 63px; display: block; }
.lookBookItem .closeButtonClosed { margin-left: 50px; margin-top: 8px; width: 13px; height: 13px; overflow: hidden; display: block; background: url(img/iconSprite.png); background-position: left -450px; position: absolute;  z-index: 10000; }
.lookBookItem img { margin-left: 8px; margin-top: 5px; position: absolute; top: 0; left: 0; }
.mask { width: 71px; height: 163px; position: absolute; margin: 0; top: 0; left: 0; background: url(img/bgLookbookItem.png) left top no-repeat; /* z-index: 80000; */ }
.lookBookItemAccessory .mask { height: 81px; background: url(img/bgLookbookItemSmall.png) left top no-repeat;}



/* --- Lookbook - DropDown --- */

#selectstore label { width: 67px; margin-top: 5px; }
#selectstore .errorText { float: left; width: 100%; }
#selectstore .button { float: left; margin-bottom: 10px; }
.lookbookStoreSelect { float: left; }
.lookbookStoreSelect ul { max-height: 145px !important; overflow-y: scroll; background: #f0f0f0 url(img/bgDDOpenBig.png) left bottom no-repeat; z-index: 10000; }
.lookbookStoreSelect li { height: 15px; overflow: hidden; /* width: 150%; */ white-space: nowrap }
#selectstore .tx_powermail_pi1_fieldwrap_html_select { height: 70px;}
#selectstore .errorText p { margin: 1em 0 0 0;}

/* --- Lookbook - chooseLook --- */
.chooseLooks { min-height: 470px; }
.chooseLooks .submitWrap { margin-left: -10px; width: 275px; background: #fff; }
.chooseLooks .submitWrap .button { float: right; }
.chooseLooks .submitWrap .jqTransformButton { display: none; }
.chooseLooks .col-3 .multiColInnerWrap { height: 281px; }
.chooseLooks label { width: 90px; }

/* --- Lookbook - Contact-Formular ---- */
.formRowShort { width: 49%; }
.formRowShort .powermail_text_wrap { width: 60px;}
.formRowShort input { width: 48px; }
.wrapFieldTime { float: right; }
.wrapFieldTime .powermail_text_wrap { float: right; margin-right: 12px;}
.wrapFieldTime label { width: 52px; }
.sendtostore { min-height: 470px; }

/* --- Press image-download --- */
.lookListHeader h2 { float: left; margin-right: 6px; }
.lookListNaviWrap { float: left; padding-top: 8px;  }
.lookListSelectorActive { color: #333; }
.lookList { float: left; display: block; width: 100%; /* margin-left: -10px; */ }
.lookItem { float: left; width: 71px; position: relative; height: 220px; }
.lookItem p { margin: 0;}
.lookItem img { margin-left: 8px; margin-top: 5px;}
.lookItemImageWrap { float: left; display: block; width: 100%; margin-bottom: 10px; }
.lookListTextWrap { float: left; margin-left: 10px; }
.lookListButtonWrap {float: left; margin-top: 10px; }
/* #lookListWomenswearAccessories .mask, #lookListWomenswearFavorites .mask { height: 81px; background: url(img/bgLookbookItemSmall.png) left top no-repeat;} */
.lookItemAccessory .mask { height: 81px; background: url(img/bgLookbookItemSmall.png) left top no-repeat;}