/*-------------------------------------------------------------------------------------------*/
/* 0. RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/

body,html{ height:100%; }
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,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; }
/* 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; }
:focus{outline:0; }
ins { text-decoration: none; }
del{text-decoration:line-through; }
table{border-collapse:collapse;border-spacing:0; }

/* Floating & Alignment  */
.fl, .alignleft {float:left; }
.fr, .alignright{float:right; }
.ac{text-align:center; }
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both; }
.ar{text-align:right; }

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0; }
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-------------------------------------------------------------------------------------------*/
/* 1. tekst 													 							 */
/*-------------------------------------------------------------------------------------------*/


body{font:14px/1.3 Arial,'Liberation Sans',FreeSans,sans-serif,'Helvetica Neue'}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}



/*-------------------------------------------------------------------------------------------*/
/* 2. Layout 													 							 */
/*-------------------------------------------------------------------------------------------*/


body,html {
	text-align:center;
	font: 14px/22px arial, sans-serif;
	color: #555;
}
header {
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
}
section {
	text-align: left;
	max-width: 960px;
	margin: 0 auto;
}
div#logo {
		text-align: center;
	}


.rechts {
	background-color: #eee;
}
.lightgrey {
	background-color: #eee;
}


.tweederdeblok {
	width: 640px;
	float: left;
}
.derdeblok {
	width: 320px;
	float: left;
}

.subtweederdeblok {
	width: 100%;
	float: left;
}
.subderdeblok {
	width: 320px;
	float: left;
}

header img {
	width: 100%;
}




div.clear {
	clear:both;
}
div.padd {
	padding:10px;
}



/* tekst over image */
.image h3, .image h3 a, .image h3 a span {
	padding:0px;
	margin:0px;
	text-decoration: none;
}
.image {
	position: relative;
	width:100%;
}
.image .lijst {
	position: absolute;
/*	bottom:14px;*/
	top:9px;
	left:0px;
	width:100%;
/*	height: 70px;*/
}
.image h3 a span {
	color: #333;;
	font: bold 20px Helvetica, Sans-Serif;
	letter-spacing: -1px;
	background: rgb(255, 255, 255); /* fallback color */
	background: rgba(255, 255, 255, 0.6);
	padding: 10px;
}
.image h3 a:hover span {
	color: #000;
	background: rgb(255, 255, 255); /* fallback color */
	background: rgba(255, 255, 255, 0.8);
}

/* links */
a {
	color: #3333ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.ameridlijst {
	color: #33f;
}



/* formulieren */
input, textarea {
	border: solid 1px #999;
	font-size: 14px;
	padding: 2px;
}
input[type=submit] {
	width: 100px;
	background-color: #eee;
	color: #333;
	font-weight: bold;
}
input[type=submit]:hover {
	background-color: #999;
	color: #000;
	border: solid 1px #666;
}
.mainform {
	background-color: #ffffdd;
	padding: 3px;
	width:190px;
	color: #333;
}
input[type=submit].mainform {
	background-color: #ccc;
	width: 100px;
}
input[type=submit].mainform:hover {
	background-color: #999;
	color: #000;
	border: solid 1px #666;
}
textarea.mainform {
	height: 130px;
}
.conform {
	background-color: #ffffdd;
	padding: 3px;
	width:300px;
	color: #333;
}
input[type=submit].conform {
	background-color: #ccc;
	width: 100px;
}
input[type=submit].conform:hover {
	background-color: #999;
	color: #000;
	border: solid 1px #666;
}
textarea.conform {
	height: 130px;
	width: 300px;
}
input#specsubm {
	width: 50px;
}
/*editpunt formulier */
#formeditpunt input, #formeditpunt textarea {
	font-size: 13px;
	background-color: #ffffdd;
	padding: 2px;
	width:190px;
	color: #333;
}
#formeditpunt textarea {
	width: 500px;
	height: 50px;
}
#formeditpunt button {
	border: solid 1px #999;
	background-color: #ccc;
	width: 100px;
}
#formeditpunt button:hover {
	background-color: #999;
	color: #000;
	border: solid 1px #666;
}


/* tabellen */
td {
	vertical-align: top;
	padding-bottom: 5px;
}





/*-------------------------------------------------------------------------------------------*/
/* 15. Responsive */
/*-------------------------------------------------------------------------------------------*/

div#navresp {
	display: none;
}
div#navrespmenu {
	display: none;
}



@media screen and (min-width: 900px) {

}




/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {




}

/* vanaf 960px moet de breedte kleiner worden */
/* en de header tekst wordt ook kleiner */
@media screen and (max-width: 959px) {

	/*
	.tweederdeblok {
		width: 66%;
	}
	.derdeblok {
		width: 33%;
	}
	*/
	.adrechts {
		display:none;
	}



}


/* vanaf hier het menu als een icoontje aan de rechterkant */

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {



}

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




}

/* vanaf hier geen header tekst meer over de top-image op de homepage */

/* iPad portrait */
@media screen and (max-width: 767px) {



}

/* Android (Samsung Galaxy) landscape */
@media screen and (max-width: 685px) and (min-width: 684px) {


}

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



}

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



}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 619px) {



}

/* --- Kindle Landscape --- */
@media screen and (max-width : 599px) {



}

/* iPhone 5 landscape */
@media screen and (max-width: 567px) {




}

/* Android Landscape */
@media screen and (max-width: 514px) {



}

/* iPhone Landscape */
@media screen and (max-width: 479px) {




}

/* Android (Samsung Galaxy) portrait */
@media screen and (max-width: 379px) {



}

/* iPhone portrait */
@media screen and (max-width: 319px) {


}

/* Crappy Android portrait */
@media screen and (max-width: 240px) {

}