/**
 * = Basic
 * ----------------------------------------------------------
 */

body {
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	color: #4f4f4f;
}

#main {
	margin: auto;
	width: 960px;
	text-align: left;
	padding-top: 34px;
}

a {
	color: #f54906;
}

a:hover {
	color: #2a487d;
}

.hidden {
	display: none;
}


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

#header {
	position: relative;
	overflow: hidden;
	margin-bottom: 13px;
}

h1 {
	width: 274px;
	height: 73px;
	background: url('/images/interface/deOlifant/title_h1.gif') no-repeat;
	text-indent: -9999px;
	float: left;
}

h1 a{
	width: 274px;
	height: 73px;
	float: left;
}

#header .vcard {
	width: 620px;
	float: right;
	font-size: 11px;
	margin-top: 35px;
	padding: 0;
}

#header .vcard a {
	color: #2a487d;
}

#header .vcard a:hover {
	color: #F54906;
}

#header .vcard ul {
	padding: 0;
	display: block;
	margin: 0;
}

#header .vcard li {
	float: left;
	padding: 0;
	margin: 0;
}

#header .vcard .work {
	display: none;
}

#header .vcard p {
	display: inline;
}

#header .vcard li.firstLine, #header .vcard li.secondLine {
	clear: right;
	float: right;
	width: 620px;
	text-align: right;
}

#header .vcard li.secondLine {
	margin-top: 11px;
}

#header .vcard .mailContainer {
	float: right;
	margin-right: 10px;
}

#header .vcard .vcardMoreContactInfo {
	background: url('/images/interface/deOlifant/deco_bg_meerContactInfo_left.gif') no-repeat;
	padding-left: 2px;
	float: right;
	height: 17px;
	margin-top: -1px;
}

#header .vcard .vcardMoreContactInfo a {
	background: #2a487d url('/images/interface/deOlifant/deco_bg_meerContactInfo_right.gif') no-repeat right 0;
	float: left;
	height: 16px;
	text-decoration: none;
	color: #fff;
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 1px;
}

#header .vcard .vcardMoreContactInfo a:hover {
	color: #F54906;
}

#breadCrumb {
	clear: both;
	float: left;
	width: 940px;
	margin-top: 37px;
	background: url('/images/interface/deOlifant/deco_bg_breadCrumb.gif') repeat-x;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 21px;
	color: #fff;
}

#breadCrumb a {
	color: #fff;
	background: url('/images/interface/deOlifant/deco_breadcrumb_seperator.gif') no-repeat right 5px;
	padding-right: 17px;
	margin-right: 10px;
}

#breadCrumb a:hover {
	color: #F54906;
}

/**
 * = Menu
 * ----------------------------------------------------------
 */

#menu {
	clear: both;
	float: left;
	width: 209px;
}


#menu li {
	clear: left;
	float: left;
	margin-bottom: 2px;
	width: 209px;
	overflow: hidden;
}

#menu ul {
	clear: both;
	float: left;
	margin-top: 2px;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	width: 187px;
	padding: 6px 22px;
	width: 163px;
	clear: left;
	float: left;
	border: 1px solid #fff;
}

#menu a:hover {
	background: #8F99B6;
	border: 1px solid #6D7B7D;
	color: #fff;
}

#menu ul a {
	padding-left: 46px;
	width: 139px;
}

#menu li.selected a, #menu li.selected a:hover {
	background: #4f75b6;
	border: 1px solid #2a487d;
	color: #fff;
}

#menu a.selected {
	background: #4f75b6;
	border: 1px solid #2a487d;
	color: #fff;
	background: #4f75b6 url('/images/interface/deOlifant/deco_bg_arrowSelected.gif') no-repeat 20px 11px;
}

#menu ul li.selected a, #menu ul li.selected a:hover {
	background: #4f75b6 url('/images/interface/deOlifant/deco_bg_arrowSelected.gif') no-repeat 20px 11px;
}

/**
 * = Maincontent
 * ----------------------------------------------------------
 */

#mainContent {
	float: left;
	width: 576px;
	padding-left: 27px;
	padding-right: 27px;
	overflow: hidden;
}

#contact #mainContent, #diensten #mainContent, #search #mainContent {
	width: 428px;
	padding-right: 22px;
	overflow: hidden;
}

#productenCategorie #mainContent, #brands #mainContent, #colors #mainContent, #references #mainContent {
	float: left;
	width: 697px;
	padding-left: 27px;
	overflow: hidden;
}

#references #mainContent {
	padding-right: 0;
	width: 724px;
}

#artikels #mainContent {
	float: left;
	width: 704px;
	padding-left: 27px;
	padding-right: 20px;
	overflow: hidden;
}

#mainContent h2 {
	font-size: 16px;
	color: #4f75b6;
	font-weight: bold;
	margin-bottom: 14px;
}

#mainContent.contact h2 {
	padding-left: 9px;
}

#mainContent p {
	line-height: 18px;
	margin-bottom: 20px;
}

#mainContent table {
	margin: 0 5px 62px 0;
	width: 100%;
}

#mainContent table.contactEmployees .tel .type {
	display: none;
}

#mainContent td {
	padding: 5px;
	/*width: 132px;*/
	width: 50%;
}

#mainContent tr.odd td {
	background: #f7f7f7;
}

#mainContent #openingsuren {
	background: #f7f7f7;
	padding: 8px;
	margin-bottom: 49px;
}

#mainContent #openingsuren p {
	margin: 0;
}

#mainContent #openingsuren h4 {
	font-size: 12px;
}

#mainContent ul.vcard {
	background: #f7f7f7;
	padding: 8px;
	padding-bottom: 0;
	margin-bottom: 49px;
}

#mainContent ul.vcard li {
	float: left;
	width: 137px;
	display: inline;
}

#mainContent ul.vcard li.adr, #mainContent ul.vcard li.tel {
}

#mainContent ul.vcard li.tel .type {
	display: none;
}

#mainContent ul.vcard ul li {
	float: none;
	display: block;
	width: 138px;
	margin-bottom: 13px;
	line-height: 100%;
}

#mapContainer {
	margin-bottom: 25px;
}

h2.homeHeading {
	width: 576px;
	height: 72px;
	background: url('/images/interface/deOlifant/title_homeHeading.gif') no-repeat;
	text-indent: -9999px;
	margin-bottom: 19px;
	margin-top: 4px;
}

ul#homeExtraInfo {
	margin-top: 25px;
	width: 588px;
}

ul#homeExtraInfo li {
	float: left;
	width: 135px;
	margin-right: 12px;
}

ul#homeExtraInfo li.artikelsHome {
	margin-right: 0;
	margin-right: 12px;
}

ul#homeExtraInfo li p {
	line-height: 20px;
	width: 130px;
}

ul#homeExtraInfo li h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #2a487d;
}

ul#homeExtraInfo li h3 a {
	color: #2a487d;
	text-decoration: none;
}

ul#homeExtraInfo li h3 a:hover {
	color: #f54906;
}

ul#homeExtraInfo li.artikelsHome h3 {
	color: #f54906;
	min-height: 45px;
}

ul#homeExtraInfo li.artikelsHome h3 a {
	color: #f54906;
}

ul#homeExtraInfo li.artikelsHome h3 a:hover {
	color: #2a487d;
}

ul#homeExtraInfo .homeExtraInfo_img {
	border: 1px solid #cccaca;
	padding: 1px;
	float: left;
	line-height: 80%;
	margin-bottom: 25px;
	width: 130px;
	height: 52px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

ul#homeExtraInfo .homeExtraInfo_img img {
}

/**
 * = homeBrands
 * ----------------------------------------------------------
 */

#homeBrands {
	float: left;
	width: 121px;
}

#homeBrands li {
	clear: left;
	float: left;
	margin-bottom: 21px;
}

#homeBrands li#allBrands {
	background: url('/images/interface/deOlifant/deco_bg_alleMerken_left.gif') no-repeat;
	height: 24px;
	padding-left: 2px;
}

#homeBrands li#allBrands a {
	background: #2a487d url('/images/interface/deOlifant/deco_bg_alleMerken_right.gif') no-repeat right 0;
	height: 21px;
	float: left;
	width: 119px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#homeBrands li#allBrands a:hover {
	color: #f54906;
}

/**
 * = articleSidebar
 * ----------------------------------------------------------
 */

#articleSidebar {
	float: left;
	width: 274px;
}

#articleSidebar a {
	color: #2a487d;
}

#articleSidebar a.moreInfo {
	margin-top: 18px;
	display: block;
}

#articleSidebar h3 a {
	color: #4f4f4f;
	float: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 18px;
}

#articleSidebar a:hover {
	color: #F54906;
}

#articleSidebar img {
	margin-bottom: 22px;
}

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

#footer {
	clear: left;
	float: left;
	width: 374px;
	padding-left: 586px;
	margin-top: 66px;
	margin-bottom: 15px;
}

#footer li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	font-size: 9px;
	color: #7f806a;
	background: url('/images/interface/deOlifant/deco_bg_footerSeperator.jpg') no-repeat right 0;
}

#footer li.designBy {
	width: 100px;
}

#footer li.last {
	width: 110px;
	background: none;
}

#footer a {
	color: #7f806a;
}

#footer a:hover {
	color: #f54906;
}

/**
 * = productCategories
 * ----------------------------------------------------------
 */


#productCategories {
	width: 724px;
	float: left;
}


#productCategories li {
	float: left;
	width: 724px;
	margin-bottom: 57px;
}

#productCategories li li {
	float: left;
	width: 333px;
	margin-right: 29px;
	display: inline;
	margin-bottom: 0;
}

#productCategories li li h3 {
	float: left;
	width: 333px;
	margin-bottom: 9px;
}

#productCategories li li div.productCatImage {
	float: left;
	width: 85px;
	height: 85px;
	background: center center no-repeat;
	text-indent: -9999px;
	margin-right: 19px;
}

#productCategories div.brandsAndInfo {
	float: left;
	width: 229px;
	overflow: hidden;
}

#productCategories div.brandsAndInfo li {
	float: left;
	width: auto;
	margin-right: 0;
	line-height: 150%;
	padding-left: 13px;
	background: url('/images/interface/deOlifant/deco_bg_brandsMenuBullet.gif') no-repeat 3px 8px;
}

#productCategories div.brandsAndInfo li a {
	color: #2a487d;
}

#productCategories div.brandsAndInfo li a:hover {
	color: #F54906;
}

#productCategories div.brandsAndInfo ul {
	margin-bottom: 18px;
	float:  left;
	width: 229px;
	margin-left: -12px;
}

#productCategories div.brandsAndInfo p {
	clear: left;
	float: left;
	width: 229px;
}

/*



#productenCategorien #mainContent ul {
	width: 500px;
	background: #f00;
}

#productenCategorien li {
	width: 500px;
}
#productenCategorien {
	width: 724px;
	float: left;
}

.productCat {
	margin-bottom: 25px;
}

#productenCategorien div {
	float: left;
	width: 338px;
	margin-right: 24px;
	margin-bottom: 10px;
	display: inline;
	overflow: hidden;
}

#productenCategorien h3 {
	clear: both;
	float: left;
	width: 338px;
	margin-bottom: 9px;
}

#productenCategorien p, #productenCategorien ul {
	float: left;
	width: 229px;
}

#productenCategorien div.brandsAndInfo {
	float: right;
	width: 229px;
	margin: 0;
}

#productenCategorien ul {
	list-style-type: none;
	margin-bottom: 18px;
	margin-left: -13px;
}

#productenCategorien .brands li {
	float: left;
	width: auto;
	line-height: 150%;
	padding-left: 13px;
	background: url('/images/interface/deOlifant/deco_bg_brandsMenuBullet.gif') no-repeat 3px 6px;
}

#productenCategorien .brands li.first {
	padding-left: 0;
	background: none;
}

#productenCategorien .brands li a {
	color: #2a487d;
}

#productenCategorien .brands li a:hover {
	color: #F54906;
}

#productenCategorien div.productCatImage {
	float: left;
	width: 85px;
	height: 85px;
	background: center center no-repeat;
	text-indent: -9999px;
}
*/


/**
 * = brands
 * ----------------------------------------------------------
 */

#brandsOverview a {
	width: 110px;
	height: 110px;
	background: center center no-repeat;
	text-indent: -9999px;
	display: block;
}

#brandsOverview {
	width: 780px;
	padding-bottom: 250px;
}

#brandsOverview li {
	width: 110px;
	float: left;
	margin-right: 85px;
	position: relative;
}

dl.brand_info {
	width: 145px;
	background: url('/images/interface/deOlifant/deco_bg_brand_info.png') no-repeat;
	position: absolute;
	left: -9999px;
	top: 80px;
	z-index: 500;
}

dl.brand_info dt {
	width: 140px;
	margin-top: 26px;
	padding-right: 5px;
	padding-bottom: 13px;
	background: url('/images/interface/deOlifant/deco_bg_brand_infoTitle.png') repeat-y;
	color: #fff;
	text-align: center;
}

dl.brand_info dd {
	width: 145px;
	background: url('/images/interface/deOlifant/deco_bg_brand_infoBottom.png') no-repeat 0 bottom;
	float: left;
	padding-bottom: 16px;
}

dl.brand_info dd ul {
	width: 145px;
	float: left;
	background: url('/images/interface/deOlifant/deco_bg_brand_infoList.png') repeat-y;
	padding: 10px 0 8px 0;
}

dl.brand_info dd ul li {
	margin: 0;
	width: 125px;
	padding: 0 10px;
	color: #fff;
	margin-bottom: 8px;
	color: #fff;
	text-align: left;
}

#brandDetail {
	float: left;
	width: 428px;
	margin-right: 25px;
}

#brandDetail dt {
	font-size: 18px;
	font-weight: bold;
	height: 60px;
}

#brandExtras {
	float: left;
	width: 244px;
}

#brandExtras p {
	height: 60px;
	margin: 0;
	text-align: right;
	background: url('/images/interface/deOlifant/deco_bg_overzichtAlleMerken.gif') no-repeat 104px 8px;
}

#brandExtras dl {
	background: #4f75b6;
}

#brandExtras dt {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;
	border: 8px solid #4f75b6;
	border-bottom: 0;
}

#brandExtras dd {
	background: #fff;
	padding: 5px;
	border: 8px solid #fff;
}

#brandExtras dd a {
	color: #2a487d;
}

#brandExtras dd a:hover {
	color: #F54906;
}

/**
 * = Colors
 * ----------------------------------------------------------
 */


ul#colorSystems li {
	float: left;
	width: 679px;
	margin-bottom: 53px;
}

ul#colorSystems li h2 {
	height: 60px;
}

ul#colorSystems li div {
	float: left;
	width: 411px;
}

ul#colorSystems li img {
	float: right;
}

/**
 * = References
 * ----------------------------------------------------------
 */


ul#referencesOverview li {
	float: left;
	width: 724px;
	margin-bottom: 53px;
}

ul#referencesOverview li h2 {
	height: 60px;
}

ul#referencesOverview li div {
	float: left;
	width: 428px;
	margin-right: 28px;
}


ul#referencesOverview li div.referenceGallery {
	width: 255px;
	margin-right: 0;
	overflow: hidden;
}

ul#referencesOverview ul.gallery {
	float: left;
	width: 255px;
	height: 188px;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
}

ul#referencesOverview ul.gallery li {
	float: left;
	width: 255px;
	overflow: hidden;
}

ul#referencesOverview ul.gallery li.normal {
	margin-top: 500px;
}

ul#referencesOverview ul.gallery li.selected {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}

ul#referencesOverview .gallery_thumb {
	position: relative;
	width: 255px;
	height: 48px;
	overflow: hidden;
}

ul#referencesOverview .thumbs .fake {
	position: relative;
	height: 48px;
	width: 221px;
	overflow: hidden;
	height: 48px;
	width: 442px;
	position: absolute;
	left: 17px;
	top: 0;
	background: url('/images/interface/deOlifant/fake.gif') no-repeat;
	top: 48px;
	display: none;
}

ul#referencesOverview .gallery_thumb ul {
	float: left;
	background: #f4f3f3;
	width: 230px;
	padding: 0 0 0 25px;
	margin-left: 4px;
}

ul#referencesOverview .gallery_thumb ul li {
	float: left;
	width: 53px;
	height: 44px;
	/*overflow: hidden;*/
	margin-bottom: 0;
	margin-top: 4px;
	margin-right: 20px;
}

ul#referencesOverview .gallery_thumb ul li a {
	float: left;
	height: 40px;
	overflow: hidden;
}

ul#referencesOverview .gallery_thumb ul li a.selected {
	border: 2px solid #c0c0c0;
	line-height: 0;
}

ul#referencesOverview .gallery_thumb ul li.selected {
	border: 2px solid #c0c0c0;
	margin-top: 4px;
}

ul#referencesOverview ul.gallery_thumb li.backBtn {
	
}

ul#referencesOverview .gallery_thumb .backBtn {
	width: 17px;
	height: 48px;
	margin-top: 0;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	width: 17px;
	height: 48px;
	float: left;
	clear: left;
	background: url('/images/interface/deOlifant/btn_galleryBack.gif') no-repeat;
	overflow: hidden;
}

ul#referencesOverview .gallery_thumb .backBtn:hover {
	background: url('/images/interface/deOlifant/btn_galleryBack.gif') no-repeat 0 -48px;
}


ul#referencesOverview .gallery_thumb .backBtnDisabled {
	width: 17px;
	height: 48px;
	margin-top: 0;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	width: 17px;
	height: 48px;
	float: left;
	background: url('/images/interface/deOlifant/btn_galleryBack.gif') no-repeat 0 -96px;
	cursor: default;
}

ul#referencesOverview .gallery_thumb .backBtnDisabled:hover {
	background: url('/images/interface/deOlifant/btn_galleryBack.gif') no-repeat 0 -96px;
}

ul#referencesOverview .gallery_thumb .forwardBtn {
	width: 17px;
	height: 48px;
	margin-top: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	width: 17px;
	height: 48px;
	float: left;
	background: url('/images/interface/deOlifant/btn_galleryForward.gif') no-repeat;
}

ul#referencesOverview .gallery_thumb .forwardBtn:hover {
	background: url('/images/interface/deOlifant/btn_galleryForward.gif') no-repeat 0 -48px;
}

ul#referencesOverview .gallery_thumb .forwardBtnDisabled {
	width: 17px;
	height: 48px;
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	width: 17px;
	height: 48px;
	float: left;
	background: url('/images/interface/deOlifant/btn_galleryForward.gif') no-repeat 0 -96px;
	cursor: default;
}

ul#referencesOverview .gallery_thumb .forwardBtnDisabled:hover {
	background: url('/images/interface/deOlifant/btn_galleryForward.gif') no-repeat 0 -96px;
}


/**
 * = Articles
 * ----------------------------------------------------------
 */

ul#articleList {
	width: 702px;
}

ul#articleList li {
	float: left;
	width: 702px;
	margin-bottom: 38px;
}

ul#articleList li.articlePagination {
	background: #f9f7f7;
}

ul#articleList li.articlePagination li {
	clear: none;
	float: right;
	width: auto;
	margin: 4px;
	background: #909090 url('/images/interface/deOlifant/deco_paginationButton.gif') left no-repeat;
	height: 17px;
	padding: 0;
}

ul#articleList li.articlePagination li a {
	color: #fff;
	padding: 0 8px;
	height: 17px;
	text-decoration: none;
	float: left;
	background: url('/images/interface/deOlifant/deco_paginationButton.gif') right 0 no-repeat;
}

ul#articleList li.articlePagination li a:hover {
	color: #F54906;
}

ul#articleList li h2 {
	height: 31px;
	font-size: 18px;
	color: #505141;
}

.articleSmallImage {
	padding-top: 72px;
	width: 83px;
	height: 17px;
	float: left;
	background: center center;
}

.articleSmallImage a {
	background: url('/images/interface/deOlifant/deco_bg_ArticleLeesMeer.gif') no-repeat;
	width: 83px;
	height: 17px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff;
	border-top: 5px solid #FFFFFF;
}

.articleSmallImage a:hover {
	color: #F54906;
}

.articleInfo_short {
	float: right;
	width: 595px;
}

#articleDetail {
	float: left;
	width: 424px;
	margin-right: 25px;
}

#articleDetail dt {
	font-size: 18px;
	font-weight: bold;
	height: 60px;
}

#articleExtras {
	float: left;
	width: 255px;
}

#articleExtras img {
	margin-top: 36px;
}

#articleExtras img.first {
	margin-top: 0;
}


#articleExtras p {
	height: 60px;
	margin: 0;
	text-align: right;
	background: url('/images/interface/deOlifant/deco_bg_overzichtAlleMerken.gif') no-repeat 104px 8px;
}

#articleExtras p.caption {
	background: #f7f7f7;
	text-align: left;
	margin-top: 9px;
	height: auto;
	padding: 6px;
}

#articleExtras dl {
	background: #4f75b6;
	padding: 8px;
}

#articleExtras dt {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;
}

#articleExtras dd {
	background: #fff;
	padding: 5px;
}

#articleExtras dd a {
	color: #2a487d;
}

#articleExtras dd a:hover {
	color: #F54906;
}

/**
 * = Searchform
 * ----------------------------------------------------------
 */

#searchForm .submit {
	margin-left: 18px;
}

#mainContent p.keywords {
	background: #f4f3f3;
	padding: 8px;
	margin-top: 23px;
}


.searchResults a {
	color: #4f75b6;
}

.searchResults a:hover {
	color: #f54906;
}


.searchResults dt {
	margin-bottom: 8px;
}

.searchResults dd {
	margin-bottom: 25px;
}


/**
 * = Clearfix
 * ----------------------------------------------------------
 */

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}