//*-------------------------------------------
Überarbeitet von
mb | junge werbung 
07.08.2013
------------------------------------------- **/
/** Header Wrap **/

.header-wrap {
position:relative;
height:244px;
margin-top:15px;
}
.header {
margin:0 auto;
width:980px;
height:244px;
background-color:#edebe7;
}
.top-holder {
background:#51a1b3;
height:30px
}
/** Shop Start **/
.shopstart {
height:25px;
padding:5px 10px 0;
}
/** Suche Holder **/
.suche-holder {
color:#FFFFFF;
height:26px;
line-height:22px;
padding:4px 10px 0;
}
/** Input Search **/
.inputsearch-holder {
background:url(../images/inputsearch-bg.gif) top repeat-x;
border:1px solid #7a6954;
height:20px;
width:190px;
margin-right:2px;
}
input.inputsearch {
background:#edebe7;
border-color:#edebe7;
border-style:solid;
border-width:2px 0 0;
height:22px;
width:100%;
margin:0;
padding:0;
}
/** Go Button **/
.go-btn-holder {
height:23px;
width:30px;
}

/** Logo and Feature Holder **/
.middleheader-holder {
background:#edebe7;
height:188px;
}
.logo-holder {
height:188px;
width:443px; /* statt 520 - 77 */
}
.kantslogo {
display:block;
height:97px;
left:35px;
top:22px;
width:204px;
}
.tagline {
bottom:0;
height:45px;
font-size:14px;
color:#433312;
padding:0 0 0 35px;
}
.powerseller-holder {
width:150px;
padding:10px 0 0;
}
.powerseller-holder p {
font-size:14px;
text-align:center;
color:#433312;
}
.powerseller-logo {
margin:5px 0 0;
display:block;
height:74px;
width:74px;
right:35px;
}
.checkdot-logo {
margin: 8px 64px 0;
display:block;
height:20px;
width:20px;
right:0;
}
.featured-img {
height:184px;
padding:4px 0 0;
text-align:center;
width:512px; /* statt 435 */
}
/** Main Navigation **/
.navigaion {
background:#51a1b3;
color:#FFFFFF;
font-size:13px;
height:22px;
padding:4px 0 0;
}
/** Arrow Brown List **/
ul.arrowwhtie {
list-style-type:none;
margin:0 0 0 230px;
padding:0;
}
ul.arrowwhtie li {
display:inline;
padding:0 0 5px 10px;
}
ul.arrowwhtie li a {
color:#FFFFFF;
text-decoration:none;
}
ul.arrowwhtie li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/** Content Wrap **/

.content-wrap {
position:relative;
}
.kontent {
background:#edebe7 url(../images/breakline.gif) left top repeat-y;
margin:0 auto;
width:980px;
}
/**.content {
background:#edebe7 url(../images/breakline.gif) left top repeat-y;
margin:0 auto;
width:980px;
}**//

/** Left Rail **/
.left-rail {
width:228px;
overflow:hidden;
}
.left-body {
border-left:2px solid #4f4334;
width:215px;
}
/** Left Side Navigation **/
.nav-title {
height:25px;
padding:5px 0 0 30px;
}
span.bar {
position:absolute;
background:#4f4334;
display:block;
height:30px;
width:15px;
left:0;
top:0;
}
/** NavLeft List **/
.navigation-left {
padding:10px 10px 0;
color:#4f4334;
}
.navigation-left a {
text-decoration:none;
color:#4f4334;
}
.navigation-left a:hover {
text-decoration:underline;
color:#4f4334;
}
/** First Level **/
.navigation-left ul.left_menu {
list-style-type:none;
margin:0;
padding:0;
}
.navigation-left ul.left_menu li {
border-bottom:1px solid #dcdad8;
list-style-type:none;
margin:0;
padding:5px 0;

font-size:12px;
}
/** Second Level **/
.navigation-left ul.sub_cat {
list-style-type:none;
margin:0 0 0 15px;
padding:0;
}
.navigation-left ul.sub_cat li {
list-style-type:circle;
margin:0;
padding:3px 0;
text-transform:none;
font-size:12px;
}
/** Third Level **/
.navigation-left ul.sub_sub_cat {
list-style-type:none;
margin:0 0 0 10px;
padding:0;
}
.navigation-left ul.sub_sub_cat li {
border-bottom:1px dotted #dcdad8;
list-style-type:none;
margin:0;
padding:2px 0;
text-transform:none;
font-size:11px;
}
/** Left Ads Holder **/
.leftads-holder {
text-align:center;
padding:20px 0 0;
}

/** Right Rail **/
.right-body ul {
list-style-type:none;
margin:5px 20px;
padding:0;
font-size:14px;
}

.right-body li {
background:url(../images/arrowright-blue.gif) 0 4px no-repeat;
padding:0 0 5px 10px;

}
.right-rail {
width:752px;
overflow:hidden;
}
.right-body {
padding:10px 15px 10px 10px;

}


.title-holder {
border-bottom:1px solid #7f6f5b;
width:100%;
}
.details {
padding:5px 0;
width:100%;
}
.details2 {
border-color:#CFBD99;
border-style:solid;
border-width:0 1px 1px;
padding:10px;
}


/** Detail List **/
ul.detailslist {
list-style-type:none;
margin:5px 20px;
padding:0;
}
ul.detailslist li {
background:url(../images/arrowright-blue.gif) 0 4px no-repeat;
padding:0 0 0 10px;
}
/** Hieght **/
.heightcontrol {height:110px; width:1px;}

.brownholder-title {
background:#7a6954;
color:#FFFFFF;
margin:15px 0 10px;
padding:20px;
}
/** Image Holder **/
.images-holder {
}
/** Big Image Holder **/
.big-image-holder {
position:relative;
height:479px;
width:479px;
}
.big-image-holder a img{
max-width: 477px;
max-height: 477px;
width: auto !important;
display: block;
margin: auto;
}
.image-big {
position:relative;
}
/** Small Image Holder **/
.small-images-holder {
position:relative;
width:243px;
}
.small-image-holder-pad {
height:109px;
padding:10px 0 1px 7px;
position:relative;
width:109px;
}
.small-image-holder {

height:107px;
position:relative;
width:107px;
}
.image-small a img{
max-width: 97px;
max-height: 97px;
width: auto !important;
height: expression(this.height > this.width ? '97px' : '65px');
display: block;
margin: auto;
position:relative;
padding:2px;
height:105px;
width:105px;
}

/** Box Right **/
.boxright {
padding:10px 0 0;
position:relative;
}
.boxright-small {
padding:10px 0 0;
position:relative;
width:235px;
}
.dleft {
width:212px;
}
.dleft p {
line-height:22px;
}
.title-brown {
background:#7a6954;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:20px;
padding:4px 10px 0;
}
/** Arrow Brown List **/
ul.arrowbrown {
list-style-type:none;
margin:5px 0 0;
padding:0;
}
ul.arrowbrown li {
background:url(../images/arrowright-brown.gif) 0 4px no-repeat;
padding:0 0 5px 10px;
}
ul.arrowbrown li a {
color:#7a6954;
text-decoration:none;
}
ul.arrowbrown li a:hover {
color:#7a6954;
text-decoration:underline;
}

/** Tab Content **/
.tab-content-container {
border:1px solid #d3c4a4;
padding:10px;
}
.tabholder {
clear:both;
height:26px;
padding:10px 0 0;
z-index:100;
}
.dab {
background:#CCCCCC;
font-size:14px;
font-weight:bold;
height:26px;
margin:0;
padding:0;
width:235px;
}
.per-tab {
position:relative;
width:235px;
}
.dab a {
background:#e7dcc0;
color:#7A6954;
display:block;
padding:5px 10px;
text-decoration:none;
}
.dab a:hover {
background:#d0c3a2;
color:#7A6954;
display:block;
padding:5px 10px;
text-decoration:none;
}
.dab a.selected, .dab a:hover.selected {
border-width:1px 1px 0 1px;
border-color:#d3c4a4;
border-style:solid;
border-bottom:1px solid #edebe7;
background:#edebe7;
color:#7A6954;
display:block;
padding:4px 10px 5px;
width:213px;
position:absolute;
top:0;
left:0;
text-decoration:none;
}

/** Footer **/
.footer {
margin:0 auto 22px;
width:980px;
}
/** Footer Left Rail **/
.footer-left-rail {
width:228px;
}
/** Footer Right Rail **/
.footer-right-rail {
width:752px;
text-align:center;
}
/** Footer Logo **/
ul.footerlogo {
list-style-type:none;
margin:0;
padding:0;
}
ul.footerlogo li {
display:inline;
padding:0 8px;
}
/** Footer Nav **/
ul.footernav {
list-style-type:none;
margin:10px 0;
padding:0;
}
ul.footernav li {
display:inline;
padding:0 5px;
}
ul.footernav li a {
text-decoration:none;
color:#7a6954;
}
ul.footernav li a:hover {
text-decoration:underline;
color:#7a6954;
}
.small-image-holder a img{
max-width: 97px;
max-height: 97px;
width: auto !important;
height: expression(this.height > this.width ? '97px' : '65px');
display: block;
margin: auto;
}