/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CRM Heeredwinger - copebo 2018 */

@font-face {
	font-family: 'hd-lt';
	src: url('/assets/fonts/hd-lt.eot');
	src: url('/assets/fonts/hd-lt.eot') format('embedded-opentype'), url('/assets/fonts/hd-lt.woff') format('woff'), url('/assets/fonts/hd-lt.ttf') format('truetype'), url('/assets/fonts/hd-lt.svg#hd-lt') format('svg');
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'hd-roman';
	src: url('/assets/fonts/hd-roman.eot');
	src: url('/assets/fonts/hd-roman.eot') format('embedded-opentype'), url('/assets/fonts/hd-roman.woff') format('woff'), url('/assets/fonts/hd-roman.ttf') format('truetype'), url('/assets/fonts/hd-roman.svg#hd-roman') format('svg');
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'hd-bold';
	src: url('/assets/fonts/hd-bold.eot');
	src: url('/assets/fonts/hd-bold.eot') format('embedded-opentype'), url('/assets/fonts/hd-bold.woff') format('woff'), url('/assets/fonts/hd-bold.ttf') format('truetype'), url('/assets/fonts/hd-bold.svg#hd-bold') format('svg');
	font-style: normal;
	font-weight: 700;
}


body { background:#E9EDF0; font-size:12px; line-height:24px; font-family: Helvetica, Arial, sans-serif; color:#757575;}
a { text-decoration: none; color:inherit; }
b,
strong{ font-weight:bold; }


/* Login */

body#login { background:#2C5070; }

.login { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:#fff; padding:40px 50px; width:400px; box-sizing:border-box; }
.login header { border-bottom:1px solid #2C5070; padding-bottom:40px; margin-bottom:40px;}
.login header .logo { height:50px; float:left; margin-right:20px;}

.login header h1 { font-family: 'hd-bold'; font-size:18px; color:#3E3E3E; }
.login header h2 {font-family: 'hd-roman'; font-size:18px; color:#3E3E3E; }

.login form input { width:100%; margin-bottom:20px;}





/* Einde login */

.container {}

.bijlageContact .removeAttachment 
{
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;		
}

.wrapper { width:1024px; margin:0px auto; }

.container header { background:#fff; min-height:100px; padding:25px 0px; box-sizing: border-box;}
.container header .wrapper {  }

.container header .wrapper img { max-height:50px; float:left; margin-right:20px;}
.container header .wrapper h1 { font-family: 'hd-bold'; font-size:18px; color:#3E3E3E;}
.container header .wrapper h2 { font-family: 'hd-roman'; font-size:16px; color:#3E3E3E;}

.container .menuTrigger { display:none; }
.container .menuTrigger { background:#2C5070; color:rgba(255,255,255,0.8); min-height:50px; line-height:50px; font-family: 'hd-bold'; font-size:16px; text-align: center; cursor:pointer; }

.container .menu { background:#2C5070; color:rgba(255,255,255,0.8); height:50px; line-height:50px; font-family: 'hd-bold'; font-size:16px; overflow:hidden; }
.container .menu .wrapper {  } 
.container .menu .wrapper nav a { display:inline-block; min-width:115px; text-align:center; } 
.container .menu .wrapper nav a.active,
.container .menu .wrapper nav a:hover { color:#fff; } 

.container .menu .wrapper nav a.uitloggen { float:right; text-align:right;}
.container .menu .wrapper nav a.uitloggen span { font-size:12px; margin-right:10px;}

.container .main { margin-top:30px; }
.container .main .rij { position:relative; display:flex; width:100%; justify-content: space-between; margin-bottom:30px;}

.container .main .rij .melding { background:#fff; color:#fff; width:100%; padding:20px 40px; box-sizing: border-box; }
.container .main .rij .melding.goed { background:#2ecc71;}
.container .main .rij .melding.fout { background:#c0392b;}
.container .main .rij .melding h4 { font-weight:bold; }

.container .main .rij .kol1-2 { width:48%; background:#fff; box-sizing:border-box; padding:40px; }
.container .main .rij .kol1-1 { width:100%; background:#fff; box-sizing:border-box; padding:40px; }
.container .main .rij .kol1-1.contactDetails { margin-top:-80px;}

.container .main .rij .kol1-1 .headerbar { width:100%; margin:-40px -40px 40px; padding:0px 40px; background:#2C5070; color:#fff; color: rgba(255,255,255,0.8); height:50px; line-height:50px; font-size:14px;}
.container .main .rij .kol1-1 .headerbar .back { float:left; margin-left:-20px;}
.container .main .rij .kol1-1 .headerbar .download { float:right; margin-right:-20px;}
.container .main .rij .kol1-1 .headerbar a { color: rgba(255, 255, 255, 0.8); }

.container .main h1 { color:#B28D37; margin-bottom:30px; font-size:16px; font-family: 'hd-bold'; }
.container .main h2 { color:#B28D37; margin-bottom:30px; font-size:16px; font-family: 'hd-bold'; }

.container .contactDetails .minimelding { padding:20px; font-size:14px; margin-bottom:20px; }
.container .contactDetails .minimelding.goed { border:1px solid rgba(46, 204, 113,1.0); background: rgba(46, 204, 113,0.1); color: rgba(39, 174, 96,1.0); }
.container .contactDetails .minimelding.goed h4 { color: rgba(39, 174, 96,1.0); }

.container .contactDetails { font-size:14px; line-height:28px; }
.container .contactDetails hr { border:none; border-bottom:1px solid rgba(44,80,112,0.1); margin:20px 0px; }
.container .contactDetails h1 { display:inline-block; margin-right:20px; margin-bottom:10px; font-size:30px; line-height:35px; }
.container .contactDetails p.toevoeging { font-size:14px; margin-bottom:20px;}

.container .contactDetails fieldset {  }
.container .contactDetails h4 { font-family: 'hd-bold'; font-size:18px; color:#3E3E3E; }
.container .contactDetails .label { display:inline-block; width:80px; }

.container .contactDetails .toelichting { font-size:12px; font-style:italic;}

.container .contactDetails a { color:blue; }

.tag_reltype { display:inline-block; font-size:12px; background: #757575; color:#ffffff; padding:0px 10px; border-radius:5px; margin-right:10px; }

.downloadPDF { margin-left:10px; }

/* form reset */

form input,
form button {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none; 
	border:none;
}

/* form reset end */
 

form label { display:block;  }

form input { height:36px; border:1px solid #BFBFBF; width:100%; box-sizing:border-box; padding:0px 5px;}
form textarea { border:1px solid #BFBFBF; width:100%; max-width:100%; min-width:100%; min-height:100px; box-sizing: border-box;}

form input.disabled { background:#f7f7f7; }

form input[type=file] { border:1px solid #2C5070; width:100%; box-sizing: border-box; background: rgba(44, 80, 112, 0.2); padding:8px 10px; }

form button { background:#B28D37; color:#fff; font-family: 'hd-bold'; font-size:13px; padding:0px 20px; cursor:pointer; border:none; height:36px; margin-top:-1px;}

form input[type=submit] { background:#B28D37; color:#fff; font-family: 'hd-bold'; font-size:13px; padding:0px 20px; cursor:pointer; float:right; border:none; width:auto;}
form input[type=submit]:hover,
form button:hover { background:#896C26; }

form select { height:36px; border:1px solid #BFBFBF; width:100%; box-sizing:border-box; padding:0px 5px; }

form.zoek input[type=search] { width:85%; }
form.zoek button { float:right; width:10%; min-width:100px; }

input[type=checkbox] {
	width: auto;
	height:auto;
	
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox; }

.formrow { width:100%; display:flex; justify-content: space-between; margin-bottom:30px; }
.formcell50.hoofd { display:flex; justify-content: space-between; margin-bottom:30px; }

.formcell100 { width:100%; }
.formcell70 { width:65%; }
.formcell60 { width:52%; }
.formcell50 { width:48%; }
.formcell30 { width:30%; }
.formcell15 { width:10%; }
.formcell20 { width:15%; }
.formcell10 { width:10%; }

.formcols { display:flex; width:100%; justify-content: space-between; margin-top:60px; margin-bottom:30px;}
.formcols .formcol { box-sizing:border-box; width:48%;}

.half .formrow.childs { display:block }

.half .formcols { flex-direction: column; }
.half .formcols .formcol { width:100%; }

.half .formcell50.hoofd {width:100%; }

.annuleer { text-decoration:underline; margin-top:10px; font-size:10px;}

span.foutief { display:block; margin-top:-20px; margin-bottom:20px; color:#c0392b; }

.add { position:absolute; right:40px; top:40px; font-size:20px; background:#2ecc71; color:#fff; width:40px; line-height:40px; text-align:center; }

table { width:100%; border-top:1px solid #BFBFBF; }
table.noborder{ border-top:none; }
table tr { border-bottom:1px solid #BFBFBF; }
table tr th { text-align: left; font-weight:bold;}
table tr td,
table tr th { padding:10px 0px;}
table tr td a.table_button { padding:10px; font-size:20px; text-align:center;}

table .keyword { display:inline-block; border-radius:4px; background:#B28D37; color:#fff; margin-right:5px; padding:0px 8px;}

.logboek { position:relative; }
.logboek .tijdlijn { position:absolute; left:5px; top:10px; bottom:0px; width:2px; background:#2C5070; z-index:100;}
.logboek .regel { padding-left:20px; position:relative; margin-bottom:10px;}
.logboek .regel .indicator { top:5px; left:0px; position:absolute; width:8px; height:8px; background:#FFF; border:2px solid #B28D37; border-radius:6px; z-index:200; float:left;}
.logboek .regel .tijd { float:left; margin-right:10px;}
.logboek .regel .door { margin-right:10px; }
.logboek .regel .wijziging { }

ul { list-style: disc; margin-left:15px; }
ul li {  }

.naastElkaar { display:flex; width:100%; justify-content: space-between; padding-top:20px; padding-bottom:20px;}
.naastElkaar fieldset { width:45%; }

fieldset {
	display: block;
    margin-left: 0px;
    margin-right: 0px;
	padding:5px 20px;
	
	border: 1px solid rgba(44,80,112,0.2);
	margin-bottom:20px;
	border-radius:5px;
}

fieldset legend { padding:5px; font-weight:600; color:#B28D37;}
.container .bijlageContact { position:relative; display:block; padding:0px 20px; line-height:50px; border-radius:5px; border: 1px solid #2C5070; margin-bottom:10px; overflow:hidden; color:#333;}
.container .bijlageContact a { display:block; color:inherit; }
.container .bijlageContact i { margin-right:10px; color:#2C5070; font-size:14px;}

.container .bijlageContact .removeAttachment { display:block; position:absolute; right:-50px; width:50px; height:50px; background:#e74c3c; top:0px; text-align:center;}
.container .bijlageContact .removeAttachment i { margin-right:0px; color:#fff;}

.container .bijlageContact:hover .removeAttachment { right:0px; }
.container .bijlageContact:hover { background:#2C5070; color:#fff; }
.container .bijlageContact:hover i { color:#fff; }

.tabel--contact {}
.tabel--contact .rij--contact { display:flex; justify-content: space-between; position:relative; margin-bottom:5px; justify-content: center; align-items:center; padding:0px 5px;}
.tabel--contact .rij--contact:hover { background:#F4F4F4; }
.tabel--contact .rij--contact.rij--head { font-weight:bold; }
.tabel--contact .rij--contact > div { box-sizing:border-box; flex-grow:1; width:100%; }
.tabel--contact .rij--contact .rij--acties { width:60%; }
.tabel--contact .rij--contact .rij--acties a.table_button { background:#fff; display:inline-block; padding:10px; font-size:20px; text-align:center; border-radius:5px; border: 1px solid #BFBFBF;}

.letterKeuze { text-align:center; margin-top:30px; }
.letterKeuze .actief { font-weight:bold; font-size:1.4em;}

.zoekfilters label { display:inline-block; padding:10px 0px; margin-right:10px; }

footer { text-align:center; color: rgba(0,0,0,0.3) }

@media screen and (max-width: 1024px) {
	.container .wrapper { padding-left:0px; padding-right:0px; width:100%; box-sizing:border-box; }
	.container header .wrapper { padding-left: 30px; padding-right: 30px;}

}
/*@media screen and (max-width: 1084px) {*/
	/*.container .wrapper { padding-left:30px; padding-right:30px; width:100%; box-sizing:border-box; }*/

/*}*/


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

	.container .menuTrigger { display:block; }
	.container .menu  { display:none; min-height:50px; height:150px;}

	.container .menu .wrapper nav a { display:block; width:100%; }
	.container .menu .wrapper nav a.uitloggen { float:none; text-align:center; }

	.container .main .rij { display:block; }
	.container .main .rij .kol1-1,
	.container .main .rij .kol1-2 { width:100%; margin-bottom:30px; }
	
	form.zoek input[type=search] { width:50%; }
	
	table tr th:nth-child(3),
	table tr td:nth-child(3) { display:none; }


	.tabel--contact {  }
	.tabel--contact .rij--contact.rij--head { display: none;  }
	.tabel--contact .rij--contact { display: block; border-bottom:1px solid #BFBFBF; padding:5px 0px;}
	.tabel--contact .rij--contact .rij--naam { font-weight:bold; }
	.tabel--contact .rij--contact .rij--acties { position:absolute; right:0px; top:10px; width:auto;}




	.formrow.childs { display:block }

	.formcols { flex-direction: column; }
	.formcols .formcol { width:100%; }

	.formcell50.hoofd {width:100%; }
	
	.naastElkaar { flex-direction: column;}
	.naastElkaar fieldset { width:100%; box-sizing:border-box;}
	
	
}