@charset "utf-8";
@import url(reset.css);
@import url(forms_tables.css);
* {
    margin: 0;
    padding: 0;
    border:0;
    }
html[xmlns^="http"]
    {
    overflow-y: scroll;/* for a persistent (vertical) scrollbar in firefox */
    }
a:focus {
    outline: none;
}
a:visited, a:link, a:active  {
    color:#3D8000;
 }
body{
    text-align: center;
    font-family:Arial, Tahoma, Helvetica, sans-serif;
    color: #000;
    font-size:12px;
    background:#E9E9E9 url(../images/bg_body.gif) top left repeat-x;
    }
#wrapper{
    margin: 0px auto;
    text-align:left;
    width:990px;
    background:#fff;
    }
/******************** LINKS ********************/
a.arrow{
    background:url(../images/icon_doubleArrowGreen.gif) left center no-repeat;
    color:#3D8000;
    text-decoration:none;
    padding:0 0 0 10px;
    }
a.delete, a.edit, a.refresh, a.shopCard{
    font-size:11px;
    color:#3D8000;
    text-decoration:none;
    padding:0 0 0 15px;
    }
a.delete{
    background:url(../images/icon_trash.gif) left center no-repeat;
    }
a.refresh{
    background:url(../images/icon_refresh.gif) left center no-repeat;
    }
a.edit{
    background:url(../images/icon_edit.gif) left center no-repeat;
    }
a.shopCard{
    background:url(../images/icon_shopCard.gif) left center no-repeat;
    }
a.arrow:hover, a.delete:hover, a.refresh:hover, a.edit:hover, a.shopCard:hover{
    text-decoration:underline;
    }
a.back{
    display:block;
    width:79px;
    height:22px;
    background: url(../images/btn_back.gif) top left no-repeat;
    }
a.backToShop{
    display:block;
    width:139px;
    height:22px;
    background: url(../images/btn_backToShop.gif) top left no-repeat;
    }
a.nextStep{
    display:block;
    width:139px;
    height:22px;
    background: url(../images/btn_nextStep.gif) top left no-repeat;
    }
a.save{
    display:block;
    width:95px;
    height:22px;
    background: url(../images/btn_save.gif) top left no-repeat;
    }
a.print{
    display:block;
    width:114px;
    height:22px;
    background: url(../images/btn_print.gif) top left no-repeat;
    }
a.sendOrder{
    display:block;
    width:169px;
    height:22px;
    background: url(../images/btn_sendOrder.gif) top left no-repeat;
    }
a.addToCard{
    display:block;
    width:160px;
    height:30px;
    text-indent:-9999px;
    background: url(../images/btn_addToCard.gif) top left no-repeat;
    }
a.viewCard{
    display:block;
    width:159px;
    height:30px;
    text-indent:-9999px;
    background: url(../images/btn_viewCard.gif) top left no-repeat;
    }
a.addToCard.bottom{ /* for .box and .boxHalf productboxes use multiple classes >> class="addToCard bottom" */
    position:absolute;
    bottom:5px;
    right:6px;
    }
a.addToCard.left{ /* for .boxFull productbox use multiple classes >> class="addToCard left" */
    position:absolute;
    bottom:5px;
    left:210px;
    }
a.addToCard.detail{ /* for detailview >> class="addToCard detail" */
    margin-bottom:5px;
    }
a.zoom{
    display:block;
    width:160px;
    height:30px;
    text-indent:-9999px;
    background: url(../images/btn_zoom.gif) top left no-repeat;
    margin-left:18px;
    }
a.button{
    background:#4FA600 url(../images/bg_submit.gif) bottom left repeat-x!important;
    border:#4FA600 1px solid !important;
    cursor:pointer;
    padding:2px!important;
    width:auto!important;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
a.button:hover{
    background:#fff url(../images/bg_submitHover.gif) top left repeat-x!important;
    border:#999 1px solid !important;
    color:#000!important;
}
/******* TOOLTIP ******/
a.tip{
    position:relative;
    z-index:24;
    }
a.tip:hover{
    z-index:25;
    }
a.tip span{
    display: none
    }
a.tip:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:150px;
    width:250px;
    padding:3px;
    border:#d9d9d9 1px solid;
    background-color:#efefef;
    color:#000;
    }

/******************** HEAD ********************/
#head {
    position:relative;
    float:left;
    width:990px;
    height:105px;
    background:#DBE7B8;
}
#head a{
    color:#000;
    text-decoration:none;
    }
#head a:hover{
    color:#3D8000;
    text-decoration:underline;
    }
#logo {
    position: absolute;
    top:0;
    left:0;
    background:url(../images/logo_mein_hoershop.gif) top left no-repeat;
    width:240px;
    height:105px;
}
#logo a{
    display:block;
    width:240px;
    height:105px;
    text-indent:-9999px;
    }
#globalSearch {
    position: absolute;
    top:0;
    /*left:256px;*/
    left:504px;
    background:url(../images/bg_globalSearch.gif) top left no-repeat;
    width:237px;
    height:105px;
}
#globalSearch form{
    margin:46px 6px 0 42px;
    }
input.globalSearchField {
    width:142px;
    margin-right:7px;
    margin-top:7px;
    background:#fff!important;
    border:none:!important;
    }
#notepad {
    position: absolute;
    top:0;
    left:504px;
    background:url(../images/bg_notepad.gif) top left no-repeat;
    padding:18px 6px 0 73px;
    width:158px;
    height:87px;
    /*width:237px;
    height:105px;  "normal" dimensions without padding*/
}
a.hlNotepad{
    display:block;
    width:120px;
    height:26px;
    text-indent:-9999px;
    background: url(../images/hl_notepad.gif) top left no-repeat;
    }
a.buttonNotepad{
    display:block;
    width:117px;
    height:14px;
    text-indent:-9999px;
    background: url(../images/btn_notepad.gif) top left no-repeat;
    }

#shoppingCard {
    position: absolute;
    top:0;
    left:753px;
    background:url(../images/bg_shoppingCard.jpg) top left no-repeat;
    padding:18px 6px 0 73px;
    width:158px;
    height:87px;
}
a.hlshoppingCard{
    display:block;
    width:121px;
    height:26px;
    text-indent:-9999px;
    background: url(../images/hl_shoppingCard.gif) top left no-repeat;
    }
a.buttonShoppingCard{
    display:block;
    width:96px;
    height:14px;
    text-indent:-9999px;
    background: url(../images/btn_shoppingCard.gif) top left no-repeat;
    }
#notepad p, #shoppingCard p {
    line-height:100%;
    padding-bottom:9px;
    }

/******* SERVICENAVIGATION ********/
#serviceNavigation {
    float:left;
    width:990px;
    height:50px;
    background:url(../images/bg_serviceNavigation.gif) top left no-repeat;
    }
#serviceNavigation li {
    float:left;
    list-style-type:none;
}
#serviceNavigation a {
    background:url(../images/serviceNaviLeft.gif) no-repeat left top;
    height:30px;
    display:block;
    float:left;
    padding-left:10px;
    padding-right:1px;
    text-decoration:none;
    color:#000;
}
#serviceNavigation a:hover, #serviceNavigation a.active {
    color:#fff;
    background:url(../images/serviceNaviLeftHover.gif) no-repeat left top;
}
#serviceNavigation a span {
    background:url(../images/serviceNaviRight.gif) no-repeat right top;
    display:block;
    padding:7px 20px 0 0;
    display:block;
    height:24px;
    float:left;
}
#serviceNavigation a:hover span, #serviceNavigation a.active span {
    background:url(../images/serviceNaviRightHover.gif) no-repeat right top;
    display:block;
    padding:7px 20px 0 0;
    display:block;
    height:24px;
    float:left;
}
ul.welcome {
    float: right;
    padding-right: 30px;
}



/******* LEFT COLUMN + MAINNAVIGATION ********/
#leftColumn {
    float:left;
    width:230px;
    padding-left:10px;
    margin-right:20px;
    }

/******* TEASER-BOX LEFT ********/
.boxLeft{
    float:left;
    width:230px;
    margin-bottom:10px;
    }
.boxLeftContent{
    overflow:hidden;
    border:#d9d9d9 1px solid;
    width:220px;
    padding:5px;
    line-height:120%;
    }
* html b\ody .boxLeftContent {/* for IE6*/
    width:218px;
    }
.boxLeft h4, .boxLeft strong {
    display:block;
    font-size:16px;
    line-height:120%;
    color:#4FA600;
    padding:5px 5px 15px 5px;
    background:url(../images/bg_boxLeftHeadline.gif) 5px 25px no-repeat;
    }
.boxLeft p{
    padding:0 5px 10px 5px;
    }
.boxLeft ul {
    margin-bottom:5px;
}
.boxLeft ul li {
    background: url(../images/icon_doubleArrowGreen.gif) left center no-repeat;
    text-decoration:none;
    padding: 0px 4px 6px 10px;
}
.boxLeft a{
    color:#3D8000;
    text-decoration:none;
    }
.boxLeft a.arrow{
    margin-left:5px;
    }
.boxLeft a:hover{
    text-decoration:underline;
    }
.boxLeftImg{
    padding:0 5px 5px 5px;
    }
.boxLeftShadow{
    width:230px;
    height:10px;
    background:url(../images/boxShadow.gif) bottom right no-repeat;
    font-size:0;/*to avoid spacing in IE6*/
    }
a.thumbLeft{
    float:left;
    padding:3px;
    border:#d9d9d9 1px solid;
    margin-right:5px;
    margin-bottom:5px;
    }
a.thumbLeft:hover{
    border:#4FA600 1px solid;
    }


/******* MAINNAVIGATION ********/
#mainNavigation {
    font-size:14px;
    line-height:120%;
    background:#3D8000 url(../images/bg_mainNavi.gif) top left repeat-y;
    margin-bottom:20px;
}
.mainNaviTop {
    background:url(../images/mainNaviTop.gif) top left no-repeat;
    width:230px;
    height:84px;
}
.mainNaviBottom {
    background:url(../images/mainNaviBottom.gif) top left no-repeat;
    width:230px;
    height:50px;
}
#mainNavigation ul {
    border-bottom:#fff 1px dashed;
}
#mainNavigation li {
    list-style-type:none;
    border-top:#fff 1px dashed;
}
#mainNavigation li a {
    background: url(../images/icon_doubleArrowWhite.gif) 8px center no-repeat;
    color:#fff;
    text-decoration:none;
    display:inline-block;/*Holly-Hack: avoid vertical spacing of list elements IE6*/
    padding: 8px 4px 8px 20px;
}
#mainNavigation li a {
    display:block;/*Holly-Hack*/
}
#mainNavigation li a:hover, #mainNavigation li a.active {
    background: #282828 url(../images/icon_doubleArrowWhite.gif) 8px center no-repeat;
    color:#fff;
}
#mainNavigation ul li ul {
    background: #282828;
    border-bottom:none;
    font-size:12px;
    padding-bottom:5px;
}
#mainNavigation ul li ul li {
    line-height:120%;
    border:0;
}
#mainNavigation ul li ul li a {
    background: #282828 url(../images/icon_arrowWhite.gif) 20px center no-repeat;
    padding: 4px 4px 4px 27px;
}
#mainNavigation ul li ul li a:hover, #mainNavigation ul li ul li a.active {
    background: #000 url(../images/icon_arrowWhite.gif) 20px center no-repeat;
}



/******* CONTENT ********/
#content{
    float:left;
    width:730px;
    }
.textcontent{ /*for textpages like "imprimt"*/
    width:600px;
    }
.textcontent p{
    padding-bottom:10px;
    line-height:140%;
    }
#content h1, #content h6{
    font-size:22px;
    font-weight:normal;
    line-height:120%;
    color:#4FA600;
    padding:0px 0 5px 0;
    clear:both;
    }
#content h2{
    font-size:15px;
    line-height:120%;
    color:#4FA600;
    padding:10px 0 5px 0;
    }
#content h3{
    color:#000;
    font-size:15px;
    padding:5px 0 5px 0;
    }
#content ul.normal{
    margin: 5px 0 5px 0;
    }
#content ul.normal li{
    list-style-type:none;
    padding: 0 0 8px 13px;
    background:url(../images/bullet.gif) 0 4px no-repeat;
    }
#content div.requiredFields {
    margin-top:6px;
    }

#breadcrumb{
    height:40px;
    background: url(../images/bg_breadcrumb.gif) left 15px no-repeat;
    font-size:11px;
    }
#breadcrumb a{
    color:#000;
    text-decoration:none;
    margin:0 5px 0 3px;
    }
#breadcrumb a:hover{
    color:#3D8000;
    text-decoration:underline;
    }


/******* PRODUCT BOXES ********/
.contentRow{ /*for two or four products side by side*/
    position:relative;
    float:left;
    width:100%;
    margin-bottom:10px;
    }
.box h4, .boxHalf h4,
.box .h, .boxHalf .h {
    font-weight:bold;
    padding-bottom:5px;
    }
.box h4 a, .boxHalf h4 a, .boxFull h4 a, .productShortInfo a,
.box .h a, .boxHalf .h a, .boxFull .h a {
    color:#000;
    text-decoration:none;
    }
.box h4 a:hover, .boxHalf h4 a:hover, .boxFull h4 a:hover, .productShortInfo a:hover,
.box .h a:hover, .boxHalf .h a:hover, .boxFull .h a:hover {
    color:#3D8000;
    text-decoration:underline;
    }
.boxFull h4, .boxFull .h {
    font-size:20px;
    font-weight:normal;
    padding:15px 0 15px 0;
    }
.h {
    display:block;
}
.productShortInfo{
    padding-bottom:5px;
    }
.productPrice{
    font-weight:bold;
    color:#3D8000;
    padding-bottom:5px;
    }
.boxFull .productPrice, .boxDetail .productPrice{
    font-size:1.6em;
    color:#4FA600;
    padding:15px 0 5px 0;
    }
ul.arrowLinks {
    margin-bottom:5px;
}
ul.arrowLinks li {
    padding-bottom: 5px;
}
ul.arrowLinks li a {
    background: url(../images/icon_doubleArrowGreen.gif) left center no-repeat;
    padding: 0px 4px 0px 10px;
    color:#3D8000;
    text-decoration:none;
}
ul.arrowLinks li a:hover {
    text-decoration:underline;
}

/******* PRODUCT DETAILVIEW ********/
.boxDetail{ /*don't need a contentRow*/
    float:left;
    border:#d9d9d9 1px solid;
    width:710px;
    padding:5px;
    line-height:120%;
    }
.detailLeft{
    float:left;
    width:260px;
    }
.detailImg{
    text-align:center;
    padding-bottom:20px;
    }
.furtherViews{
    float:left;
    padding-top:20px;
    }
.furtherViews p{
    padding:0 0 15px 22px;
    }
.furtherViews p strong{
    font-size:16px;
    color:#4FA600;
    }
.furtherViews a.furtherViewsImg{
    float:left;
    padding:3px;
    border:#d9d9d9 1px solid;
    margin-right:5px;
    margin-bottom:5px;
    }
.furtherViews a.furtherViewsImg:hover{
    border:#4FA600 1px solid;
    }
.furtherViews a.browseLeft{
    float:left;
    display:block;
    width:13px;
    height:66px;
    background:#efefef url(../images/icon_arrowGreyLeft.gif) center center no-repeat;
    border:#d9d9d9 1px solid;
    margin-right:5px;
    }
.furtherViews a.browseLeft:hover{
    background:#4FA600 url(../images/icon_arrowWhiteLeft.gif) center center no-repeat;
    border:#4FA600 1px solid;
    }
.furtherViews a.browseRight{
    float:left;
    display:block;
    width:13px;
    height:66px;
    background:#efefef url(../images/icon_arrowGreyRight.gif) center center no-repeat;
    border:#d9d9d9 1px solid;
    }
.furtherViews a.browseRight:hover{
    background:#4FA600 url(../images/icon_arrowWhiteRight.gif) center center no-repeat;
    border:#4FA600 1px solid;
    }
.detailRight{
    position:relative;
    float:right;
    width:415px;
    margin-bottom:20px;
    }
#content .detailRight h1{
    font-size:20px;
    font-weight:normal;
    color:#4FA600;
    padding:15px 0 15px 0;
    }
#content .detailRight p.hl{
    font-size:20px;
    color:#4FA600;
    padding:15px 0 15px 0;
    }
#content .detailRight p.hl strong{
    font-weight:normal;
    }
.detailRight .productPrice{
    width:270px;
    }
.freeShipping{
    width:150px;
    height:16px;
    background:url(../images/freeShipping.gif) top left no-repeat;
    text-indent:-99999px;
    float:right;
    }
.shippingCosts{
    width:198px;
    height:16px;
    background:url(../images/versandkostenfrei-ab-25-euro.jpg) top left no-repeat;
    text-indent:-99999px;
    float:right;
    }
.articleNumber{
    float:left;
    padding:0 15px 5px 0;
    }
.rating{
    padding-bottom:5px;
    }
.productDetailInfo p, .productDetailInfo div{
    padding-bottom:10px;
    }
.boxShadowDetail{
    float:left;
    width:720px;
    height:10px;
    background:url(../images/boxShadowFull.gif) bottom right no-repeat;
    font-size:0;/*to avoid spacing in IE6*/
    }

/******* FULLSIZE ********/
.boxFull{ /*don't need a contentRow*/
    float:left;
    width:720px;
    margin-bottom:5px;
    }
.boxContentFull{
    position:relative;
    border:#d9d9d9 1px solid;
    width:708px;
    height:190px;
    padding:5px;
    line-height:120%;
    }
#motive{
    position:absolute;
    z-index:1;
}
.boxImgFull{
    float:left;
    height:190px;
    width:190px;
    margin-right:20px;
    }
.boxShadowFull{
    width:720px;
    height:10px;
    background:url(../images/boxShadowFull.gif) bottom right no-repeat;
    font-size:0;/*to avoid spacing in IE6*/
    }
.errorWarning{
    background:url(../images/bg_errorWarning.jpg) 5px 5px no-repeat;
}
.errorWarning p{
    margin: 110px 0 0 210px;
}

/******* HALFSIZE ********/
.boxHalf{
    float:left;
    width:354px;
    margin-right:10px;
    }
* html b\ody .boxHalf {/* for IE6*/
    margin-right:6px;
    }
.boxContentHalf{
    position:relative;
    border:#d9d9d9 1px solid;
    width:344px;
    height:160px;
    padding:5px;
    line-height:120%;
    }
* html b\ody .boxHalf {/* for IE6*/
    margin-right:6px;
    }
.boxImgHalf{
    float:left;
    height:160px;
    width:160px;
    margin-right:20px;
    text-align:center;
    }
.boxShadowHalf{
    width:354px;
    height:10px;
    background:url(../images/boxShadow.gif) bottom right no-repeat;
    font-size:0;/*to avoid spacing in IE6*/
    }

/******* FOUR BOXES IN A ROW ********/
.box{
    float:left;
    width:172px;
    margin-right:10px;
    }
* html b\ody .box {/* for IE6*/
    margin-right:6px;
    }
.boxContent{
    position:relative;
    border:#d9d9d9 1px solid;
    width:162px;
    height:320px;
    padding:5px;
    line-height:120%;
    }
.boxImg{
    height:160px;
    border-bottom:#ccc 1px dashed;
    padding-bottom:5px;
    margin-bottom:10px;
    text-align:center;
    }
.boxShadow{
    width:172px;
    height:10px;
    background:url(../images/boxShadow.gif) bottom right no-repeat;
    font-size:0;/*to avoid spacing in IE6*/
    }


/******* SHOPPINGCARD ********/
.progressSteps{
    float:left;
    line-height:140%;
    margin-bottom:20px;
}
.progressSteps a, .progressSteps div{
    float:left;
    display:block;
    margin-right:8px;
    width:110px;
    height:100px;
    padding:10px 16px 6px 10px;
    background:#efefef url(../images/progressStep.jpg) top left no-repeat;
    color:#999;
    text-decoration:none;
}
.progressSteps a span.stepHeadline, .progressSteps div span.stepHeadline{
    display:block;
    font-size:14px;
    font-weight:bold;
    padding-bottom:8px;
}
.progressSteps a span.stepText, .progressSteps div span.stepText{
    display:block;
    font-size:14px;
}
.progressSteps a:hover, .progressSteps a.active{
    float:left;
    color:#fff;
    background:#4FA600 url(../images/progressStepActive.jpg) top left no-repeat;
}
/******* FOOTER ********/
#footer{
    clear:both;
    height:80px;
    font-size:11px;
    background:url(../images/bg_footer.jpg) top left no-repeat;
    }
#footer p{
    padding:35px 0 0 10px;
    }
#footer a{
    background:none;
    color:#000;
    text-decoration:none;
    margin:0 8px 0 8px;
    }
#footer a:hover{
    color:#3D8000;
    text-decoration:underline;
    }
.changeFontsize{
    margin:0 8px 0 18px;
    }
.changeFontsize a, .changeFontsize span{
    margin:0 2px 0 2px!important;
    }
.changeFontsize a.middle, .changeFontsize span.middle{
    font-size:13px;
    }
.changeFontsize a.large, .changeFontsize span.large{
    font-size:16px;
    }


/** edit by sleitner **/
.errorBox {
 background:#FFF url(../images/bg_gradientGreyBottom.gif) bottom left repeat-x;
 border:#B50000 5px solid;
 color:#B50000;
 margin-bottom:20px;
 padding:10px;
 width:680px;
 line-height: 1.5;
}
.errorBox ul{
 margin:5px 0 5px 0;
}
.errorBox ul li{
 padding-top:5px;
}

.eventBox{
 background:#FFF url(../images/bg_gradientGreyBottom.gif) bottom left repeat-x;
 border:#4FA600 5px solid;
 color:#3D8000;
 margin-bottom:20px;
 padding:10px;
 width:680px;
 line-height: 1.5;
}
.eventBoxul{
 margin:5px 0 5px 0;
}
.eventBoxul li{
 padding-top:5px;
}

.productDetailInfo ul,
.textcontent ul {
    margin: 5px 0 5px 0;
    }
.productDetailInfo ul li,
.textcontent ul li {
    list-style-type:none;
    padding: 0 0 8px 13px;
    background:url(../images/bullet.gif) 0 4px no-repeat;
    }

.textOnly{
    width:698px;
    height:auto;
    padding:10px;
    }
.textOnly p{
    padding-bottom:10px;
    }
.topPriceBanner{
    position: absolute;
    top:0px;
    left:0px;
    width:106px;
    height:106px;
    background:url(../images/topPriceBanner.gif) top left no-repeat;
    text-indent:-99999px;
    }
.specialPriceBanner{
    position: absolute;
    top:0px;
    left:0px;
    width:106px;
    height:106px;
    background:url(../images/specialPriceBanner.gif) top left no-repeat;
    text-indent:-99999px;
    }



/******* Flash Player (Pflegefilme) ********/

/* styling of the container. */
a.flashPlayer {
    display:block;
    width: 360px;
    height:201px;
    text-align:center;
    margin:0 15px 15px 0;
    float:left;
    border:1px solid #999;
}
/* play button */
a.flashPlayer img {
    width: 360px;
    height:201px;
    border:0px;
}
/* when container is hovered we alter the border color */
a.flashPlayer:hover {
    border:1px solid #000;
}


/******* Search Suggest Box ********/

div.jsonSuggestResults {
    position:absolute;
    border:2px solid #CCC;
    padding:0px;
    margin:0px 0px;
    z-index:1;
    width: 275px!important;
}

div.jsonSuggestResults div.resultItem {
    margin:0px;
    padding:5px;
    position:relative;
    height:auto;
    cursor:pointer;
}

div.jsonSuggestResults div.resultItem.odd {
    background-color: #DBE7B8;
}
div.jsonSuggestResults div.resultItem.even {
    background-color:#FFFFFF;
}

div.jsonSuggestResults div.resultItem.hover {
    background-color: #C6C6C6;
}

div.jsonSuggestResults div.resultItem img {
    float:left;
    margin-right:10px;
}

div.jsonSuggestResults div.resultItem p {
    margin:0px;
    padding:0px;
}

div.jsonSuggestResults div.resultItem p strong {
    font-weight:bold;
    text-decoration:underline;
}

div.jsonSuggestResults div.resultItem p.extra {
    font-size: x-small !important;
    position:absolute;
    bottom:3px;
    right: 3px;
}