body {
	background: #FFFFFF;
	color: #333333; 
	margin: 0 0 0 0; 
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	}
	
p { padding: 0 0 0 0; text-align: justify;}
h1 { color: #000000; font-weight: bold;}
h2 { color: #333333; font-weight: bold;}
h3 { color: #333333; font-weight: normal;}
h4 { color: #00A9EA; }
h5 { color: #00A9EA; }

/* TOP HEADER */
#TopHeaderBox{
	background: #B8CB31;
	width: 100%;
	height: 25px;	
}

#TopHeader{
	background: #AAC527;
	width: 900px;
	height: 25px;
	padding: 1px;
	color: #FFFFFF;
	font-size: 16px;
	margin: 0px auto;
}

a:link    {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:visited {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:active  {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:hover   {color: #FFC519; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;} 

#TopHeader a:link    {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
#TopHeader a:visited {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
#TopHeader a:active  {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
#TopHeader a:hover   {color: #FFC519; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;} 

#HeaderBanner a:link    {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-decoration: none;}
#HeaderBanner a:visited {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-decoration: none;}
#HeaderBanner a:active  {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-decoration: none;}
#HeaderBanner a:hover   {color: #FFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-decoration: none;} 

#Footer a:link    {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
#Footer a:visited {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
#Footer a:active  {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
#Footer a:hover   {color: #FFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;} 

#OrderSpace a:link    {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
#OrderSpace a:visited {color: #00; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
#OrderSpace a:active  {color: #000; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
#OrderSpace a:hover   {color: #FFC519; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;} 

.bestelbutton a:link    {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
.bestelbutton a:visited {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
.bestelbutton a:active  {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;}
.bestelbutton a:hover   {color: #FFC519; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none;} 

/* EIND TOP HEADER */

/* HEADER LOGO*/
#HeaderLogoBox{
	background: #FFFFFF;
	width: 100%;
	height: 110px;	
}

#HeaderLogoMain{
	background-image:url(/layout-img/headers/123BloemenBestellenLogo-zomer.jpg);
	width: 900px;
	height: 110px;
	margin: 0px auto;
}

#HeaderLogoRouwbloemen{
	background-image:url(/layout-img/headers/123BloemenBestellenLogo-rouwbloemen.jpg);
	width: 900px;
	height: 110px;
	margin: 0px auto;
}
/* EIND HEADER LOGO*/

/* HEADER BANNER*/
#HeaderBannerBox{
	background: #FFCB31;
	border-style: solid solid solid solid;
	border-width: 1px 0px 1px 0px;
	border-color: #993300;
	width: 100%;
	height: 150px;	
}

#HeaderOmarm{
	width: 900px;
	height: 150px;
	margin: 0px auto;	
}

#HeaderBanner{
	background: #FFC519;
	width: 900px;
	height: 146px;
	padding: 2px;
	position: absolute;
	z-index: 2;
}

#BloemenTekstHeaderBanner{
	background: #FFFFFF;
	width: 900px;
	height: 150px;	
	text-align: center;
	position: absolute;
	z-index: 1;
}

.TableHeaderBanner{
	width: 875px;
	height: 145px;
	border: solid 0px;
	text-align: center;
}

.TrHeaderBanner{
	text-align: center;
}

.TdHeaderBanner{
	text-align: left;
}

.TdHeaderBanner a:link    {color: #9A2E08; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
.TdHeaderBanner a:visited {color: #9A2E08; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
.TdHeaderBanner a:active  {color: #9A2E08; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
.TdHeaderBanner a:hover   {color: #FFFFFF; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;} 

.overlap {
    position: relative;           /* establish new containing block */
    width: 140px; height: 140px;  /* must specify width/height */
}

.overlap .ne, .overlap .sw { 
  	position: absolute; 
}
  
.overlap .ne { 
	border: solid 1px;
	border-color: #333333;
	top: 0; 
	right: 0; 
	z-index: 1; 
}

.overlap .sw { 
	border: solid 0px;
	bottom: 0;  
	left: 0; 
	z-index: 2; 
}

/* EIND HEADER BANNER*/

/* ORDER SPACE BOX */
#OrderSpaceBox{
	background: #FFFFFF;
	width: 100%;
	height: 35px;	
}

#OrderSpace{
	background: #FFFFFF;
	width: 850px;
	height: 35px;
	color: #993300;
	padding: 0px;
	margin: 0px auto;
}
/* EIND ORDER SPACE BOX  */

/* CONTENT BOX  */
#ContentBox{
	background: #FFFFFF;
	width: 100%;
	height: auto;	
}

#Content{
	background: #F3F3F3;
	width: 870px;
	height: auto;
	min-height: 625px;
	padding: 15px;
	margin: 0px auto;
}
/* EIND CONTENT BOX */

/* TOP FOOTER */
#FooterBox{
	background: #B8CB31;
	border-style: solid solid solid solid;
	border-width: 1px 0px 0px 0px;
	border-color: #993300;
	width: 100%;
	height: 150px;	
}

#Footer{
	background: #AAC527;
	width: 900px;
	height: 150px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px auto;
}
/* EIND FOOTER */

/* CATALOGUS */
.Catoverlap {
    position: relative;           /* establish new containing block */
    width: 160px; height: 160px;  /* must specify width/height */
}

.Catoverlap .Catne, .Catoverlap .Catsw { 
  	position: absolute; 
}
  
.Catoverlap .Catne { 
	border: solid 0px;
	border-color: #333333;
	top: 0; 
	right: 0; 
	z-index: 1; 
}

.Catoverlap .Catsw {	 
	border: solid 0px;
	bottom: 0;  
	left: 0; 
	z-index: 2; 
}

#Catalogus{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #555555;
	width: 200px;
	height: auto;
	padding: 3px;
}

#Catalogus2{
	background: #FFFFFF;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 1px;
	border-color: #777777;
	width: 200px;
	height: auto;
	padding: 3px;
}

#Catalogus h3{ 
	color: #963606; 
	font-weight: bold;
}
/* EIND CATALOGUS */

/* PRODUCTDETAILS */
#ProductDetailsBox{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #333333;
	width: 825px;
	height: 690px;
	padding: 20px;
}

#ProductDetailsLeft{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding: 10px;
	width: 290px;
	height: 665px;
	float: right;
}

#ProductDetailsSpace{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 0px 0px 1px 1px;
	border-color: #FFFFFF;
	width: 5px;
	height: auto;
	float: left;
}

#ProductDetailsRight{ 
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding: 10px;
	width: 475px;
	height: 665px;
	float: left;
}
/* EIND PRODUCTDETAILS */

/* BEGIN WINKELWAGEN */
#ViewWinkelwagenBox{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #333333;
	width: 825px;
	height: 985px;
	padding: 20px;
}

#ViewWinkelwagenLinks{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding: 10px;
	width: 475px;
	height: 965px;
	float: left;
}

#ViewWinkelwagenRechts{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding: 10px;
	width: 290px;
	height: 965px;
	float: right;
}

.shoprow3{
	background: #E1E1E1;
	color: #000000;
}

.shoprow2{
	background: #F1F1F1;
}

.shoprow1{
	background: #D1D1D1;
	color: #000000;
}
/* EIND WINKELWAGEN */

.ProvincieBox{
	background: #FBFBFB;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C2C2C2;
	width: 185px;
	height: 225px;
	padding: 5px;	
}

.GemeenteBox{
	overflow-y: scroll;
	background: #FBFBFB;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C2C2C2;
	width: 185px;
	height: 225px;
	padding: 5px;	
}

.PlaatsBox{
	overflow-y: scroll;
	background: #FBFBFB;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C2C2C2;
	width: 185px;
	height: 225px;
	padding: 5px;	
}


#ViewOrder{
	background: #FFFFFF;
	border-style: dotted dotted dotted dotted; 
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding: 10px;
	width: 400px;
	text-align: left;
	min-height: 250px;
	height: auto;
}

tr.bg0 {
background: #D1D1D1;
}
tr.bg1 {
background: #E1E1E1;
}

#ViewFooterBox{
	background: #FFFFFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #333333;
	width: 825px;
	min-height: 985px;
	height: auto;
	padding: 20px;
}

/* FOTO ZOOM TOOL */
.MagicZoomBigImageCont {
	border:			0px solid #B8CB31;
}

.MagicZoomHeader {
	font:			11px Verdana, Arial, sans-serif;
	font-weight:    bolder;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}

.MagicZoomPup {
	border: 		2px solid #333333;
	background: 	#FFFFFF;
}

.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

.MagicZoomLoading img {
	padding-top:	3px !important;
}

	img {
		border: 1px;
	}
/* EIND FOTO ZOOM TOOL */

.minitext {
  font: normal 0.9em Arial, sans-serif;
  color: Black;
}

.disable {
  background-color: #CF110C;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}