/*	==========================================================
	FONTS
	==========================================================
*/

@font-face {
    font-family: 'SegoePrint';
    src: url('./fonts/SegoePrint.eot');
    src: url('./fonts/SegoePrint.eot?#iefix') format('embedded-opentype'),
		url('./fonts/SegoePrint.woff2') format('woff2'),
        url('./fonts/SegoePrint.woff') format('woff'),
        url('./fonts/SegoePrint.ttf') format('truetype'),
        url('./fonts/SegoePrint.svg#SegoePrint') format('svg');
	font-weight: normal;
    font-style: normal;
}

.SEGOE{	font-family: 'SegoePrint'; }

/*	==========================================================
								GENERAL CSS				
	==========================================================
/* html{ overflow: hidden; } /* added for IE lag in scrolling with fixed background */ 
*{
	box-sizing:border-box;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em; line-height:150%; 
}
html, body{
	margin:0px; padding:0px; width:100%; 
}
html{
/*	background: url(./pic/bouwplaatsinrichters-back-std.jpg) no-repeat center center fixed; 
	background-size:cover;
*/
}
body{
	overflow: auto;
	color: #103070;
}
.weg{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}
a{	color:#103070; } /* 0066FF */
/*	==========================================================
	HEADER
	==========================================================
*/
#HEAD{		z-index:0; position:relative; width:100%; text-align:center; /*	background: url(./pic/trans-white-80.png) repeat; */ background-color:#FFFFFF; } /* border-top:2px solid #08367a; */
#HEADCONT{	display:table; border-collapse:collapse; width:100%; margin:0px auto; }

#HEADLOGO{		display:table-cell; vertical-align:middle; width:20%; max-width:300px; min-width:200px; text-align:center; }
#HEADADRES{		display:table-cell; vertical-align:middle; width:50%; min-width:200px; text-align:center; font-size:1.1em; line-height:200%; }
#HEADCONTACT{	display:table-cell; vertical-align:middle; width:25%; text-align:center; font-size:1.1em; line-height:200%; }
.HEADCELL{		display:table-cell; width:40%; vertical-align:middle; text-align:center; padding:20px; }
.HEADLINE{		display:inline-block; height:2px; width:100%; background-color:#002a5c;  } /* 08367a */


/* #HEADLOGO{	text-align:left; } */
#HEADLOGO img{	width:100%; margin:30px 0px; border-width:0px; }

/*	==========================================================
	NAV
	==========================================================
*/
#NAV *{
	box-sizing:initial; 
}
#NAV, 
#NAVFIX{ 
/*	background-color:#99CCEE;
	background: linear-gradient(#99CCEE, #4499FF); /* Standard syntax */
/*	border-top:1px solid #08367a;
	border-bottom:1px solid #08367a;
*/
	position:relative;
	background-color:#555555;
	text-align:center;
}
nav{	
	width:100%; max-width:1200px;  margin:0px auto;
}
#NAVFIXCON{
	display:none;
	position:fixed; z-index:100;
	left:0px; top:0px;
	width:100%;
}
#NAVFIX{
	position:relative;
	display:table; width:100%;
	opacity:0.95;
}
#NAVFIX a, nav a{
	font-size:1em;
	display:inline-block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:1em;
	letter-spacing:0.1em;
	padding:0px 15px;
	height:3em; line-height:3em;
	box-sizing:border-box;
}
#NAVFIX a.SEL, nav a.SEL{
/*	background-color:#003366;
	background: linear-gradient(#4499FF, #003366);
*/
	background-color:#222222;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#NAVFIX a.EXTA, nav a.EXTA{
/*	background-color:#003366;
	background: linear-gradient(#4499FF, #003366);
*/
	background-color:#003366;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

#NAVFIX a:hover, nav a:hover {
	cursor:pointer;
	color:#000000;
	background:white;
}
.MENUICON{	vertical-align:middle; margin-right:5px; display:none; }
#NAVFIX select, nav select{
	display:none;
	color:#333333; 
	padding:5px 10px;
	font-size:1em;
	letter-spacing: 0.1em;
	height:30px;
}
#NAVFIX ul, nav ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#NAVFIX li, nav li{
	display:inline-block; 
}
.FB img{
	vertical-align:middle; margin-top:-3px; border-width:0px;
}

nav a.KADO, nav a.KADO:hover{
	position:absolute; right:3%; top:0px; 
	background:url(./pic/kado-back.png) no-repeat center bottom; padding:35px 15px 25px 15px;
/*	background:url(./pic/kado-back-rond.png) no-repeat center center;
	background-position:fixed;
	background-size:cover; 
	padding:35px;
*/
	text-align:center;
	height:auto; z-index:100; 
	font-size:0.9em; letter-spacing:0px; 
	color:#FFFFFF;
}

.MENULINGCONT, .MENUNACHTCONT{
	position:relative;
	z-index:10;
}
.MENULING, .MENUNACHT{
	border-left:1px solid #FFFFFF;
	position:absolute;
	left:0px; top:100%; 
	background-color:#555555;
	color:#FFFFFF;
	display:none;
}
.MENULING a, .MENUNACHT a,
#NAVFIX .MENULING a, #NAVFIX .MENUNACHT a{
	display:block;
	text-align:left;
	white-space:nowrap;
}
.MENUNACHTCONT:hover .MENUNACHT,
.MENULINGCONT:hover .MENULING{
    display: block;
}

.KADO img, .KADO span{	position:relative; display:block; margin:0px auto; }
.KADO img{				width:50%; margin-bottom:10px; }

/*	==========================================================
	FOOTER
	==========================================================
*/

#MERKEN{	margin:100px auto 0px auto; width:100%; padding:20px 0px; text-align:center; } /* max-width:1200px;  */
#MERKTXT{	border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; line-height:300%; margin:20px 0px;}
#MERKIMG{	margin-top:0px; }
#MERKIMG img{	margin:10px 10px; border:1px solid #CCCCCC; width:100px; }


footer{
/*	background:url(./pic/trans-white-70.png) repeat; */
	background-color:#222222;
	color:#CCCCCC; 
	box-sizing;initial;
}
#FOOTCON{
	margin:100px auto 0px auto; width:100%; max-width:1200px;
	display:table;
	padding:30px 0px;
	text-align:center; font-size:0.8em;
}
#FOOTADRES{	display:table-cell; width:33%; vertical-align:top; }
#FOOTOPEN{	display:table-cell; width:33%; vertical-align:top; }
#FOOTNEWS{	display:table-cell; width:33%; vertical-align:top; padding:0px 6%; }

#FOOTADRES div,
#FOOTOPEN div,
#FOOTNEWS div
{	font-weight:bold; padding-bottom:10px; font-size:1.1em; }
#FOOTADRES a{	color:#CCCCCC; }
#FOOTDAGEN{	display:inline-block; font-size:1em; text-align:right; line-height:170%; padding-right:10px;  }
#FOOTUREN{	display:inline-block; font-size:1em; text-align:left; line-height:170%;  }
#FOOTUREN2{	display:inline-block; font-size:1em; text-align:left; line-height:170%; padding-left:10px; }

#FOOTNEWS input{	display:inline-block; width:90%; margin-top:15px; line-height:150%; border:1px solid #CCCCCC; padding:5px; }

footer h2{
	padding:0px 20px 30px 20px;
	text-align:center;
	font-size:0.6em; letter-spacing:0.05em; font-weight:normal;
}
footer a{		text-decoration:none; color:#333333; }

/*	==========================================================
	GENERAL
	==========================================================
*/
body{
/*	background: url(./pic/back1.jpg) no-repeat center center fixed; 
	background-size:cover;
*/
	background-color:#ededed;
}

section{
		font-size:1.1em;
}

h1{
	text-align:center;
/*	color:#003366; */
/*	padding-top:50px; */
	margin:0px;
	font-size:1.2em; letter-spacing:0.15em;
	font-weight:normal;
	text-transform:uppercase;
	color:#999999;
}

/*	==========================================================
	WELKOM
	==========================================================
*/
#HOME-SPACE{	height:0px; background-color:#1d94d0;}

#HOME-SHOW{	 					overflow:hidden; width:100%; background:#EEe7DD; }
#HOME-SHOW .flexslider{			max-width:1200px; width:100%; margin:0px auto; }
#HOME-SHOW .content {			background:#f2f2f2; max-width:1200px; display:block; margin:0 auto; }
#HOME-SHOW .flex-viewport{		overflow:visible !important }
/*HOME-SHOW img{	height:400px; width:auto; }*/
#HOME-SHOW{						border-bottom:1px solid #d8d4c9; } /* 4499FF */
#HOME-SHOW ul.slides li img{ 	opacity:0.2; }
#HOME-SHOW .flexslider .slides > li.flex-active-slide img{ opacity:1; }
/* #HOME-SHOW .flex-direction-nav a { font-family:"flexslider-icon"; } */

.flex-direction-nav a{   background: url(./pic/arrows.png) no-repeat 0px 0px; }
.flex-direction-nav a.flex-prev{  height:50px; width:50px; background-position:0px 0px; }
.flex-direction-nav a.flex-next{  height:50px; width:50px; background-position:-50px 0px; }

 #HOME-AKT{		max-width:1200px; width:100%; margin:0px auto; text-align:center; padding:50px 1%; }
 #HOME-AKT img{	width:98%; }
 #HOME-AKT img{	width:70%; }

.VIDEOCON{
	position: relative;
	padding-bottom: 30%;
	width:100%; margin:0px auto; max-width:1000px;
}
.VIDEO{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.WELKOMPICCON{
	position:relative; 
	width:100%; margin:0px auto; max-width:1000px;
}
.WELKOMPIC{
	width: 100%;
}

#HOME-TAB{		display:table; width:100%; border-collapse:collapse; margin:0px auto; width:100%; max-width:1200px; margin-top:50px; }
#HOME-PIC,
.HOME-TXT{		display:table-cell; vertical-align:top; line-height:200%; padding:0px 40px; text-align:left; width:35%; }
#HOME-PIC{		text-align:center; width:25%;}
#HOME-PIC img{	width:100%; border:2px solid #FFFFFF; background-color:#FFF6F6; margin-top:10px;  }

#HOME-GROET{	text-align:center; }
	
/*	==========================================================
	GENERAL SECTIONS
	==========================================================
*/
#NEWSMSGCONT,
#CONTACT-DATA,
#LING-DATA,
#KADO-DATA{		max-width:1200px; width:100%; margin:0px auto; text-align:center; padding:50px 1%; }

/*	==========================================================
	KADO
	==========================================================
*/

#KADO-DATA img{	width:100%; max-width:850px; box-shadow:rgb(153, 153, 153) 3px 3px 6px 0px; margin:50px 0px; }
#KADO-DATA p{	width:95%; max-width:850px; margin:0px auto; line-height:200%; text-align:justify; }

/*	==========================================================
	CONTACT
	==========================================================
*/
#CONTACT-TAB{		display:table; width:100%; margin-top:50px; margin-bottom:80px; }
#CONTACT-ADRES,
#CONTACT-FORM{		display:table-cell; vertical-align:top; }
#CONTACT-ADRES{		/* text-align:left; padding-left:10%; */ font-size:1.1em; line-height:150%; }
/* #CONTACT-ADRES h2{	font-size:2em; margin-top:0px; padding-top:0px;} */
#CONTACT-ADRES img{	width:60%; padding:20px; background-color:#FFFFFF; margin-bottom:20px; border:1px solid #CCCCCC; }
#CONTACT-FORM{		width:40%; min-width:240px; padding-right:5%; }
#CONTACT-FORM input, #CONTACT-FORM textarea{	display:block; width:100%; margin-bottom:1em; line-height:150%; border:1px solid #CCCCCC; padding:10px; }
#CONTACT-FORM textarea{height:100px; }


#CONTACTOPEN{	display:inline-block; vertical-align:top; font-size:1rem; line-height:200%;}
#CONTACTDAGEN{	display:inline-block; font-size:1em; text-align:right; line-height:200%; padding-right:10px;  }
#CONTACTUREN{	display:inline-block; font-size:1em; text-align:left;  line-height:200%; }
#CONTACTUREN2{	display:inline-block; font-size:1em; text-align:left;  line-height:200%; padding-left:10px; }


.MAP{
	overflow:hidden;
	padding-bottom:33%;
	position:relative;
	height:0;
}
.MAP iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

#MSG{	color:#FF0000; padding:1em 0px; }


.BUT{
	color:#FFFFFF;
	background-color:#103070; 
	border:1px solid #333333;
	cursor:pointer;
	font-size:1em; line-height:2em;
	letter-spacing:0.05em;
	padding:0px 20px;
	display:inline-block; line-height:200%;
}
.BUT:hover{	background-color:#0066cc; }





/*	==========================================================
	LINGERIE
	==========================================================
*/
.CATASUB,
.CATA {		margin-top:20px; }

.CATA a{	
	display:inline-block;
	width:25%; min-width:200px;
	box-sizing:border-box;
	margin:2.5%;
	padding:3%;
	border:1px solid #CCCCCC;
	background-color:#f0f0f0;
}
.CATA a:hover{
	border-color:#103070;
}
.CATA .CAT{
	position:relative; 
	display:block;
}
.CATA img{
	border-width:0px; 
	width:100%;
}
.CATA .TIT{
	position:absolute;
	bottom:20px; left:0%; width:100%; padding:20px;
	background:url(./pic/trans-white-70.png) repeat;
	color:#103070;
	font-size:1em;
	letter-spacing:0.1em;
}

.CATASUB a{	
	display:inline-block;
	width:17%; min-width:150px;
	box-sizing:border-box;
	margin:1.5%;
	padding:2%;
	border:1px solid #CCCCCC;
	background-color:#f0f0f0;
	vertical-align:middle;
}
.CATASUB img{
	border-width:0px; 
	width:100%;
}


/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		TABLET (landscape) (55em) now 60em for menu width
	==========================================================	
*/
@media all and (max-width: 60em){
	.KADO,
	#NAVFIX ul,nav ul{			display:none; }
	#NAVFIX select, nav select{	display:inline-block; }
	
	.MENUICON{	display:inline; }
	
	#HOME-AKT{		padding:50px 0%; }
	#HOME-AKT img{	width:100%; }
	#HOME-TAB{		display:block; }
#HOME-PIC, .HOME-TXT{		display:block; padding:0px 10px; width:100%; }
#HOME-PIC img{	width:80%; margin-bottom:50px;   }
 

}

/*	==========================================================
		RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt
		PHONE normally 40, now 45 for me,nu
	==========================================================	
*/
@media all and (max-width: 45em){
	/* #HEADLOGO{	display:none; } */
	.HEADCELL{	display:none; }
	#HEADLOGO img{	height:80px; width:auto; }
	#HEADADRES, #HEADCONTACT{	display:inline-block; min-width:50%; width:auto; }
	
	#CONTACT-TAB, #CONTACT-ADRES, #CONTACT-FORM{		display:block; width:90%; margin:30px auto;}
	
	#FOOTCON{ display:block; padding:0px 10px; }
	#FOOTADRES, #FOOTOPEN, #FOOTNEWS{	display:block; width:100%; padding:20px 0px;}
	#FOOTNEWS input{	width:50%; }

	
	nav{
		padding:0px 20px;
	}
/*	nav{		display:none; } */
}