@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

img, div {  border:none; } 

body {
	font-family			: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
	line-height			: 1.5em;
	background			: url(../images/bg.jpg) #e0e000 repeat-y;
}
table {
	font-family			: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	line-height			: 18px;
}

.container {
	float				: left;
}

div.left {
	float				: left;
	width				: 322px;
	min-height			: 583px;
	height				: auto !important;
  	height				: 583px;
	background			: url(../images/bgLeft.png) no-repeat;
}
.logo {
	padding				: 42px 0px 20px 20px;
}
#logoImage {
	/*margin				: 455px 20px 0 0;*/
	/*border				: none;
	position			: absolute;
	bottom				: 50px;
	left				: 146px;*/
	position:relative;
	top:-250px;
	left:-227px;
}
.navigatie {
	text-align			: right;
	width				: 329px;
}
.search {
	padding				: 30px 21px 0 0;
	text-align			: right;
	color				: #660052;	
	float				: right;
	/*visibility:hidden;*/
}
#searchInput {
	border				: 1px solid #660052;
	height				: 25px;
}
#searchbutton {
	background			: url(../images/searchbutton.jpg) no-repeat;
	width				: 33px;
	height				: 25px;
	border				: none;
	cursor				: pointer;
}

.right {
	left				: 997px;
	position			: absolute;
	width				: 292px;
	min-height			: 782px;
	height				: auto !important;
  	height				: 782px;
	background			: url(../images/bgRight.png) no-repeat;
}
.footer {
	font-size			: 0.8em;
	color				: #ccc;
	padding				: 20px 0;
}
.footer a { color:#ccc; text-decoration:none;}
.footer a:hover { color: #660052; text-decoration:underline; }

.contentHome {
	float				: left;
	width				: 675px;
	padding-top			: 42px;
	/*padding				: 42px 38px 0 36px;*/
}
.content {
	float				: left;
	width				: 675px;
	padding-top			: 102px;
	background			: url(../images/bg_content.png) top repeat-x;
}
.realcontent {
	margin:0 0 0 30px;
	padding-right:30px;
}
.contentZoeken {
	float				: left;
	width				: 675px;
	/*padding				: 0 57px 0 39px;*/
	background			: url(../images/bg_content.png) top repeat-x;
}

#aanmelden {
	background			: url(../images/button.jpg) right no-repeat;
	cursor				: pointer;
	border-top			: 1px solid #858507;
	border-bottom		: 1px solid #858507;
	padding				: 0;
	height				: 72px;
	margin				: 20px 0 0 0;
}
#aanmelden p{ padding: 0px; }

#aanbieding {
	background			: url(../images/button2.jpg) right no-repeat;
	cursor				: pointer;
	border-top			: 1px solid #660052;
	border-bottom		: 1px solid #660052;
	padding				: 0;
	height				: 72px;
	margin				: 20px 0 0 0;
}
#aanbieding p{ padding: 0px; }

#sorteren a {
	color				: #999999; 
	font-size			: 11px; 
	text-decoration		: none; 
	padding				: 0 0 0 10px; 
	margin				: 0 0 0 10px;
	background			: url(../images/sorteer.gif) left no-repeat;
}
#sorteren a:hover {background:url(../images/sorteer_over.gif) left no-repeat;}

.bladeren  {
	background			: url(../images/bg_paars.jpg) repeat-y;
	width				: 615px;
	height				: 23px;
	/*padding				: 3px 10px 0 10px;
	border:1px solid blue;*/
}
.bladeren a {
	color				: #ffffff;
	font-size			: 11px;
	font-weight			: bold;
	text-decoration		: none;
}
.bladeren a#vorige { display:block; float:left; text-align:left; margin-left:10px; margin-top:2px; }
.bladeren a#volgende { display:block; float:right; text-align:right; margin-right:10px; margin-top:2px; }

.winkelmandje {
	padding				: 0 0 102px 39px;
}

p img {
	border				: 1px solid #660052;
	margin				: 0 20px 5px 0;
}

/*     NAVIGATIE       */
#preloadimages {
	display				: none;
}
.wie {
	background			: url(../images/wie.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.wie:hover {background: url(../images/wie_over.gif) right no-repeat;}
.winkel {
	background			: url(../images/winkel.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.winkel:hover {background: url(../images/winkel_over.gif) right no-repeat;}
.horeca{
	background			: url(../images/horeca.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.horeca:hover { background:url(../images/horeca_over.gif) right no-repeat;}
.agenda {
	background			: url(../images/agenda.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.agenda:hover {background: url(../images/agenda_over.gif) right no-repeat;}
.cadeau {
	background			: url(../images/cadeau.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.cadeau:hover {background: url(../images/cadeau_over.gif) right no-repeat;}
.contact{
	background			: url(../images/contact.gif) right no-repeat;
	width				: 204px;
	height				: 26px;
	float				: right;
}.contact:hover { background:url(../images/contact_over.gif) right no-repeat;}

/*  GLOBAL STYLES  */
.paars { color:#660052;}
.groen { color:#858507;}
.wit { color:#ffffff;}
p a, table a {color:#858507; font-weight:bold; text-decoration:none;}
p a:hover, table a:hover {color:#660052;}
p { padding:10px 0 20px 0;}
h1 { padding:20px 0 0 0;}
h2 { padding:30px 0 0 0; color:#660052; font-size:18px;}
h3.headerbutton, h3.headerbutton2 { margin:20px 0 0 0; }
ul {list-style:url(../images/disc.gif); padding: 0 0 0 15px;}
ul.white {list-style:url(../images/discwhite.gif); padding: 0 0 0 15px;}

.smallfont {
	font-size:11px;
}

a {
text-decoration:none;
}
.paars a {
	color:#660052;
}

/* newletter on website */
div.btn_newsletter {
	width				: 280px;
	height				: 47px;
	background			: url(../wijnbericht/buttonbackground.jpg) no-repeat;
	font-size			: 11px;
	line-height			: 14px;
	color				: #480038;
	padding				: 9px 0 0 10px;
	float				: left;
}
a {
	text-decoration		: none;	
}
.wijnbox {
	border				: 1px solid #dbdbdb;
	margin-bottom		: 35px;
}
.wijnboxtitle {
	background-color	: #dada00;
	color				: #660052;
	font-size			: 11px;
	font-weight			: bold;
	line-height			: 13px;
	padding				: 6px 12px 8px 12px;
}
.wijnboxcontent {
	padding				: 12px;
	color				: #000000;
	font-size			: 11px;
	min-height			: 100px;
	height				: auto !important;
  	height				: 100px;
}
.wijnboxcontent img {
	margin-right		: 10px;
}
.wijnboxcontent p {
	margin-bottom		: 0;
}
.smallbox {
	width				: 277px;
	float				: left;
}
.leftbox {
	margin-right		: 42px;
}
.heavy { font-weight:bold; }