/* -------------------------------------------------------------
style sheet for multipleart.net  |  general styles

(c) sep 2014 by designsia.ch / sia (Responsive Design)
------------------------------------------------------------- */

/* ======================
	GENERAL STYLES
	===================== */


img, div, body {
	border:					none;
}

.row-fluid [class*="span"] {
    min-height:             10px;
}

body {
	background:       	 	#dddddd;
	color:                  #000000;
    font-size:              14px;
    font-family:            Trebuchet MS, sans-serif;
    line-height:            21px;
    letter-spacing:         0.02em;
    margin:                 0px;
    padding:                0px;

}

#menu_close, #menu_open {
    display:                none;
}

#mainmenu, #submenu, #language {
    display:                block;
}

#mainmenu .moduletable_menu {
    margin-left:            14.1%;
}

header {
    border-bottom:          2px solid #ffffff;
    margin-bottom:          18px;
    margin-top:             5px;
    min-height:             50px;
}

.container-fluid {
    left:                   0px;
    max-width:              980px;
}

#logo {
    padding-top:            10px;
}

section .span1 {
    padding-top:            8px;
}

aside #werk {
    border-bottom:          2px solid #ffffff;
    padding-bottom:         10px;
    margin-bottom:          15px;
}

aside .moduletable .bestellen form {
    margin:                 15px 0 15px 0;
}

#main .item-page, #main .blog {
    max-width:              590px;
    padding-bottom:         20px;
    padding-top:            1px;
}

#itemid-107 .blog img {
    padding:				6px 0 6px 0; 
}

.work-image img {
    max-width:              230px;
    width:                  100%;
}

.portrait img {
    float:                  left;
    margin-top:             10px;
    margin-bottom:          18px;
    padding:                0 20px 0 0;
}

.portrait .blue-legend p {
    color:                  #6587b2;
    font-size:              12px;
    margin-bottom:          13px;
    padding-top:            154px;
    line-height: 			18px;
}

#table_exhibition {
    width:                  99%;
}

#table_exhibition td {
    color:                  #000;
    font-size:              14px;
    height:                 auto;
    line-height:            22px;
    text-align:             left;
    vertical-align:         top;
    width:                  14%;
}

#table_exhibition td#long {
    width:                  86%;
}

.blog .items-row, .blog .items-leading {
    padding:                0px 0 10px 0;
}

.item-page .article-index, .item-page .pagenavcounter, .item-page .pager {
    display:                none;
}


footer {
    clear:                  both;
}

footer .custom {
    padding:                10px 0 10px 0px;
}


/* ======================
	FONT STYLES
	===================== */

p, h1, h2, h3, h4, h5, h6 {
    line-height:            21px;
    font-family:            "Trebuchet MS","Trebuchet","Arial",sans-serif;
    font-weight:            normal;
    color:                  #000000;
    letter-spacing:         0.02em;
    padding:                0px 0 0px 0px;
    margin:                 0px 0 0px 0px;
}

p {
    font-size:              14px;
    line-height:            22px;
}

footer p {
    font-size:              12px;
    line-height:            19px;
}

p.readmore {
    padding:                0px 0 12px 0px;
    margin:                 0px;
}

h1 {
    text-transform:         uppercase;
    font-size:              14px;
    padding:                0px 0 0px 0px;
    font-weight:            bold;
}

h2 {
    text-transform:         uppercase;
    font-size:              14px;
    padding:                0px 0 0px 0px;
    font-weight:            bold;
}

h3 {
    font-size:              17px;
    letter-spacing:         0.025em;
}

h4 {
    font-size:              18px;
    line-height:            28px;
}

h5 {
    font-size:              17px;
    line-height:            28px;
}

h6 {
    font-size:              14px;
    font-weight:            normal;
}

.color {
    color:                  #6587b2;
}

.red {
    color:                  #C8383F;
}

article a, article a:link, .readmore .btn, footer a, #werk a {
    color:                  #666666;
    text-decoration:        none;
}

a:hover, a:focus, .readmore .btn:hover, #werk a:hover {
    color:                  #000000;
    text-decoration:        none;
}

.readmore .btn, .link {
    border:                 none;
    font-size:              13px;
    padding:                5px 0px 5px 12px;
    background:             url(../images/link.png) no-repeat 0px 9px;
    box-shadow:             0 0px 0 rgba(255, 255, 255, 0) inset, 0 0px 0px rgba(0, 0, 0, 0);
}

.icon-chevron-right {
    display:                none;
}

/* ======================
	SIGPLUS STYLES (HOME + ARTISTS GALLERY)
	===================== */

#itemid-101 #content-bottom, #itemid-179 #content-bottom {
    margin-left:            -110px;
    padding:                10px 0 20px 0;
}

#itemid-101 #content-bottom li img {
    margin:                 2px !important;
}

#itemid-101 #content-bottom div.moduletable {
    max-width:              100% !important;
    overflow:               hidden !important;
}

#itemid-111 #main .item-page {
    padding-top:            7px;
}

#itemid-111 div.slideplus {
    width:                  100% !important;
    max-width:              600px !important;
}

#itemid-111  .slideplus > ul, #itemid-111 div.slideplus > ul > li {
    width:                  100% !important;
    max-width:              600px !important;
}

#itemid-111 div.slideplus ul li .captionplus    {
    border:                 1px solid #ffffff !important;
    display:                block !important;
    /*width:                  100% !important;   */
}

.sigplus-gallery ul > li > div > img, .sigplus-gallery ul > li > div > a > img, .sigplus-gallery ul > li > div > .captionplus > img, .sigplus-gallery ul > li > div > .captionplus > a > img  {
    width:                  100% !important;
    height:                 100% !important;
    margin:                 0px !important;
}

#itemid-111 .sigplus-gallery ul > li > a, #itemid-111 .sigplus-gallery ul > li > div > a, #itemid-111 .sigplus-gallery ul > li > div > .captionplus > a {
    display:                block !important;
    margin:                 0px !important;
    padding:                0px !important;
}
#itemid-111 .captionplus-overlay, #itemid-111 .slideplus-paging span {
    display:                none !important;
}

#itemid-111 .slideplus-paging > span.slideplus-active , #itemid-111 .slideplus-paging span:last-child {
    display:                block !important;
    float:                  left;
}

.slideplus-paging > span.slideplus-active, .slideplus-paging > span,
span.slideplus-navbutton, span.slideplus-first, span.slideplus-prev {
    padding:                2px 2px !important;
    border-radius:          0px;
    margin:                 0px !important;
    border:                 none !important;
    background:             none !important;
    font-weight:            bold;
    font-size:              14px;
    color:                  #6587b2;
}

.slideplus-paging > span.slideplus-active:after {
    content:                '  \2044' !important;
}

span.slideplus-navbutton:hover, .slideplus-paging > span.slideplus-active, .slideplus-paging > span:hover {
    background:             none !important;
}

#itemid-111 .slideplus-navbar {
    float:                  right;
    width:                  85px !important;
}

.slideplus-paging {
    padding:                0px 0px 0px 5px !important;
}

.slideplus .slideplus-next, .slideplus .slideplus-prev {
    /*display:                none;   */
}

.slideplus-prev.slideplus-horizontal.slideplus-large,
.slideplus-next.slideplus-horizontal.slideplus-large {
    width:                  49% !important;
}


/* ======================
	MENU STYLES (MAIN MENU + ASIDE MENU)
	===================== */

#mainmenu {
    display:                block;
    padding:                0px 0 10px 0;
    margin-top:             -2px;
}

aside ul  {
    margin:                 0px;
}

aside ul li  {
    list-style:             none;
}

#mainmenu .nav li, #adminForm .nav li {
    float:                  left;
    padding:                0 20px 0 0px;
}

#language .nav li {
    float:                  right;
    padding:                0 0px 0 10px;
}

.nav li a, aside ul li a, aside #submenu h3 {
    text-transform:         uppercase;
    font-size:              14px;
    line-height:            21px;
    color:                  #666666;
    font-weight:            bold;
    text-decoration:        none;
}

aside ul li a, #language .nav li a {
    font-weight:            normal;
}

.nav li a:hover, .nav li a:focus, .nav li.current a, aside ul li a:focus,
.nav-tabs.nav-stacked > li > a, .nav-tabs.nav-stacked > li > a:hover {
    background:             none;
    border:                 none;
    text-decoration:        none;
}

.nav li a:hover, aside ul li a:hover {
    color:                  #000000;
    text-decoration:        none;
}

.nav li a.active, .nav-tabs.nav-stacked > li > a.active, .nav li.current a, aside ul li a.active {
    color:                  #6587b2;
    text-decoration:        none;
}

.nav-tabs > li > a, .nav-tabs.nav-stacked > li > a {
    border:                 none;
    border-radius:          0px 0px 0 0;
    line-height:            21px;
    padding:                0px 0px 0px 0px;
    margin:                 0px;
}

aside .moduletable .artist-price #title {
    color:                  #6587b2;
    font-size:              20px;
    font-weight:            bold;
    text-transform:         none;
    padding:                0px 0px 20px 0px;
}


/* ======================
	FORM STYLES
	===================== */

.btn-toolbar .btn-group {
    float:                  left;
}

#adminForm fieldset {
    clear:                  left;
}

.bfQuickMode .controls .control-label {
    min-width:              110px;
    vertical-align:         text-top;
    width:                  100%;
}

label {
    font-family: 			"Trebuchet MS","Trebuchet","Arial",sans-serif; ;
	font-size: 				13px;
	line-height: 			1.9em;
	color:           		#000000;
    margin-bottom:          0px;
}

select, textarea, input, .uneditable-input {
    font-family: 			"Trebuchet MS","Trebuchet","Arial",sans-serif; ;
	font-size: 				13px;
	line-height: 			1.9em;
	color:           		#000000;
    background-color:       #ffffff;
    border:                 1px solid #CCCCCC;
    border-radius:          0px;
    font-size:              13px;
    margin-bottom:          5px;
    padding:                2px 0px;
}

.bfQuickMode textarea {
    max-width:              52.3%;
}


button.btn {
    border-radius:          0px;
    color:                  #ffffff;
    background:             #666666;
    font-size:              13px;
    line-height:            20px;
    padding:                2px 20px;
}

button.btn:hover {
    background:             #444444;
    color:                  #ffffff;
}

form .control-group {
    margin-bottom:          0px;
}

.icon-asterisk{
    display:                none;
}

.form-actions {
    background:             transparent;
    border:                 0px solid #e5e5e5;
    padding:                0px;
}

.bfQuickMode .pull-right {
    float:                  left;
}


/* ======================
	RESPONSIVE OVERRIDES
	===================== */
@media (max-width: 1399px) {
  }

@media (max-width: 1130px) {
  }

@media (max-width: 1199px) {
    #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              100% !important;
        max-height:             100% !important;
    }

    #itemid-111 div.slideplus ul li {
        height:                 auto !important;
    }

}

@media (max-width: 999px)  {
   #itemid-111 div.slideplus, #itemid-111  .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              560px !important;
        max-height:             560px !important;
    }

    #mainmenu .moduletable_menu {
        margin-left:            0%;
    }
}

@media (max-width: 899px)  {
   #itemid-111 div.slideplus, #itemid-111  .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              495px !important;
        max-height:             495px !important;
    }

    h4, h5 {
        font-size:              16px;
        line-height:            26px;
    }

    #mainmenu .nav li, #adminForm .nav li {
        padding:                0 12px 0 0;
    }

  }
@media (max-width: 767px) {
    #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              550px !important;
        max-height:             550px !important;
    }
}

@media (max-width: 800px)  {
     #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              475px !important;
        max-height:             475px !important;
    }

    body {
        padding:                0px;
    }

    .container-fluid {
        padding:                0 10px;
    }

    #logo {
        float:                  right;
        text-align:             right;
        position:               absolute;
        right:                  10px;
        top:                    8px;
        width:                  70%;
        margin-left:            29%;
    }

    .work-image img {
        max-width:              100%;
    }

    .work-image, .work {
        float:                  left !important;
        padding-right:          5%;
        max-width:              44%;
    }

    #itemid-111 .slideplus-navbar {
        float:                  none !important;
        position:               relative !important;
        padding-bottom:         5px !important;
        width:                  85px !important;
    }

    section .span1, aside #submenu {
        display:                none !important;
    }

    #menu_open, #menu_close {
        display:                block;
        position:               absolute;
        left:                   10px;
        top:                    10px;
        z-index:                999;
    }

    #btn_open-menu, #btn_close-menu {
        background:             none;
        border:                 none;
    }

    #mainmenu {
        display:                none;
        z-index:                999;
        top:                    0px;
        position:               absolute;
        left:                   0px;
        background:             #6587b2;
        padding:                50px 10px 10px 10px;
    }

    .nav, #submenu ul{
        display:                block !important;
        background:             none;
        margin:                 0px 0px 0px 0px;
        position:               relative;
        text-align:             left;
        width:                  100%;
        list-style:             none;
    }

    .nav li {
        clear:                  all !important;
        float:                  none !important;
        display:                block !important;
        margin:                 0px;
        text-align:             left;
        width:                  96%;
    }

    .nav li a, #submenu li a {
        background:             none;
        color:                  #ffffff !important;
        text-transform:         uppercase;
        line-height:            28px;
    }

    #language .nav li a {
        font-weight:            bold;
    }

    #submenu h3, #submenu li a:hover, .nav li a:hover {
        color:                  #000000 !important;
    }

    h4, h5 {
        font-size:              14px;
        line-height:            22px;
    }

    #table_exhibition td {
        width:                  20%;
    }

    #table_exhibition td#long {
        width:                  80%;
    }
}


@media (max-width: 600px) {
    #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              430px !important;
        max-height:             430px !important;
    }

    #table_exhibition td {
        width:                  25%;
    }

    #table_exhibition td#long {
        width:                  75%;
    }


}

@media (max-width: 480px) {
    #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              350px !important;
        max-height:             350px !important;
    }

    .work-image, .work {
        padding-right:          2%;
        max-width:              48%;
    }

    .work {
        padding-right:          0%;
        max-width:              50%;
    }

}

@media (max-width: 360px) {
    #itemid-111 div.slideplus, #itemid-111 .slideplus > ul, #itemid-111 div.slideplus > ul > li {
        max-width:              250px !important;
        max-height:             250px !important;
    }


}