/* =============== RESET =============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* =============== NAVIGATIE MENU MET DROPDOWN =============== */
ul.nav {
  list-style: none;
  background-color: #993366;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

ul.nav li {
  position: relative;
}

ul.nav > li > a {
  display: block;
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  cursor: pointer;
}

ul.nav li:hover > a,
ul.nav li a.active {
  background-color: #b35080;
}

ul.nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  background-color: #b35080;
  padding: 0;
  margin: 0;
  min-width: 200px;
  z-index: 1000;
}

ul.nav li ul li a {
  display: block;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
}

ul.nav li ul li a:hover {
  background-color: #c96a97;
}

ul.nav li.open > ul {
  display: block;
}

/* Clearfix voor nav (oude browsers) */
ul.nav::after {
  content: "";
  display: table;
  clear: both;
}

/* =============== ALGEMENE STIJLEN =============== */
body {
  font-family: Arial, sans-serif;
 /* background-image: url(../images/bodybg.png);*/
 /* background-size: cover;*/
}

.content {

/*backroundcolor: yellow;*/
/*background-color: #f9ecf2;*/
padding: 10px 10px 10px 10px;
margin: auto;
background-color: rgba(255,255,255,0.7);
background-image:url(../images/body-bg.png);
 background-repeat: no-repeat;
  background-size: cover;

/*background-color: rgba(255,255,255,0.7);*/
}

.col-8 {
width: 66.66%;
}

.header {
 display: block;
/*background-color: blue;*/
background-image:url(../images/snbm.png);
color:yellow;
/*height: 350px;*/
width: 100%;
margin:auto;
}

/*binnen header*/

h1 {
   padding: 35px 0px;/*ruimte aan onder en bovenzijde*/
  text-align: center;
  font-size: 18px;
}




/*Tabel overzicht*/
fieldset {
  width: 100%;
  margin-bottom: 20px;
  padding: 7px;
  border-radius: 12px;
}

.optbut1 {
display: inline;
float:left;
margin:10px 10px 10px 10px;
padding:10px;
color:white;
border-radius:10px;
background: #661133;
}



.optbut {
display: inline;
float:left;
margin:10px 10px 10px 15px;
padding:25px;
color:white;
border-radius: 12px;
background: #993366;
}

fieldset {
outline-style:none;
}

footer {
clear: left;
}

.demo {
 height: 100%;
}


/*uitlijning labels planinvoer*/
label.formplani{
  float:left;
  width:150px;
  font-size:130%;
  

}



/*uitlijning labels idupd*/
label.formidupd{
width:120px;
font-size:130%;


}

/*uitlijning formidupd idupd selectb remf*/
.formmarg{
  margin:15px;
}

/*uitlijning remf*/
.formmarg1{
  margin:15px;
  font-size:130%;
}

/*03-03-24: Hoogten hedader teruggebracht naar 0 ipv 350 (geenafb. meer*/

/*kleur knoppen inschrijfformulier selectc.php*/
.btn-primary{
background-color: #b35080;
}

.opve{
outline-style: solid;
outline-color: coral;
padding: 15px;
border-radius: 15px;
margin: auto;
width: 75%;
margin-top: 25px;
  }
  
.opve1{
margin: auto;
width: 75%;
  }