body { 
	background:#800000;
	margin:0px; 
	padding:0px; 
}

body, td, a, input {
	font-family:trebuchet ms;
	font-size:13px;
	color:#800000;
	margin:0px;
	padding:0px;
}

form { display:inline;}

p { margin-top:8pt; margin-bottom:8px}

td { vertical-align:top;}

h1 { font-size:18px; }
h2 { font-size:14px; margin-bottom:10px; margin-top:0px; }
h3 { font-size:12px; }
h4 { font-size:13px; }


#tblCenter { height:100%; width:100%; }

td#tblCenterTd {
	text-align:center; 
	vertical-align:middle;
}

#tblContent { width:933px; height:570px;}

#tblContentRowTop td { 
	background:url(../gfx/bgcontenttop.gif) no-repeat; 
	height:90px;
	vertical-align:top;
}

#tblContentTdContent { 
	background:#ffdfdf;
	border-left:1px solid #dd9494;
	border-right:1px solid #dd9494;
	text-align:left;
	vertical-align:top;
}


#tblContentRowBottom td { 
	background:url(../gfx/bgcontentbottom.gif) no-repeat bottom; 
	height:36px;
}


/* wijkt af */
#tblContentHomeRowBottom td { 
	background:url(../gfx/bgcontentbottom.gif) no-repeat bottom; 
	height:110px;
	padding-left:65px;
	padding-top:10px;
}

#imgVoorDeLiefste { 
	float:left;
	margin:10px 70px 0px 25px; 
	border:none; 
	width:260px;
	height:70px; 
}

#teaser {
	margin-top:30px;
	text-decoration:none;
	font-style:italic;
	float:left;
}

#teaser a {
	text-decoration:none;
}

#syswide  {
	color:#fff;
	width:250px;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
	list-style:none;
	text-align:right;
	line-height:15px;
}

#syswide  li {
	padding-left:0px;
	margin-left:20px;
}


#syswide  li a {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#imgIdeal { 
	margin-left:40px;
	margin-top:25px;
	float:left;
	border:none;
}



#imgMeisje { 
	float:left;
	border:none; 
	width:252px;
	height:313px;  
	margin:25px 0px 0px 20px;
} 

#tblIntro {
	margin-top:10px;
	width:357px;
	height:345px ;
	float:left;
}

#tblIntroRowTop td {
	background:url(../gfx/bghomeintrotop.gif) no-repeat; 
	height:19px;
	font-size:1px;
}

#tblIntroRowContent td {
	background:#fff;
	border-left:1px solid #FFEEEE;
	border-right:1px solid #FFEEEE;
	padding:0px 20px 0px 20px;
	line-height:16px;
}

#tblIntroRowBottom td {
	background:url(../gfx/bghomeintrobottom.gif) no-repeat; 
	height:28px;
}

#imgHartjesLinks {
	width:23px;
	height:171px;
	float:left;
	margin-top:50px;
	margin-right:10px;
	margin-left:-20px;
}

#imgHartjeRechts {
	width:23px;
	height:22px;
	float:left;
	margin-top:80px;
	margin-left:10px;
	margin-right:-10px;
	display:block;
	text-align:top;
}



#tblValentijnsdag {
	float:right;
	margin-top:0px;
	margin-left:0px;
	margin-right:20px;
	width:244px;
	height:360px ;
}

#tblValentijnsdagRowTop td {
	background:url(../gfx/bghomevalentijnsdagtop.gif) no-repeat; 
	height:80px;
}

#tblValentijnsdagRowTop td h3 {
	margin-left:100px;
	font-size:10px;
	color:#ffdfdf;
}


#tblValentijnsdagRowContent td {
	background:url(../gfx/bghomevalentijnsdag.gif) repeat-y; 
	padding:0px 26px 0px 44px;
	font-size:11px;
	text-align:justify;
}

#tblValentijnsdagRowBottom td {
	background:url(../gfx/bghomevalentijnsdagbottom.gif) no-repeat; 
	height:45px;
}

#imgAfmetingen {
	width:83px;
	height:119px;
	float:right;
	margin-right:-10px;
	border:none;
}


#imgKaartOverzicht {
	margin:0px 0px 0px 20px;
	border:0px;
}

#overzichtOmhullend {
	width:900px;
	height:440px;
	overflow-y:auto;
	
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#FFEBEB;
	scrollbar-darkshadow-color:#800;
	scrollbar-face-color:#c00000;
	scrollbar-highlight-color:#f77;
	scrollbar-shadow-color:#a00000;
	scrollbar-track-color:#FFA7A7;

}

#tblOverzichtOmhullend {
	margin-left:30px;
	margin-bottom:10px;
	margin-top:5px;
}

#tblOverzichtOmhullendLinks {
	width:17px;
	height:311px;
	background:url(../gfx/bgkaartdetaillinks.gif) no-repeat;
}

#tblOverzichtOmhullendMidden {
	border-top:1px solid #FF8080;
	border-bottom:1px solid #FF8080;
	background:#FFF9F9;
	width:800px;
	vertical-align:middle;
	padding:0px;
	
}

#tblOverzichtOmhullendRechts {
	width:17px;
	height:311px;
	background:url(../gfx/bgkaartdetailrechts.gif) no-repeat;
}

#imgGedicht {
	width:219px;
	height:211px;
}

#imgKaartAchter {
	margin-top:15px;
	width:142px;
	height:16px;
}


#imgKaart {
	width:155px;
	height:225px;
	border:1px solid #ddd;
}

img.invullen {
	margin-bottom:40px;
}

#imgEnvelop {
	margin-top:5px;
	width:230px;
	height:155px;
}

#tblKaart {

}

#tblKaart td {
	vertical-align:middle;
}

#tdGedicht {
	text-align:center;
	vertical-align:top;
}


#tdKaart {
	padding:0px 10px 0px 20px;
}

#tdEnvelop {
	padding:0px 10px 7px 40px;
}


.tekst, .tekst a , span.verplicht {
	color:#777;
}



.verplicht { 
	font-size:11px;
}

ul.postkaart {
	vertical-align:top;
	float:left;
	margin:0px;
	padding:0px 0px 0px 30px;
	font-size:12px;
}


ul.postkaart li {
	padding:0px 0px 0px 0px ;
}

input.knop {
	font-weight:bold;
	background:url(../gfx/bgbutton.gif) repeat-x bottom left;
}

input.knopLinks {
	background:url(../gfx/bgknoplinks.gif) bottom left;
	padding-left:32px;
	height:40px;
	padding-right:5px;
	margin-left:50px;
	padding-bottom:2px;
}



input.knopRechts {
	background:url(../gfx/bgknoprechts.gif) bottom right;
	padding-right:32px;
	height:40px;
	padding-left:5px;
	margin-right:50px;
	float:right;
	padding-bottom:2px;
}


input.knopSelecteren {
	width:90px;
	height:30px;
	vertical-align:top;
	border:1px solid;
	border-top-color:#ddd;
	border-left-color:#ddd;
	border-right-color:#c55;
	border-bottom-color:#c55;
	margin-bottom:100px;
}

#tblInvullen {
	margin:5px 0px 10px 25px;
	width:875px;
	height:365px;
}

#tblInvullen td {
}

h1.kop { 
	margin-left:30px;
	margin-bottom:0px;
	margin-top:0px;
}

#tdInvullen1 { 
	width:250px;
	text-align:center;
	vertical-align:middle;
}
#tdInvullen2 { 
	width:300px;
	padding:0px 40px 0px 0px;
}

#tdInvullen2 p { 
	margin-bottom:30px;
	margin-top:0px;
}

#tdInvullen3 { 
	padding: 0px 20px 0px 0px;
}


#tdGbInvullen1 {
	text-align:center;
	vertical-align:middle;
	width:200px;
}

#tdGbInvullen2 {
	width:340px;
	padding-right:20px;
}

#tdGbInvullen3 {
	background:#ffaaaa;
}



#tdFoutief {

}


#tdInvullen { 
	padding:0px 20px 0px 20px;
}

.caption { 
	font-weight: bold;  
	display:block;
	margin-top:5px;
	margin-bottom:0px;
}

input.invullen {
	font-size:11px;
	font-family:courier new;
	color:#444;
	border: 1px solid #C0C0C0;
	height:20px;
	width:211px;
	padding:2px;
}

input.postcode4 {
	width:60px;
}

input.postcode2 {
	width:30px;
}


textarea.invullen {
	font-size:11px;
	font-family:courier new;
	color:#444;
	border: 1px solid #C0C0C0;
	//height:150px;
	height:90px;
	width:300px;
	padding:2px;
	margin:0px;
}

div.controleren {
	background:#FFE5E5;

	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#FFEBEB;
	scrollbar-darkshadow-color:#800;
	scrollbar-face-color:#c00000;
	scrollbar-highlight-color:#f77;
	scrollbar-shadow-color:#a00000;
	scrollbar-track-color:#FFA7A7;

}

div.controleren div {
	margin:6px;
	color:#444;
}

div#controleerEmailadres {
	overflow:auto;
	height:30px;
}


div#controleerTekst {
	height:110px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:7px;
}

div#controleerAdres {
	height:108px;
	overflow:auto;
}

div#voorwaarden {
	border:1px solid #C0C0C0;
	background: #f8f8f8;
	height:70px;
	overflow-y:auto;
	padding:5px;
	color:#444;
	font-size:10px;
}

div#voorwaarden h2 { 
	font-size:11px; 
	margin-top:6px;
	margin-bottom:4px;
}


#tblBetaling {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

#tblBetaling td { padding:2px; }

#tblBetaling #tdBedrag {
	font-weight:bold;
}

#tblBetaling #tdOmschrijvingTotaal {
	background:#FFFF80;
	padding-top:4px;	
	border-top:2px solid #800000;
}

#tblBetaling #tdBedragTotaal {
	background:#FFFF80;
	font-weight:bold;
	padding-top:4px;	
	border-top:2px solid #800000;
}

#trFormTop td {
	font-size:1px;
	height:17px;
	background:url(../gfx/bgformkadertop.gif) no-repeat top;
}

#trFormBottom td {
	font-size:1px;
	height:17px;
	background:url(../gfx/bgformkaderbottom.gif) no-repeat bottom;
}

#trFormContent td { 
	background:#FFF9F9;
}


#trFormContent td#tdInvullen1, #trFormContent td#tdGbInvullen1 { 
	border-left:1px solid #FF8080;
}

#trFormContent td#tdInvullen3, #trFormContent td#tdGbInvullen3 { 
	border-right:1px solid #FF8080;
}

#trFormContent td#tdContent { 
	border-left:1px solid #FF8080;
	border-right:1px solid #FF8080;
}

#trFormContent td#tdContent div { 
	margin-left:40px;
	margin-top:18px;
	margin-right:30px;
	float:left;
}

td#tdContent div#volledigeHoogte { 
	height:350px;
	margin:0px; /* overruled de css van hierboven */
}

ul#fout {
	vertical-align:top;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 30px;
	font-size:12px;
	list-style:square;
}


ul#fout li {
	padding:0px 0px 0px 0px ;
}

img#imgMeisjeFout { 
	margin-top:10px;
	margin-right:30px;
	float:right; 
}

img#imgMeisjeHart { 
	margin-top:20px;
	margin-right:30px;
	margin-left:0px;
	float:right; 
}


img#imgMeisjeContact {
	margin-top:20px;
	margin-right:30px;
	margin-left:0px;
	float:right; 
}

span#info { font-size:10px; font-weight:bold; }

#tdKnop { 
	text-align:center;
	vertical-align:top;
} 

div#foutOverzicht { 
	width:590px;
	margin:0px;
	padding:0px;
}

div#contact {
	float:left;
	width:500px;
}

div#resultaat {
	width:350px;
}

div#siteVoorwaarden {
	width:800px;
	height:350px;
	overflow-y:auto;
	
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#FFEBEB;
	scrollbar-darkshadow-color:#800;
	scrollbar-face-color:#c00000;
	scrollbar-highlight-color:#f77;
	scrollbar-shadow-color:#a00000;
	scrollbar-track-color:#FFA7A7;

}

img.thumb {
	border:none;
}

div#thumbOverzicht {
	float:left;
}

div#bekijkDeKaarten {
	float:right;
	padding-top:30px;
	margin-right:50px;
}

span.kleineLettertjes, span.kleineLettertjes a {
	font-size:10px;
}

#overzichtOmhullend h1 {
	margin-left:40px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:16px;
	
}

.alert { color:#ff0000; }

table.tblGastenboekOmhullend { margin-bottom:15px;margin-left:30px; margin-top:10px;}

td.tblGastenboekOmhullendTop { background-image:url(../gfx/gastenboekTop.gif); width:834px; height:17px; padding:0;margin:0; font-size:1px  }
td.tblGastenboekOmhullendMiddle { border-top:none; border-left:1px solid #FF8080; border-right:1px solid #FF8080; background:#FFF9F9; }
td.tblGastenboekOmhullendBottom {background-image:url(../gfx/gastenboekBottom.gif); width:834px; height:17px; font-size:1px;}


table.tblGastenboek {
}

table.tblGastenboek .gastenboekLinks {
	vertical-align:top;
	width:290px;
	border-right:1px solid #FFDFDF;
	padding-left:10px;
}

table.tblGastenboek .gastenboekRechts {
	vertical-align:top;
	width:470;
	padding-left:10px;
	padding-right:10px;
}

.gastenboekTekst {
	font-size:15px;
}

hr {
	height:1px;
	border:1px solid #FFDFDF;
}
