* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body {
	height: 100%;
}
body {
    margin-bottom: 10px;
	background: url('../img/bgc.jpg') bottom left fixed no-repeat #fff;
}
body, a, td, input, textarea {
	color: #7A7A7A;
	font: 11px Verdana, Arial;
}
h1, h1 a, h3, h3 a {
    color: #7A7A7A;
}
h2, h2 a {
    color: #A20171;
}
h1 {
    font-weight: normal;
    font-size: 18px;
    font-family: Verdana, Tahoma, Arial;
}
h2, h2 a,h3, h3 a {
    font-weight: normal;
    font-size: 16px;
    font-family: Verdana, Tahoma, Arial;
}

h4, h4 a,h5, h5 a {
    font-weight: normal;
    font-size: 14px;
    font-family: Verdana, Tahoma, Arial;
}
h4, h4 a {
    font-weight: bold;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
select, textarea, input.userInput {
	border: 1px solid #C1C1C1;
	background: url('../img/inputbgc.gif') bottom left repeat-x #fff;
}
.wrap {
	padding: 183px 0px 0px 216px;
}
.head, .topnav, .rightBox, .topUsernav, .customerbox, .shopbox, .navigation {
	position: absolute;
	z-index: 4;
}
.head {
	top: 0px;
	left: 0px;
	width: 758px;
	height: 169px;
	background: url('../img/top/1.jpg') top left no-repeat #fff;
}
.topnav {
	width: 648px;
	top: 10px;
    left: 10px;
}
.topnav, .topUsernav {
    height: 25px;
    line-height: 25px;	
}
.topnav ul li, .topUsernav ul li {
	float: left;
	list-style: none;
	padding: 0px 3px 0px 3px;
	background-image: url('../img/split_top.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
.aanmelden {
    position: absolute;
    right: 0px;
    top: 3px;
}
.topnav ul li, .topnav ul li a {
	color: #fff;
}
.rightBox {
	top: 10px;
	left: 780px;
}
.rightBox, .customerbox, .shopbox {
	width: 204px;
}
.topUsernav {
	top: 0px;
	left: 0px;
}
.topUsernav ul li {
	float: right !important;
}
.float_l {
	float: left;
}
.footer {
    margin: 20px 0px 20px 0px;
    width: 540px;
    border-top: 2px solid #E3D3B5;
    padding-top: 10px;
    text-align: center;
}
.footer ul, .footer ul li {
    float: left;
    list-style: none;
}
.footer ul li {
    padding: 0px 10px 0px 10px;
	background-image: url('../img/split_top.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
.footer,.footer a {
    color: #404040;
}
.footer ul li,.footer ul li a {
    color: #7A7A7A;
}
.txtRight {
	text-align: right;
}
ul.float_l li {
	float: left;
	margin: 0px 0px 0px 0px;
}
ul li.first {
	margin: 0px;
}
ul.arr_purple_r li, ul.float_l li {
	list-style: none;
}
ul.arr_purple_r li, li.arr_purple_r {
	padding-left: 12px;
	background-image: url('../img/arrpurple_r.gif');
	background-position: left center;
	background-repeat: no-repeat;
}
ul.arr_purple li, li.arr_purple {
	padding-left: 12px;
	background-image: url('../img/arrpurple.gif');
	background-position: left center;
	background-repeat: no-repeat;
}
.customerbox {
	top: 25px;
	left: 0px;
	height: 110px;
	border-top: 1px solid #F8F4EC;
	border-left: 1px solid #E3D3B5;
	background: url('../img/login.gif') 10px 4px no-repeat #fff;
}
.customerbox ul li {
	list-style: none;
}
.customerbox ul li.offlink {
    margin-top: 25px;
}
.customerbox, .customerbox td {
	color: #004B7A;
}
.customerbox .pad {
	padding: 25px 10px 0px 10px;
}
img.inputimg {
	vertical-align: bottom;
}
.shopbox {
	cursor: pointer;
	top: 135px;
	left: 0px;
	height: 111px;
	color: #fff;
	background: url('../img/myshop.jpg') top left no-repeat #fff;
	border-left: 1px solid #E3D3B5;
	border-top: 1px solid #fff;
}
.shopbox div {
    padding: 30px 0px 0px 30px;
	width: 160px;
}
.footback {
	z-index: 2;
	bottom: 0px;
	left: 0px;
	width: 654px;
	height: 179px;
	background: url('../img/bgc.jpg') top left no-repeat #fff;
}
.content,.chwrap, .mediabox {
	float: left;
	z-index: 6;
}
.navigation {
	top: 150px;
	left: 7px;
	width: 202px;
	z-index: 5;
}
.wijnvandeweek a img {
    margin-left: 10px;
}
.content {
	width: 780px;
}
.chwrap {
	width: 552px;
}
.mediabox {
    margin-top: 75px;
	padding-left: 12px;
	width: 216px;
}
.mediabox ul li.topitem {
	height: 34px;
	line-height: 34px;
	text-align: right;
	padding: 0px;
	background: url('../img/nieuws.gif') top left no-repeat #fff;
}
.mediabox ul li.topitem a {
	padding: 0px 15px 0px 0px;
	background: url('../img/arrg.gif') center right no-repeat #fff;
}
.mediabox ul li {
	list-style: none;
	border-left: 1px solid #E3D3B5;
	padding: 10px 10px 10px 10px;
	margin-bottom: 1px;
}
.mediabox ul li.rssfeed, .mediabox ul li.split {
	border-bottom: 1px solid #F8F4EC;
}
.mediabox ul li.nieuwsbrief {
	cursor: pointer;
	height: 166px;
	padding: 0px;
	border-left: 1px solid #fff;
	background: url('../img/nb.jpg') top left no-repeat #fff;
}
.mediabox ul li.nieuwsbrief div {
	padding: 48px 20px 0px 20px;
}
.mediabox ul li.features {
	height: 69px;
	padding: 0px;
	border-left: 1px solid #fff;
}
.mediabox ul li.nieuwsbrief div, .mediabox ul li.nieuwsbrief div a {
	color: #fff;
}
.mediabox ul li.nieuwsbrief div a:hover {
	text-decoration: none;
}
.mediabox ul li.rssfeed a {
	display: block;
    height: 16px;
	padding: 0px 0px 0px 20px;
	background: url('../img/rss.gif') center left no-repeat #fff;
}

/* sales*/
.saleBox img {
	float: left;
	border: 1px solid #E3D3B5;
	margin: 0px;
}
.saleBox, .saleBox ul, .saleBox ul li {
    text-align: left;
    margin: 0px;
    padding: 0px;
}
div.saleInfo, div.saleBestel {
    width: 170px;
}
div.saleInfo {
	height: 102px;
}
div.saleBestel {
	background-color: #FDFCFA;
	border-top: 1px solid #F8F4EC;
	border-bottom: 1px solid #F8F4EC;
	height: 31px;
}
.saleBox div.saleBestel div {
	padding-top: 8px;
}
.saleBox div.saleBestel div, .saleBox div.saleInfo div {
    padding-left: 10px;
}
.saleBox div.saleBestel a {
	padding: 0px 20px 0px 0px;
	background: url('../img/bestel.gif') center right no-repeat #FDFCFA;
}
.saleBox ul li {
    width: 270px;
}
.saleHead1 {
    width: 320px;
    border-right: 1px solid #F8F4EC;
}
.saleHead2 {  
    text-align: right;
    width: 195px;
}
/* nieuws */
.nwDate {
	padding: 10px 0px 10px 10px;
}
.high, td.high, td.high a {
	font-weight: bold;
}
.blue, .blue a {
	color: #004876;
}
.white, .white a {
    color: #fff;
}
.purple, .purple a {
	color: #A20171;
}
.formRequire, .formRequire a {
    color: #f44;
}
.pcursor {
	cursor: pointer;
}
.padstd {
	padding: 10px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1,.sIFR-hasFlash h2,.sIFR-hasFlash h3 {
    visibility: hidden;
    padding: 0px;
    letter-spacing: -5px;
    font-size: 18px;
}
.sIFR-hasFlash h4,.sIFR-hasFlash h5 {
    visibility: hidden;
    padding: 0px;
    letter-spacing: -4px;
    font-size: 14px;
}