/*  
Juli 2006
Door : Koen Haarbosch  |  Bit Squad
Kleuren:
oranje in bg: #FB950A;
donker groen: #005744;
groen: #007D61;
*/
/* --------------------------------------------- // -------- ALGEMENE SITE */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
img, a {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a:link { color: #007d61; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #007d61; text-decoration: none;} /*  roll over  */
a:visited { color: #007D61; text-decoration:none;} /* bezochte link */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #FFF url(../_images/bgSite.jpg) repeat-x top;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}
#wrapper {
	width: 774px; /* 980 - padding */
	margin-top: 7px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	background: #FFF;
	padding: 0;
}
/* --------------------------------------------- // -------- Instellen fonts */
#colLeft, #colMiddle, #colRight, #footer { font-size: 0.8em; }
#content h1 { font-size: 1.6em; }
/* --------------------------------------------- // -------- Header en visual*/
#header {
	float: left;
	width: 757px; /* 774 - padding */
	height: 77px; /* 125 - padding */
	text-align: left;
	padding-top: 48px;
	padding-left: 17px;
}
/* verschillende header foto's aanroepen */
.Home { background: #FAFAFA url(../_images/visuals/visual02.jpg) no-repeat; }
.Main01 { background: #FAFAFA url(../_images/visuals/visual01.jpg) no-repeat; }
.Main02 { background: #FAFAFA url(../_images/visuals/visual09.jpg) no-repeat; }
.Main03 { background: #FAFAFA url(../_images/visuals/visual07.jpg) no-repeat; }
.Main04 { background: #FAFAFA url(../_images/visuals/visual10.jpg) no-repeat; }
.Main05 { background: #FAFAFA url(../_images/visuals/visual08.jpg) no-repeat; }
.Main06 { background: #FAFAFA url(../_images/visuals/visual06.jpg) no-repeat; }
.Main07 { background: #FAFAFA url(../_images/visuals/visual03.jpg) no-repeat; }
.Main08 { background: #FAFAFA url(../_images/visuals/visual04.jpg) no-repeat; }
.Main09 { background: #FAFAFA url(../_images/visuals/visual05.jpg) no-repeat; }
.Gen01 { background: #FAFAFA url(../_images/visuals/visual02.jpg) no-repeat; }
.Gen02 { background: #FAFAFA url(../_images/visuals/visual02.jpg) no-repeat; }
.Gen03 { background: #FAFAFA url(../_images/visuals/visual02.jpg) no-repeat; }

/*
Home: 2

Bedrijfsinformatie: 1

Employee Benefits: 9

Financiële Planning: 7

Hypotheken: 10

Pensioenen: 8

Risicobeheer: 6

Expatriates: 3

Adviseurs: 4

Gouden Handdruk: 5*/

/* --------------------------------------------- // -------- Column container */
#colContainer {
	float: left;
	width: 774px;
	background: #FFF url(../_images/bgMenu.gif) repeat-y 109px 0px;
}
/* --------------------------------------------- // -------- Column left */
#colLeft {
	 float: left;
	 width: 109px;
}
/* --------------------------------------------- // -------- Column middle */
#colMiddle {
	 float: left;
	 width: 171px;
}
/* --------------------------------------------- // -------- menu */
#menu {
	float: left;
	width: 171px;
	color: #FFF;
}
/* --------------------------------------------- // -------- start hoofdmenu */
#menu ul { 
	list-style: none;
	padding: 0;
	margin: 0 0 0 6px;
}
#menu li {
	float: left;
	cursor: default;
	width: 100%;
}
#menu li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 15px 5px 12px;
	border-bottom: solid 1px #007D61;
	background: #369982 url(../_images/arrowWhite.gif) no-repeat 4px 10px;
}
#menu li a:hover {
	background: #61AF9C url(../_images/arrowWhite.gif) no-repeat 4px 10px;
}
/* --------------------------------------------- // -------- start submenu */
#menu ul ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu ul ul li {
	float: left;
	cursor: default;
	width: 100%;
}
#menu ul ul li a {
	display: none; /*  deze op none stellen om submenu te verbergen */
	color: #FFF;
	font-size: 0.85em;
	border: 0;
	padding: 5px 12px 5px 15px;
	text-decoration: underline;
	background: #005744 url(../_images/arrowOrange.gif) no-repeat 8px 10px;
}
#menu ul ul li a:hover {
	/* alles instellen anders erf hij over van de hoofditem Rollover */
	display: block;
	color: #FFF;
	border: 0;
	padding: 5px 12px 5px 15px;
	text-decoration: none;
	background: #005744 url(../_images/arrowOrange.gif) no-repeat 8px 10px;
}
#nav li.display ul li a { display: block; }
/* --------------------------------------------- // -------- start sidewide menu */
#sidewidemenu {
	float: left;
	width: 161px; /* 171 - padding */
	color: #FFF;
	padding: 135px 0 0 10px;
	line-height: 2em;
}
#sidewidemenu a {
	padding: 0 15px 0 12px;
	color: #FFF;
	background: url(../_images/arrowWhite.gif) no-repeat 2px 6px;
 }
/* --------------------------------------------- // -------- Column right */
#colRight {
 float: left;
 width: 494px;
 background: #FFF;
}
/* --------------------------------------------- // -------- Breadcrumb */
#breadcrumb {
	float: left;
	width: 469px; /* 494 - padding */
	background: #FFF;
	padding: 15px 0 18px 25px;
}
#breadcrumb a  {
	padding: 0 15px 0 12px;
	background: url(../_images/arrowOrange.gif) no-repeat 2px 5px;
}
/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 419px; /* 494 - padding */
	padding: 0 50px 20px 25px;
}
#content h1 { margin: 0 0 10px 0; color: #007D61;}
#content img { margin: 7px; }
/* --------------------------------------------- // -------- Address */
#address {
	float: left;
	width: 494px;
	color: #007D61;
	text-align: center;
	line-height: 2em;
	background: #FFF;
	padding: 22px 0 20px 0;
	margin: 0 0 20px 0;
	border-top: solid 1px #C2E5E2;
	border-bottom: solid 3px #FB950A;
}
#address strong, #address a { color: #007D61; }
/* --------------------------------------------- // -------- Banner blokken op homepage */
h6 { float: left; }
.banner {
	float: left;
	width: 442px; /* 442 - padding */
	margin: 0 0 10px 12px;
	border-top: solid 1px #007D61;
	background: #CCE5DF url(../_images/bgBanner.gif) repeat-y;
}
.banner img.bannerPhoto { float: left; border-right: solid 1px #007D61; margin: 0 0 0 1px; padding: 0;}
.bannerContent { 
	float:left;
	width: 247px; /* 271 - padding .banner (25px) */
	height: 85px;
	padding: 10px;
}
.bannerContent a { 
	display: block; 
	padding: 0 15px 0 12px;
	background: url(../_images/arrowOrange.gif) no-repeat 2px 5px;
}
img.bannerFooter { position: relative; top: 4px; left: 1px; border: 0; margin: 0; }

/* Forms */

.txtBox{
	width: 300px;
	margin: 0 0 7px 0;
	color: #000000;
}
.button
{
	width: auto;
	background-color: #FF9900;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;

}