@charset "utf-8";
/* CSS Document */



body  {
  font: 80% Arial, Helvetica, sans-serif;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  background-image: url(images/achtergrond.gif);
  background-repeat: repeat-x;
  background-color: #C2BFB8;
  margin-top: 25px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  background-attachment: fixed;
}

a{
  text-decoration:none;
  color: #000033;
}
a:hover{
  text-decoration:none;
  color: #05569A;
}
.totaal #sidebar1 li{
  padding:0px;
  }
.totaal #sidebar1 #adres a{
 
  color: #666666;
}
/* desktop/laptop */
@media (min-width: 1200px){
  
  
  
.totaal #container {
  width: 75%;
  max-width: 1080px;
  text-align: left;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  
  background-color: #EFEFEF;
  border: 9px double #05569A;
  border-radius: 25px;
  background-image: url(images/bg_content_totaal.png);
  background-repeat: no-repeat;
  } 
  
 

.totaal #header {
  height: 216px;
  position: relative;
  top: 0px;
  
} 

.totaal #header h1 {
  margin: 0; 
  padding: 10px 0; 
}


.totaal #sidebar1 {
  float: left;
  width: 210px;
  padding-top: 18px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
  height: 480px;
  position: relative;
  top: 10px;
}.totaal #sidebar1 #adres{
  float: left;
  width: 180px;
  height: 80px;
  position: absolute;
  top: 420px;
  left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;
}

.totaal #sidebar1 h3, .totaal #sidebar1 p {
  margin-left: 10px; 
  margin-right: 10px;
}

.totaal #mainContent {
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 250px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  position: relative;
  top: -10px;
  overflow: auto;
  
  background-color: #FFF;
  border-radius: 25px;
  
  height: 502px;
  width: 60%;
} 
.totaal #mainContent #actie{
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	position: relative;
	top: 13px;
	height: auto;
	width: 90%;
	border: 1px solid #05569A;
	 border-radius: 10px;
	background-color: #D9E1E8;
	margin-top: -10px;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 12px;
	}
.totaal #mainContent p {
  font-size: 12px;
  color: #000000;
  left: 15px;
  padding-right: 15px;
  padding-left: 20px;
}
.totaal #mainContent h1 {
  font-size: 16px;
  color: #05569A;
}
.totaal #mainContent h2 {
  font-size: 13px;
  color: #05569A;	
} 
.totaal #mainContent h3 {
  font-size: 14px;
  color: #05569A;
  font-style: italic;
  text-align: right;
  padding-top: 25px;
  padding-right: 20px;	
} 
.totaal #mainContent strong {
  font-size: 12px;
  color: #033E6D;
  font-weight: bold;
}
a.hoofdnavigatie {
  font-size: 13px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 75px;
  display: block;
  padding-top: 5px;
}
a.hoofdnavigatieact {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 75px;
  display: block;
  padding-top: 5px;
  
}
a.subnavigatie {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 20px;
  width: 123px;
  padding-left: 82px;
  display: block;
  padding-top: 3px;
}
a.subnavigatieact {
  font-size: 11px;
  color: #000000;
  
  text-decoration: none;
  height: 20px;
  width: 123px;
  padding-left: 82px;
  display: block;
  padding-top: 3px;
}

a.hoofdnavigatie_2reg {
  font-size: 13px;
   color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 75px;
  display: block;
  padding-top: 5px;
}


a.hoofdnavigatie_2regact {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 75px;
  display: block;
  padding-top: 5px;
}


a.subnavigatie_2reg {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 35px;
  width: 123px;
  padding-left: 82px;
  display: block;
  padding-top: 3px;
}
a.subnavigatieact_2reg {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 35px;
  width: 123px;
  padding-left: 82px;
  display: block;
  padding-top: 3px;
}


a.jubnavigatie {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #FFFFFF;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
}
a.jubnavigatieact, a.jubnavigatie:hover {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #C2BFB8;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
  
}
/*/Hovertjes ///////////////////////////////*/

a.hoofdnavigatie:hover, a.hoofdnavigatie_2reg:hover,a.subnavigatie:hover,a.subnavigatie_2reg:hover,a.sub_subnavigatie:hover {
  color: #000000;
  
}
/*////////////////////////////////*/



a.sub_subnavigatie {
  font-size: 11px;
  color: #05569A;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
a.sub_subnavigatieact {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
/* Miscellaneous classes for reuse */
.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 8px;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


.foto {
  padding: 1px;
  border: 1px solid #A4956A;
  float: left;
  margin: 2px 5px 5px 0px;
}
.fotorechts {
  padding: 1px;
  border: 1px solid #A4956A;
  float: right;
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-left: 10px;
}

/*onderschrift*/
p.onderschrift {
  padding: 0 0 20px 0;
  text-align: left;
}

tr {
  vertical-align: top;
}
.formulier
{

}

.row
{
  padding:5pt;
  width: 320px;
}

.veld {
  background-color: #EFEFEF;
  border: 1px solid #cccccc;
  float: none;
  width: 320px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.phone_contact{display:none;}
}

/* tablet */
@media (min-width: 730px) and (max-width: 1199px) {
	 
body  {
  
  margin-top: 0px;

}
	
	.totaal #container {
  width: 95%;
  
  text-align: left;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  
  background-color: #EFEFEF;
  border: 9px double #05569A;
  border-radius: 25px;
  background-image: url(images/bg_content_totaal_tab.png);
  background-repeat: no-repeat;
  } 
  
 

.totaal #header {
  height: 180px;
  position: relative;
  top: 0px;
  
} 

.totaal #header h1 {
  margin: 0; 
  padding: 10px 0; 
}


.totaal #sidebar1 {
  float: left;
  width: 194px;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
  height: 480px;
  position: relative;
  top: -15px;
}
.totaal #sidebar1 #adres{
  float: left;
  width: 175px;
  height: 80px;
  position: absolute;
  top: 380px;
  left: 25px;
  line-height:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666666;
}
.totaal #sidebar1 #adres a{
 
  color: #666666;
}

.totaal #sidebar1 h3, .totaal #sidebar1 p {
  margin-left: 10px; 
  margin-right: 10px;
}

.totaal #mainContent {
margin-top: -7px;
  margin-bottom: 10px;
  margin-left: 210px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
  top: -10px;
  
  
  background-color: #FFF;
  border-radius: 25px;
  
  min-height: 420px;
  width: 60%;
} 
.totaal #mainContent #actie{
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	position: relative;
	top: 13px;
	height: auto;
	width: 90%;border: 1px solid #05569A;
	 border-radius: 10px;
	 	background-color: #D9E1E8;
	margin-top: -10px;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 12px;
	}

.totaal #mainContent p {
  font-size: 12px;
  color: #000000;

  padding-right: 15px;
  padding-left: 20px;
}
.totaal #mainContent h1 {
  font-size: 16px;
  padding-left: 10px;
  color: #05569A;
}
.totaal #mainContent h2 {
  font-size: 13px;
  padding-left: 10px;
  color: #05569A;	
} 
.totaal #mainContent h3 {
  font-size: 14px;
  color: #05569A;
  font-style: italic;
  text-align: right;
  padding-top: 25px;
  padding-right: 20px;	
} 
.totaal #mainContent strong {
  font-size: 12px;
  color: #033E6D;
  font-weight: bold;
}
a.hoofdnavigatie {
  font-size: 13px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 55px;
  display: block;
  padding-top: 4px;
}
a.hoofdnavigatieact {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 55px;
  display: block;
  padding-top: 4px;
  
}
a.subnavigatie {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 20px;
  width: 123px;
  padding-left: 70px;
  display: block;
  padding-top: 2px;
}
a.subnavigatieact {
  font-size: 11px;
  color: #000000;
  
  text-decoration: none;
  height: 20px;
  width: 123px;
  padding-left: 70px;
  display: block;
  padding-top: 2px;
}

a.hoofdnavigatie_2reg {
  font-size: 13px;
  font-weight: bold;
  color: #05569A;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 55px;
  display: block;
  padding-top: 4px;
}


a.hoofdnavigatie_2regact {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 55px;
  display: block;
  padding-top: 4px;
}


a.subnavigatie_2reg {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 35px;
  width: 123px;
  padding-left: 70px;
  display: block;
  padding-top: 2px;
}
a.subnavigatieact_2reg {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 35px;
  width: 123px;
  padding-left: 70px;
  display: block;
  padding-top: 2px;
}


a.jubnavigatie {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #FFFFFF;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
}
a.jubnavigatieact, a.jubnavigatie:hover {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #C2BFB8;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
  
}
/*/Hovertjes ///////////////////////////////*/


a.hoofdnavigatie:hover, a.hoofdnavigatie_2reg:hover,a.subnavigatie:hover,a.subnavigatie_2reg:hover,a.sub_subnavigatie:hover {
  color: #000000;
  
}
/*////////////////////////////////*/



a.sub_subnavigatie {
  font-size: 11px;
  color: #05569A;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
a.sub_subnavigatieact {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
/* Miscellaneous classes for reuse */
.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 8px;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


.foto {
  padding: 1px;
  border: 1px solid #A4956A;
  float: left;
  margin: 2px 5px 5px 0px;
}
.fotorechts {
  padding: 1px;
  border: 1px solid #A4956A;
  float: right;
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-left: 10px;
}

/*onderschrift*/
p.onderschrift {
  padding: 0 0 20px 0;
  text-align: left;
}

tr {
  vertical-align: top;
}
.formulier
{

}

.row
{
  padding:5pt;
  width: 320px;
}

.veld {
  background-color: #EFEFEF;
  border: 1px solid #cccccc;
  float: none;
  width: 210px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}
.phone_contact{display:none;}
	}

 /* smartphone */
   @media (max-width: 729px) {
  body  {
  
  margin-top: 0px;

}
	
	.totaal #container {
  width: 98%;
  text-align: left;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: #EFEFEF;
  border: 2px solid #05569A;
  border-radius: 10px;
  background-image: url(images/bg_content_totaal_phone.png);
  background-repeat: no-repeat;
  } 
  
 

.totaal #header {
  height: 150px;
  position: relative;
  top: 0px;
  
} 

.totaal #header h1 {
  margin: 0; 
  padding: 10px 0; 
}


.totaal #sidebar1 {
  float: left;
  width: 190px;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 30;
  height: 1580px;
  position: relative;
  top: -10px;
  z-index: 10;
}
.totaal #sidebar1 #adres{
  /*float: left;
  width: 170px;
  height: 80px;
  position: absolute;
  top: 350px;
  left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666666;*/
  display:none;
}

.totaal #sidebar1 h3, .totaal #sidebar1 p {
  margin-left: 10px; 
  margin-right: 10px;
}

.totaal #mainContent {
margin-top: -7px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  position: relative;
  top: -10px;

  left: -140px;
  
  border-radius: 15px;
  
  min-height: 420px;
  width: 120%;
  z-index: 0;
} 
.totaal #mainContent #actie{
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative;
	height: auto;
	width:100%;
	border: 1px solid #05569A;
	 border-radius: 10px;
	
	background-color: #eeeff1;
	
	margin-bottom: 30px;
	font-weight: bold;
	color: #000000;
	
	}
.totaal #mainContent p {
  font-size: 12px;
  color: #000000;

  padding-right: 5px;
  padding-left: 0px;
}
.totaal #mainContent li {
  font-size: 12px;
  color: #000000;

  padding-right: 5px;
  padding-left: 0px;
}
.totaal #mainContent h1 {
  font-size: 15px;
  padding-left: 10px;
  color: #05569A;
}
.totaal #mainContent h2 {
  font-size: 14px;
  padding-left: 10px;
  color: #05569A;	
} 
.totaal #mainContent h3 {
  font-size: 12px;
  color: #05569A;
  font-style: italic;
  text-align: right;
  padding-top: 25px;
  padding-right: 20px;	
} 
.totaal #mainContent strong {
  font-size: 11px;
  color: #033E6D;
  font-weight: bold;
}
a.hoofdnavigatie {
  font-size: 13px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 5px;
  background-color: #FFF;
  margin-left:10px;
  z-index: 10;
  position:relative;
}
a.hoofdnavigatieact {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 5px;
  background-color: #FFF;
  margin-left:10px;
  
}
a.subnavigatie {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 20px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 3px;
  background-color: #FFF;
  margin-left:10px;
}
a.subnavigatieact {
  font-size: 11px;
  color: #000000;
  
  text-decoration: none;
  height: 20px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 3px;
  background-color: #FFF;
  margin-left:10px;
}

a.hoofdnavigatie_2reg {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 5px;
  background-color: #FFF;
  margin-left:10px;
}


a.hoofdnavigatie_2regact {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 5px;
  background-color: #FFF;
  margin-left:10px;
}


a.subnavigatie_2reg {
  font-size: 11px;
  color: #4A83B3;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 3px;
  background-color: #FFF;
  margin-left:10px;
}
a.subnavigatieact_2reg {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 35px;
  width: 133px;
  padding-left: 8px;
  display: block;
  padding-top: 3px;
  background-color: #FFF;
  margin-left:10px;
}


a.jubnavigatie {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #FFFFFF;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
}
a.jubnavigatieact, a.jubnavigatie:hover {
  font-size: 14px;
  color: #05569A;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
  width: 150px;
  padding-left: 20px;
  display: block;
  padding-top: 5px;
  background-color: #C2BFB8;
  margin-left: 61px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #05569A;
  border-bottom-color: #05569A;
  
  
}
/*/Hovertjes ///////////////////////////////*/


a.hoofdnavigatie:hover, a.hoofdnavigatie_2reg:hover,a.subnavigatie:hover,a.subnavigatie_2reg:hover,a.sub_subnavigatie:hover {
  color: #000000;
  
}
/*////////////////////////////////*/



a.sub_subnavigatie {
  font-size: 11px;
  color: #05569A;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
a.sub_subnavigatieact {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  height: 16px;
  width: 155px;
  padding-left: 45px;
  display: block;
  padding-top: 5px;
}
/* Miscellaneous classes for reuse */
.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 8px;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


.foto {
  padding: 1px;
  border: 1px solid #A4956A;
  float: left;
  margin: 2px 5px 5px 0px;
}
.fotorechts {
  padding: 1px;
  border: 1px solid #A4956A;
  float: right;
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-left: 10px;
}

/*onderschrift*/
p.onderschrift {
  padding: 0 0 20px 0;
  text-align: left;
}

tr {
  vertical-align: top;
}
.formulier
{

}

.row
{
  padding:5pt;
  width: 170px;
}

.veld {
  background-color: #EFEFEF;
  border: 1px solid #cccccc;
  float: none;
  width: 170px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}
/**/table{
  display:none;
}
table p{
  
  width:150px;

}
input {
  width: 150px;
}


}

#boektitel dt {
  cursor: pointer;
  
  height: 25px;
  font-weight: normal;
  font-size: 110%;
  color: #660066;
  background-image: url(images/pijl.gif);
  background-repeat: no-repeat;
  margin-top: 2px;
  margin-right: 0;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 15px;
  padding-bottom: 5px;
}
#boektitel dt:hover {

  color: #333333;

  text-decoration: underline;
}
#boektitel dd {
  height: auto;
  width: 500px;
  background-color: #E3E0EC;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
li {
  padding-bottom:15px;
  padding-top: 1px;
  list-style-type: circle;
  list-style-image: url(images/bullit.gif);
}
table{
  vertical-align: top;

}
table #lijn {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  border-left-style: none;
}