@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");

/*
	Arcana by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

body,
#skel-layers-wrapper {
	background: #000000 ;
}

body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;	}

body, input, select, textarea {
	color: #000000; /* basiskleur tekst */;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16pt;
	font-weight: 300;
	line-height: 1.65em;
}

a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	color: #008080;
	text-decoration: none;/* wanneer er een hyperlink is */
	
}

a:hover {	color: #37c0fb;
			border-bottom-color: transparent;	}

strong {
	font-weight: 600;
	color: #663300;}

b {
	font-weight: 900;
	color: #339933;
}
em, i {		font-style: italic;}

p, ul, ol, dl, table, blockquote {	margin: 0 0 1em 0;}

h1, h2, h3, h4, h5, h6 {color: inherit;
						font-weight: 600;
						line-height: 1.75em;
						margin-bottom: 0.5em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;
									text-decoration: none;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {	font-style: normal;
											font-weight: 300;}

h2 {	font-size: 1.5em;
		letter-spacing: -0.025em;}

h3 {	font-size: 1.2em;
		letter-spacing: -0.025em;
		color: #006600;}
		
h4 {	font-size: 0.8em;
		letter-spacing: -0.025em;
		color: #006600;
		font-weight: 200;}
	
h6 {	font-size: 0.4em;
		letter-spacing: -0.025em;}

li {	list-style: url('../images/bolletje.png');}
	

sub {	font-size: 0.8em;
		position: relative;
		top: 0.5em;}

sup {	font-size: 0.8em;
		position: relative;
		top: -0.5em;}

hr {
	border-top: 1px #008000 solid;
	border: 0;
	margin-bottom: 1.5em;
}

blockquote {	border-left: solid 0.5em #e0e0e0;
				font-style: italic;
				padding: 1em 0 1em 2em;}

section.special, article.special {	text-align: center;}

header p {		color: #999999;
		font-size: 1.25em;
		position: relative;
		margin-top: -1.25em;
		margin-bottom: 2.25em;}

header.major {
	text-align: center;
	margin: 0 0 2em 0;
	color: #006600;
	vertical-align: middle;
}

header.major h2{font-size: 2.25em; /* Grootte van tekst titel website op index pagina */}

header.major p{
	position: relative;
	padding: 1em 0 0 0;
	margin: 0;
	top: -1em;
	font-size: 1.5em; /* Grootte van tekst ondertitel website op index pagina */;
	color: #006600; /* Kleur van tekst ondertitel  website op index pagina */;
	letter-spacing: -0.025em;
	vertical-align: middle;
}
/* Image */

.image {
		border: 0;
		display: inline-block;
		position: relative;
		border-radius: 5px;	}

.image img {
			display: block;
			border-radius: 5px;	}

.image.left {	display: block;
				float: left;
				margin: 0 1em 1em 0;
				position: relative;
				top: 0.25em;}

.image.left img {	display: block;
					width: 100%;}

.image.right {	display: block;
				float: right;
				margin: 0 0 0 0;
				position: relative;
				top: 0.25em;}

.image.right img {	display: block;
					width: 100%;}

.image.fit {display: block;}

.image.fit img {display: block;
				width: 100%;}

.image.featured {
			display: block;
			margin: 0 0 2em 0;}

.image.featured img {	display: block;
						width: 100%;}

.auto-style1 {	vertical-align: 150%;}
.auto-style2 {	vertical-align: super;	}

/* Header */

#header{text-align: center;
		padding: 1em 0 0 0; /* afstand tekst tot boord pagina in band bovenaan pagina */
		background-color: #e3e3bf; /* achtergrondkleur band bovenaan pagina */	}

#header h1 {padding: 0 0 1em 0; /* afstand tekst tot onderaan in band bovenaan pagina */
			margin: 0;}

			
#nav {
	cursor: w-resize;
	background-color: #e3e3bf;/*kleur band menu  */;
	padding: 0;
}

#nav:after {content: '';
			display: block;
			width: 100%;
			height: 0.75em;
			background-color: #e3e3bf; /* kleur balk onder menu */}

#nav > ul {	margin: 0;}

#nav > ul > li {position: relative;
				display: inline-block;
				margin-left: 1em;}

#nav > ul > li a {
	color: #006600; /* kleur letters in menu  */
	text-decoration: none;
	border: 0;
	display: block;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/*#nav > ul > li:first-child {	margin-left: 0;
								font-weight: 900; /* dikte letters eerste menu item  */
								/*font-size: 1.2em; /* grootte eerste menu item  */
								/*color:#006600;  */  /* kleur eerste menu item  */	}*/

#nav > ul > li:hover a {	color: #000;  /* kleur letters menu wanneer men er met de cursor overgaat  */}

#nav > ul > li.current {	font-weight: 600;   /* dikte letters van het gekozen menu   */	}

#nav > ul > li.current:before {	width: 0.75em;
								height: 0.75em;
								content: '';
								display: block;
								position: absolute;
								bottom: -0.3em;  /* afstand blokje onder tekst menu */
								left: 50%;
								margin-left: -0.375em;
								background-color: #CBCB87;  /*kleur vierkantje onder gekozen item */
								background-image: url("images/bg01.png");					}

#nav > ul > li.current a {
	color: #800000;
	font-size: x-large;}

#nav > ul > li.active a {	color: #000; } /* kleur letters menu wanneer men er met de 
											cursor overgaat en submenu zichtbaar wordt */

#nav > ul > li > ul {		display: none;}

/* Banner */

/* Box */

	.box.highlight1 {
		text-align: left;	}
				
	.box.highlight2 {
				text-align: center;
				color: #008080;
				padding-top: 2em;}

	.box.highlightital {text-align: left;	font-style: italic;}
	
	.box {
	border: medium #FF0000 dotted;
}	
		
/* Form................................................................ */

	input[type=text], input[type=password], input[type=email], textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-o-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		background: #fff;
		border: solid 1px #e0e0e0;
		border-radius: 5px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;	}

		input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
			border-color: #37c0fb;		}

	input[type=text], input[type=password], input[type=email] {
		line-height: 1em;	}


/* Wrapper ...............................................................*/

.wrapper {
	padding: 2em 0 0.5em 0;} /* afstand tussen menubalk en titel */
	

.wrapper.style1 {	
	background: #e3e3bf;}
	
	

	
/* Footer */

#footer {
	background-position: top;
	padding: 0 0 0 0;
	color: #000;
	height: 5em;
	text-align: right;
	font-size: 0.9em;
	background-color: #e3e3bf;}
	
table.center {
    width:100%; 
    margin-left:0%; 
    margin-right:0%;  }