@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	text-align:center;
}
img {
	border:0px;
}
#menu {
	z-index:11;
	position:absolute;
	top: 140px;
	left:50%;
	margin-left: -480px;
	width: 935px;/* 960-25 van de padding-left */
	height: 30px;/* eigenlijk 53-8 van de padding-top */
/*	background-image:url(i/menu-bg.jpg);
	background-repeat:no-repeat;
*/	padding-left:25px;
	padding-top:8px;
	text-align:left;
	font-size:14px;
}
.active {
	font-weight:bold;
}
a {
	color:white;
	text-decoration:none;
}
a:hover {
	font-weight:bold;
}
#mHome, #mConcept, #mConcept, #mProducten, #mProberen, #mBestellen, #mInfo {float:left}
#mNespresso-inruil-actie, #mContact {float:right}
#mHome {width:60px}
#mConcept {width:105px} /* later My Mokador genoemd */
#mProducten, #mProberen, #mBestellen, #mInfo, #mContact {width:90px}
#mNespresso-inruil-actie {width:200px}
#mContact2012 {
	float:right;
	width:300px;
	color:white;
	text-align:right;
	margin-right:20px;
}


#sub2 {
	position:absolute;
	left:66px;
	top:25px;
	z-index:12;
	background-image:url(i/submenu-blanco.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:200px;
	height:65px;
	bottom:0px;
	text-align: left;
	padding-left:20px;
	visibility: hidden;
}
#sub3 {
	position:absolute;
	left:170px;
	top:25px;
	z-index:13;
	background-image:url(i/submenu-blanco-3subs.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:200px;
	height:81px;
	visibility:hidden;
	bottom:0px;
	text-align: left;
	padding-left:20px;
}
#sub5 {
	position:absolute;
	left:370px;
	top:25px;
	z-index:15;
	background-image:url(i/submenu-blanco.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:200px;
	height:65px;
	margin-left:-20px;
	padding-left:20px;
	visibility:hidden;
	bottom:0px;
	text-align: left;
}
#inklapstrook {
	position:absolute;
	top: 0px;
	left:50%;
	margin-left: -480px;
	width: 960px;
	height: 280px;
}

#content {
	position:absolute;
	top: 140px;/*was 188*/
	left:50%;
	margin-left: -480px;
	width: 960px;/* 960-25 van de padding-left */
	height:474px;/* was eerst even 420 */
	font-size:7px;
	color: #999999;
	text-align:center;
	background-image:url(i/bestellen-machine-bg.jpg);
	background-repeat:no-repeat;
}
	
#flashTekst {
	position:absolute;
	top:120px;
	margin-left: 0px;
	left:0px;
	z-index:10;
}
#promo {
	position:absolute;
	top:70px;
	margin-left:0px;
	left:0px;
	text-align:left;
}

#uitdekant {
	margin-left:40px;
}
#uitdekant h1 {
	font-size:25px;
}

#homepage, #bestel, #faq, #sitemap {
	z-index:9999;/* boven uitklapmenu houden */
	position:absolute;
	top:80px;
	margin-left:0px;
	left:0px;
	width:960px;
	font-size:14px;
	text-align:left;
	color:#666666;
}
#faq {
	width:600px;
}

#homepage a, #bestel a, #faq a {
	color:#666666;
	text-decoration:underline;
}

#homepage a:hover {
	font-weight:normal;
}

#faq p {
	margin-top:0px;
}

h1 {
	margin-top:10px;
	font-size:32px;
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2 {
	font-size:19px;
	font-family:"Calibri",Arial, Helvetica, sans-serif;
}
h3 {
	font-size:13px;
	margin:0px;
}
	
#gratis {
	position:absolute;
	top: 280px;
	margin-left: 0px;
	left:100px;
	width:184px;
	padding-top:0px;
	height:139px;
	background-repeat:no-repeat;
	text-align:center;
	font-size:18px;
	color:white;
}

#gratisProberen a {
	position:absolute;
	z-index:122;
	top: 290px;
	margin-left: 0px;
	left:100px;
	width:184px;
	padding-top:45px;
	height:139px;/* 184-45 */
	background-image:url(i/nu-gratis-proberen.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:18px;
	color:white;
}


#gratisProberen a:hover {
	font-weight:normal;
}

.extraBreed {
	letter-spacing:7px;
	font-weight:bold;
}	

#adres {
	position:absolute;
	top:620px;
	left:50%;
	margin-left: -480px;/*20 naar rechts gezet*/
	width:960px;/* 960-25 van de padding-left */
	font-size:9px;
	color:#999999; /*#331F05;*/
	text-align:center;
}
#adres-flow {
	position:relative;
	float:left;
	width:960px;/* 960-25 van de padding-left */
	font-size:9px;
	color:#999999;
	text-align:center;
}
#adres a, #adres-flow a {
	color: #999999;
	text-decoration:underline;
}
#adres a:hover, #adres-flow a:hover {
	font-weight:normal;
}
#design {
	position:absolute;
	top:635px;
	left:50%;
	margin-left: -480px;
	width:960px;/* 960-25 van de padding-left */
	font-size:7px;
	color:#999999;
	text-align:center;
}
#design-flow {
	position:relative;
	float:left;
	width: 960px;/* 960-25 van de padding-left */
	font-size:7px;
	color: #999999;
	text-align:center;
}
#design a, #design-flow a {
	color: #999999;
	text-decoration:none;
}
#design a:hover, #design-flow a:hover {
	font-weight:normal;
}

.vet-rood {
	font-weight:bold;
	color:#FF0000;
}
.groter {
	font-size:17px;
	line-height:30px;
	text-align:center;
}
.groter2 {
	font-size:17px;
	line-height:30px;
}
.grijs {
	color:#666666;
}
.wit {
	color:#FFFFFF;
}
.kleiner {
	font-size:11px;
}
.geenKopwit {
	margin-top:0px;
	font-size:11px;
}

#kortingsBol {
	margin-left: 0px;
	left:100px;
	width:184px;
	padding-top:45px;
	height:159px;/* let ook op padding-top */
	background-image:url(i/nu-gratis-proberen.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:18px;
	color:white;
}

#kortingsBol2 {
	float:left;
	margin-left: 0px;
	left:100px;
	width:184px;
	padding-top:35px;
	height:159px;/* let ook op padding-top */
	background-image:url(i/rodeBol2_met_tekst.png);
	background-repeat:no-repeat;
	text-align:center;
	font-size:18px;
	color:white;
}

#kortingsBol_met_tekst {
	float:left;
	margin-left:0px;
	left:100px;
	width:184px;
	padding-top:15px;
	padding-left:0px;
	height:159px;/* let ook op padding-top */
	text-align:center;
	font-size:18px;
	color:white;
}

kortingsBol_met_tekst img {
	padding:0px;
	margin:0px;
}

#kortingsBol2 p {
	margin:0px;
	margin-bottom:10px;
	padding-left:0px;
}

.gratis1 {
	font-size:24px;
	line-height:24px;
}
.gratis2 {
	margin-bottom:10px;
	font-size:14px;
	line-height:16px;
}

#cupjeskortingstabel {
	background-color:#FFF;
}

.kleiner {
	font-size:11px;
}

.geenMarges {
	margin:0px;
	padding:0px;
}

#uitleg {
	position:relative;
	float:left;
	width: 960px;/* 960-25 van de padding-left */
}

#uitleg2012 {
	position:relative;
	float:left;
	width: 960px;
	clear: left;/* anders gaat ie rechts van de div erboven staan!!! */
}

#cupjesprijs {
	font-weight:bold;
}

/*	formulier
*/
#brutoprijs, #stuks, #kortingspercentage, #korting, #cupjesprijs, #bezorgkosten, #subtotaal, #btw, #totaal {
	text-align:right;
}