@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/bg-body.png);
	background-position: top;
	background-color: #3e4143;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper {
	width: 846px;
	position: absolute;
	margin-left: -423px;
	left: 50%;
}

h1#logoLekkers {
	text-indent: -4000px;
	width: 259px;
	height: 48px;
	background-image: url(../images/logo-lekkers.gif);
	top: 35px;
	position: absolute;
	left: 20px;
}

a h1#logoLekkers {
	display: block;
	cursor: pointer;
}

h2#slogan {
	text-indent: -4000px;
	width: 255px;
	height: 37px;
	background-image: url(../images/slogan.gif);
	position: absolute;
	right: 20px;
	top: 35px;
}

/* ************ NAVIGATION & ADRES ************ */
#nav {
	height: 29px;
	width: 846px;
	background-image: url(../images/bg-nav.png);
	background-repeat: repeat-x;
	margin-top: 115px;
}

#nav ul {
	list-style: none;
	margin-left: 18px;
}

#nav ul li {
	display: block;
	float: left;
	margin-right: 20px;
}

#nav ul li {
	float: left;
	line-height: 29px;
	height: 29px;
	list-style-image: none;
	list-style-type: none;
}

#nav ul li a {
	display: block;
	height: 29px;
	text-indent: -4000px;
}

#nav ul li a:hover,
#nav ul li a#current { background-position: left bottom; }

#home a {
	background-image: url(../images/btn-home.png);
	width: 50px;
}

#assortiment a,
#assortiment a:active {
	background-image: url(../images/btn-assortiment.png);
	width: 104px;
}

#bestellen a {
	background-image: url(../images/btn-bestellen.png);
	width: 79px;
}

#route a {
	background-image: url(../images/btn-route.png);
	width: 54px;
}

#contact a {
	background-image: url(../images/btn-contact.png);
	width: 76px;
}

#adres {
	position: absolute;
	right: 15px;
	top: 122px;
	color: #FFF;
}

#subNav {
	width: 846px;
	height: 32px;
	background-image: url(../images/bg-subnav.png);
	background-repeat: no-repeat;
	font-size: 12px;
}

#subNav ul#navAssortiment {
	list-style: none;
	margin-left: 20px;
	height: 32px;
}

#subNav ul li {
	float: left;
	height: 32px;
	line-height: 32px;
}

#subNav ul li.vertLine { margin: 0 16px 0 16px; }

#subNav a {
	color: #793400;
	text-decoration: none;
	font-weight: bold;
}

#subNav a:hover { text-decoration: underline; }

/* ************ CONTENT ************ */
#leftCol {
	width: 615px;
	background-color: #25282a;
	float: left;
	background-image: url(../images/bg-leftcol.png);
	color: #FFF;
	line-height: 1.7em;
}

#leftCol #content { padding: 20px 20px 0 20px; }

#leftCol #content h3 {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #fffbc8;
	font-weight: 100;
	font-size: 14px;
	color: #fffbc8;
	text-transform: uppercase
}

#leftCol #content h3.maison-kelder {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #fffbc8;
	font-weight: 100;
	font-size: 14px;
	color: #fffbc8;
	text-transform: uppercase;
	background-image: url(../images/maison-kelder-logo-h3.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 175px;
	height: 43px;
	line-height: 62px;
}

#leftCol #content h3.dudok {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #fffbc8;
	font-weight: 100;
	font-size: 14px;
	color: #fffbc8;
	text-transform: uppercase;
	background-image: url(../images/dudok-logo-h3.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 100px;
	height: 43px;
	line-height: 50px;
}

#leftCol p { margin-bottom: 1em; }

#leftCol a { color: #fffbc8; }

#leftCol a:hover { color: #FFF; }

#leftCol #footer {
	width: 615px;
	height: 14px;
	background-image:url(../images/bg-footer.png);
	background-position: top;
	background-repeat: no-repeat;
}

#leftCol #content ul {
	list-style: square;
	margin-left: 30px;
	margin-bottom: 1em;
}

#rightCol {
	width: 216px;
	float: right;
	margin-top: 19px;
	color: #793400;
	font-size: 11px;
}

#rightCol #openingstijden {
	padding: 15px;
	background-color: #fffbc8;
}

#rightCol #openingstijden h3 {
	font-weight: 100;
	font-size: 14px;
	color: #1c2022;
	text-transform: uppercase;
	margin-bottom: .5em
}

#rightCol #openingstijden p { margin-bottom: 1em; }

#rightCol #openingstijden p.logosDudokMaisonKelder {
	text-align: center;
	margin-top: 20px;
}

#rightCol #rightColFooter {
	width: 216px;
	height: 11px;
	background-image: url(../images/bg-rightcol-footer.png);
}

#rightCol #pandLekkers { margin: 15px 0 15px 0; }

/* ****************** ASSORTIMENT ********************** */

.assortimentItemTop { width: 560px; }

.assortimentItem {
	background-color: #2e3234;
	padding: 10px 5px 0 10px;
	margin-bottom: 13px;
	height: 112px;
	width: 560px;
	background-image: url(../images/bg-assortiment-item.png);
}

.assortimentItem .assortimentImage {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #fffbc3;
	background-color: #2e3234;
}

.assortimentItem a:hover .assortimentImage {
	border: 1px solid #FFF;
	background-color: #fffbc3;
}

.assortimentItem .assortimentItemDescription {
	float: right;
	width: 430px;
	padding-right: 10px;
}

/*.assortimentItem */h2 {
	color: #fffbc3;
	font-size: 13px;
}

.assortimentItem p {
	display: block;
	color: #FFF;
}

a.bestellen {
	text-indent: -4000px;
	width: 68px;
	height: 18px;
	background-image:url(../images/btn-link-bestellen.gif);
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	background-repeat: no-repeat
}

.linkTop {
	text-align: center;
	width: 100%;
	display: block;
}

p.SpecialeGelegenheden,
p.IJs {
	width: 100%;
	text-align: center;
}

p.SpecialeGelegenheden img,
p.IJs img {
	padding: 2px;
	border: 1px solid #fffbc3;
	background-color: #2e3234;
}

table.assortimentBonbons {
	width: 100%;
	margin-bottom: 1em;
}

table.assortimentBonbons td {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}

#assortimentBonbons a { cursor: default }

/* ****************** CONTACT FORM ********************** */
form {
	padding: 20px;
	display: block;
}

label,
input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

input.required { border: 1px solid #FF0000; }

input.submitBtn {
	width: 80px;
	margin-left: 220px;
}

label {
	text-align: left;
	width: 200px;
	padding-right: 20px;
}

.vraagopmerking {
	padding-right: 20px;
	width: 180px;
	height: 100px;
	float: left;
	margin-bottom: 20px;
}

br { clear: left; }

.adres { color: #fffbc8; }

#flashDiv { color: #FFF; }

/* ******** BESTELLEN FORMULIER E.D. ******** */

form#bestellen input {
	width: 150px;
	margin-bottom: 15px;
}

form#bestellen input.aantal {
	width: 35px;
	margin-bottom: 0px;
}

form#bestellen input.checkbox { width: auto; }

form#bestellen table td { padding: 5px 0 5px 10px; }

form#bestellen textarea {
	width: 400px;
	height: 125px;
}

div.link,
div.linkCollapse {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	font-weight: lighter;
	/* width: 400px; */
	display: block;
	background-color: #2e3234;
	cursor:pointer;
}

div.link:hover {
	background-color: #495154;
	color: #fffbc3
}

div.linkCollapse:hover {
	background-color: #495154;
	color: #000
}

#formulier { width: 100%; }

#formulier .lighter { background-color: #2e3234;/* width:400px; */
}

.product_1 {
	float:left;
	width: 250px;
}

.price {
	float:left;
	padding-left: 10px;
}

.clear { clear:both; }

.hidden {
	display:none;
	width:550px;
	/*border-right: 1px solid #FFF;
				border-bottom: 1px solid #FFF;
				border-left: 1px solid #FFF;*/
				margin-top:-2px;
}

#content ul#menu {
	height:30px;
	margin:0 0 0 0;
	padding: 0;
	width: 550px;
}

ul#menu li.link {
	list-style-type:none;
	margin:0;
}

ul#menu li.link {
	float:left;
	margin:0 3px 0 0;
	/*border: 1px solid #FFF;*/
                cursor:pointer;
	padding:3px;
	list-style:none;
	font-weight: bold;
}

li.divlinkActive {
	float:left;
	margin-right:3px;
	/*border-top: 1px solid #FFF;
				border-right: 1px solid #FFF;
				border-left: 1px solid #FFF;*/
				border-bottom: 1px solid #2E3234;
	cursor:pointer;
	padding:3px;
	background-color:#2E3234;
	list-style:none;
	font-weight: bold;
	height:21px;
}

/* google maps */
.linkGoogleMaps a {
	color: #2e3234;
	text-decoration: none;
}

.link {
	font-weight:bold;
	cursor:pointer;
}

.link:hover { color: #FFFBC8 }

/* hiddens divs */
.invullen {
	margin:0;
	padding: 0;
}

.smallTxt { font-size: 10px; }

table strong {
	color: #FFFBC8;
	text-decoration: underline
}

#aanbiedingFlash {
	position: absolute;
	width: 275px;
	height: 100px;
	margin-left: -137.5px;
	top: 10px;
	left: 50%;
	z-index: 1000
}

#valop {
	background-color:#2E3234;
	border:1px solid #FFFBC8;
	padding:10px;
}

/* lily's cupcakes */
img.logoLily {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

img.imgFlyerLily {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

/* sinterklaas 2011 */

.images-sinterklaas {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
	width: 200px;
	clear: both;
}

.images-sinterklaas img.sinterklaas2011 {
	border: 1px solid #fffbc3;
	background-color: #2e3234;
	margin-bottom: 10px;
	clear: both;
}

/* facebook button */
#facebook { margin-bottom: 15px; }


#newsLetter{
	background:#24282b;
	padding:10px;
	border-radius:10px;
	color:#fefbc8;
}

#newsLetter h3{
	margin-bottom:10px;
}

#newsLetter label{
	display:block;
}
#newsLetter input{
	width:150px;
	border:1px solid #fffbc3;
}

.notice {
	background: #2d3134;
	border: 1px solid #fefbc8;
	padding: 10px 15px 0px 15px;
	margin: 20px 0;
}

.notice p {
	margin-top: 1em;	
}