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

body{
    font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	background-color:#FFCC66;
    margin:0px;
		line-height:22px;
}
.formakkoord {
background-color:#ffdfc0;
}
.LGStijl1{

                text-decoration:none;

}
.navigation.mobile {
	display:none;
}
/*
p{
	font-family: "Franklin Gothic Demi";
	font-size: 100%;
	color:#2601FF;
	
	padding: 3px;
}
.bold {
	font-family: "Franklin Gothic Demi";
	font-size: 100%;
	font-style: normal;

	color: #FF0000;
	text-decoration: blink;
}
*/
/*NIEUW*/
.blauw150{
	font-size: 150%;
	color: #0000FF;
	font-weight: bold;
	text-align: center;
	line-height:30px;
	}
	.blauw120{
	font-size:120%;
	color: #0000FF;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	}
	.blauw120-niet-in-centrum{
	font-size:105%;
	color: #0000FF;
	font-weight:bold;
	}
	.blauw100-niet-in-centrum{
	font-size:100%;
	color: #0000FF;
	font-weight:bold;
	}		
.blauw200{
	font-size: 200%;
	color:#0000FF;
	font-weight:bold;
	text-align:center;
	line-height:35px;
	}
.blauw50{
	font-size:50%;
	color:#0000FF;
		}	
.blauw100-niet-in-centrum{
	font-size:100%;
	color: #0000FF;
	font-weight:bold;
	}		
		.blauw100{
	font-size:100%;
	color: #0000FF;
	font-weight:bold;
	text-align: center;
	}		
.rood150{
	font-size: 150%;
	color: #FF0000;
	font-weight:bold;
	text-align: center;
	line-height:30px;
	}
.rood200{
	font-size: 200%;
	color: #FF0000;
	font-weight:bold;
	text-align:center;
		line-height:35px;
	}
.rood50{
	font-size:50%;
	color: #FF0000;
	}
.rood120-niet-in-centrum{
	font-size:120%;
	color: #FF0000;
	font-weight:bold;
	line-height:28px;
	}
	.rood120{
	font-size:120%;
	color: #FF0000;
	font-weight:bold;
	line-height:23px;
	text-align:center; 
	}
	.rood120-niet-in-centrum{
	font-size:120%;
	color: #FF0000;
	font-weight:bold;
	text-align:center;	
		}		
.groen150{
	font-size: 150%;
	color: #006600;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	}
.groen200{
	font-size: 200%;
	color: #006600;
	font-weight:bold;
	text-align:center;
	line-height:35px;
	}
.groen50{
	font-size:50%;
	color: #006600;
	}
	.groen120-niet-in-centrum{
	font-size:120%;
	color: #006600;
	font-weight:bold;
	}	
	.groen100{
	font-size:100%;
	color: #006600;
	font-weight:bold;
	text-align:center;
	}
	.groen120{
	font-size:120%;
	color: #006600;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	}
	
	.formclass{

    font-size: 16px;

}

.formclass input, .formclass select, .formclass textArea{

    font-size: 16px;

}

.form_text1{

    font-size: 16px;

}

.form_text_title{

     font-size: 16px;

     color:#000;

}

.buttonform{

                font-size: 14px;

}			
	.fotoclass{
    width:75%;
    margin-left:13%;
}


.fotoclassh{
    width:40%;
	margin-left: 30%;
   

}

.fotoclasskw{
    width:25%;
	margin-left:37.5%;
   

}
.formclass{

    font-size: 16px;

}

.formclass input, .formclass select, .formclass textArea{

    font-size: 16px;

}

.form_text1{

    font-size: 16px;

}

.form_text_title{

     font-size: 18px;

     color:#000;

}

/*	
.Franklin_hoofdletters {
	font-family: "Franklin Gothic Demi";
	font-size: 250%;
	font-style: normal;
	
	font-weight: normal;
	color: #1300FA;
}

.Franklin_formulier_tweede_aanhef{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;

	font-weight: normal;
	color: #000000;
}
.Franklin_formulier {
	font-family: "Default";
	font-size: 125%;
	font-style: normal;
	
	font-weight: normal;
	color: #000000;
}


.Franklin {
	font-family: "Franklin Gothic Demi";
	font-size: 100%;
	font-style: normal;
	
	font-weight: normal;
	color: #2601FF;
}
.Franklin_kleiner_blauw {
	font-family: "Franklin Gothic Demi";
	font-size: 150%;
	font-style: normal;
	
	font-weight: normal;
	color: #1300FA;
}
.LGStijl1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0022ff;
	text-decoration: none;
}
LGStijl2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}
*/
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #933;
	display: block;
	padding: 8px;
	width: auto;
        text-align:center;
        margin-bottom:10%;
        margin-top: 10%;
}


.navigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #990000;
	display: block;
	padding: 8px;
	width: auto;
}

.center_lg {
	text-align: center;
}
.linkerkolom {
	float:left;
	width:300px;
	background-color: #FFCC66;
	height:100%;
}
.middenkolom {
	overflow:hidden;
	width:auto;
	background-color: #FFDFC0;
	padding:0 4%;
	min-height:3000px;
}
.rechterkolom {
	float:right;
	width:300px;
	background-color:#FFCC66;
}

.formclass .field {
	width:400px;
	float:left;
	margin-bottom:5px;
}

#persoonsgegevens .formclass .field {
	float:left;
	width:160px;
	margin-bottom:5px;
}
#eerstekeer .formclass .field {
	width:50%;
}

#tarieven .formclass .field {
	width:100%;
	line-height:21px;
}
#tarieven .formclass .label {
	width:70%;
	float:left;
	margin-bottom:10px;
	font-weight:bold;
}
#tarieven .formclass .labelrechts {
	width:30%; 
	float:left;
		margin-bottom:5px;
		font-weight:bold;
}
#keuze .formclass .field {
	width:30%;
}
.form_text_title {
   line-height:25px;
}	
.mobiletable {
	width:100%;
}




@media screen and (max-device-width:1250px),
screen and (max-width: 1250px)  {


.linkerkolom {
	width:250px;
}

.rechterkolom {
	width:250px;
}
.middenkolom {
	min-height:2600px;
}


}

@media screen and (max-device-width:1100px),
screen and (max-width: 1100px)  {

.navigation {
	font-size:14px;
}

.linkerkolom {
	width:180px;
}

.rechterkolom {
	width:180px;
}

.middenkolom {
	min-height:2100px;
}

}



@media screen and (max-device-width:800px),
screen and (max-width: 800px)  {

.middenkolom {
	min-height:1800px;
}
body {
    font-size:15px;
		line-height:20px;
}	

	.navigation {
	font-size:11px;
}
.navigation:hover {
	font-size:100%;
	overflow:hidden;
}
.linkerkolom {
	width:150px;
}

.rechterkolom {
	width:150px;
}

}

@media screen and (max-device-width:600px),
screen and (max-width: 600px)  {

.linkerkolom {
	width:100px;
}

.rechterkolom {
	width:100px;
}
.middenkolom {
	min-height:1530px;
}
.navigation.nonmobile {
	display:none
}
.navigation.mobile {
	display:block
}

.formclass select {
	font-size:13px!important;
	max-width:200px;
}
textarea {
	max-width:400px!important;
}
}

@media screen and (max-device-width:500px),
screen and (max-width: 500px)  {
.middenkolom {
	min-height:1180px;
}

body {
    font-size:13px;
		line-height:17px;
}	

.linkerkolom {
	width:90px;
}

.rechterkolom {
	width:90px;
}


	.groen150, .blauw150, .groen150 {
	font-size: 130%;
		line-height:25px;
	}
	.groen200, .blauw200, .groen200 {
	font-size: 150%;
		line-height:25px;
	}
		.groen120, .blauw120, .groen120{
		font-size: 110%;
		line-height:22px;
		}
	.navigation {
	font-size:7px;
	line-height:13px
}
.navigation:hover {
	font-size:9px;
}



}

@media screen and (max-device-width:400px),
screen and (max-width: 400px)  {
.middenkolom {
	min-height:1050px;
}
.linkerkolom {
	width:70px;
}

.rechterkolom {
	width:70px;
}


.blauw150{
	line-height:20px;
	}
	.groen150{
		line-height:20px;
	}
	.groen200 {
		line-height:20px;
	}
	
		.fotoclass{
    width:90%;
    margin-left:5%;
}
body {
    font-size:10px;
		line-height:14px;
}	
.form_text1, .Franklin_formulier {
	font-size:11px!important;
}
#tarieven select {
	width:100%;
}


}

@media screen and (max-width: 400px)  {

body, .formclass {
    font-size:12px;
		line-height:15px;
}	

}
@media screen and (max-device-width:400px)  {
.mobiletable {
	width:90%;
}
select, .buttonform {
	max-width:150px!important;
}
body, .formclass  {
    font-size:11px;
		line-height:14px;
}	
textarea {
	max-width:200px!important;
}


}


@media screen and (max-device-width:300px),
screen and (max-width: 300px)  {

.akkoord {
	width:75px!important;
}
textarea {
	max-width:200px!important;
}

.formclass .field {
	font-size:11px;
	width:140px;
	line-height:15px!important;
}
.formclass .field input[type=text] {
	width:140px;
	font-size:12px;
}

#eerstekeer .formclass .field {
	width:100%;
	float:none;
}
#keuze .formclass .field {
	width:140px;
}

#tarieven .formclass .label,#tarieven .formclass .labelrechts, .field {
	font-size:12px;
}
#tarieven .formclass .label {
	width:60%;
}
#tarieven .formclass .labelrechts {
	width:10%; 
}


}


@media screen and (max-device-width:200px),
screen and (max-width: 200px)  {

body, .formclass {
    font-size:10px;
		line-height:14px;
}	
textarea {
	max-width:150px!important;
}
.formclass select {
	max-width:150px;
}

}