/* BASIS CSS */

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

img {
	border: none;
}

.balk {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/balk.jpg');
	background-repeat: repeat-x;
	height: 139px;
	width: 100%;
}

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

.logo {
	position: absolute;
	top: 15px;	
	left: 0px;
	width: 203px;
	height: 64px;
}

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

.header {
	position: relative;
	left: 0px;
	width: 980px;
	height: 208px;
	background-repeat: no-repeat;
	padding-bottom: 16px;
	float: left;
}

.rondGeboorte {
	position: absolute;
	top: 0px;
	left: 193px;
	height: 197px;
	width: 196px;	
}

.rondTrouw {
	position: absolute;
	top: 0px;
	left: 455px;
	height: 201px;
	width: 196px;
}

.rondKerst {
	position: absolute;
	top: 0px;
	left: 718px;
	height: 202px;
	width: 196px;
}

.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: #363b05;
	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;
}

.menuLoginInput {
	margin-bottom: 5px;	
}

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

.menuLoginButton {
	float: right;
	padding-right: 15px;
}

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

a.menuItem1:hover {
	color: #363b05;
}

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

a.menuItem2:hover {
	color: #363b05;
}

.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: 18px;
	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: #363b05;
}

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

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

.footer a {
	color: #fff;
}

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

#startContent {
	position: relative;
	height: 203px;
	width: 786px;
	background-color: #fafbdb;
	float: left;
}

.sitelinkGeb {
	position: relative;
	top: 16px;
	height: 41px;
	width: 235px;	
	float: left;
	margin-right: 17px;
	color: #023953;
	padding-top: 229px;
	padding-left: 15px;
}

.sitelinkTro {
	position: relative;
	top: 16px;
	height: 41px;
	width: 235px;	
	float: left;
	margin-right: 17px;
	color: #623b02;
	padding-top: 229px;
	padding-left: 15px;
}

.sitelinkKer {
	position: relative;
	top: 16px;
	height: 41px;
	width: 235px;	
	float: left;
	background-image: url('../images/ker2.jpg');
	color: #474f00;
	padding-top: 229px;
	padding-left: 15px;
}

.sitelinkBtn {
	position: absolute;
	width: 44px;
	heigth: 39px;
	top: 220px;
	left: 192px;	
}

.t {background: url('../images/border_t.jpg') 0 0 repeat-x; height: 100%;}
.b {background: url('../images/border_b.jpg') 0 100% repeat-x; height: 100%;}
.l {background: url('../images/border_l.jpg') 0 0 repeat-y; height: 100%;}
.r {background: url('../images/border_r.jpg') 100% 0 repeat-y; height: 100%;}
.bl {background: url('../images/corner_bl.jpg') 0 100% no-repeat; height: 100%; }
.br {background: url('../images/corner_br.jpg') 100% 100% no-repeat; height: 100%;}
.tl {background: url('../images/corner_tl.jpg') 0 0 no-repeat; height: 100%;}
.tr {background: url('../images/corner_tr.jpg') 100% 0 no-repeat; height: 100%;}

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

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

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

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

.startAwards {
	position: absolute;
	top: 35px;
	left: 600px;
	background-image: url('../images/thuiswinkelawards.gif');
	width: 110px;
	height: 143px;
	/*background-image: url('../images/thuiswinkelawards.jpg');
	width: 138px;
	height: 150px;*/
	cursor: pointer;
}

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

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

.contactHelp {
	position: absolute;
	width: 179px;
	height: 101px;
	top: 15px;
	left: 570px;
	background-image: url('../images/contacthelp.jpg');
}

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

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

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

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

.contentKlein {
	padding: 8px;
	color: #353535;
	font-size: 11px;
	height: 100%;
}

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

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

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

.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: 50px;
	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: #fafbdb;
}

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

#gegevensKwijt {
	position: relative;
	width: 786px;
	top: 16px;
	height: 100px;
	background-color: #fafbdb;
	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: #fafbdb;
	float: left;
}

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

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

.helpTabel {
	vertical-align: top;
}

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

.helpVraag a {
	color: #363b05;
}

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

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

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

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

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

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

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

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

#zoekBalk {
	width: 786px;
	height: 60px;
	background-color: #fafbdb;
	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: #353535;
	font-size: 12px;	
}

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

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

.loginSubmit {
	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: #f4f247;
	vertical-align: top;
	cursor: pointer;
}

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

.accountTabs {
	width: 761px;
	height: 30px;
	/*border: 1px solid #353535;*/
	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: #363b05;
	text-decoration: none;
}

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

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

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

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

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

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

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

#kaartContentRightOfferte {
	position: relative;
	width: 445px;
	height: 475px; 
	background-color: #fafbdb;
	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: #fafbdb;
	float: left;
	margin-top: 16px;
}

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

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

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

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

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

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

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

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

.collectiesHelp {
	position: absolute;
	width: 147px;
	height: 107px;
	top: 6px;
	left: 620px;
	background-image: url('../images/collectieshelp.jpg');
}

.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: 154px;
	height: 100px;
	top: 10px;
	left: 580px;
	background-image: url('../images/helpdeskhelp.jpg');
}

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

.actiesHelp {
	position: absolute;
	width: 161px;
	height: 100px;
	top: 15px;
	left: 585px;
	background-image: url('../images/actieshelp.jpg');
}

.overonsHelp {
	position: absolute;
	width: 209px;
	height: 104px;
	top: 15px;
	left: 530px;
	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: #353535;
	/*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: #353535;
}

.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: #363b05;
}

.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: 17px;
}

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

.voorwaardenHelp {
	position: absolute;
	width: 176px;
	height: 82px;
	top: 15px;
	left: 550px;
	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: 186px;
	height: 87px;
	top: 20px;
	left: 540px;
	background-image: url('../images/thuisservicehelp.jpg');
}

.mailinfoHelp {
	position: absolute;
	width: 105px;
	height: 107px;
	top: 6px;
	left: 600px;
	background-image: url('../images/mailinfohelp.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: 75px;
	left:30px;
	width: 30px;
	height: 30px;
}

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

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

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