/*18-5-2018*/

/*17-5-2018
	nav_ main-dropdown navigation
	nog uitwerken en invoegen
*/
/*22-3-2018
	nav_ main-dropdown navigation
	nog uitwerken en invoegen
*/

/*03-10-2017
	ul #lang 	
	*/
/*03-10-2017
	nav_ samenvoegen nav_main, nav_sec, nav_lang
	positie nav_ top page 
*/
/*20-09-2017
	index backstretsch slideshow
	bg index
	color intro txt 
*/
/*15-08-2017
	class mover hide
*/
/*19-04-2017
nav sec 
*/

/*valideren CSS versie 3*/
/*valideren 2.1*/
/*-------------------------------------www.marioncoenen.nl-------------------------------------------*/
/*----------------------------------atelier@marioncoenen.nl------------------------------------------*/
/*-------------------------------------------------------------------------------------main structure*/
/* Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
	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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: middle;*/
	vertical-align: baseline;
		}

html{
	background-color: transparent;
	font-family : sans-serif;
	font-size : small;
	min-width: 780px;
}

.print,.nodisplay,.smart{
	display: none;
}

.hidden{ visibility: hidden; }	
.noprint{}

body{	
	background-color: transparent;
/*	background-image : url(../img/bg/bg_body.jpg);
	background-repeat:no-repeat;
	background-size: 3%;
	background-position: 95% 3%;
*/	
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center;
	color: rgb(40,40,40);
	font-family: verdana, arial, sans-serif;
	font-size: 98%;
	font-style:normal
	font-weight: 300;
	text-align : center;
	width: 100%;
	}

h1,h3,h2,h3,h4,h5,h6{
	}

p{
	font-size: 112%;
	line-height: 125%;
	padding-top: 1.6%;
	width: 97%;	
}
p, h1,h2,h3,h4,h5,h6,a{
		color: inherit;
		}
p.uc{background-color: yellow;}
a{
	}
a:link {
	}
a:visited{
	}
a:hover{
	}
a, a:link, a:visited, a:hover{

}
/*
------------------------------------------------------basics main, bg transparent, center by default 
*/
#all,#header, #content, #footer {
	}

/*------------------------------------------------midden opzoeken vertical align content*/
* { margin: 0; padding: 0; }
html, body { height: 100%; }
#all {
	display: table;
	height: 100%;
	margin: 0 auto;
	margin-left:auto; margin-right:auto;
	width: 100%;
}
#valign{
	display: table-cell;
	padding-left: 1%; padding-right: 1%;
	vertical-align: middle;
}
/*------------------------------------------------end midden opzoeken vertical align content, content needs height*/

/*
---------------------------------------------------------------------------------- bg img body
*/
#index{
/*	background-image : url(../img/bg/bg_intro.jpg);*/
	background-image : url(../img/bg_index/SnapShot18.jpg);
}


/*----------------------------------------------------------------intro----index pagina*/
#intro{
/*	background-image : url(../bes/bg_intro.jpg);
	background-repeat : no-repeat;
	background-position: top center;*/
	color: whitesmoke;/*20-09-2017*/
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	width: 80%;
}

#intro p{
	width : 45%;
	text-indent : 25%;
	text-align : right;
}
.mover {display: none;}

#footer{
	background-color: red;
	font-size: small;
	height: 18px;
	text-align: right;
	}

/*-----------------------------------------------nav_03-10-2017*/
/*17-5-2018
	nav_ main-dropdown navigation
	nog uitwerken en invoegen
*/
ul#nav_{
	background-color: transparent;
	clear: both;
	direction: rtl;
	font-size: 110%; 	
/*	height: 50px;*/
/*	margin-left: 0;*/
	margin-top: 0;
	position: absolute;
	width: 100%;
	z-index: 900;
}	
ul#nav_ li{
/*	background: orange;*/
/*display: inline-block;*/
	float: right;
	min-height: 25px;
	list-style: none;
	margin: 0 3px auto auto;
	min-width: 12px;
	overflow-x: hidden;
	overflow-y: visible;
}
 
.main{
	background-color: #ccff00;
	color: #666;
	font-size: 100%; 	
	font-style: normal;
	padding-top: 5px;
	width:11%;
		}
.main a{text-decoration: none; 
}
.lang{
	background-color: #666;
	color: whitesmoke;
	font-size: 100%; 	
	font-style: italic;
	width:14%;
}
.sec{
	background-color: orange;
	color: whitesmoke;
	font-size: 80%; 	
	font-style: italic;
	width:6%;}
#nav_ a{
	}
#nav_ a:link {
	}
#nav_ a:visited{
	}
#nav_ a:hover{
		color: #ccc;
	}
/*-----------------------------------------------einde nav_03-10-2017*/

/*--------------------------------------18-5-2018 invoegen menu dropdown*/
.main-db {
/*    background-color: #4CAF50;*/
/*    color: white;*/
	background-color: #ccff00;
	color: #666;
   padding: 16px;
	font-size: 100%; 	
	font-style: normal;
	min-height: 25px;
	list-style: none;
/*	margin: 0 3px auto auto;*/
	overflow-x: hidden;
	overflow-y: visible;
	padding-top: 5px;
	width: 11%;
}
.main-db a{text-decoration: none; 
} 

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
	width:100%;
}
.dropdown-content {
   display: none;
	position: absolute;
	background-color: #f1f1f1;
   min-width: 120px;
 /*   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
 	margin-top: 25px;
   z-index: 1;
	width:26.2%;    
}

.dropdown-content a {
    color: black;
  	 padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ccff00;}

.dropdown:hover .dropdown-content {
   display: block;
}
.dropdown:hover .dropbtn {
/*    background-color: #3e8e41;*/
}
/*------------------------------end nav_ dropdown 18-5-2018*/

/*03-10-2017--------------------------------------------p#lang*/
#lang{
	display: inline-block;
	color: whitesmoke;
	font-size: 110%; 	
	font-style: italic;
	list-style: none;
	height: 25px;
	margin: 0 3px auto auto;
	width: 12%;
}
#lang a{
	background-color: #666;
	padding: 3px;	
	text-decoration: none;}
/*03-10-2017--------------------------------------------end #lang*/

/*----------ul error p*/
ul.rtl{
	direction: rtl;		font-weight: inherit;		font-style: inherit;		font-size: 100%;		font-family: inherit;	margin-right: 50%;	list-style: square;
	 }