*{
	margin:0;
	padding:0;
}

html{
	background:url(../images/background.jpg) top center fixed;
	height:100%;
	padding-bottom:1px;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
}

a{
	color:#FFF;
}

a:hover{
	text-decoration:none;
}

p{
	line-height:18px;
	padding-bottom:10px;
}

h1{
	font-size:18px;
}

h2{
	font-size:16px;
}

h3{
	font-size:14px;
}

h4, h5, h6{
	font-size:13px;
}

img{
	border:none;
}

/****  HEADER STUFF  ****/
#headerWrapper{
	height:60px;
}

#header{
	position:relative;
	width:962px;
	height:60px;
	overflow:hidden;
}

#headerTitel{
	position:absolute;
	font-size:25px;
	top:23px;
	left:15px;
}

#headerTitel a{
	text-decoration:none;
}

#headerSubtitel{
	position:absolute;
	font-size:14px;
	top:25px;
	left:265px;
}

#langnav{
	position:absolute;
	right:10px;
	top:20px;
}

#langnav li{
	list-style:none;
	display:inline;
}

#langnav a{
	display:block;
	float:left;
	margin-right:7px;
}

/****  TOPNAV & LANDKEUZE  ****/
#topnavWrapper{
	height:44px;
}

#topnavWrapper .centerDiv{
	position:relative;
}

#topnav{
	position:absolute;
	width:796px;
	height:44px;
	left:0;
	top:0;
}

#topnav li{
	list-style:none;
	display:inline;
}

#topnav li a{
	display:block;
	float:left;
	text-decoration:none;
	height:44px;
	line-height:45px;
	padding:0 8px 0 8px;
	color:#FFF;
	outline:none;
}

#topnav li a:hover, #topnav li.current a{
	text-decoration:underline;
}

#landkeuze{
	position:absolute;
	width:165px;
	height:44px;
	overflow:hidden;
	right:0;
	top:0;
}

#landkeuze a{
	display:block;
	width:150px;
	text-align:right;
	height:44px;
	line-height:44px;
	text-decoration:none;
	outline:none;
}

#landkeuze a:hover{
	text-decoration:underline;
}

#landkeuzeSelect{
	position:absolute;
	width:167px;
	overflow:hidden;
	right:0;
	top:0;
	display:none;
	z-index:1000;
}

#landkeuzeSelect li{
	list-style:none;
}

#landkeuzeSelect li a{
	display:block;
	text-decoration:none;
	width:150px;
	height:31px;
	background:url(../images/zwart80.png);
	text-align:right;
	line-height:31px;
	padding-right:15px;
	outline:none;
}

#landkeuzeSelect li a:hover{
	text-decoration:underline;
}

/****  SPLASHSCREEN  ****/
.splashWindow{
	height:500px;
	position:relative;
}

.splashVlag{
	width:48px;
	height:48px;
}

.splashVlagEN{
	position:absolute;
	left:235px;
	top:102px;
}

.splashVlagNL{
	position:absolute;
	left:235px;
	top:172px;
}

.splashVlagFR{
	position:absolute;
	left:235px;
	top:242px;
}

.splashVlagDE{
	position:absolute;
	left:235px;
	top:312px;
}

.splashVlagIT{
	position:absolute;
	left:235px;
	top:382px;
}

.splashVlag a{
	display:block;
	width:48px;
	height:48px;
	outline:none;
}

.splashVlagEN a{
	background:url(../images/en.png);
}

.splashVlagNL a{
	background:url(../images/nl.png);
}

.splashVlagFR a{
	background:url(../images/fr.png);
}

.splashVlagDE a{
	background:url(../images/de.png);
}

.splashVlagIT a{
	background:url(../images/it.png);
}

.splashText{
	font-size:20px;
	width:500px;
	height:50px;
	line-height:52px;
}

.splashTextEN{
	position:absolute;
	left:300px;
	top:100px;
}

.splashTextNL{
	position:absolute;
	left:300px;
	top:170px;
}

.splashTextFR{
	position:absolute;
	left:300px;
	top:240px;
}

.splashTextDE{
	position:absolute;
	left:300px;
	top:310px;
}

.splashTextIT{
	position:absolute;
	left:300px;
	top:380px;
}

.splashText a{
	text-decoration:none;
}

/****  HOME  ****/
#homeTop{
	height:120px;
	overflow:hidden;
	position:relative;
}

#homeTopLinks{
	width:643px;
	padding:15px 30px 15px 0;
	position:absolute;
	top:0;
	left:0;
}

#homeTopLinks p{
	text-align:justify;
}

#homeTopRechts{
	width:288px;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}

#homeTopRechts li{
	list-style:none;
}

#homeTopRechts li a{
	display:block;
	text-decoration:none;
	width:256px;
	background:url(../images/zwart60.png);
	text-align:right;
	outline:none;
	font-size:11px;
}

#homeTopRechtsRow1{
	height:40px;
}

#homeTopRechtsRow1 a{
	padding:0 15px 0 15px;
}

#homeTopRechtsRow2 a{
	padding:0 15px 17px 15px;
}

#homeTopRechtsRow2{
	height:81px;
}

#homeTopRechts li a:hover{
	text-decoration:underline;
}

#homeTopRechts li a span{
	font-size:15px;
}

#homeTopRechtsRow1 span{
	line-height:39px;
}

#homeTopRechtsRow2 span{
	line-height:39px;
}

/****  DEFAULT PAGES  ****/
.defaultPageContent{
	padding-top:15px;
	width:795px;
}

/****  CATEGORY OVERVIEW  ****/
.categoryRow{
	height:127px;
}

.categoryBlock{
	width:474px;
	height:127px;
	overflow:hidden;
	background:url(../images/zwart60.png);
}

.categoryBlockLeft{
	position:absolute;
	top:0;
	left:0;
}

.categoryBlockRight{
	position:absolute;
	top:0;
	right:0;
}

.categoryBlockImage{
	position:absolute;
	left:0;
	top:0;
	width:146px;
	height:127px;
}

.categoryBlockImage img{
	width:146px !important;
	height:127px !important;
}

.categoryBlockContent{
	position:absolute;
	left:165px;
	top:16px;
	width:290px;
	height:100px;
	overflow:hidden;
}

.categoryBlockContent h2 a{
	text-decoration:none;
}

.categoryBlockContent h2 a:hover{
	color:#f5d3ad;
}

.categoryBlockOverlay{
	position:absolute;
	width:474px;
	height:127px;
	left:0;
	top:0;
}

.categoryBlockOverlay a{
	display:block;
	width:474px;
	height:127px;
	background:url(../images/blanco.png);
}

.categoryBlockOverlay a:hover{
	background:url(../images/zwart60.png);
}

/****  PRODUCTOVERZICHT  ****/
.productHeader{
	height:123px;
}

.productLogo{
	position:absolute;
	left:0;
	top:10px;
	width:200px;
	height:40px;
}

.purebaseLogo{
	background:url(../images/purebase.png) left no-repeat;
}

.pureid_natureLogo{
	background:url(../images/pureid_nature.png) left no-repeat;
}

.pureid_fiberLogo{
	background:url(../images/pureid_fiber.png) left no-repeat;
}

.pureplus_natureLogo{
	background:url(../images/pureplus_nature.png) left no-repeat;
}

.pureplus_fiberLogo{
	background:url(../images/pureplus_fiber.png) left no-repeat;
}

.hiteak_natureLogo{
	background:url(../images/hiteak_nature.png) left no-repeat;
}

.hiteak_fiberLogo{
	background:url(../images/hiteak_fiber.png) left no-repeat;
}

.pureprojectsLogo{
	background:url(../images/pureproject.png) left no-repeat;
}

.productSubnav{
	position:absolute;
	left:210px;
	top:21px;
}

.productSubnav li{
	list-style:none;
	display:inline;
}

.productSubnav li a{
	display:block;
	float:left;
	font-size:13px;
	text-decoration:none;
	padding:0 10px 0 10px;
}

.productSubnav li a:hover span, .productSubnav li.current a span{
	text-decoration:underline;
}

.productTeaserText{
	position:absolute;
	left:0;
	top:60px;
	width:800px;
	height:60px;
}

.productRow{
	height:127px;
}

.productBlock{
	background:url(../images/zwart60.png);
	height:127px;
	overflow:hidden;
	width:312px;
}

.productBlockLeft{
	position:absolute;
	top:0;
	left:0;
}

.productBlockMiddle{
	position:absolute;
	top:0;
	left:325px;
}

.productBlockRight{
	position:absolute;
	top:0;
	right:0;
}

.productBlockImage{
	position:absolute;
	left:0;
	top:0;
	width:146px;
	height:127px;
}

.productBlockImage img{
	width:146px !important;
	height:127px !important;
}

.productBlockContent{
	position:absolute;
	left:165px;
	top:10px;
	width:139px;
	height:100px;
}

.productBlockContent h3 a{
	text-decoration:none;
}

.productBlockOverlay{
	position:absolute;
	left:0;
	top:0;
	width:312px;
	height:127px;
}

.productBlockOverlay a{
	display:block;
	width:312px;
	height:127px;
	background:url(../images/blanco.png);
}

.productBlockOverlay a:hover{
	background:url(../images/zwart60.png);
}

/****  PRODUCTPAGE  ****/
.detailHeader{
	height:77px;
}

.detailNav{
	height:43px;
}

.detailNav a{
	font-size:13px;
	text-decoration:none;
}

.detailNav a:hover span{
	text-decoration:underline;
}

.detailNavPrev{
	position:absolute;
	left:0;
	top:14px;
	width:200px;
	height:20px;
}

.detailNavBack{
	position:absolute;
	left:381px;
	top:14px;
	text-align:center;
	width:200px;
	height:20px;
}

.detailNavNext{
	position:absolute;
	right:0;
	top:14px;
	text-align:right;
	width:200px;
	height:20px;
}

.detailContent{
	height:465px;
}

.detailTitelContainer{
	position:absolute;
	left:0;
	top:0;
	width:483px;
	height:45px;
}

.detailTitel{
	position:absolute;
	left:19px;
	top:15px;
}

.detailTitel h1{
	font-size:15px;
}

.detailBestelNu{
	position:absolute;
	right:19px;
	top:15px;
	font-size:15px;
}

.detailBestelNu a{
	text-decoration:none;
}

.detailBestelNu a:hover span{
	text-decoration:underline;
}

.detailContentContainer{
	position:absolute;
	left:0;
	top:46px;
	width:483px;
	height:419px;
}

.detailContentBox{
	position:absolute;
	left:19px;
	top:19px;
}

.detailContentBoxContent{
	position:relative;
	width:445px;
	height:381px;
	overflow:auto;
}

.detailContentBoxColor{
	width:38px;
	height:38px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	border:#fff 1px solid;
}

.detailGalleryContainer{
	position:absolute;
	left:483px;
	top:0;
	width:479px;
	height:465px;
	overflow:hidden;
}

.detailGalleryFoto{
	position:absolute;
	left:0;
	top:0;
	width:479px;
	height:332px;
}

.detailGalleryDescription{
	position:absolute;
	left:0;
	top:332px;
	width:479px;
	height:133px;
	width:372px;
}

.detailGalleryDescription p{
	padding:10px;
}

.detailGalleryPager{
	position:absolute;
	left:372px;
	top:332px;
	width:107px;
	height:50px;
}

.detailGalleryPager p{
	text-align:right;
}

.detailGalleryPager a{
	text-decoration:none;
	outline:none;
	font-size:15px;
}

.detailGalleryPagerItem{
	position:relative;
	width:107px;
	height:50px;
}

.detailGalleryPagerItemPrev{
	position:absolute;
	top:9px;
	left:10px;
	width:10px;
	height:20px;
}

.detailGalleryPagerItemText{
	position:absolute;
	left:24px;
	width:60px;
	height:20px;
	top:12px;
	text-align:center;
}

.detailGalleryPagerItemNext{
	position:absolute;
	top:9px;
	right:10px;
	width:10px;
	height:20px;
}

.dealerList li{
	margin:8px 0 8px 0;
	list-style:none;
}

/****  DEALER ZOEKEN  ****/
#frmZoekDealer{
	margin-bottom:20px;
}

#frmZoekDealer select{
	float:left;
	margin-right:6px;
}

#frmZoekDealer select option{
	padding-right:10px;
	padding-left:10px;
}

#frmZoekDealer input{
	float:left;
	background-color:#060402;
	border:none;
	color:#FFF;
	padding:2px 10px 2px 10px;
	cursor:pointer;
}

#frmZoekDealer input:hover, #frmZoekDealer input:active{
	text-decoration:underline;
}

.zoekresultaten{
	height:42px;
}

.zoekresultatenTitel{
	position:absolute;
	left:0;
	top:13px;
	font-size:14px;
}

.zoekresultatenTerug{
	position:absolute;
	right:0;
	top:15px;
}

/****  CONTACT FORM  ****/
.contactHeader{
	height:123px;
}

.ContactGegevensLinks{
	position:absolute;
	left:0;
	top:17px;
	width:400px;
	height:100px;
}

.ContactGegevensRechts{
	position:absolute;
	right:0;
	top:17px;
	width:400px;
	height:100px;
	display:none;
}

.ContactGegevensRechts p{
	text-align:right;
}

#contactForm2, #contactForm3{
	width:491px;
}

#contactForm2 h1, #contactForm3 h1{
	padding-bottom:18px;
}

#contactForm2 p, #contactForm3 p{
	padding-bottom:6px;
}

#contactForm2 .overlayInputText, #contactForm2 .overlayInputArea, #contactForm3 .overlayInputText, #contactForm3 .overlayInputArea{
	width:264px;
	padding:5px 9px 5px 9px;
	background-color:#FFF;
	border:#c8c7c7 1px solid;
	color:#1a171b;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

#contactForm2 .overlayInputArea, #contactForm3 .overlayInputArea{
	width:471px;
	height:99px;
}

#contactForm2 .overlayInputSubmit, #contactForm3 .overlayInputSubmit{
	background-color:#FFF;
	color:#1a171b;
	border:none;
	padding:4px 8px 4px 8px;
	border:#c8c7c7 1px solid;
	margin-left:10px;
}

#contactForm2 .overlayInputSubmit:hover, #contactForm2 .overlayInputSubmit:active, #contactForm3 .overlayInputSubmit:hover, #contactForm3 .overlayInputSubmit:active{
	background-color:#c8c7c7;
	color:#1a171b;
}

#contactForm2 .spanRadio, #contactForm3 .spanRadio{
	display:block;
	width:200px;
	float:left;
}

#contactForm2 .errormessage, #contactForm3 .errormessage{
	color:#F00;
	display:none;
}

#googlemap{
	float:right;
	width:425px;
	height:350px;
}

#googlemap .gmnoprint{
	color:#000;
}

/****  MEMBERPAGES  ****/
.memberLogin{
	height:63px;
}

.memberLogin p{
	position:absolute;
	left:0;
	top:25px;
}

.memberLogin p span{
	float:left;
	display:block;
	padding-top:5px;
	padding-right:15px;
}

a.btnLogout{
	display:block;
	background-color:#060402;
	color:#FFF;
	border:#060402 1px solid;
	padding:3px 10px 2px 10px;
	float:left;
	text-decoration:none;
}

a.btnLogout:hover{
	background-color:#CCC;
	color:#333;
}

#loginForm{
	position:absolute;
	left:0;
	top:16px;
}

#loginForm .inputText{
	float:left;
	margin-right:4px;
	background-color:#FFF;
	border:#c8c7c7 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	width:100px;
	padding:3px 6px 3px 6px;
}

#loginForm .inputSubmit{
	float:left;
	margin-right:15px;
	background-color:#060402;
	color:#FFF;
	border:#060402 1px solid;
	padding:3px 10px 2px 10px;
}

#loginForm .inputSubmit:hover, #loginForm .inputSubmit:active{
	background-color:#CCC;
	color:#333;
}

#loginForm span{
	display:block;
	float:left;
	padding-top:7px;
}

#loginForm span a{
	outline:none;
}

.memberFormContainer{
	height:465px;
	visibility:hidden;
}

.memberContent ul{
	list-style:none;
}

/****  EVENTS  ****/
.eventTitel{
	font-size:14px;
}
.eventContent{
	padding-left:15px;
}

/****  FOOTER  ****/
#footer{
	margin-top:15px;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

/****  ANDERE STIJLEN  ****/
.centerDiv{
	width:962px;
	margin:0 auto;
}

.contentDiv{
	background:url(../images/zwart60.png);
	overflow:hidden;
}

.clear{
	clear:both;
}

.contentWrapper .centerDiv{
	position:relative;
}

.bgBlack{
	background:url(../images/zwart60.png);
}

.bgBlacker{
	background:url(../images/zwart80.png);
}

.borderTop{
	border-top:#524943 1px solid;
}

.borderBottom{
	border-bottom:#524943 1px solid;
}

.borderLeft{
	border-left:#524943 1px solid;
}

.borderRight{
	border-right:#524943 1px solid;
}

.padding-10{
	padding:10px;
}