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

.sIFR-active h1 span,
.sIFR-active h2 span {
	display:none;
}

/*-----------------------------
RESET STYLES
-----------------------------*/
html, body, form, fieldset, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */
}
body {
	font-size:11px;
	font-family:Arial;
	background-color:#67c7c5;
}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
}
img {
	border:0px;
}
#clr {
	clear:both;
}

/*-----------------------------
BODY DIV
-----------------------------*/
#wrap-bg {
	width:1000px;
	height:494px;
	margin:0 auto;
}
#wrap-interactive {
	width:900px;
	height:522px;
	margin:0 auto;
}

/*-----------------------------
GENERAL TABS
-----------------------------*/
#tab-tabs {
	position:absolute;
	top:0px;
	height:84px;
}
#tab-interactive {
	width:900px;
	height:438px;
	margin-top:69px;
	overflow:hidden;
}
#tab-tabs {
	margin-left:20px;
}
#tab-tabs div {
	height:64px;
	float:left;
	margin-right:0px;
	text-align:center;
	cursor:pointer;
}
#tab-a { width:149px; margin-top:15px; background-image:url(../images/tab-home.png); }
#tab-a:hover { background-position: 0px -64px; }
.tab-a-active { margin-top:15px; background-position: 0px -128px; }

#tab-b { width:149px; margin-top:15px; background-image:url(../images/tab-smaken.png); }
#tab-b:hover { background-position: 0px -64px;	}
.tab-b-active { margin-top:15px; background-position: 0px -128px; }

#tab-c { width:149px; margin-top:15px; background-image:url(../images/tab-specials.png); }
#tab-c:hover { background-position: 0px -64px;	}
.tab-c-active { margin-top:15px; background-position: 0px -128px; }

#tab-d { width:149px; margin-top:15px; background-image:url(../images/tab-verkrijgbaarheid.png); }
#tab-d:hover { background-position: 0px -64px;	}
.tab-d-active { margin-top:15px; background-position: 0px -128px; }

#tab-e { width:149px; margin-top:15px; background-image:url(../images/tab-bestellen.png); }
#tab-e:hover { background-position: 0px -64px;	}
.tab-e-active { margin-top:15px; background-position: 0px -128px; }

#tab-e span {
	width:30px;
	font-size:11px;
	color:#67c7c5;
	text-align:center;
	margin-top:10px;
	margin-right:3px;
	background:none;
	float:right;
	border:none;
}


#tab-f {
	width:0px;
}


/*-----------------------------
WEB
-----------------------------*/
#web-banners {
	width:900px;
	margin:0 auto;
	margin-top:15px;
}
html>body #web-banners {
	margin-top:-55px;/* Firefox */		
	.margin-top:15px;/* for IE 7 */     
}



#web-news {
	width:900px;
	height:438px;
	float:left;
}
#web-news-bestel {
	width:900px;
	height:1000px;
	float:left;
}
#web-news-tumb {
	width:120px;
	height:127px;
	margin-top:10px;
	margin-right:10px;
	cursor: pointer;
	float:left;	
}
#smaak-tumbs li {
	width:120px;
	height:127px;
	margin-top:10px;
	margin-right:8px;
	cursor: pointer;
	float:left;	
}
#web-overzicht {
	width:900px;
	height:200px;
	float:left;
	background-color: #67c7c5;
}
#web-overzicht img {
	width:105px;
	height:119px;
}
#tab-target {
	overflow:hidden;
	width:900px;
	height:438px;
	background-color: #67c7c5;
}
#tab-overzicht {
	 margin-left:315px; 
	 cursor:pointer;
}
#tab-logo {
	z-index:100000; 
	position:relative;
	top:20px;
}
#smaak-header {
	margin-top:175px;
	margin-left:150px;
	width:250px;
	float:left;
}
#smaak-cupcake {
	margin-top:100px;
	margin-right:150px;
	float:right;
}
#smaak-header img {
	margin-bottom:10px;
}



/*-----------------------------
BESTELLEN
-----------------------------*/
#bestel-form-a {
	float:left;
	width:525px;
	height:361px;
	margin-left:30px;
	margin-top:50px;
}
#bestel-form-b {
	float:right;
	width:299px;
	height:314px;
	margin-right:30px;
	margin-top:-40px;
}
#bestel-tabs {
	width:525px;
	height:45px;
	margin-top:2px;
	margin-left:20px;
	position:absolute;
	top:75px;
}


#bestel-tabs div {
	float:left;
}

#bestel-a { width:116px; height:50px; margin-right:5px; background-image:url(../images/tab-smaken-sml.png); }
#bestel-a:hover { background-position: 0px 0px; }
.bestel-a-active { background-position: 0px -50px; }

#bestel-b { width:116px; height:50px; background-image:url(../images/tab-specials-sml.png);  }
#bestel-b:hover { background-position: 0px 0px; }
.bestel-b-active { background-position: 0px -50px; }

#bestel-ul {
}
#bestel-ul li{
	float:left;
	width:150px;
	margin-left:20px;
	margin-top:20px;
}
#bestel-product {
	float:left;
}


/*-----------------------------
BESTELLEN FORM
-----------------------------*/
#bestel-form {
	color:#FFF;
	margin-top:75px;
	margin-left:10px;
	width:300px;
	height:20px;
}
#bestel-form li {
	display:block;
	clear:both;
}
#form-h {
	float:left;
	margin-bottom:10px;
}
#form-v {
	float:right;
	margin-bottom:5px;
}
#form-v input {
	border:none;
	padding:1px;
	width:130px;
	border:solid 1px #FFF;
}
.form-v-list {
	border:none;
	padding:1px;
	width:130px;
}
.warning {
	width:30px;
}

/*-----------------------------
SMAKEN BASKET INC
-----------------------------*/
#smaak-basket {
	width:56px;
	height:56px;
	float:left;
	margin-top:-125px;
	margin-left:80px;
}
#smaak-basket-a {
	cursor:pointer;
	float:left;
	width:14px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_a.png);
}
#smaak-basket-a:hover {
	background-position:0px -56px;
}
#smaak-basket-b {
	float:left;
	width:28px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_b.png);
}
#smaak-basket-c {
	cursor:pointer;
	float:left;
	width:14px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_c.png);
	text-align:center;
}
#smaak-basket-b div {
	width:28px;
	color:#FFF;
	font-size:12px;
	margin-top:19px;
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#smaak-basket-c:hover {
	background-position:0px -56px;
}



#bestel-basket {
	width:56px;
	height:56px;
	margin-left:5px;
	float:left;
}
#bestel-basket-a {
	cursor:pointer;
	float:left;
	width:14px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_a.png);
}
#bestel-basket-a:hover {
	background-position:0px -56px;
}
#bestel-basket-b {
	float:left;
	width:28px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_b.png);
}
#bestel-basket-c {
	cursor:pointer;
	float:left;
	width:14px;
	height:56px;
	background-image: url(../images/cupcakes/add_basket_c.png);
	text-align:center;
}
#bestel-basket-b div {
	width:28px;
	color:#FFF;
	font-size:12px;
	margin-top:19px;
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#bestel-basket-c:hover {
	background-position:0px -56px;
}








/*-----------------------------
BUBBLES
-----------------------------*/
#smaak-bubble {
	width:100px;
	position:relative;
	margin-left:5px;
	margin-top:-10px;
	color:#999;
	font-size:9px;
	background-color:#D4D4D4;
	text-align:center;
	-moz-border-radius-bottomleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-topright:1ex;
	padding:2px;
}
#bestel-bubble {
	clear:both;
	width:100px;
	color:#999;
	font-size:9px;
	background-color:#D4D4D4;
	text-align:center;
	-moz-border-radius-bottomleft:1ex;
	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-topright:1ex;
	padding:2px;
	margin-top:-10px;
}
html>body #bestel-bubble {
	margin-top:10px;/* Firefox */	
	.margin-top:-10px;/* for IE 7 */ 
}

/*-----------------------------
FOOTER
-----------------------------*/
#footer {
	width:900px;
	margin:0 auto;
}
#footer div {
	height: 20px;
	float: left;
}
#footer-a {
	background-image:url(../images/footer_logo.png);
	width: 110px;
}
#footer-b {
	width: 771px;
}
#footer-c {
	width: 19px;
}
#web-footer li {
	margin-top:8px;
	color:#666;
	float:right;
	margin-left:10px;
}
#web-footer li a {
	color:#000;
}
#web-footer li a:hover {
	color:#000;
}



#lokaties {
	margin-top:15px;
}
#lokatie {
	display:block;
	float:left;
	width:250px;
	height:100px;
	margin-right:10px;
	margin-top:10px;
}
#lokatie-header {
	color:#a9617a;
}
#lokatie-body {
	color:#fff;
}
#lokatie-body a {
	text-decoration:underline;
	color:#fff;
}



#bestel-smaken {
	background-color:#67c7c5;
	height:350px;
}
#bestel-specials {
	background-color:#67c7c5;
	height:350px;
}
#tab-page {
	min-height:800px;
	background-color:#59ADAB;
}


#ordered-list {
	width:300px;
}
#ordered-list li {
	display:block;
	clear:both;
	background-color:#FFF;
	padding:5px;
	height:13px;
}
#ordered-cupcake {
	float:left;
}
#ordered-total {
	float:right;
}

#prijs-tekst {
	color:#FFF;
	text-align:right;
}