html {
  scroll-behavior: smooth;
}

/* achtergronden css
============================================================================================ */
BODY {
	background-image : url(pict/bg.jpg);
	background-position : center top;
	background-repeat : repeat-y;
	background-attachment : fixed;
	font-family : Arial, Helvetica, sans-serif;
z-index: 1;
}

BODY.home {
	background-image : url(pict/bg2018-gr.jpg);
	background-position : center top;
	background-repeat : repeat-y;
	background-attachment : fixed;
	font-family : Arial, Helvetica, sans-serif;
}


@media (min-width: 1620px) {
BODY {
	background-image : url(pict/bg.jpg);
	background-position : center top;
	background-repeat : repeat-y;
	background-attachment : fixed;
	font-family : Arial, Helvetica, sans-serif;
}

BODY.home {
	background-image : url(pict/bg2018-gr.jpg);
	background-position : center top;
	background-repeat : repeat-y;
	background-attachment : fixed;
	font-family : Arial, Helvetica, sans-serif;
}

}


@media (max-width: 1024px) {
BODY.home {
	background-image : url(pict/bg2018-kl.jpg);
	background-position : center top;
	background-repeat : no-repeat;
	background-attachment : fixed;
	font-family : Arial, Helvetica, sans-serif;
}
}





BODY.detail {
	background-color : Black;
	background-image : none;
	margin: 0px;
	padding: 0px;
}



H1.japan{
	font-family: 'Satisfy', cursive;
font-size : 50px;
	text-align: center;
	color: white;
height: 50px;
margin: 0px;

	
}



H3.titel {
	background-image : url(pict/table-top.png);
	background-position : center top;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	text-align: center;
	color: white;
	height: 23px;
	width: 860px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-shadow: 2px 2px #ff0000;
	letter-spacing : 2px;
	
}


Table.content {
	background-image : url(pict/bg-table-td2.png);
	background-position : center top;
	background-repeat : repeat;
	
}



P {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	margin-left : 8px;
	margin-bottom : 5px;
	margin-right: 8px;
	text-shadow: 2px 2px 2px #000;
}

li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	margin-left : 8px;
	margin-bottom : 5px;
	margin-right: 8px;
	text-shadow: 2px 2px 2px #000;
}





P.mo {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-left : 0;
	margin-bottom : 5;
}


B {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
}
STRONG {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
}
B.high {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	color : Red;
	letter-spacing : 3px;
	padding : 5;
	background-color : Yellow;
	border : medium groove Lime;
}


DIV.sold {
	position: relative;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 22px;
	font-weight : bold;
	color : Red;
	letter-spacing : 2px;
	padding : 5;
	/*background-color : White;*/
	/*border : thin groove Lime;*/
	margin-top: 10px;
	margin-left: 40px;
	text-shadow: 2px 2px 2px White;
}


div.bannerwrap
{
width: 100%;
text-align:center;
}


div.banner {
clear: both;
position: relative;
	background-image : url(pict/bg-banner.jpg);
	background-position : left;
	background-repeat : repeat-x;
	text-indent : 0px;
	padding-left : 0px;
	padding-right: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold;
	color : #FAFAD2;
	padding-top : 14px;
	margin : 10px;
	height : 82px;
	width: 555px;
	text-align: center;
}

div.bannersmall {
position: relative;
	background-image : url(pict/banners-nachtkijker-small.jpg);
	background-position : left;
	background-repeat : repeat-x;
	text-indent : 0px;
	padding-left : 0px;
	padding-right: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #FAFAD2;
	padding-top : 4px;
	margin : 10px;
	height : 39px;
	width: 335px;
	text-align: center;
}


div.sale {
	background-image : url(pict/newyear-sale.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 200px;
	margin-left : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 2em;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 15px;
	height : 28px;
	vertical-align : middle;
}



div.xmas-sale {
	background-image : url(pict/newyear-sale.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 200px;
	margin-left : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 2em;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 15px;
	height : 28px;
	vertical-align : middle;
}

div.mesvdmaand {
	background-image : url(pict/mesvdmaand.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 250px;
	margin-left : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 2em;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 15px;
	height : 28px;
	vertical-align : middle;
}

div.kniveotmonth {
	background-image : url(pict/kniveotmonth.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 250px;
	margin-left : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 2em;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 15px;
	height : 28px;
	vertical-align : middle;
}

div.messerdesmonats {
	background-image : url(pict/messerdesmonats.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 250px;
	margin-left : 100px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 2em;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 15px;
	height : 28px;
	vertical-align : middle;
}





div.salebig {
	background-image : url(pict/sale-arrow.png);
	background-position : left;
	background-repeat : no-repeat;
	text-indent : 0px;
	padding-left : 160px;
	margin-left : 160px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	color : #FAFAD2;
	padding-bottom : 0px;
	margin-bottom : 10px;
	height : 60px;
	vertical-align : middle;
}


A.enter {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	letter-spacing : 2px;
	background-color : red;
padding:4px;
border: 1px solid;
border-color: silver;
text-decoration: none;
height : auto;
vertical-align : bottom;

}
A.enter:HOVER {
	color : red;
	background-color : black;
}

A.enterD {
	color : #FFFFCC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
}
A.enterD:HOVER {
	color : #FFFFCC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	background-color : Black;
}


H1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #DDDDDD;
	letter-spacing : 1px;
}
TABLE.style {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
}

A.menu {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	color : #DCDCDC;

}
A.menu:HOVER {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
	background-color : Red;
	color : #fefefe;
}
A.menu:ACTIVE {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	color : Aqua;
}


A.new-sword {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	background-color : Red;
	color : White;
	border: solid 1px white;
	padding: 2px;
	margin: 1px;
height: 25px;

}
A.new-sword:HOVER {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : underline;
	background-color : #0066ff;
	color : #ffff99;
}
A.new-sword:ACTIVE {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	color : Aqua;
}



td.aktief {
background-color : Red;
}

H2 {
	background-color : #505050;
	background-image : url(pict/bg-h2.png);
	background-position : left;
	background-repeat : repeat-x;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : Black;
	letter-spacing : 2px;
	text-align : center;
	padding : 2px;
	margin-top : 0px;
	height: 25px;
}
H2.info {
	background-color : #358BAC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #DCDCDC;
	letter-spacing : 2;
	text-align : center;
	padding : 2;
	margin-top : 4;
}
H2.zwaard {
	background-color : #7E944E;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #DCDCDC;
	letter-spacing : 2;
	text-align : center;
	padding : 2;
	margin-top : 4;
}
A.titel {
	font-family : Final Frontier, Arial, Helvetica, sans-serif;
	color : Silver;
	font-size : 30px;
	font-weight : bold;
	text-decoration : none;
	letter-spacing : 5;

}
A.titel:HOVER {
	font-family : Final Frontier, Arial, Helvetica, sans-serif;
	color : #FFFAFA;
	font-size : 30px;
	font-weight : bold;
	text-decoration : none;
	letter-spacing : 5;
}
B.bijschrift {
	color : red;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
H3.news {
	background-image : url(pict/table-top2.png);
	background-position : center top;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 15px;
	text-align: center;
	color: #d0d0d0;
	height: 23px;
	width: 860px;
	padding: 7px 0px 0px;
	margin: 0px;
}


.zoom-box {
  background-color:transparent;
border: 0px;
  width: 200px;
  height: auto;
  margin: 32px 4px;
  transition: transform .4s; /* Animation */
z-index:555;
}

.zoom-box:hover {
  transform: scale(1.1);
border: 2px solid red;
 background-color:black;
margin-top: 150px;
z-index:555;
}