/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@dlma.nl
website:	http://www.dlma.nl
--------------------------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
	font-family: helvetia, arial, verdana, sans-serif;
}

body
{
	font-size: 85%;
	background: #4f89ca;
}

:focus
{
	outline: none;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

hr,
.hidden
{
	display: none;
}

abbr
{
	border-bottom: 1px dotted #000;
}

a:link,
a:visited
{
	color: #005396;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #004176;
	text-decoration: none;
}

p
{
	padding-bottom: 1em;
	line-height: 1.5em;
	font-size: 1em;
}

p.introduction
{
	font-size: 1.2em;
	font-weight: normal;
	color: #005396;
	padding-bottom: 1em;
}

h1
{
	font-size: 1.2em;
	color: #005396;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0d2e9;
}

h1.homepage
{
	font-size: 1.8em;
	font-weight: normal;
	color: #005396;
	margin-bottom: 1em;
	padding: 0;
	border: none;
}

h3
{
	font-size: 1em;
}

ul.reg_linklist
{
	list-style: none;
}

ul.reg_linklist li
{
	margin-left: 5px;
	padding-left: 14px;
	background: url(../images/icon-listitem.gif) 0 6px no-repeat;
	line-height: 1.5em;
}

.subpage_maincontent strong.history
{
	float: left;
	display: block;
	width: 50px;
	clear: both;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.subpage_maincontent p.history
{
	width: 520px;
	float: left;
}

#rightimg
{
	float: right;
}

.subpage_maincontent img
{
	border: 1px solid #528dd1;
}

.subpage_maincontent2 img
{
	border: 1px solid #528dd1;
	position: absolute;
	margin: -354px 0px 0px 55px;
}

.subpage_maincontent2
{
	float: left;
	width: 600px;
	margin: 0 0 2em 0;
}

.tooltip /* tooltip used on google maps - contact page */
{
	background: #fff;
	color: #222;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 11px;
	text-align: center;
	width: 80px;
	font-weight: bold;
	margin-left: 0px;
}

/* Helper classes
--------------------------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

/* Layout
--------------------------------------------------------------------------------------------------*/

#header
{
	padding: 1.2em 0;
	background: url(../images/bg-header.jpg) 50% 100% repeat-x;
}

#header h4
{
	background: url(../images/img-logo.gif) 0 0 no-repeat;
	height: 72px;
	width: 131px;
	display: block;
	text-indent: -999em;
	float: left;
}

#header h4 a
{
	height: 72px;
	width: 131px;
	display: block;
	text-indent: -999em;
	text-decoration: none;
}

#header p
{
	float: right;
}

#navigation
{
	background: url(../images/bg-navigation.jpg) 0 100% repeat-x #91cae3;
}

#main_content
{
	background: #fff;
	padding: 2em 0 0 0;
}

.hrsmartframe
{
	border: none;
	background: #bbb;
	color: #666;
	text-align: center;
	padding: 200px 0;
	border-bottom: 15px solid #fff;
}

#hrsmartframe
{
	margin-bottom: 15px;
	width: 600px;
	height: 600px;
	border: 0;
}


/* Layout - Contact adresses
--------------------------------------------------------------------------------------------------*/

#map
{
	height: 635px;
	width: 340px;
	float: left;
	margin-bottom: 15px;
}

.address_holder
{
	float: right;
	width: 560px;
}

.address,
.hightlight
{
	height: 117px;
	width: 230px;
	float: right;
	border: 1px solid #9eb9e0;
	padding: 15px;
	margin: 0 0 15px 15px;
}

.hightlight
{
	padding: 14px;
	border: 2px solid #9eb9e0;
	background: url(../images/bg-highlight.gif) 0 0 repeat-x;
}

.address,
.hightlight
{
	font-size: 11px
}

.address h3,
.hightlight h3
{
	font-size: 13px
}

/* Content
--------------------------------------------------------------------------------------------------*/

.inner_wrapper
{
	margin: 0 auto;
	width: 900px;
}

.toolbox
{
	font-size: 0.8em;
	float: right;
	color: #e1efff;
}

.toolbox a:link,
.toolbox a:visited,
.toolbox a:hover,
.toolbox a:active
{
	color: #e1efff;
	background: 0 2px url(../images/email.gif) no-repeat;
	padding-left: 18px;
}

.toolbox span
{
	margin: 0 0.3em;
	color: #769fc1;
}

.main_image
{
	border: 1px solid #afccec;
	margin: 0 0 1em 0;
}

.loc_image
{
	float: left;
	border: 1px solid #afccec;
	margin: 0 15px 0 0;
}

/* Content - collumns
--------------------------------------------------------------------------------------------------*/

.lcol,
.rcol
{
	width: 435px;
	float: left;
}

.rcol
{
	float: right;
}

.lbox,
.rbox
{
	width: 433px;
	float: left;
	background: #edf5fe;
	border: 1px solid #528dd1;
	margin: 0 0 2em 0;
}

.rbox
{
	float: right;
}

.lbox h3,
.rbox h3
{
	padding: 0.3em 1em;
	background: #528dd1;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
}

.rbox h3 a
{
	color: #fff;
}

.lbox .content,
.rbox .content
{
	padding: 1em 1em 0 1em;
}

/* Content - Subpage
--------------------------------------------------------------------------------------------------*/

.subpage_maincontent
{
	float: left;
	width: 610px;
	margin: 0 0 2em 0;
}

.subpage_fullcontent
{
	width: 900px;
	margin: 0 0 2em 0;
}

.subpage_sidebar
{
	width: 270px;
	float: right;
	margin: 0 0 2em 0;
}

.subpage_sidebar ul
{
	border: 1px solid #528dd1;
	margin: 0 0 1em 0;
	background: #edf5fe;
	list-style: none;
}

.subpage_sidebar ul li
{
	padding: 5px 7px;
}

.subpage_sidebar ul li.header
{
	background: #528dd1;
	font-weight: bold;
	color: #fff;
}

.subpage_sidebar ul li a.current
{
	font-weight: bold;
}

/* Content - footer
--------------------------------------------------------------------------------------------------*/

.content strong
{
	color: #0067c2;
}

#footer
{
	clear: both;
	background: url(../images/bg-footer.jpg) 0 0 repeat-x;
	padding: 1em 0;
}

#footer p
{
	float: left;
	color: #fff;
	font-size: 0.8em;
}

#footer p.sublinks
{
	float: right;
}

#footer p.sublinks a
{
	color: #fff;
}

/* Navigation
--------------------------------------------------------------------------------------------------*/

#navigation ul
{
	list-style: none;
	float: right;
	padding: 0.7em 0;
}

#navigation ul li
{
	float: left;
	margin-left: 1.5em;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
	color: #fff;
	text-decoration: none;
}

#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a.current:link,
#navigation ul li a.current:visited,
#navigation ul li a.current:hover,
#navigation ul li a.current:active
{
	color: #fff;
	text-decoration: underline;
}