body {
background-image:url('fotos/wolken3.jpg'); 
background-repeat:repeat-x; 
background-attachment:scroll;
font-size: 100%;
font-family: arial;
}

#leesmeer1, #leesmeer2, #leesmeer3, #leesmeer4,
#leesmeer5, #leesmeer6, #leesmeer7, #leesmeer8,
#leesmeer9, #leesmeer10, #leesmeer11, #leesmeer12 {
display: none;	
	
}

hr {
margin-top: 30px;
border: 1px solid #adb2ba;	
width: 75%;
}

.start {
cursor: pointer;	
width: 110px;
height: auto;	
margin-top: -200px;	
margin-bottom: 80px;
}



#dragon1 {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-top: 10px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 20px;
max-width: 400px;
color: orange;
border: 2px solid grey;
border-radius: 10px;
background-color: #000000;
}



#kaarten {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 90%;
max-width: 800px;
height: auto;
color: #FFFFFF;
border: 0px solid red;
border-radius: 10px;
background-color: #000000;
background-size: 250px auto;
background-repeat: no-repeat;
background-position: top;
}



#card1, #card2, #card3, #card4 {
display: inline-block;	
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
margin-bottom:0px;
padding-top: 0px;
width: 100%;	
max-width: 150px;
height: auto;	
border: 0px solid red;	
}

.card {
display: block;
margin-top: -35px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px;
padding-top: 0px;	
width: 100%;	
height: auto;
border: 0px solid blue;
}

img.slot {
margin-bottom: -170px;
width: 90%;
max-width: 230px;
height: auto;
}




.drag {
display: block;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom:-60px;
padding-top: 0px;	
width: 90%;	
height: auto;
border: 0px solid blue;
}


#slot11, #slot12, #slot13, #slot14 {
display: inline-block;	
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom:0px;
padding-top: 0px;
width: 100%;	
max-width: 32px;
height: auto;	
border: 0px solid red;	
}


#digitA{
margin-top: 0px;
margin-bottom: 0px;
width: 30px;
height: 25px;
padding-top: 4px;
color: brown;
text-align: center;
font-family: arial;
font-size: 200%;
font-weight: bold;
border: 0px solid grey;
border-radius: 8px;
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,1.0);
outline: none;
}





#digitB{
position: relative;
z-index: 1;	
margin-top: 0px;
margin-bottom: 0px;
width: 30px;
height: auto;
padding-top: 3px;
color: #000000;
text-align: center;
text-transform: uppercase;
font-family: arial;
font-size: 300%;
font-weight: bolder;
border: 1px solid grey;
border-radius: 8px;
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,1.0);
outline: none;
}


#digitC {
position: relative;
z-index: 1;
margin-top: 0px;
margin-left: 5px;
margin-right: 95px;
margin-bottom:0px;
width: 50px;
height: 25px;
padding-top: 5px;
color: brown;
text-align: center;
text-transform: uppercase;
font-family: arial;
font-size: 200%;
font-weight: bold;
border: 0px solid red;
border-radius: 8px;
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,1.0);
outline: none;
}

#digitD {
position: relative;
z-index: 1;	
margin-top: 0px;
margin-left: 5px;
margin-right: 95px;
margin-bottom: 0px;
width: 50px;
height: 25px;
padding-top: 5px;
color: black;
text-align: center;
text-transform: uppercase;
font-family: arial;
font-size: 200%;
font-weight: bold;
border: 0px solid grey;
border-radius: 8px;
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,1.0);
outline: none;
}




.slotA {
background-image: url('fotos/slotknop.png');
background-color: transparent;
margin-top: 5px;
margin-bottom:50px;
width: 80px;
height: 80px;
border: 0px solid orange;
outline: none;
transition: 0.9s;
}

.draakA {
background-image: url('fotos/slotknop.png');
background-color: transparent;
margin-top: 5px;
margin-bottom:5px;
width: 80px;
height: 80px;
border: 0px solid orange;
outline: none;
transition: 0.9s;
}


.res {
background-image: url('fotos/reset.png');
background-color: transparent;
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 40px;
height: 40px;
color: transparent;
text-align: center;
text-weight: 9;
font-family: arial;
font-size: 110%;
border: 0px solid orange;
outline: none;
}






.res2 {
background-image: url('fotos/reset.png');
background-color: transparent;
margin-top: 10px;
width: 40px;
height: 40px;
color: transparent;
text-align: center;
text-weight: 9;
font-family: arial;
font-size: 110%;
border: 0px solid orange;
outline: none;
}


.res3 {
background-image: url('fotos/reset.png');
background-color: transparent;
margin-top: 0px;
width: 40px;
height: 40px;
color: transparent;
text-align: center;
font-family: arial;
font-size: 100%;
border: 0px solid orange;
outline: none;
}




.res:hover, .res2:hover, .res3:hover {
background-image: url('fotos/resetb.png');
}



.kaartA {
background-image: url('fotos/slotknop.png');
background-color: transparent;
height: 80px;
width: 80px;
margin-top: 0px;
margin-bottom: 15px;
border: 0px solid orange;
outline: none;
transition: 0.5s;
}





.kaartA:hover, .slotA:hover, .draakA:hover {
background-image: url('fotos/slotknopb.png');
}


.reset {
background-image: url('fotos/reset1.png');
background-color: transparent;
height: 36px;
width: 80px;
margin-top: 0px;
margin-bottom: 15px;
border: 0px solid orange;
outline: none;
transition: 0.5s;
}


.reset:hover {
background-image: url('fotos/reset2.png');
}



#slot1 {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-top: 10px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
width: 90%;
height: 100%;
max-width: 300px;
height: auto;
color: #FFFFFF;
border: 2px solid grey;
border-radius: 10px;
background-color: #000000;
}




img.menu {
z-index: 1100;	
display: none;
cursor: pointer;
width: auto;
height: 45px;
margin-top: 7px;
margin-bottom: 10px;
margin-left: 20px;
}



img.muter {
z-index: 1;
position: relative;
float: right;
display: block;
cursor: pointer;
width: 42px;
height: auto;
margin-top: 7px;
margin-right: 10px;
}

img.muter2 {
z-index: 1;
position: relative;
float: right;
display: block;
cursor: pointer;
width: 42px;
height: auto;
margin-top: 7px;
margin-right: 10px;
}



#small {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 100%;
max-width: 450px;	
	
}



#timer {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
width: 100%;
max-width: 120px;
height: auto;
color: orange;
font-size: 100px;
font-weight: bold;
background-color: #000000;


border: 2px solid orange;	
border-radius: 10px;
}



iframe.map1 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 98%;
height: auto;
min-height: 400px;
border: 6px solid orange;
border-radius: 10px;
}


img.map1 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 98%;
max-width: 400px;
height: auto;
border: 6px solid orange;
border-radius: 10px;
}



.paypalmenu1 {
width: 100%;
max-width: 280px;
height: auto;
margin-bottom: 0px;
padding:6px; 
background-color: #ffffff;
border-radius: 12px; 
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px solid #353d47;
box-shadow: inset 2px 2px 8px #1C2D41;
cursor: pointer;
outline: none;
}


.paypalmenu2{
width: 90%;
max-width: 264px;
height: auto;
margin-bottom: 0px;
padding:6px; 
background-color: #ffffff;
border-radius: 12px; 
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px solid #353d47;
box-shadow: inset 2px 2px 8px #1C2D41;
cursor: pointer;
outline: none;
}


#fotos3{
cursor: pointer;	
display: inline-block;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
width: auto;
max-width: 140px;
height: auto;
font-size: 80%;
text-align: left;
border: 0px solid red;
border-radius: 20px;
transition: 0.3s;
}

#fotos3:hover  {opacity: 0.9;}




#fotos2{
cursor: pointer;	
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
width: auto;
max-width: 140px;
height: auto;
font-size: 80%;
text-align: left;
border: 0px solid red;
border-radius: 20px;
transition: 0.3s;
}

#fotos2:hover  {opacity: 0.9;}




#clock {
float:right;
display: block;
z-index: 1;
width: 150px;
height: auto;
margin-top:30px;
margin-left:10px;
margin-right:10px;
border: 0px solid red;
}




#balk {
display: block;
position: fixed;
width: 100%;
height: 60px;
margin-top: -70px;
margin-left: -8px;
background-color: none;	
}



#menu {
visibility: visible;	
float: left;
clear: right;
margin-top: -25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 230px;
height: auto;
background: none;
border: 0px solid blue;
border-radius: 0px;
}

#menu2 {
z-index: 1000;	
visibility: visible;	
position: fixed;
float: left;
clear: right;
margin-top: -6px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 250px;
height: auto;
background: none;
border: 0px solid grey;
border-radius: 0px;
}






.hidden { 
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 600ms;
}
.hidden.active {
    max-height: 1500px;
}



/* Paypal knop */
input[type=button]  {
display: block;
outline: none;
width: 100%;
max-width: 125px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-size: 70%;
font-weight: bold;
font-style: italic;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}


#winkelwagen {
display: block;
top: 5px;
right: 50px;
z-index: 1000;
cursor: pointer;
position: fixed;
width: 140px;
height: 30px;
border: 0px solid red;
}

/* Paypal knop*/

.winkel1 {
display: block;	
position: relative;
z-index: 1000;
float: right;
margin-right: 10px;	
margin-top: 70px;
margin-bottom:12px;
width: 130px;
height: 24px;
outline: none;
border: 0px solid blue;
}



.winkel2 {
outline: none;	
display: block;
margin-left: auto;
margin-right: auto;
width: 120px;
height: 35px;
border: 0px solid green;
}


.winkel3 {
display: block;
position: relative;
z-index: 1000;
float: right;
margin-right: -126px;	
margin-top: 86px;
margin-bottom:0px;
width: 130px;
height: 21px;
outline: none;
border: 0px solid blue;
}


.lineup {
display: inline-block;	
max-width: 200px;
}





html {
scroll-behavior: smooth;
}

img.logo {
display: block;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
width: 90%;
max-width: 250px;
height: auto;
}


img.step {
display: block;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
width: 100%;
max-width: 300px;
height: auto;
}






#tel {
display: none;	
width: 220px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 3px;
font-size: 130%;
color: #990000;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
box-shadow: 4px 4px 5px #333333;
border: 1px solid grey;
}




#header {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
width: 90%;
max-width: 1000px;
height: auto;
text-align: center;
background: rgb(174,177,191);
background: -moz-linear-gradient(180deg, rgba(174,177,191,1) 0%, rgba(247,249,250,1) 47%);
background: -webkit-linear-gradient(180deg, rgba(174,177,191,1) 0%, rgba(247,249,250,1) 47%);
background: linear-gradient(180deg, rgba(174,177,191,1) 0%, rgba(247,249,250,1) 47%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aeb1bf",endColorstr="#f7f9fa",GradientType=1);
border: 1px solid grey;
border-radius: 20px;
box-shadow: inset 1px 1px 20px #1C2D41;
}




#f1 {
display: none;
}


#f2 {
display: none;
}


#f3 {
display: inline-block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: -10px;
max-width: 600px;
width: 100%;
height: auto;
}


#f4, #f4b {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 10px;
max-width: 280px;
width: 100%;
height: auto;
}

#f4c {
display: none;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 10px;
max-width: 280px;
width: 100%;
height: auto;
}



#f5 {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
height: auto;
width: 100%;
max-width: 400px;
}


#f5b {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
height: auto;
width: 100%;
max-width: 1000px;
}


#seizoen  {
display: none;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
height: auto;
width: 80%;
max-width: 535px;
}

#seizoen2 {
display: block;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
height: auto;
width: 85%;
max-width: 535px;
}


#f6, #loginloc {
display: block;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
height: auto;
width: 100%;
max-width: 250px;
}

#standard, #action, #general  {
display: none;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
height: auto;
width: 100%;
max-width: 250px;
}



#f8 {
display: block;
float: right;
clear: both;
margin-left: auto;
margin-right: auto;
margin-bottom: -20px;
height: auto;
width: 100%;
max-width: 180px;
}


#f8b {
display: block;
float: right;
clear: both;
margin-top: -30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
height: auto;
width: 100%;
max-width: 180px;
}




img.f1 {
float: right;
clear: both;
margin-top: 20px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 180px;
height: auto;
border: 0px solid red;
}



img.f1b {
display: block;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 98%;
max-width: 180px;
height: auto;
}


img.f1c {
float: right;
clear: both;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 120px;
height: auto;
}

img.f1d {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -6px;
max-width: 180px;
height: auto;
}


img.f1e {
display: inline-block;
margin-top: 10px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
width: 90%;
max-width: 250px;
height: auto;
border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px;
box-shadow: 8px 8px 10px #333333;
}






img.f2 {
float: right;
clear: both;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 180px;
height: auto;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
border-radius:0px 0px 14px 0px;
-moz-border-radius:0px 0px 14px 0px;
-webkit-border-radius:0px 0px 14px 0px;
}

img.f3 {
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 180px;
height: auto;
}


img.f4 {
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
max-width: 180px;
height: auto;
border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px;
box-shadow: 4px 4px 5px #333333;
}


img.f5 {
float: right;
clear: right;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 120px;
height: auto;
}

img.f6 {
float: right;
clear: both;
margin-top: -30px;
margin-right: 20px;
margin-bottom: 0px;
width: 100%;
max-width: 120px;
height: auto;
border-radius: 0px;
}

img.f7 {
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 280px;
height: auto;
}




img.f8 {
display: block;
cursor: pointer;
padding-left: 25px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 50px;
height: 50px;
border-radius: 0px;
}



img.f8a {
display: block;
cursor: pointer;
padding-left: 10px;
float: right;
margin-top: -15px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 45px;
height: 45px;
border-radius: 0px;
}




img.f8b {
display: block;
cursor: pointer;
margin-top: -5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 50px;
height: 50px;
border-radius: 0px;
}

img.f8c {
display: inline-block;
cursor: pointer;
margin-top: -10px;
margin-left: 20px;
margin-right: 15px;
margin-bottom: -20px;
width: 50px;
height: 50px;
border-radius: 0px;

}

img.f10 {
display: inline-block;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
max-width: 120px;
height: auto;
border: 2px solid grey;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}


img.f10:hover  {
opacity: 0.8;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19)

}


img.f11 {
display: inline-block;
margin-bottom: -20px;
margin-left: 20px;
max-width: 120px;
width: 100%;
height: auto;
}









p1, p3, #p2, #p2a1, #p2a2, #p2a3, #login, .icon4a {
display: none;
}

#infoA, #infoB, #infoC {
visibility: hidden;	
}


#gamesA, #gamesB {
visibility: hidden;	
}




#p2b1, #p2b2, #p2b3, #p2b4 {
display: inline-block;
width: auto;
height: auto;
max-width: 140px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 80%;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}

#p2b1:hover, #p2b2:hover, #p2b3:hover, #p2b4:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 5px #333333;
}


#p2b1:active, #p2b2:active, #p2b3:active, #p2b4:active {
box-shadow: 2px 2px 4px #000000;
color: rgba(250, 250, 250, 0.7);
}


p3b {
display:block;
width: 100%;
max-width: 200px;
height: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 6px;
padding-top: 3px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 3px;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 80%;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px  solid grey;
cursor: pointer;
background-color: #2e3e57;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}


p3c {
display: block;
width: 100%;
max-width: 220px;
height: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 6px;
padding-top: 3px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 3px;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 80%;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px  solid grey;
cursor: pointer;
background-color: #2e3e57;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}



p3b:hover, p3c:hover {
color: #ffd323;
background-color: #000000;
box-shadow: 0px 0px 0px #333333;
}





#infoD, #infoE, #infoF {
visibility: visible;
width: 100%;
max-width: 218px;
height: auto;
margin-top: -15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
background-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:0px;
border-bottom: 0px solid grey;
}



#gamesX {
display: block;
visibility: visible;
width: 100%;
max-width: 235px;
height: auto;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:0px;
border-bottom: 0px solid grey;
}








.toon500, .tekst500 {
display:block;
padding-top: 10px;
padding-left: 15px;
margin-right: 15px;
max-width: 600px;
}




p2 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #990000;

}

p2:hover {
text-decoration: underline;
}



p4 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: white;
text-decoration: underline;
}





p5 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #354873;
text-decoration: none;
}

p5r {
font-weight: bold;
color: #8f1319;
font-family: arial;
font-size: 110%;
text-decoration: none;
}


p6 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #354873;
text-decoration: underline;	
}

p6b {
font-weight: bolder;
color: #354873;
font-size: 110%;
font-style: italic;
text-decoration: underline;
}


p6r {
font-weight: bolder;
color: #8f1319;
font-size: 110%;
font-style: italic;
text-decoration: underline;
}


p6kr {
//font-weight: bolder;
color: #700700;
font-size: 100%;
font-style: italic;
text-decoration: underline;
}





p7 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 90%;
text-decoration: none;
}

p8 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #000000;
text-decoration: underline;
}

p8b {
margin-bottom: 100px;	
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 100%;
color: #354873;
font-style: italic;
vertical-align: super;
text-decoration: underline;
}

p8c {
cursor: pointer;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 100%;
color: #990000;
text-decoration: underline;
}

p8d {
cursor: pointer;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 20px;
font-style: italic;
color: #990000;
text-decoration: underline;
}


p9 {
display: inline-block;
width: 100%;
max-width: 130px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-style: italic;
font-size: 90%;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}

p9:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 8px #4d3d00;
}




p9c {
display: inline-block;
horizontal-align: top;
width: 100%;
max-width: 100px;
margin-left: 0px;
margin-right: 5px;
margin-top: -10px;
margin-bottom: 10px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-size: 70%;
font-weight: bold;
font-style: italic;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}


p9c:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 8px #4d3d00;
}





p9e {
	
display: inline-block;
width: 98%;
max-width: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 3px;
text-align: left;
text-shadow:#700700 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-style: italic;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}

p9e:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 8px #4d3d00;
}



p9f {
display: inline-block;
horizontal-align: top;
width: 100%;
max-width: 120px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-size: 70%;
font-weight: bold;
font-style: italic;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}


p9f:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 8px #4d3d00;
}





p9g {
display: inline-block;
width: 100%;
max-width: 250px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
text-shadow:#700700 1px -1px 0px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-style: italic;
border: 1px solid grey;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}



p10.center {
display: inline-block;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 0px solid blue;
}




p10.centerf4 {
display: block;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 0px solid red;
}

p10.centerf5 {
display: block;
width: 100%;
max-width: 600px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
color: #FFFFFF;
background: rgb(34,49,63);
background: -moz-linear-gradient(105deg, rgba(34,49,63,1) 7%, rgba(23,53,81,1) 20%, rgba(34,71,108,1) 26%, rgba(21,54,86,1) 46%, rgba(9,42,72,1) 74%, rgba(15,60,100,1) 84%, rgba(4,27,49,1) 94%);
background: -webkit-linear-gradient(105deg, rgba(34,49,63,1) 7%, rgba(23,53,81,1) 20%, rgba(34,71,108,1) 26%, rgba(21,54,86,1) 46%, rgba(9,42,72,1) 74%, rgba(15,60,100,1) 84%, rgba(4,27,49,1) 94%);
background: linear-gradient(105deg, rgba(34,49,63,1) 7%, rgba(23,53,81,1) 20%, rgba(34,71,108,1) 26%, rgba(21,54,86,1) 46%, rgba(9,42,72,1) 74%, rgba(15,60,100,1) 84%, rgba(4,27,49,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22313f",endColorstr="#041b31",GradientType=1);
border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
box-shadow: 5px 5px 8px #333333;
border: 1px solid grey;
}


#p14 {
display: inline-block;
width: 100%;
max-width: 140px;
margin-left: 10px;
margin-right: 10px;
margin-top: 30px;
margin-bottom: 10px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 80%;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
outline: none;
}


#p14:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 4px 4px 8px #4d3d00;
}


h1 {
font-weight: bolder;
font-size: 180%;
color: #354873;
}




h2 {
width: auto;
max-width: 300px;
height: auto;
margin-right: 10px;
margin-bottom: -20px;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
font-weight: bolder;
text-decoration: none;
font-size: 105%;
font-style: italic;
color: #ffffff;
border: 1px solid grey;
border-radius: 10px;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:7px 7px 7px 7px;
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px;
box-shadow: 4px 4px 5px #333333;
}

h3 {
width: auto;
max-width: 300px;
height: auto;
margin-right: 10px;
margin-bottom: -20px;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
font-weight: bolder;
text-decoration: none;
font-size: 105%;
font-style: italic;
color: #ffffff;
border: 1px solid grey;
border-radius: 10px;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:7px 7px 7px 7px;
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px;
box-shadow: 4px 4px 5px #333333;
}


h4 {
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #354873;
text-decoration: underline;	
}

h5 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #354873;
text-decoration: underline;	
}

h6 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 110%;
color: #354873;
text-decoration: underline;	
}




#cont1 {
display: fixed;	
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
width:90%;
max-width: 1300px;
height: auto;
min-height: 350px;
text-align: center;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 57%);
background: -webkit-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 57%);
background: linear-gradient(00deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 30%, rgba(250,250,250,1) 57%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border: 1px solid lightgrey;
border-radius: 10px 10px 10px 10px;
box-shadow: inset 10px 20px, #1C2D41;
}




#container5 {
display:none;
padding-top: 30px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
max-width: 700px;
height: auto;
color: #555555;
font-weight: bold;
font-style: italic;
text-align: center;
min-height: 320px;
border: 1px solid grey;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 30%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:14px 14px 14px 14px;
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px;
box-shadow: 4px 4px 5px #333333;
}



#container6 {
display:block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
max-width: 700px;
height: auto;
color: #333333;
font-weight: bold;
font-size: 90%;
font-style: italic;
text-align: center;
border: 0px solid green;
border-radius: 10px;
overflow:hidden;
}


#lastcont {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
width: 90%;
max-width: 1300px;
max-height: auto;
text-align: center;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: linear-gradient(00deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#585858",GradientType=1);
border: 1px solid grey;
border-radius: 10px;
box-shadow: inset 1px 1px 20px #1C2D41;
border: 0px solid orange;
}


#incon1{
display: inline-block;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
padding: 10px 15px 10px 15px;
max-width: 200px;
height: auto;
color: #FFFFFF;
font-style: normal;
font-size: 11pt;
text-align: left;
border: 1px solid white;
background-color: #333333;
border-radius: 15px;
box-shadow: 5px 10px 10px #000000;
}




#incon3, #incon4{
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-left: 5px;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px 15px 10px 15px;
max-width: 200px;
min-width: 110px;
height: auto;
min-height: 330px;
color: #FFFFFF;
font-family: arial;
font-size: 11pt;
font-style: normal;
text-align: left;
border: 3px solid white;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: linear-gradient(00deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#585858",GradientType=1);
border-radius: 15px;
box-shadow: 5px 10px 10px #000000;
}


#incon5, #incon6, #incon7, #incon8 {
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-left: 5px;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px 15px 10px 15px;
max-width: 170px;
height: auto;
min-height: 200px;
color: #FFFFFF;
font-family: arial;
font-size: 11pt;
font-style: normal;
text-align: left;
border: 1px solid grey;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
background: linear-gradient(00deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 51%, rgba(88,88,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#585858",GradientType=1);
border-radius: 15px;
box-shadow: 5px 10px 10px #000000;
}







#incon1a, #incon1b {
display: inline-block;
vertical-align: top;
width: 90%;
max-width: 900px;
min-height: 380px;
height: auto;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
font-size: 90%;
font-weight: normal;
font-style: normal;
color: #444444;
border: 1px solid grey;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;	
	
}







#container0  {
display: block;
width: 90%;
max-width: 1000px;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
font-weight: normal;
font-family: arial;
font-size: 90%;
font-style: normal;
color: #444444;
border: 1px solid grey;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 30%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:14px 14px 14px 14px;
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px;
box-shadow: 4px 4px 5px #333333;
}






#container1, #container2, #container3, #container4, #container7, #container8,
#container9, #container10, #container11, #container12  {
display: none;
width: 80%;
max-width: 1000px;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
font-weight: normal;
font-family: arial;
font-size: 90%;
font-style: normal;
color: #444444;
border: 1px solid grey;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(210,201,173,1) 0%, rgba(210,201,173,1) 30%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:14px 14px 14px 14px;
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px;
box-shadow: 4px 4px 5px #333333;
}


#incon24, #incon25, #incon26, #incon27,  #incon28, #incon29, #incon30, #incon31,
#incon32, #incon33, #incon34, #incon35,  #incon36, #incon37, #incon38, #incon39, #incon40  {
display: block;
max-width: 700px;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
font-weight: normal;
font-family: arial;
font-size: 90%;
font-style: normal;
color: #444444;
border: 1px solid red;
background: rgb(164,148,110);
background: -moz-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 9%, rgba(243,242,241,1) 100%);
background: linear-gradient(00deg, rgba(164,148,110,1) 0%, rgba(210,201,173,1) 30%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4946e",endColorstr="#f3f2f1",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}






img.icon1 {
width: 26px;
height: 22px;
border: 0px;
margin-left: -3px;
margin-right: 12px;
}

img.icon2 {
width: 22px;
height: 14px;
border: 0px;
margin-right: 10px;
}


img.icon2b {
width: 22px;
height: 14px;
border: 0px;
margin-left: 10px;
}



img.icon3 {
margin-bottom: -6px;
margin-right: 5px;
width: 19px;
height: auto;
}


img.icon3c {
margin-bottom: -3px;
margin-left: 5px;
margin-right: -10px;
width: 19px;
height: auto;
}



img.icon3f {
margin-bottom: -6px;
margin-right: 12px;
width: 19px;
height: auto;
}



img.icon4a {
margin-bottom: -5px;
margin-left: 0px;
margin-right: 5px;
width: 30px;
height: auto;
}



img.icon5 {
margin-left: 5px;
margin-right: 10px;
margin-bottom: -3px;
width: 30px;
height: auto;
}



img.icon9 {
margin-bottom: -4px;
margin-left: 10px;
width: 45px;
height: auto;
}

img.icon10 {
margin-bottom: -4px;
margin-left: 20px;
width: 60px;
height: auto;
}

.link1 {
color: #354873;	
cursor: pointer;
text-decoration: underline;	
font-weight: bold;
}

.link1:hover {
color: #5d913a;	
cursor: pointer;
text-decoration: underline;	
font-weight: bold;
}

.link1:visited {
color: #415e2e;	
cursor: pointer;
text-decoration: underline;	
font-weight: bold;
}




a.wit:link {
color: white;
font-weight: normal;
text-decoration: none;
}

a.wit:visited {
color: white;
text-decoration: none;
}

a.wit:hover {
color: #ffd323;
text-decoration: underline;
}



a.geel:link {
color: #8C3A1A;
font-weight: bold;
text-decoration: none;

}

a.geel:visited {
color: #8C3A1A;
text-decoration: none;
}

a.geel:hover {
color: #333333;
text-decoration: underline;
}


a.dark:link {
color: #2B2619;
font-weight: normal;
text-decoration: none;
}

a.dark:visited {
color: #2B2619;
text-decoration: none;
}

a.dark:hover {
color: #2B2619;
text-decoration: underline;
}


a.red:link {
color: #700700;
font-weight: bold;
text-decoration: none;

}

a.red:visited {
color: #700700;
text-decoration: none;
}

a.red:hover {
color: #d00000;
text-decoration: underline;
}



a.redu:link {
color: #700700;
font-weight: bold;
text-decoration: underline;

}

a.redu:visited {
color: #700700;
text-decoration: underline;
}

a.redu:hover {
color: #d00000;
text-decoration: underline;
}





@media (max-width: 1030px) {

#f4, #f4b {
display: none;	
} 	
	
#f4c {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: -10px;
max-width: 280px;
width: 100%;
height: auto;
}		


}


@media (max-width: 850px) {
	
	
.winkel1 {
margin-right: 20px;	
margin-top: -60px;
margin-bottom:12px;
}	
	
	
.winkel3 {
margin-right: 24px;	
margin-top: -44px;
margin-bottom:12px;
}				
	
	
.start {
margin-top: -100px;	
margin-bottom: -10px;
}	
	
	

img.menu {
display: inline-block;
}

#header {
margin-top: 70px;
width: 95%;
max-width: 600px;
}
	

#fotos1, #cont1, #lastcont  { 
width: 90%;
max-width: 600px;
}

#contact {
visibility: visible;
width: 100%;
max-width: 210px;
height: auto;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:0px;
border-bottom: 0px solid grey;
}

#infoA, #infoB, #infoC {
display: block;
visibility: visible;
width: 100%;
max-width: 220px;
height: auto;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:0px;
border-bottom: 0px solid grey;
}



#gamesA, #gamesB {
display: block;
visibility: visible;
width: 100%;
max-width: 235px;
height: auto;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:0px;
border-bottom: 0px solid grey;
}





#balk,#menu,#menu2 {
z-index: 100;
background-color: rgba(14, 20, 30, 0.7);	
}

#locatie{
border: 0px solid red;
display: none;
}

#f1 {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
width: 100%;
max-width: 400px;
height: auto;
}



#f2 {
display: block;
margin-top:-50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
height: auto;
width: 100%;
max-width: 400px;
}


#f3 {
display: none;
}

##f4, #f4b {
max-width: 250px;
}




p10.centerf4 {
max-width: 550px;	
}



p1 {
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 12pt;
font-style: italic;
color: #ffd323;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px solid grey;
cursor: context-menu;
background: linear-gradient(to bottom, #FFAA00 30%, #000000 100%);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;

}

#p2, #p2a1, #p2a2, #p2a3 {
display: inline-block;
width: 100%;
max-width: 160px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 10pt;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px solid grey;
cursor: pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}


#p2:hover, #p2a1:hover, #p2a2:hover, #p2a3:hover, #login:hover {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
box-shadow: 3px 3px 8px #806600;
}


#login {
display: inline-block;
width: 100%;
max-width: 160px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 10pt;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px solid grey;
cursor: pointer;
background: rgb(247,87,50);
background: -moz-linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
background: linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f75732",endColorstr="#000708",GradientType=1);
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}







p3 {
display:block;
width: 100%;
max-width: 190px;
height: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 6px;
padding-top: 3px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 3px;
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 10pt;
font-style: italic;
color: #ffffff;
text-shadow:#000000 1px -1px 0px;
text-decoration: none;
border: 1px  solid grey;
cursor: pointer;
background-color: #2e3e57;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px;
box-shadow: 4px 4px 5px #333333;
}

p3:hover {
color: #ffd323;
background-color: #000000;
box-shadow: 0px 0px 0px #333333;
}


}


@media (max-width: 700px) {

#incon1a, #incon2a, #incon3a, #incon4a, #incon5a, #incon6a, #incon7a, #incon8a, #incon9a, #incon10a,
#incon6, #incon7, #incon8, #incon9, #incon10, #incon11, 
#incon12, #incon13, #incon14, #incon15, #incon16, #incon17, 
#incon18, #incon19, #incon20, #incon21, #incon22, #incon23  {
 
max-width: 80%;	
}


}	



@media (max-width: 500px) {
	
body {
font-size: 12;
}

#lastcont {
font-size:12px;
}


p4 {
font-size: 12px
}

p10.centerf4 {
font-size: 12px;
}		
	
	
#header {
padding-left: 20px;
padding-right: 20px;
width: 80%;
}
	
#cont1, #lastcont, #fotos1 {
padding-left: 0px;
padding-right: 0px;
width: 99%;
}



#container1, #container2, #container3, #container4   {
display: none;
max-width: 90%;
height: auto;
}


#container0  {
max-width: 90%;
height: auto;
}

}	




@media (max-width: 400px) {
	
p9g {
margin-left: -8px;	
width: 96%;
}		
	
.drag {
margin-bottom:-30px;
}	
	
	
h1 {
font-size: 18pt;
}	
	
	
h2 {
font-size: 12pt;
}	

			
#incon1,#incon3,#incon4{
max-width: 100%;
min-height: 100px;
}	
	

#f4 {
max-width: 90%;
}
}


@media (max-width: 220px) {
	
p9f {
margin-left: -8px;	
width: 96%;
}		

		
.winkel1 {
display: none;
}

.winkel3 {
display: none;
}	

/* Paypal knop winkel3*/
input[type=button]  {
display: none;
}
	
	
#incon1,#incon3,#incon4{
margin-left: 0px;
margin-right: 0px;
}	
}




.row > .column {
  padding: 0 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
float: left;
width: 13.2%;
margin-right: 1%;
margin-bottom: 15px;
border: 0px solid red;
}




/* The Modal (doorzichtige achtergrond) */
.modal {
  display: none;
  position: fixed;
  z-index: 1100;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(30,30,30,0.96);
}


/* Modal inhoud */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 500px;
}

.modal-content2 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 700px;
}


/* De Close Button */
.close {
  color: orange;
  position: absolute;
  top: 10px;
  right: 35px;
  font-size: 35px;
  font-weight: bold;
}


.close:hover,
.close:focus {
  color: red;
  text-decoration: none;
  cursor: pointer;
}



.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}


/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: orange;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


/* On hover, add a orange background color with a little bit see-through */
.prev:hover,
.next:hover {
color: white;
background-color: rgba(194, 102, 10, 0.6);
}


/* Number text (1/3 etc) */
.numbertext {
  color: orange;
  font-size: 16px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


img {
  margin-bottom: -0px;
}


/* tekst container */
.caption-container {
margin-top: -4px;	
margin-bottom: 8px;
text-align: center;
font-family: arial;
font-size: 16px;
font-weight: bold;
font-style: italic;
background-color: black;
padding: 2px 16px;
color: white;
}



.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


img.hover-shadow {
  transition: 0.3s
}


.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19)
}