/* ************************************************************* general stuf */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
}
div{ position: relative; }
img{ border: 0px; margin: 4px 0px 4px 6px; max-width: 95%; }

/* **************************************************************** container */
div#container{
	filter: "alpha(opacity: 0)";/* IE/Win */
	KHTMLOpacity: 0;      /* Safari<1.2, Konqueror */
	MozOpacity:   0;      /* Older Mozilla and Firefox */
	opacity:      0;      /* Safari 1.2, newer Firefox and Mozilla, CSS3 */	
	top: 78px;
	width: 100%;
	min-height: 100%;
	max-width: 640px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

/* ******************************************************************* header */
div#header_container {
	height: 78px;
	max-width: 640px;
	width: 100%;
	position: fixed;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 1000;
}
.logo{
	background-image: url(img/m/knooplogo_m.png?v2); /* logo website */
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: 108px 55px;
}
@media only screen and (-webkit-min-device-pixel-ratio :1.5), /* css query voor het aangeven*/
    only screen and (-o-min-device-pixel-ratio:1.5) {			 /* dat wat hier onderstaat alleen */
																														 /* mag gebeuren bij apperaten met */
	.logo{																											 /* een dubbele resolutie */
		background-image: url(img/m/knooplogo_m@2x.png?v2); /* logo website met hoge resolutie */
		background-repeat: no-repeat;									 /* @2x staat voor dubbele resolutie */
		background-size: 108px 55px;									 /* Deze notatie gebruiken ze ook bij iOS app development*/
	}
}
/* ********************************************************************** nav */
div#mini_nav {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20px;
	background-color: #DDDDDD;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #000000;
	z-index: 1;
}
div#mini_nav a {
	color: #000000;
	text-decoration: none;
}

/* ****************************************************************** content */
div#content_container {
	height: 100%;
}
div#content {
	height: 100%;
	overflow-x: hidden;
}
div#pc_site img {
	margin: 0px;
}
div#force_niceScroll { /* maakt de content altijd scrolbaar */
	position: absolute;
	top: 1px;
	height: 100%;
	width: 1px;
	left: 0px;
}

div#footer_filler {
	height: 80px; /* ruimte onder de pagina */
	width:95%;
	text-align: right;
}

div#link_pc {
	position: absolute;
	left:2px;
	bottom:15px;
}

/* ****************************************************************************** list */
div.date {
	margin: 0px;
	float: right;
	white-space: nowrap;
}
div.multipage {
	width:100%;
	float: left;
	text-align:center;
	font-weight: bold;
	margin-bottom:5px;
}
a.multipage:link,
a.multipage:active,
a.multipage:visited,
a.multipage:hover {
}
a.multipagearrow:link,
a.multipagearrow:active,
a.multipagearrow:visited,
a.multipagearrow:hover {
	display: inline-block;
	text-align: center;
	font-size: larger;
	font-family: Arial;
	height: 15px;
	line-height: 110%;
	background-color: #EEEEEE;
 	text-decoration: none;
	border:1px solid;
	border-radius:20px;
	-moz-border-radius:20px;	

	padding-left:10px;
	padding-right:10px;
}
a.multipageon:link,
a.multipageon:active,
a.multipageon:visited,
a.multipageon:hover {
  font-weight: bold;
  text-decoration: none;
}

/* ***************************************************************************** forms */
#contactform label,
#reactieform label {
  width: 120px;
  float: left;
  text-align: left;
  margin: 3px 1px 3px 0px;
/*  background: #888888; /* */
}
#contactform select,
#contactform input,
#contactform textarea,
#reactieform select,
#reactieform input,
#reactieform textarea,
input,
textarea {
  background: #eee;
  border: 1px solid #6e7694;
  margin: 3px auto;
  width: 258px;
}
#contactform select {
	margin: 3px auto;
}

/* let op linkjes, inputs etc. in deze laag: position:relative; ! */
a {position: relative; }

/* ******************************************************************* KOmobi */
div#KOmobi_container { /* mobile tweede 'body' */
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}

div#KOmobi_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #222222;
	opacity: 0.8;
}

div#KOmobi_container2 { /* mobile tweede `container` */
	width: 100%;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
}
div#KOmobi_menu_button { /* klikbare div om het menu te laten verschijnen */
	width: 42px;
	height: 32px;
	float: right;
	padding: 10px 5px 10px 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 42px 32px;
	cursor: pointer;
	font-family: Arial,Helvetica;
}