﻿body {
background: rgb(0,17,36);
background: -moz-linear-gradient(180deg, rgba(0,17,36,1) 1%, rgba(9,82,121,1) 23%, rgba(8,100,127,1) 39%, rgba(5,51,73,1) 67%);
background: -webkit-linear-gradient(180deg, rgba(0,17,36,1) 1%, rgba(9,82,121,1) 23%, rgba(8,100,127,1) 39%, rgba(5,51,73,1) 67%);
background: linear-gradient(180deg, rgba(0,17,36,1) 1%, rgba(9,82,121,1) 23%, rgba(8,100,127,1) 39%, rgba(5,51,73,1) 67%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001124",endColorstr="#053349",GradientType=1);
font-size: 12pt;
font-family: arial;
}

#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: 11pt;
text-align: left;
border: 0px solid red;
border-radius: 20px;
transition: 0.3s;
}

#fotos2:hover  {opacity: 0.9;}



.spacer1  {
display: inline-block;	
width: 20px;
}


img.menu {
z-index: 1100;	
display: none;
cursor: pointer;
width: auto;
height: 45px;
margin-top: 7px;
margin-bottom: 10px;
margin-left: 20px;
}


#balk {
display: block;
position: fixed;
width: 100%;
height: 60px;
margin-top: -60px;
margin-left: -8px;
background-color: none;	
}


#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;
max-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;
}

.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;
}




#header {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
width: 94%;
max-width: 1300px;
height: auto;
text-align: center;
background: rgb(0,17,36);
background: -moz-linear-gradient(180deg, rgba(0,17,36,1) 8%, rgba(9,48,68,1) 32%, rgba(5,78,100,1) 54%, rgba(5,51,73,1) 67%);
background: -webkit-linear-gradient(180deg, rgba(0,17,36,1) 8%, rgba(9,48,68,1) 32%, rgba(5,78,100,1) 54%, rgba(5,51,73,1) 67%);
background: linear-gradient(180deg, rgba(0,17,36,1) 8%, rgba(9,48,68,1) 32%, rgba(5,78,100,1) 54%, rgba(5,51,73,1) 67%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001124",endColorstr="#053349",GradientType=1);
border: 2px solid #614310;
border-radius: 20px;
box-shadow: inset 1px 1px 20px #1C2D41;
}



#f2 {
display: none;
}


#f3 {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: -10px;
max-width: 900px;
width: 100%;
height: auto;
}



#f5 {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
height: auto;
width: 100%;
max-width: 400px;
}


#inconA {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 90%;
max-width: 400px;
background: rgb(194,149,52);
background: -moz-linear-gradient(180deg, rgba(194,149,52,1) 0%, rgba(215,162,68,1) 20%, rgba(211,138,40,1) 40%, rgba(226,174,50,1) 70%, rgba(194,149,52,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(194,149,52,1) 0%, rgba(215,162,68,1) 20%, rgba(211,138,40,1) 40%, rgba(226,174,50,1) 70%, rgba(194,149,52,1) 100%);
background: linear-gradient(180deg, rgba(194,149,52,1) 0%, rgba(215,162,68,1) 20%, rgba(211,138,40,1) 40%, rgba(226,174,50,1) 70%, rgba(194,149,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c29534",endColorstr="#c29534",GradientType=1);
border: 1px solid grey;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}




#inconB {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 90%;
max-width: 400px;
background: rgb(67,94,46);
background: -moz-linear-gradient(180deg, rgba(67,94,46,1) 8%, rgba(139,174,111,1) 35%, rgba(176,213,146,1) 51%, rgba(226,247,213,1) 76%);
background: -webkit-linear-gradient(180deg, rgba(67,94,46,1) 8%, rgba(139,174,111,1) 35%, rgba(176,213,146,1) 51%, rgba(226,247,213,1) 76%);
background: linear-gradient(180deg, rgba(67,94,46,1) 8%, rgba(139,174,111,1) 35%, rgba(176,213,146,1) 51%, rgba(226,247,213,1) 76%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#435e2e",endColorstr="#e2f7d5",GradientType=1);
border: 1px solid grey;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}


#inconC {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 90%;
max-width: 400px;
background: rgb(36,11,0);
background: -moz-linear-gradient(180deg, rgba(36,11,0,1) 7%, rgba(100,27,2,1) 23%, rgba(100,22,4,1) 25%, rgba(110,25,4,1) 29%, rgba(99,23,5,1) 33%, rgba(76,17,3,1) 41%, rgba(56,13,3,1) 56%, rgba(110,23,3,1) 67%, rgba(55,26,18,1) 79%, rgba(85,31,17,1) 99%);
background: -webkit-linear-gradient(180deg, rgba(36,11,0,1) 7%, rgba(100,27,2,1) 23%, rgba(100,22,4,1) 25%, rgba(110,25,4,1) 29%, rgba(99,23,5,1) 33%, rgba(76,17,3,1) 41%, rgba(56,13,3,1) 56%, rgba(110,23,3,1) 67%, rgba(55,26,18,1) 79%, rgba(85,31,17,1) 99%);
background: linear-gradient(180deg, rgba(36,11,0,1) 7%, rgba(100,27,2,1) 23%, rgba(100,22,4,1) 25%, rgba(110,25,4,1) 29%, rgba(99,23,5,1) 33%, rgba(76,17,3,1) 41%, rgba(56,13,3,1) 56%, rgba(110,23,3,1) 67%, rgba(55,26,18,1) 79%, rgba(85,31,17,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#240b00",endColorstr="#551f11",GradientType=1);
border: 1px solid grey;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}


#inconD {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 90%;
max-width: 400px;
background: #23364b;
border: 1px solid grey;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}



#inconE {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 90%;
max-width: 400px;
background-image:url('fotos/wolken3.jpg'); 
background-repeat:repeat-x; 
background-attachment:scroll;
border: 1px solid grey;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}


#button1, #button2, #button3, #button4, #button5, #button6, #button6b, #button7, #button7b, 
#button8, #button8b, #button9, #button9b, #button10, #button10b, #button13, #button14, #button14b, #button15 {
z-index: 4;
display: inline-block;
position: relative;
max-width: 160px;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
padding: 7px 10px 5px 10px;
text-align: center;
font-family: arial;
font-style: italic;
font-weight: bold;
font-size: 10pt;
cursor: pointer;
color: #D9D9D9;
background: rgb(71,128,197);
background: -moz-linear-gradient(180deg, rgba(71,128,197,1) 0%, rgba(58,107,166,1) 50%, rgba(37,72,114,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(71,128,197,1) 0%, rgba(58,107,166,1) 50%, rgba(37,72,114,1) 100%);
background: linear-gradient(180deg, rgba(71,128,197,1) 0%, rgba(58,107,166,1) 50%, rgba(37,72,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4780c5",endColorstr="#254872",GradientType=1);
border: 1px solid #9EA398;
border-radius: 15px;
box-shadow: 5px 5px 10px #424242;
}  


#button1:hover, #button2:hover, #button3:hover, #button4:hover, #button5:hover, #button6:hover, #button6b:hover, #button7:hover,
#button7b:hover, #button8:hover, #button8b:hover, #button9:hover, #button9b:hover, #button10:hover, #button10b:hover, #button13:hover, #button14:hover, #button14b:hover, #button15:hover {
color: #ffffff;
background-color: #779304;
background: -moz-linear-gradient(top,  #afd808 0%, #87bc01 31%, #779304 82%);
background: -webkit-linear-gradient(top,  #afd808 0%,#87bc01 31%,#779304 82%);
background: linear-gradient(to bottom,  #afd808 0%,#87bc01 31%,#779304 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd808', endColorstr='#779304',GradientType=0 );
border: 1px solid #9EA398;
box-shadow: 4px 4px 8px #4d3d00;
}  





#loginloc {
display: block;
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: 10px;
height: auto;
width: 100%;
max-width: 180px;
}


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.f5 {
float: right;
clear: right;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
max-width: 120px;
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;
}


p1, p3, #p2 {
display: none;
}


.toon500, .toon501, .toon502, .toon503, .toon504, .toon505, .toon506 {
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: 11pt;
color: #990000;

}

p2:hover {
text-decoration: underline;
}


p4 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 11pt;
color: white;
text-decoration: underline;
}


p5 {
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 11pt;
color: #990000;
text-decoration: none;
}

p6kr {
color: #700700;
font-size: 11pt;
font-style: italic;
text-decoration: underline;
}


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;
}


h1 {
font-weight: bold;
font-size: 18pt;
font-style: italic;
color: #2b5480;
}


h2 {
font-weight: bold;
font-size: 16pt;
font-style: italic;
color: #2b5480;
}

h3 {
font-weight: bold;
font-size: 14pt;
font-style: italic;
color: #2b5480;
}



h4 {
width: auto;
max-width: 300px;
height: auto;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
font-weight: bolder;
text-decoration: none;
font-size: 12pt;
font-style: italic;
color: #ffffff;
border: 1px solid grey;
border-radius: 10px;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
background: linear-gradient(00deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#868585",GradientType=1);
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px;
box-shadow: 4px 4px 5px #333333;
}


#cont1 {
display: fixed;	
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
width:94%;
max-width: 1300px;
height: auto;
min-height: 350px;
text-align: center;
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: 1px solid #333333;
border-radius: 10px 10px 10px 10px;
box-shadow: inset 1px 20px, #1C2D41;
}


#container5 {
display:none;
padding-top: 30px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 94%;
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: 11pt;
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: 0px;
padding-right: 0px;
width: 94%;
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: 310px;
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;
}

#container0  {
display: block;
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: center;
font-weight: normal;
font-family: arial;
font-size: 11pt;
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  {
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: 11pt;
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;
}

img.icon1 {
width: 26px;
height: 22px;
border: 0px;
margin-left: -3px;
margin-right: 12px;
}


.icon2 {
color: #2B2619;
}

img.icon2 {
width: 22px;
height: 14px;
border: 0px;
margin-right: 10px;
}

img.icon3 {
margin-bottom: -6px;
margin-right: 5px;
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;
}

.link1 {
color: darkred;	
cursor: pointer;
text-decoration: underline;	
font-weight: bold;
}

.link1:hover {
color: green;	
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: 850px) {
	
.start {
margin-top: -100px;	
margin-bottom: -10px;
}	

img.menu {
display: inline-block;
}

#header { 
margin-top: 60px;
}
	

#header, #cont1, #lastcont  { 
width: 90%;
max-width: 600px;
}

#contact {
visibility: visible;
width: 100%;
max-width: 190px;
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;
}


#balk,#menu2 {
z-index: 100;
background-color: rgba(0, 0, 0, 0.7);	
}


#f2 {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
height: auto;
width: 100%;
max-width: 400px;
}


#f3 {
display: none;
}


p10.centerf4 {
max-width: 550px;	
}



#p2 {
display: inline-block;
width: 100%;
max-width: 150px;
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(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
background: linear-gradient(00deg, rgba(0,0,0,1) 16%, rgba(49,49,49,1) 50%, rgba(134,133,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#868585",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, #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: 11pt;
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: 175px;
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: #555555;
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;
}

.spacer1  {
width: 5px;
}	


}




@media (max-width: 500px) {
	
.spacer1  {
width: 0px;
}	


#inconA, #inconB, #inconC, #inconD, #inconE {
width: 99%;
}

	
#cont1, #header, #lastcont {
padding-left: 0px;
padding-right: 0px;
width: 99%;
}

#container1, #container2, #container3, #container4, #container7, #container8   {
display: none;
max-width: 90%;
height: auto;
}


#container0  {
max-width: 90%;
height: auto;
}

}	




@media (max-width: 400px) {
	
	
#cont1  {
width: 100%;	
}	
	
	
#container0, #container1, #container2, #container3, #container4, #container7, #container8  {
padding-left:2px;
padding-right: 2px;
width: 100%;	
}	
	
	
	
h1 {
font-size: 18pt;
}	
	
h2 {
font-size: 12pt;
}	
			
#incon1,#incon3,#incon4{
font-size: 10pt;
max-width: 100%;
min-height: 100px;
}	
	
}




@media (max-width: 220px) {
	
#incon1,#incon3,#incon4{
margin-left: 0px;
margin-right: 0px;
}	

}




