/** www.jaaproose.com
* @bestand: style_181109.css 
* @versie: 2018.11.09
*/

html{width:device-width;}
body {
background: #101012 url(../images/background_els.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/background_els.jpg’, sizingMethod=’scale’);*/
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/background_els.jpg’, sizingMethod=’scale’)”;
height:1080px;
width: device-width;
padding-bottom:20px;
margin: 0px auto;
font-family:Arial, tahoma, Helvetica;
text-align: center;
overflow-y:scroll;
cursor: default;
color: #ffffff;
min-width:320px;
max-width:1024px;
}
table {
text-align: center;margin: 0px auto;
}
#copyright:after{
content: '\00A9 \00A0 \00A0 2018';
margin-left: auto;
margin-top: 100px;
margin-right: auto ;
margin-bottom: 20px;
color:#bbbbbb;
display: block;
text-align: center;
font-size: 80%;
font-weight: bold;
}

#copyright_ar:after{
content: '\00A9 \00A0 \00A0 2018';
margin-left: 0px;
margin-top: 0px;
margin-right: 0px ;
margin-bottom: 0px;
}

.nl_button{
position:absolute;top:7px;left:5px;width:56px;height:40px;cursor:pointer;
border-style:none;
border-width: 0px;background-color: transparent;
background-image:url(../images/nlvlag.png);
background-repeat: no-repeat;
background-position: fixed;
background-margin:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/nlvlag.png’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/nlvlag.png’, sizingMethod=’scale’)”;
}
.en_button{
position:absolute;top:7px;right:5px;width:56px;height:40px;cursor:pointer;
border-style:none;
border-width: 0px;background-color: transparent;
background-image:url(../images/ukflag.png);
background-repeat: no-repeat;
background-position: fixed;
background-margin:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/ukflag.png’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/ukflag.png’, sizingMethod=’scale’)”;
}
.schilderijen_button{
width: 211px;
font-size: 100%;
font-weight: bold;
text-align: center;
cursor: pointer;
vertical-align: bottom;
margin-top: 20px;
margin-left: 2px;
margin-bottom: 0px;
margin-right: 2px;
padding-left: 5px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0);
border: 0px;
}
.navback_button{
margin:10px auto;margin-left:70%;margin-bottom:-30px;width:54px;height:37px;cursor:pointer;
border-style:none;
border-width: 0px;background-color: transparent;
background-image:url(../images/navback.png);
background-repeat: no-repeat;
background-position: fixed;
background-margin:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/navback.png’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/navback.png’, sizingMethod=’scale’)”;
}
.content{margin: 0px auto;padding-bottom:200px;}
.menu{width: 100%;margin: 0px auto;margin-bottom: 0px;font-weight: bold;font-family: arial;}
.ul{width:device-width;min-width:296px;height: 50px;margin: 0px auto;padding: 2px;}
.li{float:left;display:table-cell;padding: 0px;margin:0px;width: 25%;min-width: 74px;height: 50px;}
.title {margin:20px auto;margin-bottom:30px;color:#dedede;font-size: 18px;font-weight: bold;font-family: arial;}
.home_title_cool{color:#aaeeff;font-size: 120%;margin-top:10px;}
.home_title_warm{color:#cf8b03;font-size: 120%;margin-top:10px;}
.home_title_realisme{color:silver;font-size: 120%;margin-top:0px;}
.home_title_red{color:#992211;font-size: 120%;margin-top:0px;}
.home_title_hidden{display:none;}
.home_imagediv{max-width:600px;margin:20px auto;}
.home_imagetitle{padding-left:10px;padding-right:10px;text-align:center;font-size:12px;font-weight:bold;font-face:verdana;margin:10 20px;}
.clicktip{font-size: 14px;font-family: arial;white-space: nowrap;color:#505276;}
.landschap{margin:8px;height:167px;}
.scale10{width: 10%;margin-top: 10px;}
.scale15{width: 15%;margin-top: 10px;}
.scale20{width: 20%;margin-top: 10px;}
.scale25{width: 25%;margin-top: 10px;}
.scale30{width: 30%;margin-top: 10px;}
.scale35{width: 35%;margin-top: 10px;}
.scale40{width: 40%;margin-top: 10px;}
.scale45{width: 45%;margin-top: 10px;}
.scale50{width: 50%;margin-top: 10px;}
.scale55{width: 55%;margin-top: 10px;}
.scale60{width: 60%;margin-top: 10px;}
.scale65{width: 65%;margin-top: 10px;}
.scale70{width: 70%;margin-top: 10px;}
.scale75{width: 75%;margin-top: 10px;}
.scale80{width: 80%;margin-top: 10px;}
.scale85{width: 85%;margin-top: 10px;}
.scale90{width: 90%;margin-top: 10px;}
.scale95{width: 95%;margin-top: 10px;}
#cursor_default{cursor:default;}
#noscript:after{content: 'Javascript wordt niet uitgevoerd. Wijzig uw browserinstellingen om de viewer in te schakelen en de website goed te laten werken. Klik voor info...';}
#noscript_en:after{content: 'JavaScript is not running! Please change your browser settings to enable the image viewer and to make the website work properly. Click for info...';}
.noscript{background:rgb(0,128,255);width:device-width;margin:0px auto;padding:20px;border:0px;font-weight: bold;color: #ffffff;}
.noscript:hover {color: #ffffff;background-color: rgb(255,128,44);}
.noscript:active {color: ##ffffff;background-color: transparent;}
a:link{color: #E2B952;text-decoration: none;}
a:visited{color: #E2B952;text-decoration: none;}
a:hover{color: #bbbbbb;text-decoration: none;}
a:active{color: #bbbbbb;text-decoration: none;}
button	{
padding:0px;color: #dedede;width: 99%;background: transparent;border: #505276 1px solid;border-radius: 5px; -moz-border-radius: 5px;
}
button:visited	}
color: #dedede;background: rgba(0, 0, 0, 0);
}
button:hover	{
color: #22ffff;background: rgba(100, 100, 160, 0.10);border: #505276 1px solid;
}
button:active	{
color: #dedede;background:  rgba(0, 0, 0, 0);
}

/*
---------------------------------------
button class 
---------------------------------------
*/
.button {	
font-weight:bold;
color: white;
padding: 5px 0px;
width: 90px;
background-color: rgb(0,110,210);
border: silver 1px solid;
border-radius: 5px; -moz-border-radius: 5px;
}
.button:visited {
font-weight:bold;
color: #dedede;
padding: 5px 0px;
background-color: rgb(206,23,28);
}
.button:hover {
font-weight:bold;
color: white;
padding: 5px 0px;
background-color: rgb(30,165,255);
border: #969696 1px solid;
}
.button:active {
font-weight:bold;
color: #dedede;
padding: 5px 0px;
background-color:  rgb(255,128,44);
}

.button_ct:hover{
color: #a5a7cb;
background: transparent;
border: #a5a7cb 1px solid;
/*background-color: rgba(33, 41, 54, 0.20);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33212936, endColorstr=#33212936)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33212936, endColorstr=#33212936);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);*/
}
.button_ct{	
size: 100%;
height: 48px;
text-align: center;
font-family: arial, tahoma;
font-size: 80%;
font-weight: bold;
border: #505276 1px solid;	
border-radius: 0px; -moz-border-radius: 0px;
cursor: default;
background: url("../images/rgba100_100_160_51.ico");
margin: 1px;
color: #ddedff;
line-height:48px;
background-color: rgba(100, 100, 160, 0.20);
}
.button_ct_on:hover{
color: #a5a7cb;
background: transparent;
border: #a5a7cb 1px solid;
/*background-color: rgba(33, 41, 54, 0.20);*/
}
.button_ct_on{	
size: 100%;
height: 48px;
text-align: center;
line-height:48px;
font-family: arial, tahoma;
font-size: 80%;
font-weight: bold;
border: #505276 1px solid;	
border-radius: 0px; -moz-border-radius: 0px;
cursor: default;
margin: 1px;
color: #a5a7cb;
background:transparent;
}

.schilderijen_link{
width:185px;height:150px;margin-top: 20px;border-width: 2px;border-style: solid;border-color: #dedede;
}



.table{display: table;max-width: 1000px;width: 98%;margin: 0px auto;}
.tr{display: table-row;padding: 0px;}
.td{overflow:hidden;min-width:62px;display: table-cell;padding: 1px;}


.index_imagediv{
size: 100%;
margin:15px auto;
max-width:404px;
min-width: 250px;
min-height:208px;
text-align: center;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color:transparent;
border: #505276 0px solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.index_imagelink{
font-family: arial, tahoma;
font-size: 95%;
text-align: center;
font-weight:normal;
line-height:30px;
color:rgb(125,157,30);
margin-top: 35px;
}
.index_image{
width:99%;min-width:200px;margin-bottom:-4px;border-width:1px;border-style:solid;border-color:#505276;cursor:pointer;
}

.widebox_schilderijen {
width: 90%;
max-width: 900px;
min-width: 275px;
text-align: center;
margin: 0px auto;
margin-bottom: 120px;
padding-left: 3px;
padding-top: 10px;
padding-right: 3px;
padding-bottom: 148px;
background-color: transparent;
border: 0px solid #505276;
}

.detailbox{
size: 98%;
max-width: 617px;
min-width: 275px;
height: auto;
text-align: center;
margin: 0px auto;
margin-bottom:20px;
padding-left: 7px;
padding-top: 10px;
padding-right: 7px;
padding-bottom: 6px;
border: #505276 1px solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.details_container{
display:inline;
margin: 0px auto;
margin-left:3px;
margin-right:3px;
border: 0px;
padding:0px;
border: 0px solid white;
}
.stillevens_container{
display:inline;
margin: 0px auto;
border: 0px;
padding:0px;
border: 0px solid white;
}

.mokum_blaadje{
color:#7c7c7e;
font-size:40px;
margin:0px auto;
margin-bottom:24px;
}

.mokum_blaadje-45{
color:#7c7c7e;
font-size:40px;
margin:0px auto;
margin-bottom:24px;
/* Safari */
-webkit-transform: rotate(-45deg);
/* Firefox */
-moz-transform: rotate(-45deg);
/* IE */
-ms-transform: rotate(-45deg);
/* Opera */
-o-transform: rotate(-45deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.logo_galerie_mokum_new{
width: 166px;
height: 60px;
margin-top: 20px;
background-color: transparent;
border-style:none;
}

.logo_galerie_mokum{
width: 239px;
height: 40px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 3px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -3px;
background-color: transparent;
border: #505276 1px solid; border-radius: 5px; -moz-border-radius: 5px;
}

.margin15{margin:15px;}
.font1{font-size: 1px;color: #555555;}
.font8{font-size: 8px;color: #555555;}
.font8b{font-size: 8px;font-weight: bold;font-family: arial;}
.font9b{font-size: 9px;font-weight: bold;font-family: arial;}
.font10{font-size: 10px;font-family: arial;}
.font10ni{font-size: 10px;font-weight: normal;font-style:italic;font-family: arial;}
.font10b{font-size: 10px;font-weight: bold;font-family: arial;}
.fontv10b{font-size: 10px;font-weight: bold;font-family: verdana;}
.font11{font-size: 11px;font-weight: normal;font-family: arial;}
.font11b{font-size: 11px;font-weight: bold;font-family: arial;}
.font12b{font-size: 12px;font-weight: bold;font-family: arial;}
.fontv12b{font-size: 12px;font-weight: bold;font-face: verdana;}
.font13{font-size: 13px;font-family: arial;}
.font13a{font-size: 13px;font-weight: bold;color: #777777;font-family: arial;}
.font13b{font-size: 13px;font-weight: bold;font-family: arial;}
.font14{font-size: 14px;font-weight: normal;font-family: microsoft sans serif, arial;}
.font14tnr{font-size: 14px;font-weight: normal;font-family: times new roman;}
.font14b{font-size: 14px;font-weight: bold;font-family: arial;}
.font15{font-size: 15px;font-family: arial;}
.font15b{font-size: 15px;font-weight: bold;font-family: arial;}
.font16{font-size: 16px;font-family: arial;}
.font16b{font-size: 16px;font-weight: bold;font-family: arial;}
.font18{font-size: 18px;font-weight: normal;font-family: arial;}
.font18i{font-size: 18px;font-weight: normal;font-style:italic;font-family: arial;}
.font18b{font-size: 18px;font-weight: bold;font-family: arial;}
.font20b{font-size: 20px;font-weight: bold;font-family: arial;}
.font21b{font-size: 21px;font-weight: bold;font-family: arial;color: #dedede;}
.font22b{font-size: 22px;font-weight: bold;font-family: arial;}
.font23b{font-size: 23px;font-weight: bold;font-family: arial;}
.font24{font-size: 24px;font-weight: normal;font-family: arial;}
.font24b{font-size: 24px;font-weight: bold;font-family: arial;}
.stilleven_thumb { margin: 4px;margin-bottom: 15px;width: 90px;height:90px;}
.image{	width: 96%;border: 1px solid grey;}
.image:hover {border-color: white;}
.imageborder{border-width: 2px;border-style: solid;border-color: #dedede;}
.imageborder_1{border: 1px solid #dedede;}
.imageborder_2{border-width: 2px;border-style: solid;margin-bottom: -3px;}
.image_no_border{border-width: 0px;margin-bottom: -3px;}
.realisme_logo{border-width: 0px;margin-bottom: -3px;width:160px;height:62px;}
.artbreda_logo{border-width: 0px;margin-bottom: -3px;width:240px;height:97px;}
.image_no_border2{border-width: 0px;margin-bottom: 0px;}
.top{vertical-align: top;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}
.hr_1{border: 0px;height: 1px;width: 100%;max-width: 903px;min-width: 410px;background-color: #777777;}
.hr_5{border: 1px;height: 5px;width: 100%;background-color: transparent;}
.hr_10{border: 1px;height: 10px;width: 100%;background-color: transparent;}
.hr_20{border: 1px;height: 20px;width: 100%;background-color: transparent;}
.hr_20a{border: 1px;height: 20px;width: 100%;background-color: #777777;}
.hr_30{border: 1px;height: 30px;width: 100%;background-color: transparent;}
.hr_40{border: 1px;height: 40px;width: 100%;background-color: transparent;}
.hr_40a{border: 1px;height: 40px;width: 100%;background-color: transparent;}
.hr_200{border: 1px;height: 200px;width: 100%;background-color: #666666;}
.hidden{display:none;visibility: hidden;}
.inline{display:inline;}
.audio{margin:10px;width:90%;padding-top:10px;padding-bottom:10px;border:0px;}
.audio_button{width:100px;height:30px;font-family: arial, tahoma;font-size: 100%;color: rgb(244,122,30);}
#mailbutton{width:250px;margin:20px auto;cursor:pointer;}
.focusdiv{position:fixed;left:-3px;top:-3px;width:1px;height:1px;background-color: #55aaff;}
.info_div{max-width:500px;min-width:260px;margin:20px auto;margin-bottom:0px;cursor:default;}
.info_div_span1{font-family: arial, tahoma;font-size: 95%;text-align: center;font-weight:normal;line-height:30px;color:rgb(218,171,61);}
.info_link{font-family: arial, tahoma;font-size: 90%;text-align: center;font-weight:normal;text-decoration:underline;line-height:30px;}
.info_div_span2{font-family: arial, tahoma;font-size: 80%;text-align: center;font-weight:normal;line-height:30px;}
.info_link_gm_oud{padding-top: 27px; padding-bottom: 5px;height: 40px;width:239px;}
.info_link_gm{height: 60px;width:166px;margin:20px;}
.info_link_pan{margin-top: 10px; margin-bottom: 0px;height: 80px;width:190px;}
.info_link_ar{height: 54px;width:149px;margin:30px;margin-bottom:10px;}
.info_link_roesd{height: 65px;width:180px;margin:20px;margin-bottom:5px;}
#expositie{ position:absolute;top:105px;}
.expositie_title{ font-size:18px;font-weight:bold;font-family:arial;height:20px;margin-top:20px;}
.mailto_div{height: 20px;font-size: 13px;font-weight: bold;font-family: arial;margin-top:30px;}
#mailto_button{height: 17px;font-size: 13px;font-weight: bold;font-family: arial;width:250px;margin:10px auto;margin-bottom:30px;cursor:pointer;}
#mailto_button_asia{height: 17px;font-size: 13px;font-weight: bold;font-family: arial;width:250px;margin:10px auto;margin-bottom:30px;cursor:pointer;}

.input_sign{
height:50px;width:150px;cursor:default;border-style:none;margin:0px auto;
border-width: 0px;background-color: transparent;
background-image:url(../images/sign.gif);
background-repeat: no-repeat;
background-position: fixed;
background-margin:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/sign.gif’, sizingMethod=’scale’);
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/sign.gif’, sizingMethod=’scale’)”;
}
.input_sign:hover{
cursor:pointer;background-image:url(../images/signonblue.gif);
}


.button_top:hover{
color: #a5a7cb;
background: transparent;
border: #a5a7cb 1px solid;
/*background-color: rgba(33, 41, 54, 0.2);*/
}
.button_top{
width:90px;padding:0px;padding-top:15px;line-height:14px;font-size:12px;	
size: 100%;
height: 40px;
text-align: center;
font-family: arial, tahoma;
font-weight: bold;
border: #505276 1px solid;
cursor: default;
margin: 20px auto;
color: #ddedff;
background-color: rgba(100, 100, 160, 0.2);
/*background: url("../images/rgba100_100_160_51.ico");*/
}