/* ============================================ *
 * Änderungen am CSS für GaHu-Design
 * ============================================ */



body, button, input, select, table, textarea {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
    font-weight: 200;
    font-size: 14px;
    color: #1c1c1b;
}

.wrapper {  
    background: #eceded url("http://www.galerie-hunold.de/skin/frontend/rwd/gahu/images/background-body.png") repeat-x left top;
}

.main-container, #header, .footer-container {
 background-color: #fff;   
}

a {
    color: #84735a;
}

a:hover {
    color: #000;
}


a.link { 
    background: url("http://www.galerie-hunold.de/skin/frontend/rwd/gahu/images/arrow.png") no-repeat left 6px; 
    padding-left: 7px;
    font-weight: 400;
}

.header-language-background {
 display: none;   
}

.account-cart-wrapper {
    top:10px;
}

.cms-page-view .std li, .cms-no-route .std li {
        font-style: normal!important;
    /*font-family: 'Open Sans', sans-serif!important;*/
    font-family: 'proxima-nova', sans-serif!important;
}

.std p {
    margin-bottom: 0.7em;   
    font-style: normal!important;
        /*font-family: 'Open Sans', sans-serif!important;*/
    font-family: 'proxima-nova', sans-serif!important;
}

.std ol li {
 margin-left: 15px;   
}

/*.page-title h1 {
 font-weight: 100;
    color: #84735a;
}*/

h1, .h1 {
    text-transform: none;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}

.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
    font-size: 28px; 
    text-transform: none;
     font-weight: 100;
    color: #84735a;
    border-bottom:none;
}

h2 {
     font-size: 20px; 
    text-transform: none;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
    color: #636363!important;
}

h3.headline {
     padding-left: 10px;  
     border-left: 10px solid #6a6654;
    color: #6a6654;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h4, .h4 {
        /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
    text-transform: none;
}


#header-search {
    top: 127px;   
}

#header-search .input-text {
    border:0;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    background-color: #FFF;
}

#search {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}


.kuenstlerbereiche {
    font-size: 14px;
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e4dfd8;
    padding: 5px 10px 5px 10px;*/
}

.kuenstlerbereiche a  {
    font-weight: 400;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    background: url("http://www.galerie-hunold.de/skin/frontend/rwd/gahu/images/arrow.png") no-repeat left 7px;
}

.kuenstlerbereiche span {
    padding-right:10px;
    color: #ccc;
}


/* ============================================ *
 * Checkout
 * ============================================ */


#checkout-review-submit #review-buttons-container.buttons-set {
    margin-top: 0;
}


/* ============================================ *
 *  Kategorieseiten
 * ============================================ */

@media only screen and (min-width: 600px) {
.category-description img {
 float: left;
    margin-right: 15px;
}
}

@media only screen and (max-width: 599px) {
    .category-description img {
    margin-bottom: 20px;
}
}




/* ============================================ *
 * Produkt Kategorielisten
 * ============================================ */


.category-products {
 margin-top: 30px;   
}

.category-products ul {
    list-style-type: none;
}

.category-products ul li {
 margin-left: 0;   
}

.products-grid .actions {
 display: block!important;   
}

.products-grid .product-info {
 padding-top:20px;   
}

.price-box .price, .price {
    color: #990000;
}

.products-grid .product-name, .products-list .product-name {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}

.button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button {
    text-transform: none;
    color: #000;
    background-color: #d8d4c4;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}

.button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover {
    color: #000;
    background-color: #ffcc00;
}

.btn-proceed-checkout, .btn-checkout {
 background-color: #a2c516;   
}

.toolbar {
    display: none!important;
}

.toolbar-bottom .toolbar {
    display: block;
}

@media only screen and (min-width: 771px) {

.block-layered-nav .block-title {
    display: none;
}

.block-layered-nav .block-content > dl > dt {
 /*display: none;*/ 
}

.block-layered-nav .block-content > dl > dd {
    border: 0;
    padding-left: 0;
}
}

.products-grid img {
    width: 100%;
    height:auto;
}

.price-box .price, .price {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}


.products-list li img {
    display: inline!important;
}

.products-list .product-shop .product-primary, .products-list .product-shop .desc {
 float: none;   
    width:100%;
}

.products-list .product-shop .product-secondary {
    text-align: left;   
    float: none;
    width: 100%;
}

.products-grid .add-to-links, .products-list .add-to-links {
 display: none;
}

@media only screen and (max-width: 1273px) {
.products-list .product-shop {
float: none;
    padding-left: 0;
    width: 100%;
    margin-top:20px;
}
}

@media only screen and (min-width: 1274px) {
        .products-list li img {
    width: 33%;
    height: auto;
}
}


.cms-home .std ol {
 list-style: none;   
}

.cms-home .std ol li {
    margin-left: 0;
}

.cms-home .std h3.headline {
 margin-top:30px;   
}

.ias-noneleft {
 display: none!important;   
}

/* ============================================ *
 * Produkt Detailseiten
 * ============================================ */

.product-shop .h1 {
 color: #84735a!important;
    text-transform: none;
    font-weight: 100;
}

.product-view .product-shop .price-info {
    float:none;
    text-align: left;
    padding-left:0;
}
.product-view .product-shop .product-name { 
    float:none;
    margin-bottom:20px;
}

.product-view .product-shop .product-name .h1 {
 float:none;   
}

.availability.out-of-stock span {
    color: #11b400;   
}

.price-box {
    font-family: 'Open Sans', sans-serif;
    margin-bottom:0px;
}

.product-view .add-to-cart-buttons {
    margin-top: 20px;   
}

.product-view .add-to-cart {
    border-bottom: none;   
}

.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price {
    color: #990000!important;   
}

.product-view .versandkosten {
     display: block;   
}

.product-view .versandkosten strong {
       font-weight: 400;
}

.availability {
    text-transform: none;
}

.box-collateral h2 {
    font-size:16px;
    text-transform: none;
}

.product-collateral .toggle-tabs li > span {
 text-transform: none;  
    font-size:16px;
}

.data-table tbody td, .data-table tfoot td {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
}

.product-image, .no-touch .product-img-box .product-image:hover:not(.zoom-available) {
    border:0;   
}

h3 {
    text-transform: none;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'proxima-nova', sans-serif;
    font-weight: 100;
}

.products-grid .product-name {
    text-transform: none;
}

.products-grid .product-name, .products-list .product-name {
    text-transform: none;
    font-size: 18px;
}

.products-grid .product-name {
    min-height: 50px;
}

h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a {
    color:#1c1c1b;
    font-weight: 400;
}

h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover {
    color:#6a6654;   
}

.sidebar p {
    margin-bottom: 10px;   
}

.product-img-box .product-image img {
    width: 100%;
}

#fancybox-wrap {
    padding-right:0!important;
}

.product-view .product-shop .extra-info {
 width: auto;   
}

.addthis_toolbox {
 padding-top: 5px;   
}

#product-attribute-specs-table {
    max-width: none;   
}

.delivery-time {
    margin-bottom:0; 
    font-size: 13px;
}

.versandkostenfrei {
    font-weight: 400;
    font-size: 13px;
    margin-bottom:10px;
}

.box-up-sell h3.headline {
    margin-bottom: 30px;
    margin-top: 30px;
}

.product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label {
    display: none;   
}

.product-view .add-to-links {
    float: none;   
}

.tax-details, .add-to-links {
    font-size: 11px;
    line-height: 10px;
}

#upsell-product-table .tax-details {
 line-height: 10px;   
}

.product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span {
    color: #84735a;
}

#product_addtocart_form:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media only screen and (max-width: 770px) {
    .logo {
        padding: 20px 20px 0 30px;
        margin-bottom: 0px;
        width: 100%;
    }
    
    .page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
     text-transform: none;   
        color: #84735a !important;
    font-weight: 100;
    }
}


@media only screen and (min-width: 771px) {
    .logo {
        padding-left: 18px;
        padding-top:30px;
        padding-bottom: 5px;
        max-width:300px;
        min-height: 0;
    }  
    
    .product-view .product-shop {
        padding-top:70px;
    }

}

/* ============================================ *
 * Tabs (Zusatzinformation/Artikelbeschreibung)
 * ============================================ */



.product-collateral > dl > dd {
 border: none;   
}

#product-attribute-specs-table {
 border: none;   
}


@media only screen and (min-width: 960px) {
    
    #collateral-tabs:after {
         content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;  
    }

  .collateral-tabs dd.tab-container {
 width: 50%;   
        float: left;
}
    
      .collateral-tabs dd.Zusatzinformation {
          padding-right: 40px;
      }
    
.product-collateral {
 width: 50%; 
    float: left;
}
}

.data-table thead th, .data-table tbody td, #product-attribute-specs-table th {
border: none;
    padding:4px 0 4px 0;
}

.data-table th {
    background-color: transparent;
    text-transform: none;
}

.data-table tr {
 border-bottom: 1px solid #e1e1e1;   
}

.data-table tr.first {
    border-top: 1px solid #e1e1e1;   
}

.data-table th:after {
    content: ":";
}

.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related {
 padding-left:0;   
}

.block-title {
    border: none;
}

.tab-content {
 padding-top: 30px;   
}

/* ============================================ *
 * Upselling Products
 * ============================================ */

.box-up-sell {
 padding-top: 30px; 
    border-top: 1px solid #e1e1e1;
}

.box-up-sell h3 {
 display: none;   
}


/* ============================================ *
 * Zubehör (Rahmen)
 * ============================================ */

.block-related {
 padding-top: 30px;   
}

.block-related .checkbox {
 margin-top:0;   
}

.block-related .block-title h2 {
 font-size: 22px;
    text-transform: none;
}

.block-related .block-subtitle {
   font-weight: 100; 
    margin-bottom: 20px;
}

.block-related .block-subtitle a {
    display: none;
}

.block-related .product-name {
 text-transform: none;  
    font-size: 16px;
}

.block-related .shipping-cost-details {
 display: none;   
}

.block-related .product-details .price-box {
 margin-bottom: -10px;   
}

.block-related .product-details .price-box span {
 float: none;
}

.block-related .product-details .price-box span:first-child {
 padding-left: 0;
    line-height: 30px;
}

.product-view .add-to-cart-wrapper, .product-view .block-related {
 width: 100%;
    float:none;
}

@media only screen and (min-width: 960px) {

ol#block-related li {
    width: 30%;
    float:left;
}
}

.mini-products-list li {
 clear:none;   
}

/* ============================================ *
 * Künstlerliste
 * ============================================ */


#kuenstlerliste {
    margin-bottom: 20px;
}

ul.kuenstlerliste {
    border-bottom: 1px solid #ededed;
    padding-bottom:10px;
    padding-top:7px;
    padding-left:21px;
}

ul.kuenstlerliste li {
    font-size: 15px; 
    line-height: 22px;
}

h4.kuenstlerliste {
    margin-bottom: 0;
    margin-top: 8px;
    color: #af0917;
    font-size: 15px;
    float:left;
}

@media only screen and (max-width: 770px) {
    #kuenstlerliste {
        display:none;
    }
}

/* ============================================ *
 * Footer
 * ============================================ */

@media only screen and (min-width: 771px) {
.footer-01, .footer-02, .footer-03, .footer-04, .footer-05 {
     float: left; 
        /*width: 20%;*/
        padding-bottom:10px;
    }
    
    .footer-01 { width: 21.5%; }
    .footer-02 { width: 25%; }
    .footer-03 { width: 17%; }
    .footer-04 { width: 17%; }
    .footer-05 { width: 17%; }
}

.footer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    padding-top: 10px;
}

.footer-top {display: block; }

.footer-bottom { 
    border-top: 1px solid #ccc; 
    margin-top: 10px;
}

.footer .social-media-icon { 
    float: left;
    width:30px;
    height: auto;
    margin-right:10px;
    margin-top: 5px;
}

.footer address {display:none;}

.footer-bottom .footer-01 {
 font-size: 12px;   
}

.footer h3 { 
    font-size: 13px;
    font-weight: 600;
    margin-bottom:0;
    margin-top: 10px;
}

.footer-container {
 margin-bottom: 0px;   
}

.footer .paypal-logo {
    width: 220px;
    height: auto;
    margin-top: 8px;
}

/*.footer .gls-logo {
    margin-top: 0px;
}*/

.footer .ups-logo {
    margin-top: 0px;
    height: 40px;
}

.footer a { 
    background: url("http://www.galerie-hunold.de/skin/frontend/rwd/gahu/images/arrow.png") no-repeat left 5px; 
    padding-left: 10px
}

.footer-bottom a {
    background: none;
    padding:0;
}

/* ============================================ *
 * Slider/Home-Description
 * ============================================ */

.slideshow-container .slideshow {
    border: none!important;
}

.home-description, .ausstellung {
    background-color: #f3f1eb;
    padding: 0 0 1px 0;
}

.ausstellung {
 margin-bottom: 40px;   
}

.home-description h1, .ausstellung h2 {
    font-size: 24px;
    line-height: 34px;
    color: #6a6654;
    text-transform: none;
    font-weight:100;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom:5px;
    font-family: 'Open Sans', sans-serif;
}

.home-description p, .ausstellung p {
    padding: 0 20px 0 20px;
    font-size:16px;
    color: #6a6654;
    line-height: 25px;
}

.home-description .small {
    font-size:24px; 
    /*display: block;*/
    line-height: 34px;
}

.promos {
    margin-top: 20px;
    margin-bottom:10px!important;
}

/* ============================================ *
 * Navigation
 * ============================================ */


.nav-primary li.level0 > a {
    text-transform: none;
}

#header-nav {
    border-top-color: #ededed;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    background: #6a6654; 
}

.nav-primary {
    margin-top: 5px;
}

/*.nav-primary a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
}*/

.nav-primary a.level0 {
     padding-left: 0;
}


#custommenu {
    font-size:16px;
}

div.menu {
    line-height: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
}

#custommenu {/*background-color: #dadada;*/}

div.menu a span {
    padding-top: 13px;
}

div.menu a:link, div.menu a:visited {
    /*background-color: #3399cc;*/
    color: #FFF;
    font-size: 18px;
    padding-right: 19px;
    padding-left: 19px;
}

div.menu a:hover, div.menu.active a {
    color: #000; 
    background-color: #e4dfd8!important;
}

a.level0 {
    border-right: 1px solid #ededed;
}

div.level2 {
    padding-left:10px;
}

a.level2:link, a.level2:visited {
     padding-top: 0;   
}

a.level2:link, a.level2:visited {
     font-size: 13px;
    line-height: 18px;
}

div.column {
     width:25%;   
}

#header-search {
    width: 20%;
}

/* ============================================ *
 * Breadcrumb-Navigaton
 * ============================================ */

.breadcrumbs {
    border-bottom: 1px solid #ededed;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom:25px;
    display:none;
}



.breadcrumbs li {
    text-transform: none;
}


/* ============================================ *
 * Top-Navigaton
 * ============================================ */

.skip-account {
 text-transform: none;   
}

.skip-cart { 
     text-transform: none; 
    color: #84735a;
}

.header-language-container, .page-header {
    font-family: 'Open Sans', sans-serif;
}


/* ============================================ *
 * Blog
 * ============================================ */

.block-blog .headline {
    /*margin-top:20px;*/
}

.block-blog .block-content {
 border: 0!important;  
    padding:0!important;
}

.block-blog .menu-recent {
    margin-left:0;
}

.block-blog .menu-recent ul li {
 margin-left:0;
    margin-bottom: 5px;
     border-bottom: 1px solid #ededed;
    padding-bottom:5px;
    font-size:13px;
}

.block-blog .menu-recent ul {
      border-top: 1px solid #ededed;  
    padding-top: 5px;
}

.block-blog .menu-recent ul li a {
    font-size: 14px;
    font-weight: 500;
}

.sidebar .block:last-of-type {
    border:0!important;
    margin-bottom:20px;
}

/* ============================================ *
 * Künstlerseite
 * ============================================ */

ul.kuenstler h2 {
    text-transform: none;
    font-size:18px;
    padding-top: 10px;
    background-color: #d8d4c4;
    padding-bottom: 10px;
    color: #6a6654;
}

ul.kuenstler h2 small {
    font-weight: 100;
}

ul.kuenstler > li {
    border:0;
}


.categorypath-kuenstler-html .page-title h1,
.categorypath-ausstellungen-html .page-title h1,
.categorypath-ausstellungen-james-rizzi-2015-html .page-title h1,
.categorypath-ausstellungen-elvira-bach-2015-html .page-title h1,
.categorypath-ausstellungen-peter-wever-2011-html .page-title h1,
.categorypath-ausstellungen-armin-mueller-stahl-2013-html .page-title h1 {
    display: none;
}

/* ============================================ *
 * Einstellung der maximalen Seitenbreite
 * ============================================ */

body.cms-home .main-container {
    padding-top:30px;   
}

.main-container, .footer-container, .page-header {
    max-width: 1920px;
}

/* ============================================ *
 * AW Blog
 * ============================================ */

.aw-blog-read-more { 
    background: url("http://www.galerie-hunold.de/skin/frontend/rwd/gahu/images/arrow.png") no-repeat left 5px; 
    padding-left: 10px
}

.postTitle {
 padding-bottom:10px;  
    border-bottom:none;
    margin-bottom: 0;
}

.postTitle h3 {
 font-size: 15px; 
margin-top: 5px;
}

.postContent {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
}

.postWrapper {
 padding-bottom: 20px;   
}

.blog-post-view .postTitle h3 {
    margin-top: 10px;
}

/* Anfahrtsbeschreibung */

.cms-anfahrtsbeschreibung iFrame {
    width: 100%;
    border:none;
}


/* Accordion */
.holder {width:210px; margin:0 5px 5px 0; padding:1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}



#toggle_appear {
    visibility: hidden;
}

/* ============================================ *
 * Adventskalender
 * ============================================ */

/*dd.adventskalender {
 margin-bottom: 10px;   
}*/

dd.adventskalender li {
 list-style-type: none; 
    font-weight: 600;
}

dd.adventskalender li  {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 45px;
    height: 45px;
    font-size: 20px;
    background-color: #990000;
    border-right: 5px solid #FFF;
    border-bottom: 5px solid #FFF;
    text-align: center;
    color: #999;
}

dd.adventskalender li a {
    color: #FFF;
    display: block;
}

dd.adventskalender li a:hover {
    text-decoration: none;
}

dd.adventskalender li.active:hover {
    background-color: red;   
}

/* Onepage Checkout */

.opc-wrapper-opc .opc-review-actions .view-agreement {
 display: inline;
}

/* Newsletter */

.news_popup .title {
 margin-left: 0;   
}

/* IWD Infinite Scroll */

.page-block-head {
    display: none;
}

/* Flaggen */

.Flaggen a {
    float: left;
    margin-right: 10px;
    margin-top: 5px;   
}

.differenzbesteuert {
    display:block;
    margin-bottom:10px;
}