/* == BASIC DECLARATIONS == */

@import url("reset.css");

body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	background: #e5e9ee url("../images/bg_body.jpg") no-repeat top center;
}



/* == DIV: CONTACT_CONTAINER == */

div#contact_container
{
	position: relative;
	overflow: hidden;
	height: 12px;
	background: url("../images/bg_contact_container.gif") repeat-x 0 -190px;
}



/* == DIV: CONTACT == */

div#contact
{
	position: relative;
	margin: 0 auto;
	width: 1000px; height: 202px;
	color: #fff;
	background: url("../images/bg_contact.gif") no-repeat bottom left;
}

div#contact p
{
	line-height: 16px;
}

div#contact a
{
	color: #fff;
}

div#contact div#contact_visual
{
	float: left;
	display: inline;
	margin: 27px 15px 0 26px;
	width: 207px; height: 159px;
	background: url("../images/bg_contact_visual.png") no-repeat 0 0;
}

div#contact div#contact_address
{
	float: left;
	display: inline;
	margin: 83px 15px 0 0;
	width: 145px;
}

div#contact div#contact_telephone
{
	float: left;
	display: inline;
	margin: 83px 15px 0 0;
	width: 130px;
}

div#contact div#contact_opening_hours
{
	float: left;
	display: inline;
	margin: 83px 25px 0 0;
	width: 220px;
}

div#contact div#contact_buttons
{
	float: left;
	display: inline;
}

div#contact div#contact_buttons ul
{
	float: left;
	display: inline;
	margin: 29px 0 0 0;
}

div#contact div#contact_buttons ul li#contact_button_vcard
{
	float: left; clear: both;
	display: inline;
	margin: 0 0 1px 0;
}

div#contact div#contact_buttons ul li#contact_button_vcard a
{
	float: left;
	display: inline;
	width: 121px; height: 47px;
	text-indent: -9999px;
	background: url("../images/bg_contact_button_vcard.png") no-repeat 0 0;
}

div#contact div#contact_buttons ul li#contact_button_email
{
	float: left; clear: both;
	display: inline;
	margin: 0 0 4px 0;
}

div#contact div#contact_buttons ul li#contact_button_email a
{
	float: left;
	display: inline;
	width: 119px; height: 36px;
	text-indent: -9999px;
	background: url("../images/bg_contact_button_email.png") no-repeat 0 0;
}

div#contact div#contact_buttons ul li#contact_button_route
{
	float: left; clear: both;
	display: inline;
}

div#contact div#contact_buttons ul li#contact_button_route a
{
	float: left;
	display: inline;
	width: 140px; height: 74px;
	text-indent: -9999px;
	background: url("../images/bg_contact_button_route.png") no-repeat 0 0;
}



/* == DIV: CONTAINER == */

div#container
{
	position: relative;
	margin: -2px auto 0 auto;
	width: 1000px;
}



/* == DIV: NAVIGATION == */

div#navigation
{
	float: left; clear: both;
	display: inline;
	width: 1000px;
}

div#navigation h1
{
	float: left;
	display: inline;
	margin: 24px 32px 0 51px;
	width: 139px; height: 89px;
}

div#navigation h1 a
{
	float: left;
	display: inline;
	width: 139px; height: 89px;
	text-indent: -9999px;
	background: url("../images/logo.png") no-repeat 0 0;
}

div#navigation ul
{
	float: left;
	display: inline;
}

div#navigation ul li
{
	float: left;
	display: inline;
}

div#navigation ul li a
{
	float: left;
	padding: 58px 20px 10px 20px;
	font-size: 20px;
	text-decoration: none;
	color: #8d929f;
	background: url("../images/bg_navigation_ul_li_a.png") top right no-repeat;
}

div#navigation ul li a:hover,
div#navigation ul li a.active
{
	color: #002c5d;
	background: url("../images/bg_navigation_ul_li_a_hover.png") top right no-repeat;
}

div#navigation ul li#navigation_contact a
{
	background: url("../images/bg_navigation_ul_li_contact_a.png") top center no-repeat;
}

div#navigation ul li#navigation_contact a:hover
{
	background: url("../images/bg_navigation_ul_li_contact_a_hover.png") top center no-repeat;
}

div#navigation ul li#navigation_contact a.active
{
	color: #002c5d;
	background: url("../images/bg_navigation_ul_li_contact_a_active.png") top center no-repeat;
}

div#navigation ul li#navigation_contact a.active:hover
{
	color: #002c5d;
	background: url("../images/bg_navigation_ul_li_contact_a_active.png") top center no-repeat;
}



/* == DIV: BANNER_CONTAINER == */

div#banner_container
{
	float: left; clear: both;
	display: inline;
	margin: 13px 36px 0 36px;
	width: 928px; height: 237px;
	background: url("../images/bg_banner_container.png") no-repeat 0 0;
}



/* == DIV: BANNER == */

div#banner
{
	float: left; clear: both;
	display: inline;
	position: relative;
	overflow: hidden;
	margin: 6px 6px 15px 6px;
	width: 916px; height: 216px;
}

div#banner img
{
	position: absolute;
	top: 0; left: 0;
	z-index: 0;
}

div#banner img.previous
{
	z-index: 1;
}

div#banner img.current
{
	z-index: 2;
}



/* == DIV: SUBNAVIGATION == */

div#subnavigation
{
	float: left; clear: both;
	display: inline;
	margin: 33px 0 0 0;
	width: 1000px;
	background: url("../images/bg_subnavigation.png") no-repeat 0 0;
}

div#subnavigation h2
{
	float: left;
	display: inline;
	margin: 13px 26px 0 59px;
	font-weight: normal;
	font-size: 25px;
	color: #036;
}

div#subnavigation ul
{
	float: left;
	display: inline;
	margin: 1px 0 0 0;
}

div#subnavigation ul li
{
	float: left;
	display: inline;
}

div#subnavigation ul li a
{
	float: left;
	display: inline;
	padding: 13px 19px 31px 17px;
	font-size: 20px;
	text-decoration: none;
	color: #8d929f;
	background: url("../images/bg_subnavigation_ul_li_a.png") no-repeat top right;
}

div#subnavigation ul li.last a
{
	background: none;
}

div#subnavigation ul li a:hover,
div#subnavigation ul li a.active
{
	color: #036;
	background: url("../images/bg_subnavigation_ul_li_a_hover.png") no-repeat top right;
}

div#subnavigation ul li.last a:hover,
div#subnavigation ul li.last a.active
{
	background: url("../images/bg_subnavigation_ul_li_last_a_hover.png") no-repeat top right;
}



/* == DIV: CONTENT == */

div#content
{
	float: left;
	display: inline;
	margin: 47px 0 0 59px;
	width: 440px;
}

body#page_oplossingen div#content
{
	margin-top: 10px;
}

div#content h2
{
	margin: 0 0 30px 0;
	font-weight: normal;
	font-size: 25px;
	color: #036;
}

div#content h3
{
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: normal;
	color: #002c5d;
}

div#content p
{
	margin: 0 0 30px 0;
	line-height: 24px;
}

div#content a
{
	font-weight: bold;
	color: #002c5d;
}



/* == DIV: FEATURED_CONTENT == */

div#featured_content
{
	float: left;
	display: inline;
	margin: 60px 31px 0 86px;
	width: 384px;
}

body#page_oplossingen div#featured_content
{
	margin-top: 0;
}

div#featured_content dl.featured_content_banner
{
	float: left; clear: both;
	display: inline;
	position: relative;
	margin: 0 0 14px 0;
	width: 384px; height: 130px;
	background: url("../images/bg_featured_content_banner.png") no-repeat 0 0;
}

div#featured_content dl.featured_content_banner:hover
{
	background: url("../images/bg_featured_content_banner_hover.png") no-repeat 0 0;
	cursor: pointer;	
}

div#featured_content dl.featured_content_banner dt
{
	position: absolute;
	top: 48px; left: 100px;
	width: 264px;
	font-size: 30px;
	font-weight: normal;
}

div#featured_content dl.featured_content_banner dt a
{
	text-decoration: none;
	color: #fff;
}

div#featured_content dl.featured_content_banner dd
{
	position: absolute;
	top: 73px; left: 100px;
	width: 264px;
	line-height: 16px;
	color: #fff;
}



/* == DIV: FOOTER == */

div#footer
{
	float: left; clear: both;
	display: inline;
	padding: 114px 0 15px 0;
	width: 1000px;
	color: #8d929f;
	background: url("../images/bg_footer.png") no-repeat 0 0;
}

div#footer ul
{
	float: left;
	display: inline;
	margin: 3px 0 0 65px;
}

div#footer ul li
{
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	line-height: 16px;
}

div#footer p#footer_email
{
	float: left;
	display: inline;
}

div#footer p#footer_email a
{
	float: left;
	display: inline;
	width: 118px; height: 36px;
	text-indent: -9999px;
	background: url("../images/bg_footer_email.png") no-repeat 0 0;
}

div#footer p#made_by
{
	float: left;
	display: inline;
	margin: 21px 0 0 185px;
}

div#footer p#made_by a
{
	font-size: 10px;
	text-decoration: none;
	color: #8d929f;
}

div#footer p#made_by a:hover
{
	text-decoration: underline;
}