/* button    */
/* Header_main */
/* Nav - Horz. menu */
/* Footer_main */
/* @media screen - ZOEK: (max-width: 1000px) (max-width: 850px) (max-width: 700px) (max-width: 625px) 
   Hamburger: (max-width: 550px) (max-width: 520px) (max-width: 425px)
*/
.content {
	display: flex;
	flex-wrap: wrap;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
}
td {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

}

h1, h2, h3, h4, h5 {
	margin: 0;
}

H1 {font-size:20px; text-align:center; padding-top:8px; padding-bottom:8px; font-weight: bold; color:#EC7404;}  /* Oranje */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.upper {
	text-transform: uppercase;
}

a {
	color: #EC7404;
}

input   { font-size:16px; display: inline-block; vertical-align:top;}
select  { font-size:16px; display: inline-block; vertical-align:top;}
	
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size14 {font-size:14px;}					/* Hier geen line-height => probleem search*/
.size16 {font-size:16px; line-height:140%;}
.size18 {font-size:18px; line-height:140%;}
.size20 {font-size:20px; line-height:140%;}
.size22 {font-size:22px; line-height:140%;}
.size24 {font-size:24px; line-height:140%;}

.vet {
	font-weight: bold;
}

.size10_vet  {font: bold 10px/100% Verdana, Arial, Helvetica, sans-serif; line-height:120%;}
.size12_vet  {font: bold 12px/100% Verdana, Arial, Helvetica, sans-serif; line-height:130%;}
.size14_vet  {font: bold 14px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}
.size16_vet  {font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}
.size18_vet  {font: bold 18px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}
.size20_vet  {font: bold 20px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}
.size22_vet  {font: bold 22px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}
.size24_vet  {font: bold 24px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%;}

.size12_bold { font: bold 12px/100% Verdana, Arial, Helvetica, sans-serif;	padding: .2em 1em .275em; }
.size14_bold { font: bold 14px/100% Verdana, Arial, Helvetica, sans-serif;	padding: .4em 1em .52em; }
.size16_bold { font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif;	padding: .6em 1em .82em; }
.size18_bold { font: bold 18px/100% Verdana, Arial, Helvetica, sans-serif;	 }

.size12_bold { font: bold 12px/100% Verdana, Arial, Helvetica, sans-serif; line-height:120%; padding: .2em 1em .275em; }
.size14_bold { font: bold 14px/100% Verdana, Arial, Helvetica, sans-serif; line-height:130%; padding: .4em 1em .52em; }
.size16_bold { font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%; padding: .6em 1em .82em; }
.size18_bold { font: bold 18px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%; padding: .6em 1em .82em; }
.size20_bold { font: bold 20px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%; padding: .6em 1em .82em; }
.size22_bold { font: bold 22px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%; padding: .6em 1em .82em; }
.size24_bold { font: bold 24px/100% Verdana, Arial, Helvetica, sans-serif; line-height:140%; padding: .6em 1em .82em; }

.left 	{text-align:left;}
.center {text-align:center;}
.right 	{text-align:right;}

.links 	{text-align:left;}
.midden {text-align:center;}
.rechts {text-align:right;}

.italic {font-style: italic;}

.centreer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.centreer_10 {
    width:10%; 
    margin-left:45%; 
    margin-right:45%;
}
.centreer_20 {
    width:20%; 
    margin-left:40%; 
    margin-right:40%;
}
.centreer_30 {
    width:30%; 
    margin-left:35%; 
    margin-right:35%;
}
.centreer_40 {
    width:40%; 
    margin-left:30%; 
    margin-right:30%;
}
.centreer_50 {
    width:50%; 
    margin-left:25%; 
    margin-right:25%;
}
.centreer_60 {
    width:60%; 
    margin-left:20%; 
    margin-right:20%;
}
.centreer_70 {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
}
.centreer_80 {
    width:80%; 
    margin-left:10%; 
    margin-right:10%;
}
.centreer_90 {
    width:90%; 
    margin-left:5%; 
    margin-right:5%;
}
.centreer_100 {
    width:100%; 
}
.spec {background: #FFF68F; }

.nowrap {
	white-space: nowrap;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}

#roundborder8 { border-radius:8px; }
.roundborder8 { border-radius:8px; }

p.marge_L2   {margin-left:2cm;}
p.marge_L3   {margin-left:3cm;}
p.marge_L4   {margin-left:4cm;}
p.marge_L5   {margin-left:5cm;}

p.marge_R2   {margin-right:2cm;}
p.marge_R3   {margin-right:3cm;}
p.marge_R4   {margin-right:4cm;}
p.marge_R5   {margin-right:5cm;}

.reg_af_100 {line-height:100%;}
.reg_af_110 {line-height:110%;}
.reg_af_120 {line-height:120%;}
.reg_af_130 {line-height:130%;}
.reg_af_140 {line-height:140%;}
.reg_af_150 {line-height:150%;}
.reg_af_160 {line-height:160%;}
.reg_af_170 {line-height:170%;}		/* <p class=\"size14 reg_af_170\"> */
.reg_af_200 {line-height:200%;}
.reg_af_250 {line-height:250%;}

.floatL 	{ float: left;  }
.floatCL 	{ clear: left;  }
.floatR 	{ float: right; }
.floatCR	{ clear: right; }
.float_CLR  { clear: both;  }

.float_L_85,.float_R_15 { display:inline-block; }
.float_L_85 { width:70%; min-width:1px;}
.float_R_15 { width:-1px; min-width:1px;}			/* min-width:1px; */

.float_L_2,.float_R_2 { display:inline-block; }
.float_L_2 { width:65%; min-width:1px;}
.float_R_2 { width:-1px;}			/* min-width:1px; */

.float_L_2B,.float_R_2B { display:inline-block; }
.float_L_2B { width:68%; min-width:1px;}
.float_R_2B { width:-1px; }			/* min-width:1px; */

.gold 				{color:#d4a017;}
.zwart 				{color:#000000;}
.licht_grijs		{color:#424242;}
.grijs_donker1		{color:#6E6E6E;}
.grijs_donker2		{color:#666666;}
.grijs_donker3		{color:#2f2f2f;}
.rood_solid			{color:#EE0000;}
.oranje_solid		{color:#EC7404;}		
.oranjerood_solid	{color:#FF4E04;}		/* iets roder en duidelijker*/	
.blauw_solid 		{color:#1874CD;}		/* #1874CD */
.blauw_licht 		{color:#15BBFE;}		/* Hemelsblauw */

.bg_grijs_licht1	{background:#EDEDED;}
.bg_blauw_licht1	{background:#15BBFE;}	/* Helder licht blauw */

.onderstreep 		{text-decoration : underline;}

.underline_lichtgrijs_hover_rood			{text-decoration: none; }
.underline_lichtgrijs_hover_rood:hover		{color:#EE0000; text-decoration: none; border-bottom: 1px solid #BFBFBF; }

.evenredig_centreren {
	display: flex;					display: -webkit-flex;
	flex-wrap: wrap;				-webkit-flex-wrap: wrap;
	justify-content: space-around;	-webkit-justify-content: space-around;
}
.inhoud_centreren {
	display: flex;					display: -webkit-flex;
	justify-content: center;		-webkit-justify-content: center;
}
.blokken_onderelkaar {
	flex-direction: column;	-webkit-flex-direction: column;
}
		
a {
	text-decoration : none;
	color : #FF4E04;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.oranje_hover:hover {
	text-decoration : underline;
	color : #FF4E04;  /* letterkleur b.v. fef4e9 */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*
a:hover {
	text-decoration : underline;
		color : #FF4E04;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
*/
.nondeco a {text-decoration:none;} 
.test a {text-decoration:none;}
a.test {text-decoration:none;}	

.koptitel {text-align:center; font-weight: bold; padding-top:4px; padding-bottom:4px;}  /* class=\"koptitel size18 blauw_solid\" */

.vCa { 
margin-left: 0.25em; margin-top: 1.3em; border: 5px solid black; z-index: 100; position: absolute; visibility: hidden; 
}
/*=================================================================================== */
/* button    class="button size14_bold green"   ========================================= */
/* ================================================================================== */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	margin: 0 2px;
	text-align: center;
	text-decoration: none;
	padding: .7em 1em .77em;    /* afstand tot de rand*/
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em; 	/* Ronde hoeken */
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* rand schaduw */
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 3px 3px 4px #555555;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;		/* 1px lager bij klikken */
}



.wit {
	color: #000000;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #000000;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #FFFFFF,  #FFFFFF);
}

.oranje_nohover {
	color: #FFF8EB;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #5B5B5B;
	background: #f47c20;
}

.oranje {
	color: #FFF8EB;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #5B5B5B;
	background: #f06015;
	background: -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#f06015));
	background: -moz-linear-gradient(top,  #F88E11,  #f06015);
}
.oranje:hover {
	background: #f78d1d;	/* voor niet ccs3 browsers*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FCBD5F), to(#f47a20)); /* Webkit */
	background: -moz-linear-gradient(top,  #FCBD5F,  #f47a20);	/* Firefox */
}
.oranje:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#FCBD5F));
	background: -moz-linear-gradient(top,  #f47a20,  #FCBD5F);
}
/*-------------------------------------------------------------------------------------------------------------*/
.groen {
	color: #FFFFFF;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #7CBB30;
	background: #44AD0B;
	background: -webkit-gradient(linear, left top, left bottom, from(#7CBB30), to(#44AD0B));
	background: -moz-linear-gradient(top,  #7CBB30,  #44AD0B);
}
.groen:hover {
	background: #7CBB30;	/* voor niet ccs3 browsers*/
	background: -webkit-gradient(linear, left top, left bottom, from(#AAD24B), to(#71BE13)); /* Webkit */
	background: -moz-linear-gradient(top,  #AAD24B,  #71BE13);	/* Firefox */
}
.groen:active {
	color: #C5F9AE;
	background: -webkit-gradient(linear, left top, left bottom, from(#44AD0B), to(#7CBB30));
	background: -moz-linear-gradient(top,  #44AD0B,  #7CBB30);
}
/*--------------------------------------------------------------------------------------------------*/
.rood {
	color: #FFF8EB;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #5B5B5B;
	background: #DB0D0D;
	background: -webkit-gradient(linear, left top, left bottom, from(#F66A6A), to(#DB0D0D));
	background: -moz-linear-gradient(top,  #F66A6A,  #DB0D0D);
}
.rood:hover {
	background: #F66A6A;	/* voor niet ccs3 browsers*/
	background: -webkit-gradient(linear, left top, left bottom, from(#F99595), to(#F33030)); /* Webkit */
	background: -moz-linear-gradient(top,  #F99595,  #F33030);	/* Firefox */
}
.rood:active {
	color: #F9B3BA;
	background: -webkit-gradient(linear, left top, left bottom, from(#DB0D0D), to(#F66A6A));
	background: -moz-linear-gradient(top,  #DB0D0D,  #F66A6A);
}
/*--------------------------------------------------------------------------------------------------*/
.lichtgeel {
	color: #000000;  /* letterkleur b.v. fef4e9 */
	border: solid 1px #000000;
	background: #FFF68F;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF68F), to(#FFF68F));
	background: -moz-linear-gradient(top,  #FFF68F,  #FFF68F);
}
/*--------------------------------------------------------------------------------------------------*/
/* Header_main */

header_main div {
	box-sizing: border-box;
}

.header_main {
/*	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); */
	min-height: 56px;
	transition: min-height 0.3s;
}
.header_main_inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
}
.header_main_box1 {
	display: inline-block;
	flex-wrap: wrap;
	width: 100%;
    max-width: 380px;
	margin-left: 2px;
	position: relative; top: -7px;  /* Safari is lager ! */ 
}
.header_main_hr{	 
    max-width: 370px;
    margin-left: 5px; 
    border-top: 2px solid #909090;
    position: relative; top: 6px;
}
.header_main_textline {	 
	font-size: 12px;
    margin-left: 5px; 
    position: relative; top: 6px;
    padding-top: 1px;
    margin-bottom: 10px;
} 
.header_main_text1a {   
	display: inline-block;
    font-weight: bolder;
    color: #909090;      
}
.header_main_text1b {   
	display: none;
    font-weight: bolder;
    color: #909090;      
}	
.header_main_text2 {    
	display: inline-block;
	font-size: 12px;
    font-weight: bolder;
    color: #909090;      
}
.header_main_text3 {  
	display: inline-block;
	font-size: 12px;  
    font-weight: bolder;
    color: #909090;      
}
.header_main_bullit {
    font-size: 16px;    
    color: #909090; 
    position: relative; top: 3px;
}
/* 3 pictures in Logo */
.header_main_pic1 {
	width: 100%;
	max-width: 73px;
	max-height: 78px;
	height: auto;
	margin-top: 6px;
	margin-left: 14px;
}
.header_main_pic2 {
	width: 100%;
	max-width: 73px;
	max-height: 78px;
	height: auto;
	margin-top: 6px;
	margin-left: 6px;
}
.header_main_pic3 {
	width: 100%;
	max-width: 73px;
	max-height: 78px;
	height: auto;
	margin-top: 6px;
	margin-left: 6px;
}
/*.header_main_title {
	font-weight: 300;
	font-size: 4em;
	margin: 0.5em 0.25em;
	display: inline-block;
	color: #212121;
}*/
.header_main_menu {
	display: none;
}

#google_translate_element {
	position: relative; left: -22px;	
}

/*--------------------------------------------------------------------------------------------------*/
/* Nav - Horz. menu */


nav div {
	box-sizing: border-box;
}

.nav {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.nav__list {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 0px;
	margin: 5px;
	position: relative; top: -10px;	/* Afstand tussen header en logo */
}
.nav__home, .nav__zmak, .nav__artk, .nav__shop, .nav__advt, .nav__login {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	padding: 5px;
}
.nav__aanb  {
	display: none;
}
.nav a {
	font-size: 14px;
	text-decoration: underline;
	color: #333;	/* gray */
	padding: 1.3em;
}
.nav a:hover {
	text-decoration: none;
	color: #212121;	/* Zwart/Grijs */
}

/*--------------------------------------------------------------------------------------------------*/
/* Footer_main */

.footer_main {
	font-size: 14px;
	color: #333;	/* grey */
	font-weight: normal;
	text-align: center;
	clear: both;
	width: 100%;
	/*
	max-width: 100%;
	background-color: #dbdcde;
    bottom: 0px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 1100;
    margin: 0 auto;
    */
}
.footer_main_list {
	padding: 0px;
	margin-top: 15px;
}
.footer_main_item {
	box-sizing: border-box;
	display: inline-block;
	line-height: 25px;
}
.footer_main a {
	font-size: 14px;
	text-decoration: underline;
	color: #333;	/* grey */
	padding: 1.3em;
}
.footer_main a:hover {
	text-decoration: none;
	color: #212121;	/* Zwart/Grijs */
}
.footer_extra_margin {
	margin-top: 40px;
}

/*--------------------------------------------------------------------------------------------------*/
/*------NO H-menu-Woningaanbod--------*/
@media screen and (max-width: 1030px) {	
	.nav__aanb {
		display: none;
	}
	#google_translate_element {
		display: none;
	}
}

/*------NO H-menu-Webwinkel--------*/
@media screen and (max-width: 740px) {	
	.nav__shop {
		display: none;
	}
}

/*-------------NO PIC3---------------*/
@media screen and (max-width: 650px) {
	.header_main_pic3 {
		display: none;
	}
}

/*------NO PIC2--HAMBURGER ICON------*/
@media screen and (max-width: 570px) {	
	.header_main_pic2 {
		display: none;
	}	
	.header_main_menu {
		display: inline-block;
		position: absolute; top: 13px;	right: 5px; 
	}	
	.header_main_menu svg {
		height: 30px;
		width:  32px;
		fill:#919191;
	}
	
	.nav {
		z-index: 10;
		width: 300px;
		position: absolute; right: 1px;
		/* This transform moves the drawer off canvas. was 305*/
		-webkit-transform: translate(-330px, 0);
		transform: translate(-570px, 0);
		/* Optionally, we animate the drawer. */
		transition: transform 0.3s ease;
	}	
	.nav a {
		color: white;
		padding: 20px 22px 20px 10px;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
	}	
	.nav a:hover {
		text-decoration: none;
		color: #212121;
	}	
	.nav a:active {
		text-decoration: none;
		color: white;
	}	
	.nav__list {
    	display: block;
    }
	.nav__home, .nav__aanb, .nav__zmak, .nav__artk, .nav__advt, .nav__login {
		display: list-item;
		border-bottom: 2px solid #E0E0E0;
		width: 100%;
		text-align: right;
		line-height: 34px;
		padding: 5px 0px 5px 0px;
		background-color: #EC7404;	/* Oranje */
	}	
	
	.nav__taalk {
		display: list-item;
		border-bottom: 2px solid #E0E0E0;
		width: 100%;
		text-align: right;
		background-color: #EC7404;	/* Oranje */
		padding: 9px 0px;
	}		
	.nav__shop {
		display: none;
	}	
	.nav.open {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/*-------------NO PIC1---------------*/
@media screen and (max-width: 530px) {	
	.header_main_pic1 {
		display: none;
	}	
	.header_main_box1 {
		margin-top: 15px;
	}
}

/*----------MINI LOGO + TEXT---------*/
@media screen and (max-width: 425px) {
	.header_main_logo1 {
		max-width: 250px;
		margin-top: 12px;
		margin-left: 4px;
    	position: relative; top: -3px;
	}
	.header_main_hr{	 
		max-width: 250px;
	}
	.header_main_text1a { 
		display: none;
	}
	.header_main_text1b { 
		display: inline-block;
		font-size: 12px;  
	    font-weight: bolder;
	    color: #909090;      
	}
}