/* BASIS CSS */

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

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

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: #f7e9cf; 
	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: #ffffcb;
	float: left;
}

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

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

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

.headerLinks a:hover {
	color: #d8e67e;
}

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

.headerKeurmerk {	
	background-image: url('../images/keurmerk2.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: 7px;
	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: #463910;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 4px;
}

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

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

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

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

a.menuItem1:hover {
	color: #463910;
}

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

a.menuItem2:hover {
	color: #463910;
}

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

.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: #875c1a;
}

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

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

.footer a {
	color: #fff5d3;
}

.page {
	position: relative;
	top: 0px;
	width: 786px;
	height: 100%;
	left: 16px;
	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: #968608;
}

.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: #ffffcb;
	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%;}

#navigatieBalk .bl {background: url('../images/content_bl_nav.jpg') 0 100% no-repeat; height: 100%; }
#navigatieBalk .br {background: url('../images/content_br_nav.jpg') 100% 100% no-repeat; height: 100%;}
#navigatieBalk .tl {background: url('../images/content_tl_nav.jpg') 0 0 no-repeat; height: 100%;}
#navigatieBalk .tr {background: url('../images/content_tr_nav.jpg') 100% 0 no-repeat; height: 100%;}

#helpcontent .tl {background: url('../images/content_tl_nav.jpg') 0 0 no-repeat; height: 100%;}
#helpcontent .tr {background: url('../images/content_tr_nav.jpg') 100% 0 no-repeat; height: 100%;}

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

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

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

.startKeurmerk {
	position: absolute;
	bottom: 0px;
	right: 2px;
	width: 224px;
	height: 174px;
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

#contactBalk {
	position: relative;
	width: 786px;
	top: 32px;
	height: 260px; 
	background-color: #ffffcb;
	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: #f4f247;
	vertical-align: top;
	cursor: pointer;
}

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

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

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

#gegevensKwijt {
	position: relative;
	width: 786px;
	top: 16px;
	height: 100px;
	background-color: #ffffcb;
	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: #f4f247;
	vertical-align: top;
	cursor: pointer;
}

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

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

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

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

.helpTabel {
	vertical-align: top;
}

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

.helpVraag a {
	color: #463910;
}

.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: #ffffcb;
	float: left;
	margin-right: 16px;
}

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

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

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

.actieKlein3 {
	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: #000;
}

#zoekBalk {
	width: 786px;
	height: 60px;
	background-color: #ffffcb;
	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: #f4f247;
	vertical-align: top;
	cursor: pointer;
}

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

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

#inloggenContent {
	width: 786px;
	height: 225px;
	background-color: #ffffcb;
	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: 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: 26px;
	width: 180px;
	float: left;
	padding-top: 5px;
	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: #968608;
	text-decoration: none;
}

.accountTab a:hover {
	color: #6f6307;
}

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

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

.headerTab a {
	font-size: 15px;
	font-weight: bold;
	color: #968608;
	text-decoration: none;
}

.headerTab a:hover {
	color: #6f6307;
}

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

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

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

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

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

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

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

.kaartContentText {
	width: 350px;
}

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

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

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

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

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

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

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

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

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

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

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

.collectiesHelp {
	position: absolute;
	width: 115px;
	height: 111px;
	top: 6px;
	left: 600px;
	background-image: url('../images/collectieshelp.png');
	background-position: bottom;
	background-repeat: no-repeat;
	z-index: 5;
}

.collectiesHelp2 {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 3px;
	left: 600px;
	background-position: bottom;
	background-repeat: no-repeat;
	z-index: 5;
}

.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: 203px;
	height: 102px;
	top: 10px;
	left: 550px;
	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: 170px;
	height: 99px;
	top: 10px;
	left: 580px;
	background-image: url('../images/overonshelp.jpg');
}

.button1 {
	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;
	text-decoration: none;
	float:left;
	padding-top: 2px;
}

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

.collectieLink {
	color: #463910;
}

.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: #f4f247;
	vertical-align: top;
	cursor: pointer;
	font-size: 11px;
}

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

.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: #f4f247;
	vertical-align: top;
	cursor: pointer;
	font-size: 16px;
}

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

.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: #f4f247;
	vertical-align: top;
	cursor: pointer;
	font-size: 14px;
}

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

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

.sitemapHelp {
	position: absolute;
	width: 171px;
	height: 100px;
	top: 15px;
	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: 190px;
	height: 107px;
	top: 8px;
	left: 550px;
	background-image: url('../images/thuisservicehelp.jpg');
}

.mailinfoHelp {
	position: absolute;
	width: 172px;
	height: 110px;
	top: 6px;
	left: 550px;
	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: #f4f247;
	vertical-align: top;
	cursor: pointer;
}

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

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

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

.liveHuman {
	position: relative;
	top: 100px;
	left:820px;
	width: 30px;
	height: 30px;
}

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

.milldollweddHelp {
	position: absolute;
	width: 122px;
	height: 100px;
	top: 6px;
	left: 550px;
	background-image: url('../images/milliondollarweddinghelp.jpg');
}

.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;
}

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

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 1000;
}