/* BASIS CSS */

body, html {
	margin: 0;
	height: 100%;
	background-color: #cfecf8;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #39a7b0;
}

img {
	border: none;
}

.container {
	position: relative;
	z-index: 2;
	left: 50%;
	width: 980px;       
	text-align: left;
	margin: 0 0 0 -490px;
}

#transparent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 500;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	background-color: #cfecf8; 
	color: #000;
}

body > #transparent { position: fixed; }

* html #transparent { /*\*/position: absolute; top: expression(((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression(((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

.helpContainer {
	position: absolute;
	z-index: 501;
	left: 50%;
	width: 980px;       
	text-align: center;
	margin: 20px 0 0 -490px;
	padding: 5px;
}

.helpcontent {
	position: relative;
	width: 980px;
	background-color: #e6f9fa;
	float: left;
}

.headerLinks {
	float: right;
	position: relative;
	height: 30px;
}

.headerTabs {
	float:left;
	position: relative;
	height: 30px;
	left: 40px;
}

.headerLinks a {
	color: #2d878c;
	text-decoration: none;
	font-weight: bold;
}

.headerLinks a:hover {
	color: #4d8800;
}

.header {
	position: relative;
	left: 0px;
	width: 100%;
	height: 178px;
	background-repeat: no-repeat;
	padding-bottom: 16px;
	float: left;
	z-index: 1000;
}

.headerfoto {
	position: absolute;
	top: 30px;
	left: 460px;
	z-index: 0;
	width: 269px;
	height: 178px;	
}

.headerKeurmerk {	
	background-image: url('../images/keurmerk2.jpg');
	width: 156px;
	height: 40px;
	cursor: pointer;
}

.headerTWA {	
	background-image: url('../images/winnaar_twa.jpg');
	width: 156px;
	height: 40px;
	cursor: pointer;
}

.menu {
	position: relative;
	left: 0px;
	/*height: 491px;*/
	width: 178px;
	padding-bottom: 16px;
	float: left;
	/*height: 100%;*/
}

.menuTop {
	position: relative;
	background-image: url('../images/menutop.jpg');
	height: 44px;
	width: 178px;
}

div.menuItem {
	position: relative;
	background-image: url('../images/menubutton.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 20px;
	cursor: pointer;
	padding-left: 20px;
	padding-top: 4px;
}

div.menuItem:hover {
	background-image: url('../images/menubutton.jpg');
	background-position: bottom left;
}

div.menuItemOn {
	position: relative;
	background-image: url('../images/menubutton.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 20px;
	cursor: pointer;
	color: #2d878c;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 4px;
}

.menuLogin {
	height: 127px;
	background-image: url('../images/menulogin.jpg');
	background-position: top left;
	padding-left: 15px;
	font-size: 11px;
	color: #554d0c;
	position: relative;
	padding-top:50px;
}

.menuLoginTitel {
	position: absolute;
	top: 20px;
	right: 10px;
	text-align: right;
	padding-right: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #2d878c;
}

.menuLoginButton {
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}

.menuLoginSubmit {
	border: none;
	background: url('../images/menuloginbutton.jpg') no-repeat top left;
	width: 133px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	/*color: #4b0205;*/
	vertical-align: top;
	cursor: pointer;
	color: #1e5154;
}

a.menuItem1 {
	color: #554d0c;
	text-decoration: none;
	font-size: 12px;
}

a.menuItem1:hover {
	color: #2d878c;
}

a.menuItem2 {
	color: #554d0c;
	text-decoration: none;
	font-size: 11px;
}

a.menuItem2:hover {
	color: #2d878c;
}

.menuLoginSubmit:hover {
	background: url('../images/menuloginbutton.jpg') no-repeat bottom left;
	/*color: #f4f247;*/
	color: #f3ff6a;
}

.menuItemKlein {
	position: relative;
	background-image: url('../images/menukleinbutton.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	cursor: pointer;	
	padding-left: 20px;
	padding-top: 2px;	
}

.menuItemKlein:hover {
	background-image: url('../images/menukleinbutton.jpg');
	background-position: bottom left;
}

.menuRest {
	position: relative;
	background-image: url('../images/menurest.jpg');
	min-height: 0px;
	width: 178px;
	text-align: center;
	padding-top: 15px;
}

.menuBottom {
	position: relative;
	background-image: url('../images/menubottom.jpg');
	height: 17px;
	width: 178px;
}

.top5 {
	position: relative;
	left: 0px;
	margin-top: 16px;
	/*height: 491px;*/
	width: 178px;
	padding-bottom: 16px;
	float: left;
	color: #faa943;
	/*height: 100%;*/
}

.top5Top {
	position: relative;
	background-image: url('../images/top5top.jpg');
	height: 54px;
	width: 178px;
}

.top5Body {
	position: relative;
	background-image: url('../images/menurest.jpg');
	width: 178px;
	text-align: center;
}

.top5Bottom {
	position: relative;
	background-image: url('../images/menubottom.jpg');
	height: 17px;
	width: 178px;
}

.footer {
	position: relative;
	background-image: url('../images/footer.jpg');
	width: 965px;
	height: 21px;
	z-index: 2;
	font-size: 11px;
	padding-top: 6px;
	padding-left: 15px;
	float: left;
	color: #1e5154;
}

.footerTextLinks {
	float: left;
	vertical-align: middle;
}

.footerTextRechts {
	float: right;
	vertical-align: middle;
	padding-right: 20px;
}

.footer a {
	color: #4d8800;
}

.page {
	position: relative;
	top: 0px;
	width: 786px;
	height: 100%;
	left: 14px;
	float: left;
}

.collectieBanner {
	position: relative;
	height: 130px;
	width: 592px;
	float: left;
}

.voorbeeldTeksten {
	position: relative;
	height: 130px;
	width: 178px;
	left: 16px;
	float: left;
}

.klantenBanner {
	position: relative;
	top: 16px;
	height: 203px;
	left: 16px;
	width: 178px;
	/*background-image: url('../images/50000.jpg');*/
	float: left;
}

.actieBanner {
	position: relative;
	top: 32px;
	height: 122px;
	left: 16px;
	width: 178px;
	background-image: url('../images/actie.jpg');
	float: left;
	cursor: pointer;
}

.etalage {
	background-image: url('../images/etalage.jpg');
	position: relative;
	top: 32px;
	height: 123px;
	width: 592px;
	float: left;
}

.etalage a {
	text-decoration: none;
	font-weight: bold;
	color: #2d878c;
}

.etalage a:hover {
	color: #4d8800;
}

.etalageKaart {
	position: relative;
	float: left;	
	width: 107px;
	height: 113px;
	padding: 5px;
	text-align: center;
}

.reactiesBanner {
	position: relative;
	top: 32px;
	height: 123px;
	width: 178px;
	float: left;
	left: 16px;
}

#startContent {
	position: relative;
	top: 16px;
	height: 203px;
	width: 592px;
	background-color: #e6f9fa;
	float: left;
}

.t {background: url('../images/contentborder_tl.jpg') 0 0 repeat-x; height: 100%;}
.b {background: url('../images/contentborder_br.jpg') 0 100% repeat-x; height: 100%;}
.l {background: url('../images/contentborder_tl.jpg') 0 0 repeat-y; height: 100%;}
.r {background: url('../images/contentborder_br.jpg') 100% 0 repeat-y; height: 100%;}
.bl {background: url('../images/content_bl.jpg') 0 100% no-repeat; height: 100%; }
.br {background: url('../images/content_br.jpg') 100% 100% no-repeat; height: 100%;}
.tl {background: url('../images/content_tl.jpg') 0 0 no-repeat; height: 100%;}
.tr {background: url('../images/content_tr.jpg') 100% 0 no-repeat; height: 100%;}

.content {
	padding: 15px;
	color: #000000;
}

.contentTitel {
	font-size: 14px;
	color: #2d878c;
	margin-top: 0px;
}

.startTekst {
	width: 400px;
	font-size: 11px;
}

.startTekst ul {
	margin: 0px;	
}

.startKeurmerk {
	position: absolute;
	top: 30px;
	left: 480px;
	background-image: url('../images/keurmerk.jpg');
	width: 93px;
	height: 168px;
	cursor: pointer;
}

#navigatieBalk {
	position: relative;
	width: 786px;
	height: 123px;
	background-color: #e6f9fa;
	float: left;
}

.helpTekst {
	width: 550px;
	font-size: 12px;
}

.contactHelp {
	position: absolute;
	width: 128px;
	height: 94px;
	top: 20px;
	left: 600px;
	background-image: url('../images/contacthelp.jpg');
}

#contactKlein1 {
	position: relative;
	width: 184px;
	top: 16px;
	height: 150px;
	background-color: #e6f9fa;
	float: left;
}

#contactKlein2 {
	position: relative;
	width: 185px;
	top: 16px;
	height: 150px;
	left: 16px;
	background-color: #e6f9fa;
	float: left;
}

#contactKlein3 {
	position: relative;
	width: 184px;
	top: 16px;
	height: 150px;
	left: 32px;
	background-color: #e6f9fa;
	float: left;
}

#contactKlein4 {
	position: relative;
	width: 184px;
	top: 16px;
	height: 150px;
	left: 48px;
	background-color: #e6f9fa;
	float: left;
}

.contentKlein {
	padding: 8px;
	color: #000000;
	font-size: 11px;
}

.contactTitel {
	font-size: 12px;
	color: #2d878c;
	margin-top: 6px;
	margin-bottom: 4px;
}

#contactBalk {
	position: relative;
	width: 786px;
	top: 32px;
	height: 160px; 
	background-color: #e6f9fa;
	float: left;
}

.controleCode {
	border: 1px solid #000000;
}

.contactButton {
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}

.contactSubmit {
	border: none;
	background: url('../images/contentbutton.jpg') no-repeat top left;
	width: 113px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.contactSubmit:hover {
	background: url('../images/contentbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.contactImage {
	position: absolute;
	background-image: url('../images/contactimage.jpg');
	top: 10px;
	left: 600px;
	width: 142px;
	height: 140px;
}

#overonsKlein1 {
	position: relative;
	width: 385px;
	top: 16px;
	height: 174px;
	float: left;
}

#overonsKlein2 {
	position: relative;
	width: 385px;
	top: 16px;
	height: 174px;
	left: 16px;
	float: left;
}

#overonsGroot {
	position: relative;
	width: 786px;
	top: 32px;
	height: 185px;
	float: left;
	background-color: #e6f9fa;
}

#reactieKlein {
	position: relative;
	width: 786px;
	top: 16px;
	height: auto;
	background-color: #e6f9fa;
	float: left;
}

#gegevensKwijt {
	position: relative;
	width: 786px;
	top: 16px;
	height: 100px;
	background-color: #e6f9fa;
	float: left;
}

.kwijtButton {
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}

.kwijtSubmit {
	border: none;
	background: url('../images/contentbutton.jpg') no-repeat top left;
	width: 113px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.kwijtSubmit:hover {
	background: url('../images/contentbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

#voorwaardenContent {
	position: relative;
	width: 786px;
	top: 16px;
	height: 100%;
	background-color: #e6f9fa;
	float: left;
}

#belmijBalk {
	position: relative;
	width: 786px;
	top: 16px;
	/*height: 200px; */
	background-color: #e6f9fa;
	float: left;
}

#helpdeskContent {
	position: relative;
	width: 786px;
	top: 16px;
	height: 100%; 
	background-color: #e6f9fa;
	float: left;
}

.helpTabel {
	vertical-align: top;
}

.helpVraag {
	vertical-align: top;
	padding-top: 5px;
}

.helpVraag a {
	color: #2d878c;
}

.helpVraag a:hover {
	color: #4d8800;
}

.helpAntwoord {
	visibility: hidden;
	display: none;
	padding: 5px;
	width: 600px;
}

.helpTextarea {
	width: 455px;
	height: 88px;
	/*border: 3px solid #cccccc;*/
	border: 0;
	padding: 5px;
	padding-left: 20px;
	font-family: Verdana, Arial;	
}

.kaartContainer {
	position: relative;
	float: left;
	height: 200px;
	width: 786px;
	padding-top: 16px;
}

#kaartBox {
	width: 184px;
	height: 200px;
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
}

#kaartBox2 {
	width: 184px;
	height: 200px;
	background-color: #e6f9fa;
	float: left;
}

.actieKlein {
	width: 184px;
	height: 200px;
	cursor: pointer;
}

.actieKlein2 {
	width: 184px;
	height: 200px;
	background-image: url('../images/thuiswinkelawards_winnaar.jpg');
	cursor: pointer;
}

.kaartImage {
	width: 184px;
	text-align: center;
	height: 150px;
	padding-top: 5px;
}

.kaartText {
	width: 184px;
	text-align: center;
	height: 44px;
	color: #000000;
}

#zoekBalk {
	width: 786px;
	height: 60px;
	background-color: #e6f9fa;
	margin-top: 16px;
	text-align: center;
	float: left;
}

.zoekSubmit {
	border: none;
	background: url('../images/contentbutton.jpg') no-repeat top left;
	width: 113px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.zoekTekst {
	color: #000000;
	font-size: 12px;	
}

.zoekSubmit:hover {
	background: url('../images/contentbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

#inloggenContent {
	width: 786px;
	height: 225px;
	background-color: #e6f9fa;
	margin-top: 16px;
	float: left;
}

.loginSubmit {
	border: none;
	background: url('../images/contentbutton3.jpg') no-repeat top left;
	width: 133px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.loginSubmit:hover {
	background: url('../images/contentbutton3.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.accountTabs {
	width: 750px;
	height: 30px;
	/*border: 1px solid #000000;*/
	margin-top: 16px;
	float: left;
	margin-left: 25px;
}

.accountTab {
	background-image: url('../images/accounttab.jpg');
	background-position: top left;
	margin-right: 10px;
	height: 21px;
	width: 180px;
	float: left;
	padding-top: 7px;
	text-align: center;
	margin-top: 3px;
}

.accountTab:hover {
	background-image: url('../images/accounttab.jpg');
	background-position: bottom left;
	color: #4d8800;
}

.accountTab a {
	font-size: 15px;
	font-weight: bold;
	color: #2d878c;
	text-decoration: none;
}

.accountTab a:hover {
	color: #4d8800;
}

#accountContent {
	width: 786px;
	height: 100%; 
	background-color: #e6f9fa;
	float: left;
}

#kaartContentLeft {
	position: relative;
	width: 385px;
	height: 476px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: center;
}

#kaartContentRight {
	position: relative;
	width: 385px;
	height: 476px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
} 

#kaartContentRightTop {
	position: relative;
	width: 385px;
	height: 329px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#kaartContentRightBottom {
	position: relative;
	width: 385px;
	height: 130px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#kaartContentLeftOfferte {
	position: relative;
	width: 325px;
	height: 450px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: center;
}

#kaartContentRightOfferte {
	position: relative;
	width: 445px;
	height: 450px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

.kaartContentText {
	width: 350px;
}

#opmakenContentLinksBoven {
	position: relative;
	width: 385px;
	height: 122px; 
	/*background-color: #ffffcb;*/
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: left;
}

#opmakenContentRechtsBoven {
	position: relative;
	width: 385px;
	height: 122px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#opmakenContentLinksMidden {
	position: relative;
	width: 385px;
	height: 425px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: center;
}

#opmakenContentRechtsMidden {
	position: relative;
	width: 385px;
	height: 425px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#opmakenContentLinksOnder {
	position: relative;
	width: 385px;
	height: 200px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: center;
}

#opmakenContentRechtsOnder {
	position: relative;
	width: 385px;
	height: 200px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#bestellingContent {
	position: relative;
	width: 786px;
	/*height: 550px;*/
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
}

#bestellingContentLeft {
	position: relative;
	width: 385px;
	height: 550px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: center;
}

#bestellingContentRight {
	position: relative;
	width: 385px;
	height: 550px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

#bedanktContent {
	position: relative;
	width: 786px;
	height: 200px;
	background-color: #e6f9fa;
	float: left;
}

.accountHelp {
	position: absolute;
	width: 113px;
	height: 97px;
	top: 15px;
	left: 610px;
	background-image: url('../images/accounthelp.jpg');
}

.collectiesHelp {
	position: absolute;
	width: 147px;
	height: 107px;
	top: 10px;
	left: 640px;
	background-image: url('../images/collectieshelp.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index: 5;
}

.collectiesHelp2 {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 2px;
	left: 620px;
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index: 4;
}

.categorienHelp {
	position: absolute;
	width: 209px;
	height: 107px;
	top: 10px;
	left: 565px;
	background-image: url('../images/categorienhelp.jpg');
}

.goededoelenHelp {
	position: absolute;
	width: 163px;
	height: 101px;
	top: 6px;
	left: 595px;
	background-image: url('../images/goededoelenhelp.jpg');
}

.favorietenHelp {
	position: absolute;
	width: 124px;
	height: 97px;
	top: 20px;
	left: 610px;
	background-image: url('../images/favorietenhelp.jpg');
}

.helpdeskHelp {
	position: absolute;
	width: 80px;
	height: 108px;
	top: 10px;
	left: 610px;
	background-image: url('../images/helpdeskhelp.jpg');
}

.reactiesHelp {
	position: absolute;
	width: 187px;
	height: 82px;
	top: 25px;
	left: 585px;
	background-image: url('../images/reactieshelp.jpg');
}

.overonsHelp {
	position: absolute;
	width: 194px;
	height: 74px;
	top: 30px;
	left: 580px;
	background-image: url('../images/overonshelp.jpg');
}

.button1 {
	border: none;
	background: url('../images/contentbutton.jpg') no-repeat top left;
	width: 113px;
	height: 18px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	/*vertical-align: top;*/
	cursor: pointer;
	text-decoration: none;
	float:left;
	padding-top: 2px;
}

.button1:hover {
	background: url('../images/contentbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.button2 {
	background: url('../images/collectiebutton_on.jpg') no-repeat center center;
	width: 176px;
	height: 44px;
	/*text-align: center;
	padding-left: 10px;*/
	font-weight: bold;
	color: #f4f247;
	font-size: 10px;
	/*vertical-align: middle;*/
	cursor: pointer;
	text-decoration: none;
	/*float:left;*/
	border: none;
	padding-top: 2px;
}

.button2:hover {
	background-image: url('../images/collectiebutton_off.jpg');
	color: #4b0205;
}

.collectieLink {
	color: #2d878c;
}

.collectieLink:hover {
	color: #4d8800;
}

.kaartKnop {
	border: none;
	background: url('../images/kaartbutton.jpg') no-repeat top left;
	width: 180px;
	height: 20px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	color: #1e5151;
	vertical-align: top;
	cursor: pointer;
	font-size: 11px;
}

.kaartKnop:hover {
	background: url('../images/kaartbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.berekenButton {
	border: none;
	background: url('../images/berekenbutton.jpg') no-repeat top left;
	width: 124px;
	height: 66px;
	text-align: center;
	padding-left: 5px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
	font-size: 16px;
}

.berekenButton:hover {
	background: url('../images/berekenbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.proefButton {
	border: none;
	background: url('../images/proefbutton.jpg') no-repeat top left;
	width: 180px;
	height: 66px;
	text-align: center;
	padding-left: 5px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
	font-size: 14px;
}

.proefButton:hover {
	background: url('../images/proefbutton.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.voorwaardenHelp {
	position: absolute;
	width: 227px;
	height: 75px;
	top: 40px;
	left: 530px;
	background-image: url('../images/voorwaardenhelp.jpg');
}

.sitemapHelp {
	position: absolute;
	width: 142px;
	height: 111px;
	top: 10px;
	left: 580px;
	background-image: url('../images/sitemaphelp.jpg');
}

.uitgerekendHelp {
	position: absolute;
	width: 132px;
	height: 105px;
	top: 13px;
	left: 590px;
	background-image: url('../images/uitgerekendhelp.jpg');
}

.thuisserviceHelp {
	position: absolute;
	width: 141px;
	height: 112px;
	top: 8px;
	left: 580px;
	background-image: url('../images/thuisservicehelp.jpg');
}

.mailinfoHelp {
	position: absolute;
	width: 105px;
	height: 107px;
	top: 6px;
	left: 600px;
	background-image: url('../images/mailinfohelp.jpg');
}

.twaHelp {
	position: absolute;
	width: 70px;
	height: 110px;
	top: 5px;
	left: 590px;
	background-image: url('../images/twa1.jpg');
}

.terugButton {
	border: none;
	background: url('../images/contentbutton2.jpg') no-repeat top left;
	width: 113px;
	height: 20px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.terugButton:hover {
	background: url('../images/contentbutton2.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.button3 {
	border: none;
	background: url('../images/contentbutton3.jpg') no-repeat top left;
	width: 133px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #1e5154;
	vertical-align: top;
	cursor: pointer;
}

.button3:hover {
	background: url('../images/contentbutton3.jpg') no-repeat bottom left;
	color: #f3ff6a;
}

.liveHuman {
	position: relative;
	top: 80px;
	left:800px;
	width: 30px;
	height: 30px;
}

.kerstman {
	position: relative;
	top: 15px;
	left:800px;
	width: 125px;
	height: 30px;
	text-align: center;
}

.flags {
	position: absolute;
	bottom: 15px;
	left: 160px;
	width: 150px;
	height: 30px;
}

#namenLeft {
	position: relative;
	width: 385px;
	height: 376px; 
	background-color: #e6f9fa;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	text-align: left;
}

#namenRight {
	position: relative;
	width: 385px;
	height: 376px; 
	background-color: #e6f9fa;
	float: left;
	margin-top: 16px;
}

.helpicon {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 16px;
	background-image: url('../images/help.png');
	background-position: top left;
	cursor: pointer;
}

.helpicon:hover {
	background-position: bottom left;
}

#sjabloonarea a {
	color: #2d878c;
}

#sjabloonarea a:hover {
	color: #4d8800;
}

h3 {
	margin: 0;	
	font-size: 16px;
	text-transform: uppercase;
}
		
div#feature_list {
	width: 575px;
	height: 190px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 250px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}

ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 40px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url('../images/feature-tab-current.png');
	color: #FFF;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 325px;
	height: 190px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 463px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
}