/* CSS Document */

* {
	padding:		0px;
	margin:			0px;
}

body {
	background-color:	#C9CACC;
	font-family:		Verdana, Arial, Tahoma, Sans-serif;
}

img {
	border:			0;
}

#headerContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#header {
	float:			left;
	width:			998px;
	height:			141px;
	background:		url(/images/foto1.png) top right no-repeat #ffffff;
	border-left:		1px solid #008000;
	border-right:		1px solid #008000;
}

#headerLeft {
	float:			left;
	width:			998px;
	height:			141px;
}

#headerLeftTop {
	float:			left;
	width:			695px;
	height:			101px;
}

#logo {
	float:			left;
	width:			660px;
	height:			55px;
	padding-top:		15px;
	padding-left:		35px;
}

#subnavig {
	float:			left;
	width:			998px;
	height:			31px;
	text-align:		left;
}

#subnavig ul {
	margin-left:		10px;
	list-style:		none;
}

#subnavig ul li {
	display:		inline;
	padding-left:		5px;
	padding-right:		10px;
	font-size: 		11px;
	color:			#008000;
	border-right:		1px solid #008000;
}

#subnavig ul li a {
	color:			#008000;
	text-decoration:	none;
}

#subnavig ul li a:hover {
	color:			#ff5500;
	text-decoration:	none;
}

#subnavig ul li.last {
	border-right:		0;
}

#subnavig ul li .current_url {
	color:			#ff5500;
	text-decoration:	none;
}

#navig {
	float:			left;
	width:			695px;
	height:			38px;
	background-color:	#E4E4E5;
	border-bottom:		2px solid #FF5500;
}

#navig ul li.last {
	margin-right:		0;
	padding-right:		0;
	width:			110px;
}

ul#navmenu {
	font-size: 		13px;
	list-style-type:	none;
	font-family:		"Lucida Bright", Arial, Tahoma, Verdana, Sans-serif;
	margin:			0;
	border:			0 none;
	padding:		0;
	width:			898px; /* kmeleon */
}

ul#navmenu li {
	color:			#008000;
	background-color:	#E4E4E5;
	margin:			0;
	border:			0 none;
	border-right:		1px solid #C6C6C6;
	float:			left; /* gecko engine*/
	display:		inline;
	list-style:		none;
	position:		relative;
	font-size: 		13px;
	padding:		0;
}

ul#navmenu ul {
	margin:			0;
	border:			0 none;
	padding:		0;
	width:			140px;
	list-style:		none;
	display:		none;
	position:		absolute;
	top:			27px;
	left:			0;
}

ul#navmenu ul:after {
	clear:			both;
	display:		block;
	font:			1px/0px serif;
	content:		".";
	height:			0;
	visibility:		hidden;
}

ul#navmenu ul li {
	width:			200px;
	float:			left; /* belangrijk IE */
	display:		block !important;
	display:		inline; /*belangrijk IE plaats dubbel display*/
	top:			11px;
}

ul#navmenu a {
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		12px;
	padding-bottom:		11px;
	color:			#008000;
	text-decoration:	none;
	border:			none;
	float:			none !important; /* opera */
	float:			left; /* IE */
	display:		block;
	text-decoration:	none;
}

ul#navmenu ul li a {
	border-left:		1px solid #008000;
	border-right:		1px solid #008000;
	border-bottom:		1px solid #008000;
}

ul#navmenu2 li.current_url {
	color:			#ff5500;
	text-decoration:	none;
}

#navig ul li .current_url {
	color:			#ff5500;
	text-decoration:	none;
}

/* eerste menu hover */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color:			#ffffff;
	background-color:	#FF6600;
	text-decoration:	none;
}

/* 2de */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float:			none;
	background:		#ffffff;
	color:			#008000;
	font-weight:		normal;
	font-size:		12px;
}

/* 2de hover */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background:		#008000;
	color:			#ffffff;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display:		none;
	position:		absolute;
	top:			0;
	left:			160px;
}

/* display:block gecko engine | niet naar onder plaatsen.*/
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display:		none;
}
/* display:block gecko engine | niet naar boven plaatsen.*/
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display:		block;
}

#mainContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#main {
	float:			left;
	width:			998px;
	background-color:	#ffffff;
	border-left:		1px solid #008000;
	border-right:		1px solid #008000;
}

#mainLeft {
	float:			left;
	width:			615px;
	padding:		40px;
}

#mainLeft h1 {
	color:			#FF5500;
	font-size:		22px;
	margin-bottom:		15px;
}

#mainLeft h2 {
	color:			#008000;
	font-size:		14px;
	margin-bottom:		10px;
}

#mainLeft h3 {
	color:			#FF5500;
	font-size:		14px;
	margin-bottom:		10px;
}

#mainLeft h4 {
	color:			#000080;
	font-size:		13px;
	margin-bottom:		15px;
	line-height:		1.3em;
	font-family:		Arial, Tahoma, Verdana, Sans-serif;
}

#mainLeft h5 {
	color:			#FF5500;
	font-size:		13px;
	margin-bottom:		15px;
	line-height:		1.3em;
	font-family:		Arial, Tahoma, Verdana, Sans-serif;
}

#mainLeft p, #mainLeft li, #mainLeft td {
	color:			#202020;
	font-size:		13px;
	margin-bottom:		15px;
	line-height:		1.3em;
	font-family:		Arial, Tahoma, Verdana, Sans-serif;
}

#mainLeft p a, #mainLeft li a, #mainLeft td a {
	color:			#FF5500;
	text-decoration:	underline;
}

#mainLeft p a:hover, #mainLeft li a:hover, #mainLeft td a:hover {
	color:			#FF5500;
	text-decoration:	none;
}

#mainLeft ul, #mainLeft ol {
	margin-left:		25px;
	list-style-type: 	square;
	margin-bottom:		15px;
	font-size: 		11px;
}

#mainLeft ul ul {
	margin-left:		25px;
	list-style-type: 	disc;
	margin-bottom:		0px;
}

#mainLeft td {
	vertical-align:		top;
	margin-bottom:		0;
	padding-right:		10px;
}

#mainLeft li {
	margin-bottom:		0;
}

#mainRight {
	float:			right;
	width:			303px;
}

#attention {
	float:			left;
	width:			303px;
	margin-top:		10px;
}

#item1 {
	float:			left;
	width:			238px;
	background-color:	#FF5500;
	padding-top:		5px;
	padding-left:		5px;
	padding-bottom:		5px;
	padding-right:		10px;
	margin-bottom:		10px;
}

#item2 {
	float:			left;
	padding-top:		5px;
	padding-left:		5px;
	margin-bottom:		10px;
	width:			233px;
	padding-right:		15px;
	padding-bottom:		15px;
	background-image:	url(/images/bg_attention.gif);
	background-position:	bottom right;
	background-repeat:	no-repeat;
	background-color:	#FF5500;
}

#item1 p {
	color:			#000000;
	font-size:		11px;
	padding-left:		15px;
	background-image:	url(/images/pijltje.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
}

#item2 p, #item2 li, #item2 td  {
	color:			#000000;
	font-size:		11px;
	line-height:		1.4em;
	margin-bottom:		10px;
}

#item1 p a, #item2 p a, #item2 td a {
	color:			#000000;
	text-decoration:	none;
}

#item1 p a:hover, #item2 p a:hover, #item2 td a:hover {
	color:			#ffffff;
	text-decoration:	none;
}

#item2 ul, #item2 ol {
	margin-left:		25px;
	list-style-type: 	square;
	margin-bottom:		10px;
	font-size: 		11px;
}

#item2 li {
	margin-bottom:		0;
}

#socialmedia {
	float:			left;
	width:			303px;
	margin-top:		10px;
}

#socialmedia p {
	color:			#000000;
	font-size:		13px;
	line-height:		1.0em;
	margin-bottom:		5px;
	
}

#socialmedia p a {
	color:			#000000;
	text-decoration:	none;
	padding-left:		35px;
}

#socialmedia p a:hover {
	color:			#ff5500;
	text-decoration:	none;
}

.twitter {
	display:		block;
	height:			22px;
	padding-top:		8px;
	background:		url(/images/icon_twitter.png) center left no-repeat;
}

.facebook {
	display:		block;
	height:			22px;
	padding-top:		8px;
	background:		url(/images/icon_facebook.png) center left no-repeat;
}

.linkedin {
	display:		block;
	height:			22px;
	padding-top:		8px;
	background:		url(/images/icon_linkedin.png) center left no-repeat;
}

#saskia {
	float:			left;
	width:			250px;
	margin-bottom:		15px;
}

#saskia p {
	font-size:		12px;
	color:			#404040;
}

#footerContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#footer {
	float:			left;
	width:			1000px;
}

#footerTop {
	float:			left;
	width:			1000px;
	background:		url(/images/bg_footer.gif) top left no-repeat;
	background-color:	#C9CACC;
	padding-top:		10px;
	text-align:		center;
}

#footerTop ul {
	margin-top:		55px;
}

#footerTop ul li {
	display:		inline;
	font-size:		11px;
	padding-right:		20px;
	color:			#008000;
}

#footerTop ul li a {
	color:			#008000;
	text-decoration:	none;
}

#footerTop ul li a:hover {
	color:			#008000;
	text-decoration:	underline;
}

#footerBottom {
	float:			left;
	width:			1000px;
	padding-top:		15px;
	text-align:		center;
}

.invulveld {
	min-width:		250px;
	width:			100%;
}

.invulveld_long {
	width:			100%;
}

.knop {
	padding-left:		15px;
	padding-right:		15px;
	float:			left;
	margin-bottom:		25px;
	}

textarea {
	width:			100%;
	height:			150px;
}

#offerte_rechts {
	float:			left;
	width:			263px;
	background-color:	#e2e2e2;
	margin:			50px 0 25px 0;
	padding:		10px;
}

#offerte_rechts h2 {
	font-size:		15px;
	line-height:		1.3em;
	color:			#ff5500;
	margin-bottom:		10px;
}

#offerte_rechts p {
	font-size:		12px;
	line-height:		1.3em;
	color:			#141414;
	margin-bottom:		15px;
}

#offerte_rechts p a {
	color:			#141414;
	text-decoration:	underline;
}

#offerte_rechts p a:hover {
	color:			#141414;
	text-decoration:	none;
}

.cbox {
	margin-right:		5px;
}

/* ********************************************* start popup ************************************************ */

#popupContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  background: url(/images18/bg_popup.png);
}

#popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin: -200px 0 0 -200px;
  background-color: #fff;
  border: 1px solid #496CB3;
  padding: 20px;
  box-sizing: border-box;
}

#popup h2 {
  color: #496CB3;
  font-size: 24px;
  line-height: 1.3em;
  margin-bottom: 15px;
}

#popup p {
  color: #496CB3;
  font-size: 16px;
  line-height: 1.3em;
  margin-bottom: 15px;
}

#popup p a {
  color: #496CB3;
  text-decoration: underline;
}

#popup p a:hover {
  color: #496CB3;
  text-decoration: none;
}

#popup .div100 {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.nb_button {
  float: left;
  margin: 0 15px 0 0;
  display: inline-block;
  width: 65px;
  padding: 5px 0;
  background-color: #496CB3;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  border: 1px solid #496CB3;
  text-align: center;
}

.nb_button:hover {
  border: 1px solid #496CB3;
  background-color: #fff;
  color: #496CB3 !important;
  text-decoration: none;
}

#popup .small {
  font-size: 13px !important;
}

/* ********************************************* einde popup ************************************************ */