html *{
margin:0;               
padding:0;
border:none;
}  
body{          
background-color:#f7f7f7;  
overflow-x:hidden;
}
/* begin site*/

.page{
display:flex;
flex-flow:row wrap;
width:100%;
max-width:990px;
height:auto;   
margin:0 auto 20px auto;
padding:0 10px 0 10px;
background-color:#fff;  
border-right:1px solid #330019;
border-bottom:1px solid #330019;
border-left:1px solid #330019;
border-radius:0 0 10px 10px;
}
.volg{
display:flex;
justify-content:flex-end;
align-items:center;
position:relative;
z-index:2;
width:100%;
height:auto;
margin:10px 0 0 0;
}
.twittext{
width:auto;
font-family:Lato,Arial;
font-size:0.8rem;
font-weight:normal;
color:#9a9a9a;
padding:0 10px 0 0;
}
.twitimg{
width:21px;
height:21px;
margin:0 30px 0 auto;
padding:0;
background-image: url(../images/twitter_logo.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
header{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
margin:10px 0 0 0;
}
.headerlogo{
width:8%;
padding: 0 0 0 10px;
}
.logo{
/*width:100%;
max-width:67px;*/
width:67px;
height:auto;
}
.headernav{
display:flex;
flex-flow:row wrap;
align-items:center;
width:70%;
height:auto;
}
nav{ 
width:80%;
margin:60px 0 0 0;
}
nav ul{ 
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:auto;
height:auto;
list-style-type:none;
margin:15px auto auto auto;
padding:0;
}
nav ul li{
width:auto;
height:auto;
margin:0;
padding:0;  
}   
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{
font-family: 'Comfortaa', cursive;
font-size:1em;
font-weight:bold;
margin:0 ;
color:#9a9a9a;
padding:3px 0 5px 0;
text-decoration:none;  
outline-style:none; 
}
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
color:#2f2468;  
margin:0;
padding:3px 0 5px 0;
}
hr{
width:100%;
border: 0;
height: 1px;
background: #9a9a9a;
margin:0 auto 20px auto;
}
hr.under{
width:100%;
border: 0;
height: 1px;
background: #9a9a9a;
margin:50px auto 20px auto;
}
main{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
margin:0 auto;
}
.mainleft{
/*flex:65%;*/
width:100%;
max-width:630px;
height:auto;
font-family:Arial;
font-size:0.75rem;
font-weight:normal;
line-height:20px;
color:#330019;
margin:0 auto 0 20px;
padding: 0;
}
img.koptextimg{
width:100%;
max-width:630px;
height:auto;
margin:0 auto;
padding:0;
border-radius:10px;
}
h2.title{
font-family:Lato,Arial;
font-size:1.3rem;
font-weight:bold;
color:#2f2468;  
margin:10px 0 15px 0;
}
.sidebar{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:flex-start;
/*flex:35%;*/
width:100%;
max-width:330px;
height:auto;
margin:0 auto;
}
.sidebarbox{
/*width:90%;*/
width:100%;
max-width:275px;
height:auto;
padding:2px 0 5px 0;
border:1px solid #ccc;
border-radius:8px;
}
.sidebarvve{
width:100%;
height:30px;
padding:0;
border-radius:5px 5px 0 0;
background-color: #e2e2e2;
border-bottom:1px solid #ccc;
}
.sidebarvvetext{
font-family:'Comfortaa', cursive;
font-size:0.8em;
font-weight:600;
color:#2f2468;
margin:0 0 0 20px;
padding:8px 0 0 0;
}
.sidebarnav{ 
width:100%;
margin:0;
padding:0;
}
.sidebarnav ul{ 
display:flex;
flex-flow:column nowrap;
justify-content:center;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin: auto;
padding:10px 0 0 0;
}
.sidebarnav ul li{
width:245px;
height:auto;
text-align:center;
margin:0px 0 8px 0;
padding: 0;  
}  
.sidebarnav ul li a, .sidebarnav ul li a:link, .sidebarnav ul li a:visited, .sidebarnav ul li a:active{
display:block;
font-family:'Comfortaa', cursive;
font-size:1.1em;
font-weight:normal;
color:#fff;
margin:0;
padding:15px 0 15px 15px;  
text-decoration:none;  
outline-style:none; 
background: linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
background: -webkit-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
background: -o-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));  
background: -moz-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
border-radius:5px;
}
.sidebarnav ul li a:hover,
.sidebarnav ul li a.current, .sidebarnav ul li a:link.current, .sidebarnav ul li a:visited.current, .sidebarnav ul li a:active.current{  
color:#fff;  
text-align:center;
margin: 0;
padding:15px 0 15px 15px;  
background: linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -webkit-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -o-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -moz-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
border-radius:5px;
}
span{
display:block;
position:absolute;
margin:-38px 0 0 10px;
}
.sidebarnav1{ 
width:100%;
margin:0;
}
.sidebarnav1 ul{ 
display:flex;
flex-flow:column nowrap;
justify-content:center;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin: auto;
padding:0;
}
.sidebarnav1 ul li{
width:225px;
height:auto;
text-align:left;
margin:10px 0 0 0;
padding:0; 
}  
.sidebarnav1 ul li a, .sidebarnav1 ul li a:link, .sidebarnav1 ul li a:visited, .sidebarnav1 ul li a:active{
display:block;
font-family:'Comfortaa', cursive;
font-size:0.7em;
font-weight:normal;
color:#9a9a9a;
margin:0;
padding:6px 0 6px 20px;  
text-decoration:none;  
outline-style:none; 
border:1px solid #ccc;
border-radius:10px;
background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));
background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));
background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));  
background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); 
}
.sidebarnav1 ul li a:hover,
.sidebarnav1 ul li a.current, .sidebarnav1 ul li a:link.current, .sidebarnav1 ul li a:visited.current, .sidebarnav1 ul li a:active.current{  
color:#fff;  
margin: 0;
padding:6px 0 6px 20px;    
background: linear-gradient(rgba(54,36,109,1),rgba(54,36,109,0.6));
background: -webkit-linear-gradient(rgba(54,36,109,1),rgba(54,36,109,0.6));
background: -o-linear-gradient(rgba(54,36,109,1),rgba(54,36,109,0.6));  
background: -moz-linear-gradient(rgba(54,36,109,1),rgba(54,36,109,0.6)); 
}
/*.sidebarboxnaw{
width:100%;
max-width:292px;
height:auto;
margin:5px 0 0 2px;
padding:3px 0 10px 0;
border-top:1px solid #9a9a9a;
border-right:1px solid #9a9a9a;
border-left:1px solid #9a9a9a;
border-image: 
    linear-gradient(
      to bottom, 
      #9a9a9a, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
}*/

.sidebarboxnaw{
width:100%;
max-width:285px;
min-height:290px;
background-image: url(../images/achtergrondcontact.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

.sidebarnaw{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:flex-end;
width:100%;
height:auto;
margin:130px auto 10px -40px;
padding:0 0 20px 0;
font-family:Lato,Arial;
font-size:1rem;
color:#fff;
}
ul.naw{
list-style-type:none;
font-family:Arial;
font-size:0.8rem;
font-weight:normal;
color:#000;
margin:0;
}
.kopnaw{
font-family:Lato,Arial;
font-size:1em;
font-weight:normal;
color:#2f2468;  
margin: auto;
}
.imgsidebar{
width:100%;
max-width:285px;
height:auto;
margin:-8px auto 0 auto;
padding:3px 6px 0 3px;
/*border-top:1px solid #9a9a9a;
border-radius:5px 5px 0 0;*/
}
.imgsidebarrep{
width:100%;
max-width:270px;
height:auto;
margin:5px auto 0 auto;
}
a.text, a:link.text, a:visited.text, a:active.text{
font-family:Lato,Arial;
font-size:1em;
font-weight:normal;
color:#000;  
margin:0 ;
padding:0;
text-decoration:none; 
}
a:hover.text{ 
font-weight:bold;
color:#000;  
margin:0;
padding:0;
text-decoration:none; 
}
.mailbel{
border:1px solid #ccc;
padding:5px 10px 5px 0;
border-radius:0 0 8px 8px;
}
table.bellen{
font-family:Arial;
font-size:1.3rem;
font-weight:normal;
color:#32246a;
margin:0 0 0 10px;
}
.bel{
font-family:Arial;
font-size:1.5rem;
font-weight:bold;
}
.navform{ 
width:100%;
margin:0;
padding:0;
}
.navform ul{ 
display:flex;
flex-flow:row nowrap;
justify-content:flex-start;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin: auto;
padding:0px 0 0 0;
}
.navform ul li{
width:180px;
height:auto;
text-align:center;
margin:0 10px 0 0;
padding:0;  
}  
.navform ul li a, .navform ul li a:link, .navform ul li a:visited, .navform ul li a:active{
display:block;
font-family:'Comfortaa', cursive;
font-size:1.5em;
font-weight:normal;
color:#fff;
margin:0;
padding:6px 0 6px 0;   
text-decoration:none;  
outline-style:none; 
background: linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
background: -webkit-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
background: -o-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));  
background: -moz-linear-gradient(rgba(204,204,204,1),rgba(204,204,204,0.8));
border-radius:8px 8px 0 0;
}
.navform ul li a:hover,
.navform ul li a.current, .navform ul li a:link.current, .navform ul li a:visited.current, .navform ul li a:active.current{  
color:#fff;  
text-align:center;
margin: 0;
padding:6px 0 6px 0;      
background: linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -webkit-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -o-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
background: -moz-linear-gradient(rgba(89,44,135,1),rgba(89,44,135,0.8));
border-radius:8px 8px 0 0;
}
h1.bel{
display:flex;
align-items:flex-start;
width:auto;
font-family:Lato,Arial;
font-size:1.5em;
font-weight:normal;
color:#2f2468;  
}
footer{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
height:auto;
margin:0 auto 20px auto;
padding:0;
}
.titlefooter{
font-family:Lato,Arial;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #9a9a9a;
margin: 0 0 5px 0;
}
.emptydiv{
flex-basis:auto;
margin:0 auto 15px auto;
padding:0;
}
.footernav{
height:auto;
margin:0;   
list-style-type:none;
}
.footernav li{
display:block;
margin:0;
padding:0; 
text-align:left;
}  
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-family:Lato,Arial;
font-size:0.8em;
font-weight:normal; 
color:#9a9a9a; 
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
.footernav li a:hover,
.footernav li a.current, .footernav li a:link.current, .footernav li a:visited.current, .footernav li a:active.current{
color:#2f2468;
}
ul.textin{
margin:0 0 0 18px;
}
table{
width:100%;
color:#333;
}
::-webkit-input-placeholder {
color:#000;
}
:-moz-placeholder { /* Firefox 18- */
color:#000;
}
::-moz-placeholder {  /* Firefox 19+ */
color:#000; 
}
:-ms-input-placeholder {  
color:#000; 
}
input{
width:200px;
height:25px;
font-family:'Comfortaa', cursive;
font-size:1em;
font-weight:normal;
color:#666;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(204, 204, 204);
box-shadow:inset rgba(0, 0, 0, 0.2) 2px 2px 3px;
}
select{
width:100px;
height:25px;
font-family:'Comfortaa', cursive;
font-size:1em;
font-weight:normal;
color:#666;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(204, 204, 204);
box-shadow:inset rgba(0, 0, 0, 0.2) 2px 2px 3px;
}
textarea{
width:100%;
min-height:150px;
overflow:auto;
font-family:'Comfortaa', cursive;
font-size:1em;
font-weight:normal;
color:#666;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(204, 204, 204);
box-shadow:inset rgba(0, 0, 0, 0.2) 2px 2px 3px;
overflow-y: scroll;
}  
a.button{
display:flex;
justify-content:center;
align-items:center;
width:150px;
height:30px;
font-family:'Comfortaa', cursive;
font-size:1.2em;
color:#fff; 
margin:auto 30px 0 auto;
background-color:#5f458b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
}
.undertable{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
margin:15px auto 20px 5px;
}
.rep{
display:flex;
flex-flow:row wrap;
align-items:flex-start;
width:100%;
}
h2.code{
display:inline;
font-family:Arial;
font-size:12px;
font-weight:bold; 
color:#ff0000;
text-transform:none;
margin:0;
padding:0;
}
html, body{
height:100%;
}  

@media only screen and (min-width: 240px) and (max-width: 975px){
.page{
padding:0 0 0 0;
}
nav{ 
width:100%;
}
hr{
width:98%;
}
hr.under{
width:98%;
}
main{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
margin:0 auto 0 auto;
}
.mainleft{
/*margin:0 auto 0 0;*/
margin:0 auto 0 auto;
padding:0 5px 0 5px;
}
.sidebar{
width:100%;
}
.sidebarbox{
margin:20px 0 0px 0;
}
}

@media only screen and (min-width: 240px) and (max-width: 640px){
.headerlogo{
display:flex;
width:100%;
}
.logo{
padding: 0 0 0 0;
margin:0 auto 0 auto;
}
.headernav{
align-items:flex-start;
width:100%;
}
nav{ 
margin: 0;
}
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{
font-size:1em;
}
.imgsidebar{
width:100%;
max-width:270px;
height:auto;
margin:auto auto 0 auto;
border-top:1px solid #9a9a9a;
border-radius:5px 5px 0 0;
}
}