@import "../fonts/fonts.css";
@import "nivo-slider.css";

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
:focus { outline: 0; }

html, body { height: 100%; color: #757575; }
body { font: 15px/20px "sjkala_reg"; }
a { font-family: "sjkala_bld_ital"; color: #757575; }

.nivo-prevNav, .nivo-nextNav, .nivo-controlNav_left, .nivo-controlNav_right, a.facebook, a.linkedin, a.twitter, a.pinterest, a.instagram, .artdealerbox div, .zoom .nextPaint, .zoom .prevPaint, a.vlag, a.email, li.vlag {
	background: url('../images/sprites.png') no-repeat; }
	
@media all and (max-width: 700px) {
	.header .nav { background: url('../images/sprites.png') no-repeat; }}

.wrapper {
	position: relative;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}

.header { height: 195px; }
.header .logo, .header .logoslogan {
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #757575;
}
.header .logo {
	font: 25px "sjkala_bld";
	letter-spacing: 24px;
	top: 40px;
	display: block;
}
.header .logoslogan {
	font: 16px "sjkala_reg";
	letter-spacing: 14px;
	top: 50px;
}
.header .nav {
	position: relative;
	text-align: center;
	top: 85px;
	padding: 0 110px 0 0;
}
.header .nav a {
	font: 17px "sjkala_reg";
	text-transform: lowercase;
	text-decoration: none;
	color: #757575;
}
.header .nav a.active {
	font: 17px "sjkala_bld";
	color: #676767;
}
.header .nav a { margin: 0 15px 0 0; }
.header .nav a:last-child { margin: 0; }

.stsbox {
	position: relative;
	float: right;
	top: 64px;
	right: 10px;
}
a.facebook, a.linkedin, a.twitter, a.pinterest, a.instagram, a.vlag, a.email, .taal {
	float: left;
	width: 15px;
	height: 16px;
	margin: 2px 5px 0 0 !important;
}
li.vlag {
	width: 15px;
	height: 16px;
	cursor: pointer;
}
li.vlag:not(:first-child) {
	width: 15px;
	height: 16px;
	margin: 5px 0 0;
}
li.vlag a {
	width: 15px;
	height: 16px;
	display: block;
}
.taal {
	position: relative;
	overflow: hidden;
	z-index: 999;
	top: 1px;
}
.taalActive {
	height: 85px;
}
.mainsts a.facebook, .mainsts a.linkedin, .mainsts a.twitter, .mainsts a.pinterest, .mainsts a.instagram, .mainsts a.vlag, .mainsts a.email { margin: 2px 5px 0 0 !important; }

a.en, li.en { background-position:  -145px -26px; }
a.nl, li.nl { background-position:  -160px -26px; }
a.ch, li.ch { background-position:  -190px -27px; }
li.all { background-position:  -205px -27px; }
a.facebook { background-position:  -70px -10px; }
a.linkedin { background-position:  -85px -10px; }
a.twitter { background-position:  -100px -10px; }
a.pinterest { background-position:  -115px -10px; }
a.instagram { background-position:  -130px -10px; }
a.email { background-position:  -175px -10px; }
a.facebook:hover { background-position:  -70px -26px; }
a.linkedin:hover { background-position:  -85px -26px; }
a.twitter:hover { background-position:  -100px -26px; }
a.pinterest:hover { background-position:  -115px -26px; }
a.instagram:hover { background-position:  -130px -26px; }
a.email:hover { background-position:  -175px -26px; }

.push { height: 100px; }

/* CONTENT */

.container {
	position: relative;
}

.newsbox {
	float: left;
	width: 50%;
	margin: 0 0 50px;
	min-height: 180px;
}
.newsbox .img, .newsbox div { float: left; }
.newsbox .img {
	background: no-repeat center top;
	background-size: auto 100%;
	width: 140px;
	height: 140px;
	margin: 0 10px 10px 0;
}
.newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 65%; }

.date {
	float: none !important;
	font: 14px "sjkala_ital";
	margin: 0 0 20px;
}

.Narticle {
	float: left;
	width: 66%;
}
.Narticle p { margin: 0 0 15px }
.Ntop10 {
	float: right;
	width: 30%;
	line-height: 14px;
	border-bottom: 1px solid #A7A7A7;
}

.share {
	position: relative;
	float: right;
	font: 14px "sjkala_ital";
	top: -55px;
	right: -19px;
	clear: both;
}
.nodate { top: -20px !important; }
.share a.facebook, .share a.linkedin, .share a.twitter, .share span { float: left; }

.share a.facebook, .share a.linkedin, .share a.twitter {
	position: relative;
	top: -3px;
}

.share span { margin-right: 5px; }


.Narticle hr, hr.home, hr.normal {
	position: relative;
	background: #A7A7A7;
	color: #999999;
	height: 1px;
	border: 0px solid;
	top: -15px;
	clear: both;
}
hr.home { top: -60px; }
.Narticle hr, .Narticle img { width: 100%; }
.Narticle img { margin: 0 0 15px; }

.Ntop10 div {
	margin: 0 0 22px;
	clear: both;
}

.Ntop10 img {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;	
}

.footbalk {
	width: 100%;
	height: 23px;
/*	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7; */
	margin: 20px 0 0;
	padding: 6px 0 0;
}

.underslider {
	margin: 0;
}
.underslider .share {
	float: left;
	width: 100%;
	top: 0;
	left: 0;	
}
.underslider .share a.linkedin {
	margin: 2px 0 0 0 !important;
}

.extrashare {
	font-family: "sjkala_reg";
}
.extrashare span {margin-left: 15px;}
.extrashare .fb-like { margin: -2px 0 0; float: left; }
.extrashare .margin10px { margin: 0 10px 0 0; }
.extrashare .back { float: right; }

.footbalk a.prev, .footbalk a.next {
	font: 14px "sjkala_reg";
	text-decoration: none;
}
.footbalk a.next {
	float: right;
}

.worknav {
	position: absolute;
	left: 180px;
	top: 0px;
}
.worknavNL {
	left: 165px;
}
.worknav a { font: 14px "sjkala_reg"; text-decoration: none; }
.worknav a.active { font: 14px "sjkala_bld"; text-decoration: none; }

.worknav ul li {
	font: 12px "sjkala_reg"; text-decoration: none;
	float: left;
	margin: 0 20px 0 0;
}
.workscontact {
	display:block;
	text-align:center;
	position:relative;
	top:-130px;
}
.artdealerbox {
	margin: 0 0 50px;
}
.artdealerbox div {
	background-position: -246px 5px;
	float: right;
	width: 48%;
	padding: 0 0 0 15px;
}

.limited { background: #EFEFEF; }
.limited p { margin: 0 0 70px; }
.limited a.limed { font: 13px  "sjkala_reg"!important; color: #999999; text-decoration: none;}
.limited a.limed:hover { color: #757575; text-decoration: underline; }

.paintbox {
	float: left;
	font: 16px "sjkala_ital";
	text-align: center;
	color: #7A7A7A;
	width: 23%; 
	margin: 0 25px 70px 0;
}
.paintbox .img {
	position: relative;
	width: 100%;
	height: 230px;	
}
.paintbox img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   	border: 5px solid #FFFFFF;
}
.paintingname {
	margin: 25px 0 0;
}
.paintbox .paintingname a {
	font-family: "sjkala_bld_ital";
	margin: 25px 0 0;
	display: block;
}

.lastbox { margin: 0 0 70px; }

.LimEDtxt {
	font: 14px "sjkala_reg";
	text-align: center;
}

.buorder {
	font: 14px "sjkala_reg";
	background: #757575;
	color: #FFFFFF!important;
	margin: 35px 0;
	padding: 9px 15px;
	border-radius: 3px;
	text-decoration: none;
}

/* // CONTENT */


/* FORM */
.overlay {
	position: fixed;
	background-color: rgba(0,0,0,0.57);
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}
.orderformbox {
	position: relative;
	background: #FFFFFF;
	width: 425px;
	border-radius: 5px;
	padding: 10px;
	margin: auto;
	top: 5%;
	overflow: hidden;
}

.orderclose {
	position: absolute;
	background: #757575;
	font: 14px "sjkala_reg";
	text-align: center;
	color: #FFFFFF;
	width: 60px;
	height: 18px;
	padding: 3px 0 0;
	top: -1px;
	right: -1px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
}
.orderclose span {
	position: relative;
	background: #FFFFFF;
	float: right;
	font: 9px "sjkala_reg";
	text-align: center;
	color: #757575;
	width: 10px;
	height: 10px;
	right: 8px;
	top: 3px;
	border-radius: 5px;
	display: block;
}

.orderbox {
	height: 110px;
	margin: 0 0 20px;
	border-bottom: 1px solid #A7A7A7;
}

.orderbox img {
	float: left;
	margin: 0 15px 0 0;	
}
#orderprice, #ordershipco, #ordertotal {
	float: right;
}
.ordereuro {
	position: absolute;
	right: 60px;
}
.orderbox b {
	font: 16px "sjkala_bld";
	margin: 10px 0 0;
	display: block;
}

form div {
	float: left;
	margin: 0 0 10px;
}

form div.marg { margin: 0 5px 0 0; }
form div.extra, .hide { display: none; }

input[type="text"], input[type="email"], input[type="tel"] {
	font: 16px "sjkala_reg";
	border: 1px solid #757575;
	border-radius: 5px;
	padding: 4px;
	margin: 1px 0 0;
}
input[type="password"] {
	font: 16px "sjkala_reg";
	border: 1px solid #757575;
	border-radius: 5px;
	padding: 4px;
	margin: 1px 0 0;
}

.input170 { width: 170px; }
.input180 { width: 180px; }
.input220 { width: 220px; }
.input230 { width: 230px; }
.input415 { width: 415px; }

input[type="submit"] {
	border: none;	
	margin: 0 0 15px;
	cursor: pointer;
}

#error {
	color: #C10000;
	width: 100%;
}

/* // FORM */

/* ZOOM */
.zoom {
	width: 100%;
	margin: 0 0 50px;
}
.zoom img {
	margin: auto;
	display: block;
}
.limited .zoom img {
	margin: auto;
	border: 10px solid #FFFFFF;
	display: block;
}
.zoom #paintnav {
	position: absolute;
	width: 100%;
	display: block;
}
.zoom .nextPaint, .zoom .prevPaint  {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	margin: auto;
	z-index: 300;
	display: block;
}
.zoom .prevPaint { float: left; }
.zoom .prevPaint:hover{ background-position: 0 -30px; }
.zoom .nextPaint { float:right; background-position: -30px 0 !important; }
.zoom .nextPaint:hover { float:right; background-position: -30px -30px !important; }

/* // ZOOM */


/* TYPO */

h1, h4, .homenews, .Narticle h2, .Ntop10 h2 {
	font: 18px "sjkala_bld";
	text-transform: uppercase;
	border-bottom: 1px solid #A7A7A7;
	padding: 0 0 15px;
	margin: 0 0 25px;
}

.Narticle h1, h1#ordertitle {
	font: 16px "sjkala_bld";
	border: none;
	padding: 0;
	margin: 0;
	width: 70%;
	text-transform: none;
}

h1.underpainting {
	font: 16px 'sjkala_ital';
	letter-spacing: 1px;
	text-align: center;
	text-transform: inherit;
	margin: 0 0 40px;
	border: none;
}

h1#ordertitle {
	margin: 0 0 5px;
}

h1.nolines {
	border: none;
	margin: 0;
}
h1 span {
	font-size: 14px;
}

h2 {
	font: 16px "sjkala_bld";
}

.LimEDtxt {
	font: 14px "sjkala_reg";
}
.LimEDtxt h2 {
	font: 16px "sjkala_ital";
	margin: 0 0 -10px;
}
.LimEDtxt h2 span {
	font-family: "sjkala_bld_ital";
}

h3 {
	font: 18px "sjkala_bld";
	text-transform: uppercase;
	border-bottom: 1px solid #A7A7A7;
	padding: 0 0 40px;
	margin: 0 0 15px;
}

.quotes {
	content: "";
    clear: both;
    display: table;
    margin: 0 auto 30px;
    width: 90%;
}
.quotes .text {
	border: none;
}
.quotes .logo-extern {
	text-align: center;
}
.quotes .logo-extern img {
	max-width: 80%;
}
.quotes .link {
	text-align: center;
	margin-top: 40px;
}
#slide-one {
	display: block;
}

.imagesCertifiedartgiclee {
	text-align: center;
}

.imagesCertifiedartgiclee img {
	margin: 10px 0;
}

.imagesCertifiedartgiclee .img3, .imagesCertifiedartgiclee .img4 {
	width: 250px;
}

@media all and (min-width: 760px) {
	.quotes {
		margin-bottom: 0;
	}

	.quotes .text {
		float: left;
		position: relative;
		width: 40%;
	}
	.quotes .logo-extern {
		float: left;
		position: relative;
		width: 40%;
	}
	.quotes .link {
		float: right;
		text-align: right;
		position: relative;
		width: 20%;
	}
}

/* // TYPO */

@media all and (max-width: 1024px) {
	.wrapper { width: 900px; }
	.header .nav { padding: 0; }
	.header .nav a { margin: 0 10px 0 0; }
	.stsbox {
		position: relative;
		float: right;
		top: 94px;
		right: 10px;
	}
	.nivo-directionNav a { top: 50%; }
	.nivo-controlNav_left, .nivo-controlNav_right {
		margin: 195px 0px 0;
	}
	.newsbox { min-height: 300px; }
	.newsbox img { width: 107px; height: 107px; }
	.newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 90%; }
	
	.zoom img { width: 760px; }
	
	.paintbox {
		width: 31%; 
		margin: 0 24px 70px 0;
	}
	
	.lastbox { margin: 0 24px 70px 0; }
	.lastbox2 { margin: 0 0 70px; }
	
	.imgscale { width: 40%; height: auto;}
}

@media all and (max-width: 820px) { /* all 820 550 350 */
	.nivo-prevNav { left: 0px; }
	.nivo-nextNav { right: 0px; }
}

@media all and (max-width: 860px) {
	.wrapper { width: 740px; }
	.header .nav { padding: 0; }
	.header .nav a { margin: 0 10px 0 0; }
	.stsbox {
		position: relative;
		float: right;
		top: 94px;
		right: 10px;
	}
	.nivo-directionNav a { top: 50%; }
	.nivo-controlNav_left, .nivo-controlNav_right {
		margin: 195px 0px 0;
	}
	.newsbox { min-height: 300px; }
	.newsbox img { width: 107px; height: 107px; }
	.newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 90%; }
	
	.zoom img { width: 760px; }
	
	.paintbox {
		width: 31%; 
		margin: 0 24px 70px 0;
	}
	
	.limited .zoom img {
		margin: auto;
		border: 5px solid #FFFFFF;
		display: block;
		width:730px;
	}
	
	.lastbox { margin: 0 24px 70px 0; }
	.lastbox2 { margin: 0 0 70px; }
}

@media all and (max-width: 700px) { /* all 550 350 */
	.nivo-directionNav a { top: 45%; }
	.newsbox { width: 100%; min-height: 0px; }
	.newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 100% !important; }
	
}

@media all and (max-width: 700px) {

	.imagesCertifiedartgiclee img {
		margin: 10px 0;
		max-width: 100%;
	}

	.wrapper { width: 480px; }
	
	.header { height: 155px; }
	.header .logo {
		font: 18px "sjkala_bld";
		letter-spacing: 10px;
		top: 20px;
	}
	.header .logoslogan {
		font: 14px "sjkala_reg";
		letter-spacing: 8px;
		top: 30px;
	}
	.header .nav {
		position: absolute;
		background-position: -180px -60px;
		width: 30px;
		height: 30px;
		font: 18px/30px "sjkala_reg";
		left: -1px;
		margin: 10px 0 0;
		padding: 0;
		z-index: 999;
		cursor: pointer;
	}
	.header .nav a { display: none; }
	.header .nav2 {
		background-position: -180px -90px;
		width: 150px;
		padding: 35px 0 0;
	}
	.header .nav2 a {
		background: rgba(255,255,255,0.9);
		text-align: left;
		float: right;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 5px 0 5px 0;
		display: block;
	}
	.header .nav2 a {
		display: block;
	}
	.header .nav2 a.active {
		font: 18px/30px "sjkala_bld";
	}
	.stsbox {
		position: absolute;
		top: 93px;
		right: -0px !important;
		z-index: 1000;
	}
	.header .stsbox .facebook, .header .stsbox .linkedin, .header .stsbox .twitter, .header .stsbox .pinterest, .header .stsbox .instagram, .header .stsbox .email {
		width: 30px;
		height: 30px;
		display: block;
	}
	.header .stsbox .email { background-position: 0px -60px; }
	.header .stsbox .facebook { background-position: -30px -60px; }
	.header .stsbox .linkedin { background-position: -60px -60px; }
	.header .stsbox .twitter { background-position: -90px -60px; }
	.header .stsbox .pinterest { background-position: -120px -60px; }
	.header .stsbox .instagram { background-position: -150px -60px; margin-right: 0px !important; }
	.header .stsbox .email:hover { background-position: 0px -90px; }
	.header .stsbox .facebook:hover { background-position: -30px -90px; }
	.header .stsbox .linkedin:hover { background-position: -60px -90px; }
	.header .stsbox .twitter:hover { background-position: -90px -90px; }
	.header .stsbox .pinterest:hover { background-position: -120px -90px; }
	.header .stsbox .instagram:hover { background-position: -150px -90px; }
	
	.nivo-caption {
		font: 16px 'sjkala_ital';
		margin: 40px 0 0;
	}
	
	.nivo-thumbs-enabled { top: 0px; }
	.nivo-controlNav_left, .nivo-controlNav_right {
		margin: 113px -2px 0 !important ;
	}
	
	.newsbox {
		width: 100%;
		margin: 0 0 40px;
		clear: both;
	}
	.newsbox img { width: 134px; height: 134px; }
	.newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 65% !important; }
	
	.Narticle { width: 100%; margin: 0 0 50px; }
	
	.Ntop10 {
		float: none;
		width: 100%;
	}
	
	.worknav {
		top: 18px;
		left: 0px;
	}
	
	h3 {
		font: 18px "sjkala_bld";
		text-transform: uppercase;
		border-bottom: 1px solid #A7A7A7;
		padding: 0 0 20px;
		margin: 15px 0;
	}
	
	.zoom img { width: 464px; }
	
	.limited .zoom img {
		margin: auto;
		border: 5px solid #FFFFFF;
		display: block;
		width: 464px;
	}
	
	.paintbox {
		width: 48%; 
		margin: 0 19px 70px 0;
	}
	
	.lastbox { margin: 0 19px 70px 0; }
	.lastbox2 { margin: 0 19px 70px 0; }
	.lastbox3 { margin: 0 0 70px; }
	
	.works { padding: 0 0 50px; }
	.worknav { top: 25px; }
	.essays { float: left; top: 3px; left: 50px; }
	
	 .imgscale { width: 100%; height: auto;}
	 .artdealerbox div {
		float: none;
		width: 90%;
		padding: 0 0 0 15px;
		margin: 10px 0;
	}
	
	.workscontact {
		top:-100px;
	}
}

@media all and (max-width: 600px) {
	.wrapper { width: 280px; }
	.header { height: 155px; }
	.header .logo {
		font: 18px "sjkala_bld";
		letter-spacing: 10px;
		top: 20px;
	}
	.header .logoslogan {
		font: 14px "sjkala_reg";
		letter-spacing: 8px;
		top: 30px;
	}
	.newsbox { margin: 0 0 40px !important; padding: 0 0 10px; border-bottom: 1px solid #A7A7A7; }
	.newsbox, .newsbox .wi1, .newsbox .wi2, .newsbox .wi3 { width: 100% !important; }
		
	.stsbox {
		position: absolute;
		top: 93px;
		right: 32px;
		z-index: 1000;
	}
	.header .stsbox .facebook, .header .stsbox .linkedin {
		width: 30px;
		height: 30px;
		display: block;
	}

	.nivo-caption {
		font: 16px 'sjkala_ital';
		margin: 40px 0 0;
	}
	.nivo-thumbs-enabled { top: 0px; }

	.newsbox {
		width: 100%;
		margin: 0 0 20px;
		clear: both;
	}
	.newsbox img { width: 86px; height: 86px; }
	
	.zoom img { width: 100%; }
	
	.limited .zoom img {
		margin: auto;
		border: 5px solid #FFFFFF;
		display: block;
		width: 270px;
	}
	
	.paintbox {
		width: 100%; 
		margin: 0 0 70px;
	}
	.share {
		top: 0px !important;
	}
}
.nivo-caption span {
	font-size: 14px !important;
}