* { margin: 0; }
html { height: 100%; background: #ddd; }

body {
	background: url(../img/bg/body.gif) repeat-x #eee;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 21px;
	color: #666;
	}

a { color: #444; text-decoration: none; }
a:hover { color: #d50000; }
a img { border: 0; }
h1, h2 { font: bold 20px "Times New Roman", Times, serif; line-height: normal; margin: 0 0 10px; }
h1 { font-size: 28px; color: #768800; border-bottom: 1px solid #ddd; margin: 0 0 20px; }
h3, h3 a { color: #666; font-size: 13px; margin: 0 0 10px; }
input, select, textarea { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; }

#container {
	width: 960px;
	margin: 0 auto -80px;
	}

#header {
	width: 960px;
	height: 280px;
	background: url(../img/bg/header.jpg) no-repeat 10px 20px;
	font-size: 13px;
	}
	#header ul { padding: 0; list-style: none; }
	#header a { color: #fff; }
	#header a:hover { color: #fbc000; }
	
	#statement { width: 640px; height: 21px; padding: 9px 40px 10px; float: left; }
	
	#logo { width: 660px; height: 80px; padding: 40px 0 0 60px; float: left; }
	#logo a { width: 224px; height: 46px; display: block; background: url(../img/bg/logo.jpg); text-indent: -9999px; }
	#logo a:hover { background-position: bottom; }
	
	#mainmenu { width: 720px; height: 40px; background: url(../img/bg/mainmenu.gif); float: left; }
	#mainmenu ul { padding: 7px 10px 0; list-style: none; }
	#mainmenu li { margin: 0 5px; float: left; }
	#mainmenu li a { padding: 1px 5px; float: left; }
	
	#lang { width: 720px; height: 40px; background: url(../img/bg/lang.gif) no-repeat; float: left; }
	#lang ul { padding: 12px 17px 0 0; float: right; }
	#lang li { margin: 0 0 0 14px; float: left; }
	#lang li a { width: 22px; height: 17px; background: url(../img/bg/flags.jpg); text-indent: -9999px; float: left; overflow: hidden; }
	#lang .nl a:hover { background-position: 0 -17px; }
	#lang .en a { background-position: 22px 0; }
	#lang .en a:hover { background-position: 22px -17px; }
	
	#rightmenu { width: 200px; height: 240px; padding: 20px; background: url(../img/bg/rightmenu.gif); font-size: 12px; float: right; overflow: hidden; }
	#rightmenu h2 { color: #ccc; }
	#rightmenu li a { width: 180px; padding: 0 0 0 20px; display: block; background: url(../img/icons/rightmenu-bullet-up.gif) no-repeat 0 8px; }
	#rightmenu li a:hover { background: url(../img/icons/rightmenu-bullet-hover.gif) no-repeat 0 8px; }

#content {
	width: 960px;
	}
	#content p a, #content ul a, #content ol a { border-bottom: 1px dotted #666; }
	#content ul { padding: 0 0 20px 20px; list-style: none; }
	#content ul li { padding: 0 0 0 20px; background: url(../img/icons/content-bullet.gif) no-repeat 0 7px; }
	#content ol { padding: 0 0 20px; }

#left {
	width: 620px;
	padding: 30px 40px 20px 50px;
	margin: -40px 0 0 10px;
	display: inline;
	background: url(../img/bg/leftcontent.gif) no-repeat;
	text-align: justify;
	float: left;
	position: relative;
	}
	#left p { padding: 0 0 20px; }
	#left blockquote { width: 510px; padding: 13px 20px 13px 90px; margin: 20px 0 40px; background: url(../img/bg/blockquote.gif) no-repeat #ddd; font-style: italic; overflow: hidden; }
	
	#producten { width: 620px; margin: 0 0 30px; overflow: hidden; }
	#producten .item { width: 165px; height: 287px; padding: 20px 15px 0 20px; margin: 0 10px 10px 0; background: #ddd; float: left; }
	#producten .item a img { padding: 1px 5px 5px 1px; background: url(../img/bg/product-img.gif); margin: 0 0 5px; }
	#producten .item a:hover img { background-position: bottom; }
	#producten .item p { padding: 0 0 10px; }
	#producten .item p span { color: #d50000; font-size: 17px; }
	#producten .item.third { margin: 0 0 10px; }

#right {
	width: 200px;
	padding: 20px 20px 262px;
	background: url(../img/bg/rightcontent.gif) no-repeat;
	float: left;
	}
	#boxes { width: 200px; margin: 0 0 20px; font-size: 13px; }
	#boxes a { width: 168px; height: 52px; padding: 28px 16px 0; display: block; color: #fff; }
	#boxes a.rozen { background: url(../img/bg/box-rozen.jpg); }
	#boxes a.wijn { background: url(../img/bg/box-wijn.jpg); text-align: right; }
	#boxes a.champagne { background: url(../img/bg/box-champagne.jpg); }
	#boxes a:hover { background-position: bottom; }
	
	#sidemenu { width: 160px; padding: 0 20px; margin: 0 0 40px; background: url(../img/bg/sidemenu.gif); }
	#sidemenu h2 { color: #e5f384; }
	#sidemenu ul { padding: 0 0 18px; }
	#sidemenu li { background: none !important; padding: 0 !important; }
	#sidemenu li a { width: 140px; padding: 0 0 0 20px; display: block; background: url(../img/icons/sidemenu-bullet-up.gif) no-repeat 0 8px; color: #fff; border: 0; }
	#sidemenu li a:hover { background: url(../img/icons/sidemenu-bullet-hover.gif) no-repeat 0 8px; color: #576401; }
	#sidemenu .top { width: 200px; height: 2px; margin: 0 -20px 18px; background: url(../img/bg/sidemenu-top-bottom.gif); overflow: hidden; }
	#sidemenu .bottom { width: 200px; height: 2px; margin: 0 -20px; background: url(../img/bg/sidemenu-top-bottom.gif) 0 2px; overflow: hidden; clear: both; }

#footer {
	width: 100%;
	height: 60px;
	margin: 80px 0 0;
	padding: 19px 0 0;
	background: url(../img/bg/footer-line.gif) repeat-x #ddd;
	border-top: 1px solid #bbb;
	clear: both;
	}
	#footercontent { width: 920px; padding: 0 20px; margin: 0 auto; position: relative; }
	#betaling { width: 250px; height: 242px; background: url(../img/bg/footer-betaling.jpg); position: absolute; right: 0; top: -262px; }
	#betaling a { width: 200px; height: 64px; margin: 157px 0 0 29px; display: block; text-indent: -9999px; }

a.btn { width: 130px; height: 29px; padding: 5px 0 0 30px; display: block; background: url(../img/bg/btn.gif); color: #fff; font-size: 12px; }
a:hover.btn { background-position: bottom; color: #fff; }