body {	font-family: "Trebuchet MS",Verdana, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #ffffe1;
	vertical-align: middle;
	text-align: center;
	color: #333;}

.mini {	padding: 5px;
	margin: 0px;
	vertical-align: top;
	width:117px;
	height:117px;
	background-image: url(../img/achtergrond_thumbs.gif);
	background-repeat: no-repeat;}

table {	font-family:Verdana, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0px;
	text-align: left;}

.hoofdtabel {width: 744px;	
	background-color: #ffffff;
	border: 1px solid #cccc00;
	margin:0 auto;}

.topa	{ background-color: #ffcc00;
	border-left: 1px solid #ffffcc;
	border-top: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;
	width: 100px;
	height: 137px;}	

.koloma	{width: 160px;
	background-color: #ffcc00;
	border-top: 1px solid #ffffcc;
	border-left: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;}

.bota	{background-color: #ffcc00;
	border-left: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;
	text-align: center;
	font-size: 75%;
	vertical-align: middle;}

.topb	{border-left: 1px solid #ffffcc;
	border-top: 1px solid #ffffcc;
	width: 100px;}	

.kolomb	{width: 100px;
	background-color: #cccc00;
	border-top: 1px solid #ffffcc;
	border-left: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;
	background-image: url(img/balk2.gif);}

.topc	{ background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(img/bloem.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%;}

.botb	{border-bottom: 1px solid #ffffcc;
	background-color: #ffcc00;}

.botc	{background-color: #ffcc00;
	border-bottom: 1px solid #ffffcc;
	border-right: 1px solid #ffffcc;
	text-align: right;
	vertical-align: middle;}

.kolomc	{ padding: 25px 0px 25px 0px;}

.balk	{ height: 10px;
	background-color: #ffcc00;
	border-left: 1px solid #ffffcc;
	border-right: 1px solid #ffffcc;}

.formulier {padding:2px 2px 2px 35px;
	margin-left: 35px;} 

.kolombimg	{ border-bottom: 1px solid #ffffcc;
	vertical-align: top;}

div#midden {text-align:center;}

div#fotoos{text-align: center;
	width: 90%;
	margin: 0px auto auto auto;}

p#links	{text-align:left;}
p.rechts	{text-align: right;}

p#centeren	{text-align:center;}

div#thumbs	{text-align: center;
	width: 375px;
	margin: 0px  auto;}

.center	{text-align: center;}

td,th	{ vertical-align: top;}

p	{padding-left: 40px;
	padding-right: 40px;}


.foto	{ padding-left: 0px;
	padding-right: 0px;
	font-size: 90%;
	text-align: center;}

fieldset	{border: 1px solid #ffcc00;
	margin: 0px 35px 0px 35px;
	padding: 0px 10px 10px 15px;}

legend	{font-weight: bold;
	padding: 0px 5px;}

ul	{list-style-type: square;}

ol	{padding-left: 25px;
	list-style-type: circle;}

li	{padding-bottom: 3px;
	margin-left: 25px;}

.links2	{float: left;
	margin: 0px 0px 0px 35px;
	text-align: left;}
.kleiner {	font-size: 85%;}

.meer 	{ margin-left: 35px;}

h4	{font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 25px;}

h1	{ font-size: 180%;
	font-family: "Verdana";
	margin-left: 35px;
	padding: 0px 0px 15px 0px;	}

input, select {	border: 1px solid #ffcc00;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 2px;
	z-index: 10;}

textarea {border: 1px solid #ffcc00;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	margin:2px;
	font-size: 90%;}

#contact{ border: 1px solid #ffcc00;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	margin:2px;
	font-size: 90%;
	background-image: url(img/postzegel.gif);
	background-repeat: no-repeat;
	background-position: top right;}

.knop {	border: 1px solid #ffcc00;
	background-color: #ffcc00;
	font-weight: bold;
	color: #000000;}

.fotorechts{float:right;
	width: 100px;
	margin: 10px 10px 10px 20px;}

.checkbox{border: 0px;
	margin-left: 165px;}

label { width:35%; text-align:left; float:left; } 

.rechts	{ float: right;
	padding-right: 25px;}

.links	{float: left;
	margin: 5px 20px 45px 5px;}

.kleinerrechts	{float:right;
	font-size: 85%;}

.bestellen	{background-color: #ffcc00;
	margin: 20px 35px 20px 35px;
	padding: 1px;
	text-align: center;}

.select	{border: 1px solid #ffcc00;
	font-family: Verdana, Helvetica, sans-serif;
	z-index: 25;}

.bestelling	{width: 25%;
	float: left;}

a.map { 	color: #000000;
	text-decoration: none;
	font-size: 70%;}

a.map:hover { color: #ffffcc;}

a.menu { 	color: #000000;
	text-decoration: none;
	width: 160px;
	padding: 3px 0px;
	display: block;
	border-bottom: 1px solid #ffffcc;
	text-align: left;
	background-color: #ffcc00;}

a.menu:hover { background-color: #cccc00;}

.geen	{color: #000000;
	text-decoration: none;
	width: 160px;
	padding: 3px 0px 3px 0px;
	display: block;
	border-bottom: 1px solid #ffffcc;
	text-align: left;
	background-color: #cccc00;
	font-weight: bold;}

a.normaal	{ color: #666666;
	border-bottom: 1px solid #ffcc00;
	text-decoration: none;}

a.normaal:hover	 {color: #ffcc00;
	border-bottom: 1px solid #ffcc00; }

a.normaal2:hover	 {color: #ffcc00;
	border-bottom: 1px solid #ffcc00;}

a.normaal2	{ color: #666666;
	border-bottom: 1px solid #ffcc00;
	text-decoration: none;
	width: 30px;}

a.menu2 {color: #000000;
	text-decoration: none;
	width: 144px;
	padding: 3px 0px 3px 0px;
	display: block;
	margin: 0px 0px 0px 15px;
	text-align: left;
	border-bottom: 1px solid #ffffcc;
	border-left: 1px solid #ffffcc;}	

html a.menu2 {width: 145px;}

a.menu2:hover { 
	color: #999900;
	border-bottom: 1px solid #ffffcc;}

.geenmenu2	{color: #ffffcc;
	width: 145px;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 15px;
	display: block;
	border-bottom: 1px solid #ffffcc;
	text-align: left;}

.bedrag	{border-bottom: 3px double #000000;
	border-top: 1px solid #000000;}

.box	{width: 60px;
	text-align: right;}

.streep	{border-bottom: 1px solid #000000;
	display: inline;}

.betekenis	{width: 150px;} 

.metrand	{border: 1px solid #ffcc00;}

img, .geenborder	{border: none;}

.extrainfo	{font-weight: bold;font-size: 85%;margin-bottom:12px;}

.moederdagtekst	{text-align: center;padding: 10px; font-family: "Trebuchet MS", Arial; font-size: 12px;}

.wijnboeketten	{background-image: url(img/nieuw.gif);
		background-repeat: no-repeat;}

.springin	{padding-left: 45px;}

/* opmaak tooltip */
a.info {    color: #000000;
	text-decoration: none;
	font-size: 90%;}

/* opmaak link met een tooltip*/
a.info:hover {position: relative;
	color: #333;}

a.info span {display: none;}

a.info:hover span {display: block;
	position: absolute;
	font-size: 90%;
	top: 2em; 
	left: 30px;
	width: 250px;
	padding: 5px; 
	z-index: 100;
	background: #ffffff; 
	border: 1px solid #ffcc00;
	text-align: left;}

blockquote	{margin: 0px 0px 0px 24%;
	width: 70%;}

.hide {display: none} 
.datum	{padding: 0px 25px; text-align: right;}