/* CSS Document */

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

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

img {
	border:			0;
}

#headerTopContainer {
	width:			998px;
	margin-left:		auto;
	margin-right:		auto;
}

#headerTop {
	float:			left;
	width:			998px;
	height:			80px;
	background-color:	#FFFFFF;
	border-left:		1px solid #2A4F78;
	border-right:		1px solid #2A4F78;
}

#logoContainer {
	float:			left;
	width:			200px;
	height:			80px;
}

#logoContainer img {
	margin-left:		20px;
	margin-top:		5px;
}

#logoTextContainer {
	float:			left;
	width:			633px;
	height:			80px;
}

#logoTextContainer h1 {
	font-size:		20px;
	line-height:		1.3em;
	color:			#2A4F78;
	margin-top:		10px;
}


#headerMidContainer {
	width:			998px;
	margin-left:		auto;
	margin-right:		auto;
}

#headerMid {
	float:			left;
	width:			948px;
	height:			151px;
	background:		url(/images/bg_header.jpg) top left repeat-x #022C6F;
	border-left:		1px solid #2A4F78;
	border-right:		1px solid #2A4F78;
	padding-left:		50px;
}

#blok1 a {
	float:			left;
	display:		block;
	width:			177px;
	height:			38px;
	background-image:	url(../images/afb_woonhuis1.jpg);
	background-position:	top-left;
	background-repeat:	no-repeat;
	padding-top:		113px;
	padding-left:		62px;
	text-decoration:	none;
	font-size:		11px;
	color:			#000040;
	font-weight:		bold;
	
}

#blok1 a:hover {
	background-image:	url(../images/afb_woonhuis2.jpg);
}

#blok2 a {
	float:			left;
	display:		block;
	width:			163px;
	height:			38px;
	background-image:	url(../images/afb_auto1.jpg);
	background-position:	top-left;
	background-repeat:	no-repeat;
	padding-top:		113px;
	padding-left:		47px;
	text-decoration:	none;
	font-size:		11px;
	color:			#000040;
	font-weight:		bold;
	
}

#blok2 a:hover {
	background-image:	url(../images/afb_auto2.jpg);
}

#blok3 a {
	float:			left;
	display:		block;
	width:			148px;
	height:			38px;
	background-image:	url(../images/afb_reis1.jpg);
	background-position:	top-left;
	background-repeat:	no-repeat;
	padding-top:		113px;
	padding-left:		62px;
	text-decoration:	none;
	font-size:		11px;
	color:			#000040;
	font-weight:		bold;
	
}

#blok3 a:hover {
	background-image:	url(../images/afb_reis2.jpg);
}

#blok4 a {
	float:			left;
	display:		block;
	width:			187px;
	height:			38px;
	background-image:	url(../images/afb_ziek1.jpg);
	background-position:	top-left;
	background-repeat:	no-repeat;
	padding-top:		113px;
	padding-left:		52px;
	text-decoration:	none;
	font-size:		11px;
	color:			#000040;
	font-weight:		bold;
	
}

#blok4 a:hover {
	background-image:	url(../images/afb_ziek2.jpg);
}

#headerBottomContainer {
	width:			998px;
	margin-left:		auto;
	margin-right:		auto;
}

#headerBottom {
	float:			left;
	width:			998px;
	background-color:	#E4E4E5;
	border-left:		1px solid #2A4F78;
	border-right:		1px solid #2A4F78;
}

/* START NAVIG ***************************************************************************** */

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

#navig ul li.long a {
	width:			115px;
	background-color:	#003B79;
}

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

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

ul#navmenu ul {
	margin:			0;
	border:			0 none;
	padding:		0;
	width:			140px;
	list-style:		none;
	display:		none;
	position:		absolute;
	top:			25px;
	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:			6px;
}

ul#navmenu a {
	padding-left:		11px;
	padding-right:		10px;
	padding-top:		8px;
	padding-bottom:		8px;
	color:			#000040;
	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 #003B79;
	border-right:		1px solid #003B79;
	border-bottom:		1px solid #003B79;
}

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

/* 2de */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float:			none;
	background:		#ffffff;
	color:			#003366;
	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:		#003366;
	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;
}

/* END NAVIG ***************************************************************************** */



#bodyMainContainer {
	width:			998px;
	margin-left:		auto;
	margin-right:		auto;
}

#bodyMainHolder {
	float:			left;
}

#bodyMain {
	float:			left;
	width:			998px;
	background-color:	#ffffff;
	border-left:		1px solid #2A4F78;
	border-right:		1px solid #2A4F78;
}

#bodyMainLeft {
	float:			left;
	width:			628px;
	padding-left:		25px;
	padding-right:		25px;
	padding-top:		15px;
	padding-bottom:		0;
}

#bodyMainLeft h1 {
	color:			#FF0000;
	font-size:		22px;
	margin-bottom:		15px;
}

#bodyMainLeft h2 {
	color:			#000080;
	font-size:		14px;
	margin-bottom:		10px;
}

#bodyMainLeft h3 {
	color:			#FF0000;
	font-size:		14px;
	margin-bottom:		10px;
}

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

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

#bodyMainLeft .header1 {
	color:			#FF0000;
}

#bodyMainLeft .header2 {
	color:			#000080;
}

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

#bodyMainLeft p a, #bodyMainLeft li a, #bodyMainLeft td a {
	color:			#FF0000;
	text-decoration:	underline;
}

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

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

#bodyMainLeft ol {
	margin-left:		25px;
	margin-bottom:		15px;
	font-size: 		11px;
}

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

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

#bodyMainLeft ul li {
	margin-bottom:		0;
}

#bodyMainLeft ol li {
	margin-bottom:		10px;
}

#bodyMainRight {
	float:			left;
	width:			300px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		45px;
	padding-bottom:		15px;
}

#bodyMainRight h1 {
	color:			#012A6A;
	font-size:		14px;
	margin-top:		25px;
	margin-bottom:		10px;
}

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

#item2 {
	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:	#ff0000;
}

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

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

#item1 p a:hover, #item2 p 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:			#FF0000;
	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;
}

.titel {
	padding-left:		15px;
	background-image:	url(../images/pijltje.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
}

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

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

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

#footer {
	float:			left;
	width:			1000px;
	height:			85px;
	padding-top:		40px;
	background-image:	url(../images/bg_footer.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
	background-color:	#C9CACC;
	text-align:		center;
}

#footer ul {
	margin-top:		15px;
}

#footer ul li {
	display:		inline;
	font-size:		11px;
	padding-right:		30px;
	color:			#000040;
}

#footer ul li a {
	color:			#000040;
	text-decoration:	none;
}

#footer ul li a:hover {
	color:			#000040;
	text-decoration:	underline;
}

.invulveld {
	width:			250px;
}

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

textarea {
	width:			250px;
	height:			100px;
}