/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

html, body {
    margin:0;
    padding:0;
}

a {
   color:#B35997;
   font-size:16px;
   font-weight:bold;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color:#484848;
    width:100%;
    height:100%;
    background:#000 url(../images/ncp_body_bg.jpg) no-repeat top center;
    background-images:fixed;
}


.clearer {
    height:0;
    padding:0;
    margin:0;
    font-size:0;
    clear:both;
}

#wrapper {
    width:960px;
    padding:0;
    margin:0 auto;
    border:0;
    padding-left:10px;
    padding-right:10px;
}

#wrapper #boxone {
    position:absolute;
    width:960px;
    padding:0;
    margin:0 auto;
    border:0;
    top:109px;
    border:1px solid #333333;

    height:533px;
}

#wrapper #tabimage {
    position:absolute;
    width:960px;
    padding:0;
    margin:0;
    border:0;
    top:110px;
    border:0;
    height:307px;
    background:#000;
}

#wrapper #boxone #tabnav {
    position:absolute;
    width:960px;
    padding:0;
    margin:0;
    border:0;
    top:307px;
    border:0;
    height:32px;
}

#wrapper #boxone #tabcontent {
    position:relative;
    width:960px;
    padding:0;
    margin:0;
    border:0;
    top:0px;
    border:0;
    height:194px;
}

#tabcontent-1,
#tabcontent-2,
#tabcontent-3 {
    position:absolute;
    width:910px;
    padding:25px;
    margin:0;
    border:0;
    top:334px;
    border:0;
    height:144px;
    float:left;
}

.panel.active-tab-body {
    display:block;
}


#wrapper #boxone  ul#tabnav {
    float:right;
    padding:0;
    margin:0;
    width:960px;
}

#wrapper #boxone ul#tabnav li {
    float:left;
    padding:0;
    margin:0;
    list-style-type: none;
    color:#fff;
/*    width:220px;*/
}

#wrapper #boxone ul#tabnav li a {
    padding:5px;
    margin:0;
    color:#fff;
    width:307px;
    display:block;
    text-align:center;
    height:22px;
    text-decoration:none;
}

#wrapper #boxone ul#tabnav li a#middle {
    margin:0 4px;
    padding:5px;
    color:#fff;
    width:308px;
    display:block;
    text-align:center;
    height:22px;
    text-decoration:none;
}

#wrapper #boxone ul#tabnav li.tabs-selected a,
#wrapper #boxone ul#tabnav li a:hover,
#wrapper #boxone ul#tabnav li a#middle:hover {
    background:url(../images/tab_active.jpg) repeat-x 0 0;
}


#wrapper #boxone ul#tabnav li a { 
    background:url(../images/tab_inactive.jpg) repeat-x 0 0;
}


#wrapper #boxsecond {
    position:absolute;
    width:960px;
    padding:0;
    margin:0 auto;
    border:0;
    top:661px;
    border:1px solid #333333;
    background:#000;
    height:179px;
}

#wrapper #boxthird {
    position:absolute;
    width:960px;
    padding:0;
    margin:0 auto;
    border:0;
    top:661px; /*top:859px;*/
    height:179px;
}

#wrapper #boxthird #left {
    width:469px;
    padding:0;
    margin:0 9px 20px 0;
    border:0;
    border:1px solid #333333;
    height:179px;
    float:left;
}

#wrapper #boxthird #right {
    width:469px;
    padding:0;
    margin:0 0 20px 9px;
    border:0;
    border:1px solid #333333;
    height:179px;
    float:left;
}

#wrapper #logo {
    position:absolute;
    top:0;
    padding:0;
    margin:0;
    width:400px;
    height:109px;
    float:left;
}

/***********************************************/
/***************** MAIN NAV ********************/

#wrapper #mainnav {
    position:relative;
    top:0;
    left:469px;
    width:495px;
    height:60px;
    padding:0;
    margin:0;
}

#wrapper #mainnav ul {
    padding:0;
    margin:0;
}

#wrapper #mainnav ul li {
    float:left;
    padding:0;
    margin-right:20px;
    list-style-type: none;
    color:#fff;
}

#wrapper #mainnav ul li.last {
    margin-right:0;
}


#wrapper #mainnav ul li a {
    float:left;
    margin-top:14px;
    padding:0px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}

#wrapper #mainnav ul li a:hover,
#wrapper #mainnav ul li a.active {
    border-bottom:1px solid #ffffff;
}

/***********************************************/
/***************** Image Header ****************/

#wrapper #cnt_wrapper #header {
    position:relative;
    padding:0;
    margin:0;
    width:960px;
    height:212px;
    background:#3c1c33;
    float:left;
}

/***********************************************/
/***************** Subnavigation ***************/

#wrapper #cnt_wrapper #subnavi {
    position:relative;
    top:0;
    padding:0;
    margin:0;
    width:220px;
    float:left;
}

#wrapper #cnt_wrapper #subnavi ul {
    float:left;
    padding:0;
    margin:0;
    width:220px;
}

#wrapper #cnt_wrapper #subnavi ul li {
    float:left;
    padding:0;
    margin:0;
    list-style-type: none;
    color:#fff;
    width:220px;
}

#wrapper #cnt_wrapper #subnavi ul li a {
    padding:8px;
    margin:0;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    display:block;
    background: url(../images/ncp_subnav_bg.jpg) repeat-x 0 0;
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
}

#wrapper #cnt_wrapper #subnavi ul li a:hover {
    background: url(../images/ncp_subnav_active_bg.jpg) repeat-x 0 0;
}

#wrapper #cnt_wrapper #subnavi ul li a.active {
    color:#a7357d;
    background: url(../images/ncp_subnav_active_bg.jpg) repeat-x 0 0;
}

#wrapper #cnt_wrapper #subnavi ul li li a {
    background: url(../images/ncp_subnav_active_bg.jpg) repeat-x 0 0;
}


/***********************************************/
/***********************************************/
/**************** Content Container ************/

#wrapper #cnt_wrapper #cnt {
    position:relative;
    top:0;
    padding:15px;
    margin:0;
    width:710px;
    float:left;
    color:#fff;
    font-size:12px;
}

#wrapper #cnt_wrapper #cnt h1 {
    margin-top:0;
    font-size:18px;
}

#wrapper #cnt_wrapper #cnt h2 {
    margin-top:0;
    font-size:16px;
}

#wrapper #cnt_wrapper #cnt h3 {
    margin-top:0;
    font-size:14px;
}

#wrapper #cnt_wrapper#footer {
    position:relative;
    padding:0;
    margin:0;
    width:960px;
    float:left;
    height:30px;
    text-align:middle;
    
}


/***********************************************/
/***********************************************/
/**************** Shopartikel ******************/

.shopartikel {
    width:305px;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
    padding:15px;
    border:1px solid #333333;
    background:#000;
}

.shopartikel img {
    padding:0;
    float:left;
    height:115px;
    width:115px;
    margin-right:15px;
    border:3px solid #a3357e;
    background:#fff;
}

.shopartikel .description {
    float:left;
    font-size:12px;
}

.shopartikel .price {
    float:left;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:15px;
    width:121px;
    right:0;
}


.shopartikel .set {
    float:left;
    padding-left:15px;
    padding-top:15px;
    width:100px;
    display:inline;
}

.shopartikel form {
    padding:0;
    margin:0;
}

.shopartikel h3 {
    margin:0;
    padding-bottom:15px;
    color:#a33479;
}

#wrapper #cart {
    position:relative;
    left:905px;
    top:4px;
    width:46px;
    height:49px;
}

label {
    width:150px;
    float:left;
} 

input {
    border:1px solid #313131;
    background:#000;
    color:#fff;
    padding:3px;
}

.tabimages {
    float:left;
    width:140px;
    height:140px;
    margin-right:15px;
}

.tabimages img {
    width:128px;
    height:128px;
    background:#000;
    border:6px solid #8b005f;
   
}

.tabimages p {
    float:left;
    width:140px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    margin-top:5px;
}

.description_tabpanel {
    float:left;
    width:290px;
    height:150px;
    color:#fff;
    font-size:12px;
}

/* Easy Slider */

    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider, #slider li{ 
        /* 
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */ 
        width:854px;
        height:156px;
        overflow:hidden; 
        }
    span#prevBtn{}
    span#nextBtn{}                  

/* // Easy Slider */