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


#wrapper {
	background: #FFFFFF url(../images/backgrounds/content.jpg) repeat-y;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #AAADB2;
	border-left: 1px solid #AAADB2;
}

/* top frame */
#top {
	height: 129px;
	background: url(../images/backgrounds/topbanner.jpg) no-repeat;
	width: 970px;
}

/* middle frame */
#mid {
	display: block;
	width: 970px;
	margin: 0px;
	padding: 0px;
}
#mid .banner {
	background: url(../images/titles/banner.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 10px;
	margin-left: 10px;
	padding-top: 8px;
	margin-top: 16px;
}
.bannerPromo {
	background: #901036 url(../images/gui/banner_promo.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 40px;
	padding-top: 8px;
	width: 223px;
	letter-spacing: 1px;
}
.bannervoordeel {
	background: url(../images/gui/buttonvoordeel.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 10px;
	padding-top: 17px;
	width: 165px;
	letter-spacing: 1px;
}
.bannerNieuwsbrief {
	background: url(../images/gui/banner_nieuwsbrief.gif) no-repeat left top;
	height: 22px;
	color: #EFEFEF;
	list-style: none inside;
	padding-left: 40px;
	padding-top: 8px;
	width: 223px;
	letter-spacing: 1px;
}
.bannerPrikbord {
	background: url(../images/gui/banner_prikbord.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 40px;
	padding-top: 8px;
	letter-spacing: 1px;
}
.bannerWijnclub {
	background: url(../images/gui/banner_wijnclub.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 40px;
	padding-top: 8px;
	letter-spacing: 0.1em;
	width: 496px;
}
#left {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.bannerZoeken {
	background: url(../images/gui/banner_zoeken.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 40px;
	padding-top: 8px;
	margin-top: 16px;
/*
	letter-spacing: .1em;
*/
}
.bannerWinkelGrey {
	background: url(../images/gui/banner_zoeken.gif) no-repeat left top;
	height: 33px;
	color: #FFFFFF;
	list-style: none inside;
	padding-left: 40px;
	margin-left: 10px;
	padding-top: 8px;
	margin-top: 16px;
	letter-spacing: 0.1em;
}
.halfboxPromo {
	width: 263px;
	float: left;
}
.halfboxNieuws {
	width: 263px;
	float: right;
}
.halfboxPromo .imgbox {
	height: 150px;
	width: 71px;
	float: left;
	border: 1px solid #E95400;
	margin-left: 14px;
	overflow: hidden;
	display: block;
	margin-right: 11px;
}
#wijnclub .imgbox {
	height: 111px; /* 125 */
	width: 156px;
	float: left;
	border: 1px solid #E95400;
	margin-left: 14px;
	overflow: hidden;
	display: block;
	margin-right: 11px;
}

#left .title {
	color: #E95400;
	font-weight: bold;
	margin-left: 17px;
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
}

#right {
	width: 199px;
	float: left;
	margin-bottom: 20px;
	margin-left: 2px;
}
#left input, #left  textarea {
	margin-left: 21px;
	background: #e8e8e8;
	border: 1px solid #cbc9c9;
	width: 130px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
}
.halfboxNieuws input, .halfboxNieuws textarea {
	background: #e8e8e8;
	border: 1px solid #cbc9c9;
	width: 228px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	margin: 5px 0px 10px;
	padding: 0px;
}
#left ul {
	list-style: none inside;
	line-height: 15px;
	margin: 0px;
	padding-bottom: 15px;
	padding-left: 21px;
}

#left li {
/*	list-style: url(../images/gui/list_grey.gif) inside;*/
	list-style: none inside;
	margin: 0px;
	padding: 0px;
}

#left #selectiebox li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* bottom frame */
#bottom {
	height: 30px;
	background: url(../images/backgrounds/bottombanner.jpg) repeat-x;
	color: #DA95AD;
	font-size: 10px;
	line-height: 17px;
	padding-top: 18px;
}
#bottom #adres {
	margin-left: 20px;
}
#content {
	float: left;
	width: 536px;
	padding: 16px;
	margin: 0px;
}
#adres a {
	color: #DA95AD;
	text-decoration: none;
	border-bottom: 1px dotted #DA95AD;
}
#adres a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

#left .banner img {
	margin-top: -2px;
	margin-left: 5px;
}


#nav {
	width: 970px;
	margin-top: 79px;
}

.spacer01 {
	width: 10px;
	float: left;
}



.tekstbox .title {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	display: block;
}

.content .priceold {
	font-size: 14px;
	line-height: 20px;
	color: #FF7C34;
	text-decoration: line-through;
	display: block;
	font-weight: normal;
}

.content .price {
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 8px;
	margin-top: 3px;
}
a {
	color: #FF7C34;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #8E0D33;
}
.buttonOrangeLeft a {
	color: #FF7C34;
	font-size: 11px;
	text-decoration: none;
}
.buttonOrangeLeft a:hover {
	text-decoration: none;
	color: #8E0D33;
}
.buttonOrangeRight a {
	color: #FF7C34;
	font-size: 11px;
	text-decoration: none;
}
.buttonOrangeRight a:hover {
	text-decoration: none;
	color: #8E0D33;
	text-align: right;
}
.buttonOrangeRightB a {
	color: #FF7C34;
	font-size: 11px;
	text-decoration: none;
}
.buttonOrangeRightB a:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;
}
.buttonOrangeLeft {
	margin-right: 20px;
	margin-left: 20px;	
}
.buttonOrangeTerug {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: right;
	width: 45px;
}
.buttonOrangeTerug a {
	color: #FF7C34;
	font-size: 11px;
	text-decoration: none;
}
.buttonOrangeTerug a:hover {
	text-decoration: none;
	color: #8E0D33;
}
.buttonOrangeRight {
	text-align: right;
	display: block;
	width: 170px;
	float: right;
}
.buttonOrangeRightB {
	text-align: right;
	width: 60px;
}
.halfboxNieuws .button_orange {
}

.content .tekstbox {
	float: left;
}

.halfboxPromo .bottombanner {
	background: #FFFFFF url(../images/gui/botbanner_promo.gif) no-repeat left top;
	height: 9px;
	width: 263px;
}
.content {
	height: 160px;
	background: #901036;
}

.halfboxNieuws .bottombanner {
	background: url(../images/gui/botbanner_nieuwsbrief.gif);
	height: 9px;
	width: 263px;
}
#prikbord {
	width: 536px;
	margin-top: 20px;
	background: #F4F4F4;
}
#prikbord .date {
	font-size: 11px;
	color: #79032a;
	font-weight: bold;
	margin-left: 20px;
}
#wijnclub .title {
	font-size: 11px;
	color: #79032a;
	font-weight: bold;
	display: block;
	width: 330px;
	margin-bottom: 5px;
}

#prikbord .tekst {
	margin: 3px 20px;
}
#prikbord .bottombanner, #wijnclub .bottombanner {
	background: url(../images/gui/botbanner_prikbord.gif) no-repeat left top;
	height: 13px;
}

#wijnclub {
	margin-top: 20px;
	background: #F4F4F4;
	width: 536px;
	line-height: 15px;
}
.halfboxNieuws .tekstbox {
	height: 172px;
	padding: 8px 15px 0px;
	background: #F4F4F4;
	margin: 0px;
}



#shop .tekst {
	width: 120px;
	float: left;
	line-height: 16px;
	padding-left: 15px;
}

#shop .price {
	float: left;
	width: 50px;
	text-align: right;
	font-weight: bold;
	color: #E95400;
	line-height:16px;
}

#left li a {
	text-decoration: none;
	color: #666666;
}
#left li a:hover {
	text-decoration: none;
	color: #E95400;
	border-bottom: 1px dotted #E95400;
}
#content ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	width: 315px;
	list-style: none outside;
}
#content li {
	list-style: url(../images/gui/list_grey.gif) outside;
	margin: 0px;
	padding: 0px;
}
#sidebar{
	padding:10px;
	}

#sidebar .subtitle{
	
color:#E95400;
font-size:15px;
font-weight:bold;
line-height:18px;

	}
#sidebar ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	width: 165px;
	list-style: none outside;
}
#sidebar li {
	list-style: url(../images/gui/list_grey.gif) outside;
	margin: 0px;
	padding: 0px;
}

#wijnclub #box .tekst {
	float: left;
	width: 330px;
}

#shop {
	margin-right: 15px;
	width: 185px;
}
#content .heading {
	font-size: 22px;
	border-bottom: 1px dotted #CBC9C9;
	color: #79032a;
	padding-bottom: 13px;
	margin-bottom: 13px;
	font-weight: bold;
}

.inleiding {
	line-height: 18px;
	margin-bottom: 22px;
}

.subtitel {
	font-size: 15px;
	line-height: 18px;
	color: #E95400;
	border-bottom: 2px solid #8E0E31;
	margin-bottom: 7px;
	padding-bottom: 8px;
	font-weight: bold;
	margin-top:10px;	/* toegevoegd bij scripting */
}

#content .box, #content .boxwinkel {
	width: 536px;
	margin-bottom: 10px;
	line-height: 16px;
}
#content .boxwinkel {
	width: 536px;
	margin-bottom: 10px;
	line-height: 16px;
}

#content .box .land {
	height: 174px;
	width: 220px;
	background: #CCCCCC;
	float: left;
}

#content .box .selectbox {
	width: 125px;
	float: left;
	line-height: 22px;
}

#content .box02 {
	float: left;
	width: 250px;
	margin-bottom: 10px;
}

#content .boxspacer {
	float: left;
	width: 16px;
}
#content .box02 .selectbox02 {
	width: 125px;
	float: left;
	line-height: 25px;
}
#left #zoeken {
	margin-top: -2px;
}


.imgboxBig {
	display: block;
	height: auto;
	width: 217px;
/*	overflow: hidden;*/
	border: 1px solid #999999;
	float: left;
}
.boxwinkel .imgbox {
	display: block;
	height: 170px;	/* was 88 */
	width: 71px;
	overflow: hidden;
	border: 1px solid #999999;
	float: left;
}
.boxwinkel .imgboxDetail {
	display: block;
	height: 288px;	/* was 150 */
	width: 120px;
	overflow: hidden;
	border: 1px solid #999999;
	float: left;
}

.box .tekstbox {
	float: left;
	margin-left: 15px;
	width: 300px;
	line-height: 18px;
}
.boxwinkel .tekstbox {
	float: left;
	margin-left: 15px;
	width: 446px;
	line-height: 18px;
	font-size: 12px;
}
.boxwinkel .tekstbox02 {
	float: left;
	margin-left: 15px;
	width: 446px;
	line-height: 13px;
	font-size: 11px;
}
.boxwinkel .tekstbox03 {
	float: left;
	margin-left: 15px;
	width: 390px;
	line-height: 17px;
	font-size: 11px;
}
.boxDetail .imgboxBig {
	float: left;
	height: auto;
	width: 367px;
}

.boxDetail .tekstbox {
	width: 535px;
	margin-top: 15px;
}

#thumbbox .thumb {
	height: 44px;
	width: 44px;
	float: left;
	border: 1px solid #999999;
	overflow: hidden;
	margin: 0px 0px 7px 7px;
	padding: 0px;
}
#thumbbox {
	height: 160px;
	width: 115px;
	float: left;
}

#content .button {
	background: url(../images/gui/buttonzoek.jpg) no-repeat;
	float: right;
	height: 50px;
	width: 145px;
	color: #FFFFFF;
/*	line-height: 48px;*/
	padding-top:15px;
	text-align: center;
}
#content .buttonbestel {
	background: url(../images/gui/buttonbestel.jpg) no-repeat;
	float: right;
	height: 50px;
	width: 145px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}
#content .button a {
	color: #FFFFFF;
	text-decoration: none;
}
#content .button a:hover {
	color: #E85300;
	text-decoration: none;
}
#content .buttonbestel a {
	color: #FFFFFF;
	text-decoration: none;
}
#content .buttonbestel a:hover {
	color: #E85300;
	text-decoration: none;
}


#sluiter {
	width: 520px;
	clear: both;
	height: 1px;
}
#content .boxwinkel .tekstbox .titel {
	color: #E95400;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 11px;
}
#content .boxwinkel .tekstbox02 .titel {
	color: #E95400;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}
.orange {
	color: #E85300;
	font-weight: bold;
}
.bordeaux {
	color: #90113A;
	font-weight: bold;
	font-size: 15px;
}

#content .boxwinkel {
	border-bottom: 1px solid #8E0E31;
}

#content .overzicht {
/*	height: 34px;*/
	width: 536px;
	border-bottom: 2px solid #8e1131;
	background: #FFFFFF;
	line-height: 34px;
	padding: 0px 0px 4px;
	margin: -6px 0px 0px;
}
#content .overzicht02 {
	height: 34px;
	width: 390px;
	border-bottom: 2px solid #8e1131;
	background: #ffffff;
	line-height: 34px;
	padding: 4px 0px;
	margin: 0px;
	border-top: 1px solid #8e1131;
}

#content .overzicht p {
	background: #fcf6e6;
	padding-left: 10px;
}
#content .overzicht02 p {
	background: #fcf6e6;
	padding-left: 5px;
}
 

#content .levering {
	margin-top: 15px;
	width: 536px;
}

#content .levering .box {
	width: 260px;
	float: left;
}

.box .radio {
	float: left;
	width: 25px;
}

#content .levering .box .tekst {
	float: left;
	width: 225px;
	font-weight: bold;
}

.tekst .small {
	font-size: 9px;
	font-style: italic;
	line-height: 12px;
	margin-top: 3px;
	font-weight: normal;
}
.leveringdate {
	width: 536px;
}

#content .leveringdate .box {
	float: left;
	width: 258px;
	margin-right: 10px;
}
.leveringdate .box input {
	margin-top: 10px;
}
#content .tekstbox p {
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 15px;
}
.tekstbox .left {
	float: left;
	width: 170px;
}

.tekstbox .right {
	float: left;
}
.tekstbox02 .bestel {
	font-size: 13px;
	color: #E95400;
	border-top: 1px solid #DFDDDE;
	padding-top: 5px;
}
#content .bestel {
	font-size: 13px;
	color: #E95400;
	border-top: 1px solid #DFDDDE;
	padding-top: 5px;
}
#content .bestel02 {
	font-size: 13px;
	color: #E95400;
	padding-top: 5px;
	width: 400px;
}

.pagina {
	width: 536px;
	text-align: right;
	border-bottom: 1px solid #8E0E31;
	height: 25px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	font-weight: bold;
}

.pagina .nummer a {
	background: #BBBBBB;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	float: right;
	color: #FFFFFF;
	text-align: center;
}
.pagina .nummer a:hover {
	background: #90113A;
}

.pagina .nummer .selected {
	background: #E95400;
}

/********** toegevoegd bij scripting ************/

.criterium {
	color: #E95400;
	font-weight: bold;
	line-height: 16px;
/*	margin-left: 17px;
	margin-bottom: 5px;*/
}

.li_meerminder
{
	list-style: url(../images/gui/list_bordeaux.gif) inside;
}

.btnForm
{
	cursor:pointer;
	border:0px none white;
	background-color: transparent;
	color: #FF7C34;
	font-size: 11px;
}
.btnForm_smal
{
	cursor:pointer;
	margin:0px;
	padding:0px;
	border:0px none white;
	background-color: transparent;
	color: #FF7C34;
	font-size: 11px;
}


#btnZoeken, #btnVolgendeStap
{
	cursor:pointer;
	border:0px none white;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 11px;
	margin-top:14px;
}
.waarschuwing, .foutmelding
{
	color: red;
}

.pagina .nummer span {
	background: #BBBBBB;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	float: right;
	color: #FFFFFF;
	text-align: center;
}

.pagina .nummer_disabled span {
	background: #DDDDDD;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	float: right;
	color: #FFFFFF;
	text-align: center;
}

.pagina .nummer_huidig span {
	background: #90113A;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	float: right;
	color: #FFFFFF;
	text-align: center;
}

/* aanpassingen voor winkelwagenpagina */
#right_winkelwagen {
	width: 190px;
	float: left;
	margin-bottom: 20px;
	margin-left: 2px;
}

#shop_winkelwagen {
	margin-right: 15px;
	width: 175px;
}

#shop_winkelwagen .staptitel
{
	margin-left:20px;
	color: #BBBBBB;
	font-size: 12px;
	font-weight:bold;
}

#shop_winkelwagen .uitleg
{
	margin-left:20px;
	color: #FF7C34;
	font-size: 12px;
}

#shop_winkelwagen .huidige
{
	color: #E95400;
}

#shop_winkelwagen .gepasseerd
{
	color: #8e1131;
}

.boxwinkel .imgbox_mini {
	display: block;
	height: 56px;
	width: 23px;
	overflow: hidden;
	border: 1px solid #999999;
	float: left;
}

.overzicht03_mini {}

.meerOpties 
{ 
	height: 0px; overflow:hidden;
}

.meer_a, minder_a
{
/*	display: none;*/
}

.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
 }


.promonav
{
	width: 120px;
	text-align: right;
	height: 25px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	float:left;
}
.promonav_button a, .promonav_button span
{
	background: #BBBBBB;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	line-height:18px;
	float: left;
	color: #FFFFFF;
	text-align: center;
}
.promonav_button a:hover { background: #E95400; }
.promonav_huidig, .promonav_huidig span
{
	background: #E95400;
	margin-right: 5px;
	height: 18px;
	width: 18px;
	line-height:18px;
	float: left;
	color: #FFFFFF;
	text-align: center;
}
.promonav_x_van_y span
{
	margin-right: 5px;
	height: 18px;
	width: 32px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	line-height:18px;
}

.tekstboxPromo .title {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
}

.tekstboxPromo .title a {
	color: #FFFFFF;
}
.tekstboxPromo .title a:hover {
	color: #E95400;
}


/*  OVERSCHRIJVINGSKAART  */

#divPlaceHolder { height:450px; width:200px; }

.overschrijvingteken
{
	position:relative; width:10px; height:20px; font-size:16px; font-weight:bold; color:#111111; letter-spacing:13px; text-transform:uppercase;
}

#divBedrag { top:142px; left:660px; }
#divRekeningNr { top:162px; left:616px; }
#divNaamRenty { top:177px; left:616px; letter-spacing:0px; width:300px; }
#divAdresRenty { top:193px; left:616px; letter-spacing:0px; width:300px; }
#divPlaatsRenty { top:209px; left:616px; width:300px; }
#divMededeling { top:227px; left:321px; width:400px; letter-spacing:12px; }
#divMededeling2 { top:243px; left:321px; width:400px; }

.titel_los {
	color: #E95400;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}


/* pagina WIJNEN (uitgebreid zoeken) */
#content .box .selectbox03 {
	width: 175px;
	float: left;
	line-height: 25px;
}

#content .box .selectbox04 {
	width: 160px;
	float: left;
	line-height: 25px;
}

#content .box .selectbox04smal {
	width: 100px;
	float: left;
	line-height: 25px;
}

.inpcrit
{
	border:0px;
	background-color:#FFFFFF;
	vertical-align: middle;
}

.acco
{
	background-image:url(../images/gui/list_minder.gif);
	background-repeat:no-repeat;
	background-position: center right;
	cursor:pointer;
}

#piJaar, #piAppl, #piKrkt, #piDruf, #piProd { background-image:url(../images/gui/list_meer.gif); }
#dpiJaar, #dpiAppl, #dpiKrkt, #dpiDruf, #dpiProd { display:none; }

.promomelding
{
	font-size:12px;
	font-style:italic;
}

.tdlabel	{ font-size: 15px; font-weight: bold; width:100px; }
.tdprijs	{ font-size: 15px; font-weight: bold; width:170px; text-align:right;}
.tdopm		{ font-size: 11px; padding-left:5px; padding-right:5px; }

.brdx	{ color: #90113A; }
.gry	{ color: #666666; }

#left .buttonbestel  {
	background: url(../images/gui/buttonbestel.jpg) no-repeat;
	height: 50px;
	width: 145px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	margin-left:25px;
}

.opmerkingkorting { color: #90113A; font-size:11px; }

.screenhidden { display:none; }

.orangeBigger	{ color: #E85300; font-weight: bold; font-size:15px; }
.greyBigger		{ color: #666666; font-weight: bold; font-size:15px; }
.orangeLittleBigger	{ color: #E85300; font-weight: bold; font-size:13px; }