/*
Author: AdvertBanner
Author URI: http://www.advertbanner.com/
*/ 

/*-----------------------------------------------------------------------------------------------
	Reset tags
-----------------------------------------------------------------------------------------------*/	

a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd
{
	margin: 0px;
	padding: 0px;
	border:0px;
	text-decoration:none;
	border-collapse:collapse;
	font: 12px/1.5em Tahoma, Geneva, sans-serif;
}

html,
body 
{
	height:99.9%;
}

body
{
	color: #222;
	background: #fff;
}

table,
td,
th
{
	border-collapse:collapse;
}

ul
{
	width:auto;
	list-style:none;
}

ol
{
	list-style-position: inside;
	list-style-type: decimal;
}

li a
{
	display:block;
}

@media all {	 

* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}

h1
{
	font-size: 24px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 14px;
}

p
{
	margin-bottom: 10px;
}

a 
{
	color: #E1004A;
}

a:hover
{
	color: #E1004A;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------
	Mainwrapper
-----------------------------------------------------------------------------------------------*/	

#wrapper
{
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.home #wrapper .first,
.home #wrapper .breadcrumbs
{
	display: none;
}

/*-----------------------------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------------------------*/	

#quick_menu
{
	width: 175px;
	position: relative;
	float: right;
}

#language_input
{
	width: 148px;
	margin-top: 3px;
	border: 1px solid #cfd2da;
	line-height: 19px;
	height: 17px;
	text-align: right;
	padding-top: 2px;
	float: right;
	padding-right: 25px;
	margin-bottom: 3px;
	
}
#language_img
{
	position: absolute;
	top: 4px;
	right: 3px;
}

#language_div option
{
	line-height: 19px;
	text-align: right;
	height: 19px;
	width: 175px;
}

#language_div option.nl
{
	background: url(../images/nl.gif) no-repeat 5px 0px;
}
#language_div option.en
{
	background: url(../images/en.gif) no-repeat 5px 0px;
}

.aktiebanner
{
	height: 148px;
	width: 177px;
	background: url(../images/aktiebanner.png) no-repeat 0px 0px;
	float: left;
	display: block;
	position: absolute;
	z-index: 100;
	top: 156px;
	right: 5px;
	text-align: center;
	padding-top: 30px;
}

.aktiebanner a
{
	color: #fff;
	font: 400 20px/1.4em Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	height: 148px;
	width: 177px;
	z-index: 100;
}

.aktiebanner strong
{
	font-size: 30px;
	font-variant: small-caps;
}

.aktiebanner a:hover
{
	color: #eddde2;
	text-decoration: none;
}

.header
{
	float: left;
	height: 294px;
	width: 985px;
}

.subHeader
{
	float: left;
	height: 182px;
	width: 985px;
	position: relative;
}

.subHeader h2
{
	color: #fff;
	font: 700 small-caps 30px/25px Arial, Helvetica, sans-serif;
	position: absolute;
	top: -5px;
	right: -3px;
}

.navwrapper
{
	height: 72px;
	float: left;
	width: 985px;
	padding-top: 7px;
}

.logo
{
	background: url(../images/logo.gif) no-repeat 0px 0px;
	float: left;
	height: 59px;
	width: 332px;
	display: block;
	margin-top: 7px;
}

.navigation
{
	float: left;
	width: 600px;
	border-left: 2px solid #DADCE0;
	padding-left: 50px;
	text-align: right;
}

.home .navigation
{
	width: 550px;
	padding-left: 100px;
}

.navigation li
{
	float: left;
}

.navigation li .item6
{
	border-left: 2px solid #DADCE0;
}

.navigation li a
{
	display: block;
	padding-right: 7px;
	padding-left: 7px;
	line-height: 59px;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: 700;
	color: #222;
	float: left;
}

.navigation li a:hover,
.navigation li a.current
{
	color: #E1004A;
	text-decoration: none;
}

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

.threecol
{
	width: 983px;
	height: 181px;
	float: left;
	border: 1px solid #D3D6D7;
	background: #DCE5EC;
}

.threecol a
{
	float: left;
	width: 267px;
	padding: 15px 30px;
	color: #222;
	height: 151px;
}

.threecol a:hover
{
	background: #CDD7DE;
	text-decoration: none;
	color: #222;
}

.twocolwrapper .product h2 a,
.threecol a h2,
.content h1,
.detail h1
{
	color: #38566a;
	font-size: 24px;
	font-variant: small-caps;
}

.detail h1
{
	padding-top: 15px;
}

.twocolwrapper h2 a:hover
{
	color: #446A82;
	text-decoration: none;
}

.detailContent
{
	width: 490px;
	float: left;
}

.detailStaffPhoto
{
	float: left;
}

.twocolwrapper h2,
.twocolwrapper h2 a,
.detail h2,
.detail h2 a
{
	color: #38566a;
	font-size: 18px;
	font-variant: normal;
}

.detailContent h3.toggler
{
	font-size: 12px;
	display: inline;
	font-weight: 700;
}

.detailContent h3.toggler:hover
{
	cursor: pointer;
}

.content ul li,
.detailContent ul li
{
	background: url(../images/list.gif) no-repeat 0px 4px;
	padding-left: 15px;
}

.content .StaffList li
{
	background: url(none);
	padding-left: 0px;
}

.home .content
{
	padding-top: 30px;
	float: left;
	width: 925px;
	padding-right: 30px;
	padding-left: 30px;
}

.breadcrumbs
{
	float: left;
	line-height: 43px;
	height: 33px;
	padding-top: 10px;
	padding-left: 30px;
	color: #909090;
}

.breadcrumbs a
{
	color: #909090;
}

.breadcrumbs a:hover
{
	color: #909090;
	text-decoration: underline;
}

.breadcrumbs .delimiter
{
	background: url(../images/delimiter.gif) no-repeat 0px 2px;
	text-indent: -9999px;
	height: 10px;
	width: 9px;
}

.twocolwrapper
{
	float: left;
	width: 925px;
	padding-right: 30px;
	padding-left: 30px;
}

.twocolwrapper em
{
	font-style: italic;
}

.twocolwrapper .product
{
	background: url(../images/productBg.jpg) repeat-y 0px 0px;
	border: 1px solid #D3D6D7;
	width: 915px;
	height: 119px;
	padding-left: 10px;
	margin-bottom: 17px;
	position: relative;
}

.twocolwrapper .product:hover
{
	border: 1px solid #999;
}

.twocolwrapper .detail
{
	background: url(../images/detailBg.jpg) repeat-y 0px 0px;
	border: 1px solid #D3D6D7;
	padding-bottom: 25px;
	float: left;
	padding-left: 30px;
	height: auto;
	width: 889px;
	position: relative;
}

.twocolwrapper .detail:hover
{
	border: 1px solid #999;
}

.twocolwrapper .detail h2
{
	padding-top: 15px;
}

.twocolwrapper .contact
{
	background: url(../images/btn_directcontact.jpg) no-repeat right top;
	line-height: 39px;
	display: block;
	float: right;
	height: 39px;
	text-align: right;
	font-weight: bold;
	font-variant: small-caps;
	color: #fff;
	font-size: 16px;
	clear: both;
	width: 344px;
	padding-right: 15px;
}

.twocolwrapper .contact:hover
{
	background: url(../images/btn_directcontact_mo.jpg) no-repeat right top;
	text-decoration: none;
	color: #fff;
}

.twocolwrapper .detailStaffPhoto
{
	float: left;
	width: 356px;
	margin-left: 43px;
}

.twocolwrapper .staffphoto
{
	float: right;
	height: 119px;
	width: 178px;
	margin-left: 30px;
}

.twocolwrapper #accordion h3.toggler
{
	background: url(../images/btn_overzicht.jpg) no-repeat right top;
	line-height: 39px;
	display: block;
	float: right;
	height: 39px;
	width: 195px;
	text-align: right;
	font-weight: bold;
	font-variant: small-caps;
	color: #ed145a;
	font-size: 16px;
	padding-right: 15px;
	clear: both;
	margin-right: 1px;
}

.twocolwrapper #accordion h3.toggler:hover
{
	background: url(../images/btn_overzicht_mo.jpg) no-repeat right top;
	cursor: pointer;
}

.twocolwrapper #accordion .element
{
	float: right;
	text-align: right;
	width: 100%;
}

.twocolwrapper #accordion .element a
{
	color: #222;
	background: url(../images/list.gif) no-repeat 0px 4px;
	padding-right: 15px;
	width: 170px;
	float: right;
}

.twocolwrapper #accordion .element a.current,
.twocolwrapper #accordion .element a:hover
{
	color: #E1004A;
}

.accordion li a
{
	display:inline;
}

.twocolwrapper .content
{
	background: #DCE5EC;
	padding: 15px 30px 30px;
	border: 1px solid #D3D6D7;
}
.sitemap-list a
{
	color: #222;
}

.next
{
	margin-top: -6px;
}

.back,
.twocolwrapper .staffdescription
{
	margin-top: 3px;
	position: absolute;
	bottom: 3px;
}

/*-----------------------------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------------------------*/	

.footer
{
	float: left;
	width: 985px;
	margin-top: 50px;
}

.footer ul
{
	color: #666;
	float: left;
	width: 585px;
	margin-left: 216px;
}

.footer ul li
{
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
}

.footer ul li a
{
	color: #666;
}

.footer ul li a:hover
{
	color: #E1004A;
	text-decoration: none;
}