@charset "utf-8";
/*========CSS reset=========*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;   }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; display:block; margin:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;   }
/*ol,ul {list-style:none;}*/
caption,th { text-align:left;}
/*h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}*/
q:before,q:after { content:'';}
abbr,acronym {border:0;}
input, select, textarea{ font-family:inherit; font-size:inherit;}


/*========CSS global=========*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
a:link{ color:#000000;text-decoration:none;}
a:visited{ color:#000000;text-decoration:none;}
a:hover{ color:#53166d;text-decoration:underline;} 
a:active{ color:#000000;text-decoration:none;}
.clear { clear:both; height:1px; overflow:hidden;}
.clearFix:after { content:""; clear:both; display:block; visibility:hidden; height:0;}

/*========project global=========*/
h1{ font-size:16px; color:#53166d;}
h2{ font-size:14px; color:#53166d;}
h3{ font-size:12px; color:#53166d;}
h4{ font-size:12px; color:#000000;}
h5{ font-size:12px; color:#767676;}
h6{ font-size:12px; color:#767676; font-weight:400;}

body{ background:#59236e url(../../images/bg.gif) no-repeat 50% 0;}

/*---layout---*/
#header, #searchAndSubNav, #main, #footer { width:920px; margin:0 auto;}
#header{margin:0 auto!important;}

/*---header---*/
#header { background:url(../../images/headerBg.gif) no-repeat 0 0; height:130px; margin-top:20px!important; padding:0!important;}
#header ul { list-style:none;}

#logo { float:left; margin:36px 0 0 23px; display:inline; width:341px; height:22px; background:url(../../images/logo.gif) no-repeat 0 0;text-indent:-9999px;}
#logo h1 a { display:block; width:341px; height:22px; overflow:hidden;}

#topLink { float:right; margin:41px 15px 0 0;}
#topLink ul { overflow:hidden;}
#topLink ul li { float:left; margin-left:-2px; border-left:2px solid #fff; font-weight:700;}
#topLink ul li a { display:block; float:left; padding:0 6px; color:#fff;}

#navgation { zoom:1;}
#navgation ul { margin:32px 0 0 23px;}
#navgation ul li{ display:block; float:left; background:url(../../images/navBg_left.gif) no-repeat 0 0; height:40px; line-height:40px; padding-left:11px; font-size:14px; color:#53166d;margin-right:1px;}
#navgation ul li a { background:url(../../images/navBg_right.gif) no-repeat 100% 0; display:block; float:left; padding-right:11px;}
#navgation ul li.current a, #menuTree li a.current { color:#a62dd9;}
#menuTree { float:left;}
#subNavigation table { float:left;}


/*---search---*/
#searchAndSubNav {background:#fff; height:34px; clear:both; margin-bottom:10px;}
#search { float:right; margin-right:5px; display:inline;}
#search form { padding: 6px 0 0 0;}
#search form input { float:left;}
.searchBg { background:url(../../images/inputBg.jpg) no-repeat 0 0; width:155px; height:22px; float:left; display:block; overflow:hidden;}
.searchBg input { border:0; background:none; padding:3px 4px; width:147px; color:#767676; font-size:12px;}
div.ac_results ul{ background:#fff; border:1px solid #A62DD9;}
div.ac_results ul li.over { background:#fff; color:#A62DD9; font-weight:normal;}
.tx-indexedsearch { padding:10px;}
.tx-indexedsearch-browsebox { background:#F5E3FE; height:30px; line-height:30px; color:#53166D;}
.tx-indexedsearch-icon, .tx-indexedsearch-result-number, .tx-indexedsearch-percent { display:none;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:none;}
#mainContentTop .tx-indexedsearch-res h3 {padding-left:0;color:#53166D;}
#mainContentTop .tx-indexedsearch-res h3 a,.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {color:#53166D;}
.tx-indexedsearch-info { color:#767676;}
#mainContent .tx-indexedsearch-info dd a { color:#53166D; text-decoration:underline;}
#mainContent .tx-indexedsearch-info dd a:hover { background:#53166D; color:#fff; text-decoration:none;}
.tx-indexedsearch .res-tmpl-css { margin-bottom:25px; margin-top:10px;}
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:0}
.tx-indexedsearch-whatis { font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:normal; font-style:normal}


#subNavigation{ float:left; margin-left:33px; display:inline;}
#subNavigation ul { list-style:none;}
#subNavigation ul li { float:left; line-height:34px; /*padding:0 3px 0 0;*/}
#subNavigation table td { line-height:34px; padding:0 3px;}
#subNavigation table td a { text-decoration:underline;}

/*===main===*/
#main { clear:both;}
/*mainLeft*/
#mainLeft { width:200px; float:left;overflow:hidden; min-height:1px;}
/*mainContent */
#mainContent { width:440px; float:left; margin:0 10px;+margin-bottom:10px;}
#mainContent  .textAndImgBox h3/*, #mainContent  .textAndImgBox p*/{ padding:10px 0 0 10px; line-height:normal; height:auto;}
#mainContentTop,#mainContentMid,  #mainContentBot{background:#fff; margin-bottom:10px; float:left; width:100%; clear:both;}
#mainContentTop h1, #mainContentTop h2, #mainContentTop h3, #mainContentTop h4, #mainContentTop h5, #mainContentTop h6{padding-left:10px;}
.bodytext {/* margin:0 10px 10px; */line-height:1.5em;}
#mainContentTop p.bodytext {margin:0 10px 10px;}
/*mainRight*/
#mainRight{ width:260px; float:right;overflow:hidden;}
#mainRight .list_textImg h3 { padding-left:0;}
#mainRight .list_textImg {padding-left:13px;}

.textBox, .textAndImgBox, .list_textImg, .ImgBox, .list_imgText { background:#fff; margin-bottom:10px; clear:both;}
.textBox ul, .textAndImgBox ul, .list_textImg ul { list-style:none;}
.textBox ul {padding-left:20px; padding-bottom:10px; line-height:18px; padding-right:10px;}
.items_box ul { padding-left:10px;}
#mainContent .textBox ul {padding-left:10px;}
.textBox h3, .textAndImgBox h3, .list_textImg h3, .ImgBox h3, .list_imgText h3, #brand_search_left h3 , #comment h3, #brand_search_right h3{ height:37px; line-height:37px;padding-left:20px; text-transform:uppercase;}
.textBox h4, .textAndImgBox h4, .list_textImg h4, .ImgBox h4, .list_imgText h4 { height:32px; line-height:32px;padding-left:20px;}
.items_box h3 { padding-left:10px;}
.item { padding:15px 13px 0;}
.item .imageBox img { display:block; margin:0 auto;}
.tx-extteaserbox-pi1 .SBookmark h4{ padding-left:10px;}

/*===footer===*/
#footer { background:url(../../images/footerBg.jpg) no-repeat 0 0; height:44px; clear:both;}
#footer ul { float:right; list-style:none; margin-right:20px; display:inline;}
#footer ul li { float:left; padding-left:10px;}
#footer ul li a { color:#fff; line-height:44px;}


/****************************************************************************/
.textBox p { padding-left:20px;padding-bottom:10px;padding-right:10px;}
.textBox p strong { color:#53166d; display:block;}
#mainLeft .textBox p a { color:#767676;}
.textAndImgBox ul { margin-left:10px;}
#mainLeft .textAndImgBox ul {margin-left:20px;}
.textAndImgBox ul li {zoom:1}
#mainLeft .textAndImgBox ul li a { display:block; color:#53166d; line-height:20px; }
.contentBox{padding-bottom:10px;}
.contentBox img {display:block; margin:0 auto 10px auto;}

/*#mainContent  .textAndImgBox p { padding-bottom:10px;}*/
#mainLeft a, #mainContent  a, #mainRight a { color:#767676;}
.list_textImg ul { padding:0; margin:0;list-style:none; }
.list_textImg li { padding:10px; border-bottom:1px solid #59236e; clear:both; height:100%; list-style:none; margin:0;}
.list_textImg li h3 { padding-left:0; line-height:normal; height:auto;}
.list_textImg img { float:left; margin-right:10px; display:inline;}
.list_textImg li.imgRight img { float:right; margin-left:10px; display:inline; margin-right:0;}
.list_textImg li p{padding:0;}
#mainContentTop .list_textImg li, #mainContentMid .list_textImg li {list-style:none; list-style-position:outside;}

#mainRight .imgInfo{ float:left; margin-left:10px; display:inline; width:115px;}
#mainRight .list_textImg li{ border:0; padding:0 0 10px 0;}
/*#mainRight .ImgBox h3 { padding-left:15px;}*/
#mainRight .ImgBox a img { padding:0 0 10px 0;}
.onlineshopSideList a { display:block;padding-left:13px;}
#Werbung { padding:10px; background:#fff; margin-bottom:10px; text-align:center; height:100px; *height:105px;}
.height { height:357px;}



/*===brand===*/
#brand_search form p { height:100%;clear:both; margin-bottom:5px;}
#brand_search form p strong { display:block; float:left; width:92px; line-height:22px; font-size:11px;}
#brand_search form p span { display:inline; float:left; margin-right:3px;}
#brand_search form p select { width:162px;_width:160px; padding:1px; height:22px;}
#cityBox { background:url(../../images/bg_input_normal.gif) no-repeat 0 0; width:164px;}
#cityBox input { width:154px; padding:3px 4px; height:16px; background:none; border:0;}
#brandBox { background:url(../../images/bg_input_long.gif) no-repeat 0 0; width:330px;}
#brandBox input { background:none; border:0; padding:3px 4px; height:16px; width:324px;}
.searchBox { margin:0 0 0 10px;}
.searchBox h3 { text-transform:uppercase; height:37px; line-height:37px;}
#mainContentTop .searchBox h3{ padding-left:0;}
#search_brand { margin:0;}
.btn_box_tr { text-align:right;padding-right:8px;}
.btn_box_tr img { display:inline; cursor:pointer;}
#brand_search_result { border-top:1px solid #59236E;}
#mainRight_bot { background:#fff;}
#brand_search_left { background:#fff; margin-bottom:3px;*height:100%;*padding-bottom:10px;}
#brand_search_left form { padding:0 0 10px 20px;}
#brand_search_left form .searchBg {width:145px;}
#brand_search_left form .searchBg input { width:137px;}
#brand_search_left input { float:left;}

#mainRight h3{ padding-left:13px;}
#mainRight .textBox ul { padding-left:13px;}
#brand_info { padding:0 10px 10px;}
#brand_info img { float:left; display:block; margin:10px 10px 10px 0;}
#pages { text-align:right; padding:0 10px 10px;clear:both;}
#pages a{ color:#767676; padding:0 3px;}
#pages span.current a{ color:#000;}

#comment { background:#fff; padding:10px;clear:both; margin-bottom:10px; }
#comment h3 { padding-left:0;}
#comment h3 span { color:#767676; padding-left:5px;}
.comment_item { margin-bottom:15px;}
.comment_item span{ color:#767676;}
.comment_item span.username { color:#53166D;}

#brand_search_right { padding:0 0 13px 13px; background:#fff; margin-bottom:10px;}
#brand_search_right h3 { padding-left:0;}
#brand_search_right p label{ float:left; display:block; font-weight:bold; width:70px; height:22px; line-height:22px;}
#brand_search_right p { padding-bottom:5px; float:left}
#brand_search_right p.btn_box_tr { float:none; clear:both;}
#plz_box { background:url(../../images/bg_input_short.gif) no-repeat 0 0; width:37px; height:22px; display:inline; float:left; margin-right:4px;}
#plz_box input { background:none; border:0; height:16px; padding:3px 4px; width:29px;}
#city_box { background:url(../../images/bg_input_normal2.gif) no-repeat 0 0; width:127px; height:22px;display:block; float:left;}
#city_box input { background:none; border:0; height:16px; padding:3px 4px; width:119px;}
#brand_right_box { background:url(../../images/bg_input_long2.gif) no-repeat 0 0; width:169px; height:22px; display:block; float:left;}
#brand_right_box input { background:none; border:0; padding:3px 4px; height:16px; width:161px;}

#mainLeft .textInfo { padding-left:20px;}
#mainRight .textInfo {padding-left:13px;}
.textInfo { padding:10px;}
.imageBox img { display:block; margin:0 auto;}
.addthis_button {top:10px;left:0; position:relative;}

#wrapContent {line-height:15px;padding:0 10px; height:100%;}
#main #wrapContent p{ margin:0; padding:0;}
.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4, .csc-header h5, .csc-header h6{font-size:12px; color:#53166d;height:37px;line-height:37px;padding-left:10px;text-transform:uppercase;}

#map { height:320px; margin:10px;}
#search_submit{ background:url(../../images/btn_search.gif) no-repeat 0 0; width:63px; height:22px; border:0; cursor:pointer;}

.tx-veguestbook-pi1{padding:0 10px 10px 10px;}
.tx-veguestbook-pi1 #comment { padding:0; margin-bottom:0;}
.tx-guestbook-field label { font-weight:bold;color:#53166D;font-size:12px; line-height:37px; display:block; height:37px;}
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea, .singleComment textarea  { width:417px; height:130px; border:1px solid #a124d8;}
.tx-veguestbook-pi1 input.tx-guestbook-submit, .formField input.BlogButton {background:url(../../images/btn_submit.gif) no-repeat 0 0; width:142px; height:22px;border:0;}
.comment_item { border-bottom:1px solid #f4e4ff; padding-bottom:10px; height:100%;}
.recommendLogin { margin:10px;}
#mainContent .recommendLogin p a { color:#000; text-decoration:underline;}
#mainContent .recommendLogin p a:hover { text-decoration:none;}
.tx-veguestbook-pi1 .tx-guestbook-clear { height:0; overflow:hidden;}
.tx-veguestbook-pi1 ul li { list-style:none; font-size:11px; color:red;}
.tx-veguestbook-pi1 p.tx-guestbook-form-error{ color:#53166D;}
.tx-veguestbook-pi1 .tx-guestbook-field label { width:auto;}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0;}
.onlyImage h3, .onlyImage p { display:none;}
.onlyImage p { margin:0;}

#brand_search_result p {padding-left:10px;}

#mainRight .list_imgText .textInfo { padding-left:0;}
.textAndImgBox h1 { margin:10px 0;}

/*===============login=================*/
.tx-felogin-pi1{background:#fff; padding:10px; margin-bottom:10px;}
.tx-felogin-pi1 legend { display:none;}
#mainContentTop .tx-felogin-pi1 h3 { padding:0; margin-bottom:10px;}
.loginForm p { clear:both; float:left; width:100%; margin-bottom:5px;line-height:22px; height:100%;}
.loginForm p label { display:block; width:80px; float:left;}
.tx-felogin-pi1 div { padding:10px 0;}
#user,#pass, .tx-felogin-pi1-forgot-email{ background:url(../../images/bg_input_normal.gif) no-repeat 0 0; width:156px; height:16px;border:0; padding:3px;}
.loginSubmit input{background:url(../../images/btn_login.gif) no-repeat 0 0; width:63px; height:22px;border:0;}



#wrapContent h1 { padding-left:0; padding-top:10px;line-height:150%;}
.linkMore { padding-left:10px;}
/*#mainContentBot h3, */#mainContentBot ul { padding-left:10px;}
.csc-textpic-text h3{ padding-top:10px;}
#tx-srfeuserregister-pi1-fe_users_form { padding:10px;}
#tx-srfeuserregister-pi1-fe_users_form dt { width:33%; text-align:left; padding-right:10px;}
input.tx-srfeuserregister-pi1-text, input.tx-srfeuserregister-pi1-password {background:url(../../images/inputBg_reg.gif) no-repeat 0 0; width:259px;border:0; padding:3px; height:16px;}
.tx-felogin-pi1-forgot-submit {background:url(../../images/btn_sendPass.gif) no-repeat 0 0;width:118px; height:22px;border:0;}


.multiImageBox { float:right; margin:0 10px; display:inline;}
.multiImageBox img { margin-bottom:10px;}
.single_page_content { padding-top:10px;}
#single_top_img { border-bottom:5px solid #59236E; }
.tx-extstores-pi1 #single_top_img {margin-bottom:10px;}
#search_sidebar_land { width:128px; padding:1px 0; *padding:2px 0;padding:2px 0\0; _width:125px;}
.left_brand_logo { margin-bottom:10px;}

.align-left { text-align:left;}
.align-center { text-align:center;}
.align-right { text-align:right;}
.align-justify { text-align:justify ;}
p.align-left, p.align-center,p.align-right,p.align-justify { padding:0 10px;}
.storeDetail h3 { padding:10px 0 0 0}
.addthis_default_style { padding-left:10px; padding-bottom:10px;}
.addthis_default_style a { display:block; margin-right:5px; float:left; display:inline;}
div.addthis_default_style .at300b { padding:0;}
.NewBookmark h4, .NewBookmark .contentBox { padding-left:10px;}


.tx-srfeuserregister-pi1 a { background:none; padding:0;}
.tx-mmforum-pi6-container { margin:10px; border:0;}
.tx-srfeuserregister-pi1 legend, .tx-srfeuserregister-pi1 p { padding:0;}
#mainContent dl.register dd a { background:none;  margin:0;color:#53166D; text-decoration:underline;}
#tx-srfeuserregister-pi1-agreement { float:left; margin-right:5px; display:inline;}

.tx-srfeuserregister-pi1 dl.myfn, #form1 { padding:10px; height:100%;}
.tx-srfeuserregister-pi1 dl.myfn dt{ width:150px;}
.tx-srfeuserregister-pi1 dl.myfn dd { width:250px; line-height:180%; margin-left:10px;}
#mainContent .tx-srfeuserregister-pi1 dl.myfn dd a { padding:0; color:#53166D; text-decoration:underline; background:none; float:none; width:auto;}
#logout{ background:url(../../images/btn_logout.gif) no-repeat 0 0; width:63px; height:22px; border:0;}

#tx-srfeuserregister-pi1-fe_users_form dt { width:105px; margin-bottom:15px;}
#tx-srfeuserregister-pi1-fe_users_form dd { margin-bottom:15px; padding:0; color:#767676; width:325px;}
#tx-srfeuserregister-pi1-fe_users_form dl.register dd {width:265px;}
#tx-srfeuserregister-pi1-language {width:265px;}
.tx-srfeuserregister-pi1-submit { background:url(../../images/btn_update.gif) no-repeat 0 0; width:128px; height:22px; border:0;}
#mainContent .tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { background:none; text-decoration:underline;color:#53166D;  padding:10px 0; margin:0;}
.tx-srfeuserregister-pi1 dl { padding:0;}
.tx-srfeuserregister-pi1 dt  { text-align:left; width:125px; margin-bottom:15px; padding:0;}
.tx-srfeuserregister-pi1 dd { margin-bottom:15px; width:150px;  padding:0;}
.tx-srfeuserregister-pi1 dd select { width:150px;}
.tx-srfeuserregister-pi1-back, .tx-srfeuserregister-pi1-submit-dd a{ display:inline; background:url(../../images/btn_back.gif) no-repeat 0 0; width:63px; height:22px; border:0; float:right; margin-left:8px; padding:0;}
.tx-srfeuserregister-pi1 dd a span { display:none;}
.tx-srfeuserregister-pi1 dd .tx-srfeuserregister-pi1-submit, dd input.tx-srfeuserregister-pi1-submit-input { display:block; background:url(../../images/btn_continue.gif) no-repeat 0 0; width:81px; height:22px; border:0; float:right;margin-left:8px; display:inline;}
.tx-srfeuserregister-pi1 dd.tx-srfeuserregister-pi1-submit-dd { width:280px;float:right;}
#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-submit-dd, .tx-srfeuserregister-pi1 dd.tx-srfeuserregister-pi1-createprview, #tx-srfeuserregister-pi1-fe_users_form.tx-srfeuserregister-pi1-edit dd{ width:305px; }
#tx-srfeuserregister-pi1-fe_users_form  h3 { padding:0; margin-bottom:20px;}


.styleBox { width:420px; margin:0 10px 10px; overflow:hidden;}
.styleBox ul { width:490px;}
.styleBox li {width:110px;min-height: 160px;display: -moz-inline-stack; display: inline-block; vertical-align: top;_height:160px;
zoom: 1;*display: inline; margin:0 40px 20px 0; *margin-right:44px;}
.styleBox li img { margin-bottom:5px;}
#mainContentTop .styleBox h3 { line-height:37px; padding:0;}
#mainContentTop .styleBox li a { color:#53166D; text-decoration:underline;}

.styleCategory_1 li {font-size:12px; font-weight:bold; padding:10px 0;}
#mainLeft .styleCategory_1 li a, #mainContentTop .stylePage a { color:#53166d;}
.styleCategory_1 li ul { padding-left:0;}
.styleCategory_1 li ul li { font-weight:normal; padding:0;}
#mainLeft .styleCategory_1 li ul li a { color:#767676;}
.stylePage {  text-align:right;}
.leftPageArrow { float:left;}
.styleSidePicture { width:110px; float:left;}
#mainContentTop .stylePage .endPage { color:#767676; cursor:text;}
#mainContentTop .stylePage a.endPage:hover { text-decoration:none;}
.styleSideUl .styleSidePicture img { margin:0;}
.styleDetail img { display:block; margin:0 10px 10px;}
.styleDetail { line-height:37px;}
.styleDetail .stylePage { float:right; width:130px; margin-right:10px; display:inline;}


#mainContentTop .blogList .item{ padding:10px;}
#mainContentTop .blogList .item h3 { padding:0;}
#mainContentTop .blogList .item h3 a { color:#53166D;}
.itemTop { color:#767676;padding-bottom:10px;}
.date { display:inline; padding-right:5px;}
.pageBrowser { list-style:none; float:right;padding:10px;}
.pageBrowser li { float:left; color:#53166D; padding:0 2px;}
#mainContentTop .pageBrowser li a { color:#53166D; text-decoration:underline;}
.pageBrowser li.cur a  {text-decoration:none;}

#categories{background:#fff;padding-left:23px; padding-bottom:10px; margin-bottom:10px;}
#categories h3 { height:37px; line-height:37px; text-transform:uppercase;}
#categories ul {list-style:none;}
#categories ul li { line-height:20px;}
#categories ul li a {color:#53166D;}
#categories ul li ul li {padding-left:14px;}


#commentList, #commentFormNonAjax, #singleNavigation, .single { padding:10px;}
#commentList ul li { list-style:none;}

#commentFormNonAjax h4 { padding:0 0 10px 0; color:#53166D;}
.formElement { float:left; width:100%; margin-bottom:15px;}
.formLabel {width:100px; float:left;padding-right:10px;}
.formField { float:left; width:309px;}
.formField input {background:transparent url(../../images/inputBg_reg.gif) no-repeat scroll 0 0;border:0 none;height:16px;padding:3px;width:259px;}
.formField textarea { background:url(../../images/textarea_bg.gif) no-repeat 0 0; width:259px; height:106px; border:0; padding:3px; overflow-y:auto;}

#itemBody h3 {padding:0;}
#itemBody h3 a { color:#53166D;}

.ImageBoxNav ul { margin:0;}
.ImageBoxNav li { float:left; padding-right:4px;}
.ImageBox { position:relative;}
#picZoom { position:absolute; right:0; bottom:0; width:28px; height:27px; background:url(../../images/picZoom.jpg) no-repeat 0 0;}
.ImageBox img { display:block; margin:0 auto;}
.ImageBox a.right,.ImageBox a.left{position:absolute;width:25%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.ImageBox a.left{left:1px;top:0;background:url(../../images/coolprev.gif) no-repeat center left}
.ImageBox a.right{right:1px;top:0;background:url(../../images/coolnext.gif) no-repeat center right;_right:11px;}
.ImageBox a.right:hover, .ImageBox a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.ImageBox a.open{position:absolute;top:0;left:25%;width:50%;cursor:pointer;z-index:10;background:url(../../images/coolplus.gif) no-repeat center center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.ImageBox a.open:hover{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}


#mainLeftTop { background:#fff; margin-bottom:10px; padding:0 0 10px 23px;}
#mainLeftTop h3 { line-height:37px;}
#profileTree, #profileTree li ul { list-style:none;}
#profileTree li { line-height:20px;}
#profileTree li a { color:#53166D;}
#profileTree li ul li a { color:#53166D; font-size:11px}
#profileTree li ul { margin-left:20px;}

.infoRight { float:right;}
.infoLeft { float:left;}
.infoBottom { display:block; clear:both;padding-top:5px;}
.imageSlider { border:1px solid #ccc; width:418px; margin-bottom:5px; overflow:hidden;}
.imageSlider img { display:block; margin:0 auto;}
#imageInfomation { color:#53166D; font-size:11px; margin-bottom:10px;}

.tx-srfeuserregister-pi1-create {background: url(../../images/btn_create_account.gif) no-repeat 0 0;border:0 none;height:22px; width:155px;}


#myRating { margin:10px 10px 0; float:left;line-height:normal; color:#767676;}
#myRating a { float:left;}
#myRating a img { margin:0; width:13px; height:13px;}
#myRating span { padding:0 10px;}

/*#mainRight .tx-extadvertisement-pi1 { margin-bottom:10px;}*/


.imgBox { border:1px solid #ccc; width:108px; height:108px; overflow:hidden; margin-bottom:5px; display:block; position:relative;}
.tx-srfeuserextend-contact-list ul li { margin-right:44px; line-height:20px;}
.tx-srfeuserextend-contact-list ul li p,  mystyle-list ul li p { padding-bottom:5px;}
.tx-srfeuserextend-contact-list ul li a {display:block; }
.tx-srfeuserextend-contact-list ul li img { display:block; position:relative; top:50%; margin:0 auto;}
.tx-srfeuserextend-friends-page {color:#53166D; text-align:right;}
.tx-srfeuserextend-friends-page strong { font-weight:normal;}
.tx-srfeuserextend-friends-page a { text-decoration:none; color:#53166D; padding:0 0 0 3px;}
.tx-srfeuserextend-friends-pagesize { clear:both; color:#767676; font-size:11px;}


.tx-srfeuserextend-collect-list h3 { line-height:37px;}
.tx-srfeuserextend-collect-list ul { list-style:none; padding:0 10px 0 10px;}
#mainContentTop .tx-srfeuserextend-collect-list ul li { line-height:20px;}
#mainContentTop .tx-srfeuserextend-collect-list ul li a { color:#000;}
#mainContentTop .tx-srfeuserextend-collect-list ul li .tx-srfeuserextend-collect-delete {color:#53166D; text-decoration:underline;}
.tx-srfeuserextend-collect-deleteAll { margin:10px; height:22px;}
.tx-srfeuserextend-collect-deleteAll a{ display:block;background:url(../../images/btn_alle.gif) no-repeat 0 0; height:22px; width:106px; float:right;}
.tx-srfeuserextend-collect-deleteAll a span{ display:none;}


.previous, .categories, .date, .time { float:left;}
.backtolist { float:left;display:inline;}
.next { float:right;}
.categories { padding-right:10px;}
#mainContentTop .previous a, #mainContentTop .backtolist a, #mainContentTop .next a, #mainContentTop .newsLink a, #mainContentTop .imageBoxLink a{color:#53166D; text-decoration:underline;}
.newsLink { padding:10px;}
.imageBoxLink { padding:10px 0;}
#mainContentTop .itemBody h3 { padding:0 0 10px 0;}
.error { list-style:none; color:#FF0000; font-size:11px;}
#mainContentTop .commentFormStyle h6 { padding:0;}
.commentError { margin-bottom:5px;}
.div.tx-mmforum-rootline { color:#767676; margin:0; border:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.tx-mmforum-pi1-userdetail-fieldname { text-align:left;}
#mainContentBot .textBox h3 {padding-left:10px;}


.userSetting h3 { line-height:37px;}
.tx-srfeuserregister-pi1-edit-saved { padding:10px 0;}
.tx-srfeuserregister-pi1-edit-saved p { margin-left:10px;}
#mainContentTop .tx-mmforum-pi1-listtopic-topicname a { color:#a62dd9;}


#newsletter { padding:0 10px 10px; height:100%;}
#newsletter h3 { line-height:37px; padding:0; cursor:pointer;}
#newsletter form { height:100%;width:420px; overflow:hidden;}
#newsletter form p { float:left; width:100%; margin-bottom:15px;}
#newsletter form p label { width:135px; padding-right:10px; float:left; display:block;}
#newsletter form p label.inerlabel { display:inline; float:none; width:auto; padding-left:5px;} 
#newsletter form p label span { color:#FF0000;}
#newsletter form p input.inputStyle, #newsletter form p input.overStyle {background:transparent url(../../images/inputBg_reg.gif) no-repeat scroll 0 0;border:0 none;height:16px;padding:3px;width:259px;}
#newsletter form p select {width:265px;}
.tx-newsletteractivated-pi1 { min-height:600px;_height:600px;}
.formBtn { padding-left:145px;}
#topPrompt,#MiddlePrompt, #bottomPrompt {padding-bottom:10px; display:block;padding-left:145px;}
.prompt_contact {color:#019A4A;}
.error_contact { color:#FF0000;}
div.tx-mmforum-rootline { border:0; margin:0; padding:0; line-height:20px; height:20px;}
.tx-mmforum-pi1-listtopic-lastpost a img { display:inline;}
.promptInfo { padding:10px;color:#53166D;}
.tx-mmforum-pi1-listpost-user div { padding:5px 0 0;}
.tx-mmforum-pi1-listpost-user img { margin-top:5px;}
.tx-newsletteractivated-pi1 h3 { line-height:37px;}
.tx-mmforum-textbutton span.tx-mmforum-buttontext { cursor:pointer;}
.bbcodeBox td { padding-right:1px;}
#message.post { width:100%; margin:10px 0;}
.tx-mmforum-pi1-newpost-left a img { margin-bottom:5px;}
div.tx-mmforum-error { border:0; text-align:left;}
input.postSend{background: url(../../images/btn_bbs_01.gif) no-repeat 0 0;border:0 none;height:22px; width:64px;}
input.postReview{background: url(../../images/btn_bbs_02.gif) no-repeat 0 0;border:0 none;height:22px; width:75px;}
input.postReset{background: url(../../images/btn_bbs_03.gif) no-repeat 0 0;border:0 none;height:22px; width:97px;}


#mainContentTop ul{ padding-left:10px;}
#mainContentTop ul li, #mainContentMid ul li { list-style-position:inside;padding-bottom:5px;}
.odd, .even { padding:10px 0;}
#mainContentTop ul#commentListTitle { padding:0}

.tx-extbrands-pi1 .leftPageArrow, .tx-extstores-pi1 .leftPageArrow{ float:none;}
/*.formField input.BlogButton { background:url(../../images/btn_erf.gif) no-repeat 0 0; width:72px; height:22px; border:0; float:right; margin-left:10px; display:inline;}*/
.bakLink { float:right;}
#mainContentTop .bakLink a {background:url(../../images/btn_back.gif) no-repeat 0 0; width:63px; height:22px; border:0; float:right; display:block;}
.btnField {/* float:right;*/ margin-top:10px;}

#myStyle { padding:0 10px 10px;}
#myStyle h3 { line-height:37px; padding-left:0;}
#myStyle form { height:100%; clear:both;}
#myStyle form p { height:100%; float:left; width:100%; clear:both; margin-bottom:15px;}
#myStyle form p label { float:left; display:block; width:120px; height:20px; line-height:20px;}
#myStyle form p .inputBox {background:transparent url(../../images/inputBg_reg.gif) no-repeat scroll 0 0;width:265px; display:block; float:left; height:22px; position:relative;}
#myStyle form p .inputBox input {border:0 none;padding:2px 3px; height:15px; width:255px; margin:2px;}
#myStyle form p textarea  { background:url(../../images/textarea_bg.gif) no-repeat 0 0; width:259px; height:106px; padding:3px; border:0; overflow-y:auto;}
#myStyle form p select { width:265px;}
#myStyle form p.styleBrandItem { margin-left:120px; width:250px; display:inline; margin-bottom:5px;}
#myStyle form p.styleBrandItem a { display:block; background:url(../../images/icon_del.gif) no-repeat 0 0; width:12px; height:12px; float:left; margin:2px 5px 0 0;}
#myStyle form p.styleBrandItem span { color:#767676;}
#myStyle form p.styleBrandItem a:hover{ background:url(../../images/icon_del_over.gif) no-repeat 0 0;}
.btn_submit { background:url(../../images/btn_continue.gif) no-repeat 0 0; width:81px; height:22px; border:0; float:right; margin-right:35px; display:inline;}
.stylePic, #tx-srfeuserregister-pi1-image-0 { width:265px;}
.guideInfo { padding-bottom:10px;}
.gray { color:#767676;}
#mainContentTop ul.items { padding-left:0;}
#styleBrandAdd { background:url(../../images/icon_add.gif) no-repeat 0 0; width:16px; height:16px; position:absolute; right:-25px; top:4px;}


.hide { height:0px; overflow:hidden;}
#mainContentBot.hide, #mainContentMid.hide{ margin-bottom:0; *margin-bottom:10px;}
#mainLeft .tx-mmforum-pi1 { padding:0;}
.middle {color:#53166D;font-size:12px; font-weight:bold;}
#autoCompleteSelector{ width:167px; border:1px solid #A62DD9;}
#autoCompleteSelector div, #autoCompleteSelectorP div { padding-left:5px; line-height:20px;}
#autoCompleteSelector duv { background:#fff; float:left; width:115px; clear:both; list-style:none;}

.tx-srfeuserregister-pi1 input.birth-input-small { background:url(../../images/inputBg_date.gif) no-repeat 0 0; width:52px; height:16px; padding:3px; border:0; float:left; margin-right:6px; display:inline;}
.tx-srfeuserregister-pi1 input.birth-input-large { background:url(../../images/inputBg_year.gif) no-repeat 0 0; width:131px; height:16px; padding:3px; border:0; float:left; display:inline;}
.sinBack  { padding:5px 10px 10px;}

.dateComment { float:left; width:100%; color:#767676;}
.commentListListing {padding-left:10px;}

.title { padding:10px; line-height:20px;}
#mainContentTop ul.browsebox li a {color:#53166D;}
#mainContentMid .list_textImg ul li { padding:10px;}
.myfn dt { width:148px; height:148px; overflow:hidden; border:1px solid #ccc; position:relative;}
.friendboxSidePicture { width:108px; height:108px; overflow:hidden; border:1px solid #ccc; display:inline; float:left; margin-right:10px; position:relative;}
.friendboxSidePicture img { position:relative; top:50%; display:block; margin:0 auto; float:none;}
.amTitle, .time { float:left; padding-right:5px;}
#mainContentTop .sinBack h3 { padding-left:0;}
.noResult { min-height:600px;_height:600px; padding:10px;}
#mainLeft .noResult { height:auto; padding:0 0 10px 20px; min-height:inherit;}
.tx-indexedsearch-browsebox p { display:none;}
#mainContentTop .itemBody p { margin:0 0 10px;}
#mainContentTop .itemBody ul { padding:0;}

.ttnewsNoResult { background:#fff; min-height:200px;_height:200px;padding:10px;}
#mainLeft .ttnewsNoResult {min-height:1px; _height:auto; margin-bottom:10px;}
#mainContentMid .ttnewsNoResult, #mainContentBot .ttnewsNoResult{ display:none;}

.mystar { padding-left:20px;color:#53166D; line-height:20px;}
.mystatusinfo { padding:0 10px 10px 20px; color:#767676; line-height:20px;}

.mmforum-userlist ul { list-style:none; float:left; width:100%;}
.mmforum-userlist ul li { float:left; width:24%; height:20px; line-height:20px;}

.searchNoUser{padding-left:10px; margin:3px 0px 3px 0px}

#apply_submit, .submit_step { background:url(../../images/btn_abs.gif) no-repeat 0 0; width:74px; height:22px; border:0; float:right; margin-top:10px;}
.submit_step { float:left; margin-left:120px; display:inline; margin-bottom:5px;}
.apply_reason_label {color:#53166D; line-height:20px;}
.applyPre { color:#767676;}
.apply_form { height:100%;}
.apply_form:after { content:''; clear:both; display:block; height:0; visibility:hidden;}
.titlePragra {padding:10px;line-height:20px;padding-bottom:0px;} 

.myfn dt img { position:relative; top:50%; display:block; margin:0 auto;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left:0; vertical-align:middle;}
.tx-extadvertisement-pi1 {border-bottom:10px solid #53166D;}
#mainLeft .textBox h3.collect-latestnews-headline { height:auto; line-height:normal; padding:10px 0 10px 20px;}

.activePlc { min-height:350px;_height:350px;}
.applyLogin { padding:10px 0;}

.writingWrap {padding:10px 0;}
.writingform { margin:10px;}
.writingform p { float:left; width:100%; padding-bottom:10px;}
.writingform p label { width:80px; float:left; height:22px; line-height:22px;}
#blog_title, #blog_content { border:1px solid #9e28d6; background:url(../../images/input_bg.gif) no-repeat 0 0;height:14px;padding:3px; width:330px; float:left;}
#blog_content { height:300px; overflow-y:auto;}
#blog_category { width:147px; float:left;}
#blog_wrinting_submit { background:url(../../images/btn_abs.gif) no-repeat 0 0; width:74px; height:22px; border:0; float:right; margin-top:10px;*margin-right:-10px;}




/*===========================tip========================*/
div.tip { border:1px dotted #000; cursor:move;}
div.tip div { *background:#fff;background:#fff\9; *height:100%;height:100%\9;filter: Alpha(Opacity=0);}
div.tip span { display:block; width:6px; height:6px; border:1px solid #000; position:absolute; overflow:hidden;}
.topLeft { top:-1px; left:-1px;}
.topRight { top:-1px; right:-1px;}
.bottomLeft { bottom:-1px; left:-1px;}
.bottomRight { bottom:-1px; right:-1px;}
#btn_yes { display:inline; float:left; background:url(../../images/btn_ja.gif) no-repeat 0 0; width:31px; height:22px; margin-right:9px;}
#btn_no { float:left; background:url(../../images/btn_abbr.gif) no-repeat 0 0; width:93px; height:22px; display:block;}
.mystyle_prompt { width:213px; height:29px; border:solid #53166C; border-width:0 1px 1px 0; background:#FFFFD3; color:#000; margin-bottom:5px; padding:5px;}
#styleCreator { position:relative;}





#styleError { clear:both;padding-left:120px; font-weight:normal; padding-bottom:10px;}
.styleRelation { padding:20px 0 ; float:left; width:100%; display:none;}
.styleRelation p { float:left; width:180px;}
.styleRelationRight { margin:0 10px 0 25px;}
#makerStyleBrand, #makerStyleProduct {border:1px solid #9e28d6; background:url(../../images/input_bg.gif) no-repeat 0 0;height:14px;padding:3px; width:114px; float:left;}
.styleRelation p label { display:block; width:57px; float:left; height:22px; line-height:22px;}
#styleRelationSave { display:block; width:16px; height:16px; background:url(../../images/icon_save.gif) no-repeat 0 0; float:left; margin-top:3px;}
#createStyleFromTwoSubmit{background:url(../../images/btn_weiter.gif) no-repeat 0 0; width:61px; height:22px; border:0; float:right;}
#createStyleFromTwo {display:none;}
.backMyStyle { display:block; float:right; background:url(../../images/btn_bb.gif) no-repeat 0 0; height:22px; width:185px; margin-top:10px;}

.friends_single { padding:10px 0; height:100%;}
.friends_single h3 { margin-bottom:10px;}
.friends_single li { float:left; list-style:none; width:100%; clear:both;}
.friends_single li label { display:block; float:left; width:110px;}


.divArea { border:1px solid #fff; position:absolute;}
.divArea_inner { border:1px solid #53166D; height:100%;}
.divArea_inner div{ border:1px solid #fff; height:100%;}
.divArea_inner_box2{ background:#fff;filter: Alpha(Opacity=0);opacity:0; height:100%;}
#autoCompleteSelectorP { border:1px solid #A62DD9; background:#fff;}
#styleMarkerTotal { margin-top:10px;}
#styleMarkerTotal a { display:inline; background:url(../../images/icon_del.gif) no-repeat 0 0; width:12px; height:12px; float:left; margin:2px 10px 0 0;}
#styleMarkerTotal a:hover { background:url(../../images/icon_del_over.gif) no-repeat 0 0;}
#createStyleFromTwo #styleMarkerTotal p { margin-bottom:10px;}
#styleCreator .divAreaInfo { width:200px; height:105px;position:absolute;left:0; bottom:-113px; color:#333; line-height:20px; display:none; cursor:pointer; z-index:100; border:0; padding-top:11px;}
#styleCreator .divAreaInfo span { background:#fff; border:solid #53166D; border-width:0 1px 1px 0; padding:10px; display:block;}
#styleCreator .divAreaInfo a { color:#767676;}
#styleCreator .divAreaInfo a:hover { color:#53166D}

.styleBoxOverview { margin:0 10px 10px; width:420px; overflow:hidden;}
.styleBoxOverview h3 { line-height:37px;}
.styleBoxOverview ul { height:100%; width:480px; float:left;}
#mainContentBot .styleBoxOverview ul { padding:0;}
.styleBoxOverview li { list-style:none; width:110px; float:left; display:inline; margin-right:44px; margin-bottom:20px;}
.styleBoxOverview li div { width:108px; height:118px; overflow:hidden; border:1px solid #ccc; margin-bottom:5px;}
#mainContentMid .styleBoxOverview li a, #mainContentBot .styleBoxOverview li a  { color:#767676; text-decoration:none;}
#mainContentMid .styleBoxOverview a, #mainContentBot .styleBoxOverview a { clear:both; color:#53166D; text-decoration:underline;}

#mainContentTop .styleBox ul { padding:0;}
#mainContentTop .styleBox ul li a { display:block; color:#767676; text-decoration:none;}
#formAnmelden h4 { clear:both; padding:0 0 10px 0;}

#mainRight .textBox ul.media_spac { padding:0;}
.media_spac li img { display:block; margin:0 auto;}
.media_spac li { margin-bottom:10px;}

#myStyle #styleError { padding:0; display:none;}
.attention { clear:both; padding:0 10px; font-size:11px; color:#767676;}




#mainLeft .forumTeaser li , #mainLeft .textAndImgBox li, #mainLeft .textBox ul li{ margin-bottom:5px;}
.tx-mmforum-postbottom-box { width:100px; margin:0 auto 10px auto;}
.tx-mmforum-postbottom-box .tx-mmforum-textbutton { float:none;}


/*--------------------------------write by sky at 2010-03-10 13:40---------------------------------------------------*/
#myStyle {width:420px; float:left;}
.myStyleInfo { width:260px; float:right; display:inline; padding-top:37px;}
.btn_submit { margin-right:36x;}
#stylemMail h3 { padding-left:0;}
#brandName, #styleName, #styleDescription {border:1px solid #9e28d6; background:url(../../images/input_bg.gif) no-repeat 0 0;height:14px;padding:3px; float:left; margin-right:10px; display:inline; width:142px;}
#styleMailFromSubmit {background:url(../../images/btn_bbs_01.gif) no-repeat 0 0; width:64px; height:22px; border:0; display:block; float:left;}
.myStyleInfo #styleRelation { padding-top:0;}
.myStyleInfo #styleRelation p { float:none; width:auto;}
.myStyleInfo #styleRelation p label { float:none; width:auto;font-weight:bold;color:#53166D;}
.myStyleInfo #styleRelation p.styleRelationRight { margin:0;}
.styleRelationSaveBox { clear:both;}
.styleRelationSaveBox span { float:left; line-height:16px;}
.styleRelationSaveBox #styleRelationSave { margin:0 0 0 10px;}
.myStyleInfo #makerStyleBrand, .myStyleInfo #makerStyleProduct { float:none; margin:1em 0;}
/*div.divArea_inner div, div.divArea_inner { border:0;}*/
#createStyleFromTwoSubmit { margin:10px 0 0 0;}
#styleMarkerTotal { padding-bottom:30px; clear:both; }
#styleMarkerTotal h3 { padding-left:0;height:22px;line-height:22px;}
/*div.tip { width:60px; height:60px;}
div.divArea {width:60px; height:60px; border:1px solid #53166D; padding:0;}*/
div.tohide { border:0; padding:1px;}
#styleError { padding:10px 10px 10px 0; display:none;}
#makerStyleProductCat { width:151px;}
#myStyle_step2 h3 { line-height:22px;}
.searchSubmit {background:url(../../images/btn_search.jpg) no-repeat 0 0; width:25px; height:22px; border:0; cursor:pointer;}
#makerStyleBrand { width:142px;}
#myStyle form p .inputBox input { *height:13px;}

.searchOverview, .searchDetail{ padding:10px;}
.searchOverview .tx-indexedsearch-whatis { margin-bottom:5px;}
.searchOverview .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:normal;}
#mainContentTop .searchOverview ul { margin:0; padding:0; list-style:none;}
.searchOverview ul li { line-height:20px;color:#53166D; font-weight:bold;}
#mainContentTop .searchOverview ul li a { font-weight:normal;color:#767676;}
.searchDetail span.tx-indexedsearch-sw { font-weight:normal;}
.searchDetail .tx-indexedsearch-browsebox { padding-left:10px;}
.searchDetail .tx-indexedsearch-browsebox span { float:left; margin-right:5px;}
#mainContentTop .searchDetail .tx-indexedsearch-browsebox a {color:#53166D;}
.searchDetail .tx-indexedsearch-browsebox .leftPageArrow {margin-right:5px;}
.searchDetail .tx-indexedsearch-browsebox span.current { font-weight:bold;}
.searchDetail .tx-indexedsearch-res { margin:10px 0 25px 0;}
.searchDetail .tx-indexedsearch-whatis { margin-bottom:5px;}
#createStyleFromTwo { display:block;}

/*--------------------------------write by sky at 2010-03-26 13:40---------------------------------------------------*/
#editStyleMarker { padding-bottom:10px;}
.myStyleLeft { width:420px; float:left; padding:10px;}
#mainContentTop .myStyleLeft h3 { padding:0;}
#editStyleInfo{ border-top:10px solid #59236E; padding-top:10px;}
#createStyleFrom p { float:left; width:100%; margin-bottom:5px;}
#createStyleFrom p label { display:block; float:left; width:120px;}
#styleName{ margin:0; width:292px;_width:289px;}
#styleDescription {margin:0; width:292px; height:100px;}
#styleCategory { width:300px; _margin-left:-3px;}
#createStyleFromSubmit { margin:0;}
#styleMarkerTotal { margin-top:0;}
#editStyleInfo .myStyleInfo { padding-top:0;}
#stylemMail { border-top:1px solid #59236E; padding-top:10px; margin-right:10px;}
#createStyleFromSubmit.btn_creator { margin-right:35px;}
#mailInfo { color:#2F7524;  padding:5px 0 0 0;}
#mailInfo.error{color:#FF0000;}
#emailForm { padding:5px 0 0 0; position:relative;}
#brandName { width:168px;_width:165px;}
.emailAjaxLoader, .makerAjaxLoader { display:block; width:16px;height:16px; background:url(../../images/loading.gif) no-repeat 0 0; position:absolute; top:8px;left:155px; display:none;}
#styleRelation { position:relative;}
#styleRelation .makerAjaxLoader {left:130px;top:52px;}
#stylemMail p { padding:8px 0 10px 0;}
.styleMarkerItem { clear:both;}
#mainLeft .tx-felogin-pi1 h3, #mainLeft .tx-felogin-pi1 div { float:left; width:100%; clear:both;}
#mainLeft .tx-felogin-pi1 form { clear:both;}
