html {
	padding: 0px 0px 0px 0px;  
	margin: 0px; 
	height: 100%
}

body {
	height:100%;
	margin:0;
	padding:0;
	background: url(http://www.magnolias.nl/graphics/body-bg.gif) #ffffff repeat-y center top; 
	background-attachment: fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	color : #323232;
	font-size: 11px;
}

.RB_bg {
	background: url(http://www.magnolias.nl/graphics/body-bgx.gif) no-repeat center top; 
	height: 100%
}

#container {
	background:#9b9b9b;	/* dit is tevens het achtergrondkleur voor de inhoud */
	border-color:#000;    
	position: relative;
	height:auto !important;
	height:100%;
	top: 0px;
	width:984px;
	margin:0 auto;
}


/* ---------------------- Header ---------------------------- */

#header {
	width: 984px;
	height: 224px;
	margin: auto;
}

#header-bg {
	width: 984px;
	height: 224px;
	margin: auto;
	background-image: url(http://www.magnolias.nl/graphics/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}

/* ------------------------ MENU CSS -------------------- */

#header_menu {
	text-align: center;
	color : #FFFFFF;
	position: absolute;
	top: 195px;
	left: 0px;
	font-weight: bold;
	font-size: 12px;
}

#headerMenu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 980px;
	text-align: right;
}

#headerMenu ul {
	margin: 0px 0px 0px 0px;

}

#headerMenu ul li {
	display: inline;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#headerMenu ul li a {
	height: 29px; 
	padding: 12px 12px 14px 12px;
	margin: 0px -4px 0px 0px;
	font-family: "verdana", "arial", "geneva", sans-serif;
	font-size: 	10px;
	color: #d4d4d4;
	text-decoration: none;
	font-size: 11px; 
	font-weight: normal;
	line-height: 12px;
 	letter-spacing: 0px;	
 	background-image: url(http://www.magnolias.nl/graphics/nav-item-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}

#headerMenu ul li a:hover { 
	color: #ffffff;
	background-image: url(http://www.magnolias.nl/graphics/nav-item-bg-mo.gif);
}

#headerMenu ul li.current a { 
}

#headerMenu ul li.current ul li a {
}

#headerMenu ul li.current ul li.current a, #headerMenu ul li.current ul li a:hover {
}

#hackme, #headerMenu ul li ul, x:-moz-any-link, x:only-child {top: 10px;
}

#headerMenu ul li.Contact ul {
	margin: 7px 0px 0px -92px;
	text-align: right;
	width: 150px;
}

#headerMenu ul li ul {
	z-index: 1000;
	display: none;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 180px;
	border: 0px solid #666666;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px -1px -10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	left: 12px;
	opacity: .90;
	text-align: left;
}

#headerMenu ul li ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px -2px 0px 0px;
	height: 18px;
}

#headerMenu ul li ul li a {
	letter-spacing: 0px;
	font-size: 11px;
	display: block;
	font-weight: normal;
	height: 16px;	
	padding: 3px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #10638f;
	border-top: 1px solid #ffffff;
	color:  #ffffff;
	border-bottom: 0px solid #666666;
	background-repeat: no-repeat;
	background-image: url(http://www.magnolias.nl/graphics/NO);
}

#headerMenu ul li ul li a:hover {
	height: 16px;	
	padding: 3px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #ffffff;
	text-decoration: none;
	background-image: url(http://www.magnolias.nl/graphics/NO);
}

a.menu_link {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	margin: 4px 0px 4px 0px;
	display: block;
}

a.menu_link:hover {
	color: #038fc4;
}


/* ---------------------------- LINKER MENU CSS ---------------------------- */

#links {
	width: 180px;
	position:absolute;
	top: 224px;
	left:0;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	color : #006197;
	background-image: url(http://www.magnolias.nl/graphics/leftcontent-bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	background-color: #7c7c7c;
}

/* ----------------- Linker extra funkties --------------------------- */

#leftContent {
	z-index: 10;
	width: 180px;
}

#leftContent ul {
	margin: 10px;
	padding: 0px; 
	text-align: center;
}

#leftContent ul li {
	list-style: none;
}

#leftContent ul li a {
	display: block;
	height: 22px;
	width: 151px;
	margin: 2px;
	padding: 6px 0px 0px 0px;
	list-style: none;
	background-image: url("http://www.magnolias.nl/graphics/button-left.png");
	background-repeat: no-repeat;
	color: #d4d4d4;
	text-decoration: none;
}

#leftContent ul li a:hover {
	background-image: url("http://www.magnolias.nl/graphics/button-left-mo.png");
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}



#right .item-inhoud {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 295px;
}

#right a:active .titel, #right a:link .titel, #right a:visited .titel { 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	border-width:0 0 1px 0;
	border-style:dashed;
}

#right a:hover .titel	{ 
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	background-color: #ffffff;   
}

#right a:active .item-inhoud, #right a:link .item-inhoud, #right a:visited .item-inhoud { 
	color: #323232;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 0px 0px 0px 0px;
}

#right a:hover .item-inhoud { 
	color: #2e7aa4;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
	cursor: pointer;
}

#right a:active.meer, #right a:link.meer, #right a:visited.meer { 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	border-width:0 0 0px 0;
}

#right a:hover.meer	{ 
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	background-color: #ffffff;   
}

#right a .datum {
	padding: 0px 0px 10px 0px;
	font-size: 11px; 
	font-style: italic; 
	color: #989898;
	display: block;	
	text-decoration: none;
	border-width:0px 0px 0px 0px;
}

/* ---------------------------- Content ---------------------------- */

#inhoud.begin-pagina {
	margin:0px 0px 0px 16px;
	float: left;
	width:620px;	
}

#flashfotoboek {
	margin: -15px 0px 0px -24px;
	width: 804px;
	height: 437px;
}

#inhoud {
	width: 780px; 
	padding: 0px 0px 0px 24px;
	margin: 0px 0px 0px 160px;
	color: #323232;
	position: relative;
	float: right;
	background-color: #b3b3b3;
	background-image: url(http://www.magnolias.nl/graphics/inhoud-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#inhoud h1    { 
	margin: 15px 15px 20px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 17px; 
	font-weight: bold; 
	color: #d4d4d4; 
	font-family: verdana, arial;
	border-bottom: 1px solid #d4d4d4;
	display: block;
	width: 750px;	
	letter-spacing: 0px;
	text-align: left;
	text-transform: uppercase;
}

#home-meer {
	width: 616px;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top:1px dashed #cccccc;
}

#page h2 { 
	font-size: 14px;
	color: #323232;
}

#page ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.magnolias.nl/graphics/bullet-01.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}

#page ul li {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.magnolias.nl/graphics/bullet-01.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

#page ul li ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.magnolias.nl/graphics/bullet-01.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

h3 	{	
	margin: 0px 0px 0px 0px;
	font-size: 10pt; 
	font-weight: bold; 
	color: #27b800;
	font-family: "verdana", "arial", "geneva", sans-serif;
}

#page { 
	padding: 0px 0px 40px 0px;
	font-size: 11px;
	width: 780px;
}

#page.home { 
	padding: 0px 0px 40px 0px;
	font-size: 11px;
	width: 780px;
	height: 850px;
	float: left;
}

#page p { 
	padding: 0px 8px 0px 0px;
}

#page Table { 
	font-size: 11px;
	color: #323232;
}

#inhoud a:active, #inhoud a:link, #inhoud a:visited { 
	padding: 2px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#inhoud a:hover	{ 
	padding: 2px;
	color: #7c7c7c;
	text-decoration: none;
	font-weight: bold;
}

.wijn {
	padding: 0px;
	margin: 0px;
	min-width: 984px;
	color: #785953;
	font-family: verdana;	
	font-size: 12px;
	font-weight: bold;
}

#mag1 {
	width: 350px;
	color: #ffffff;
	text-align: left;
	height: 180px;
	margin: auto;
	position: relative;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 8px 8px;
	font-size: 11px;
	background-image: url(http://www.magnolias.nl/graphics/mag1.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#mag2 {
	width: 350px;
	color: #ffffff;
	text-align: left;
	height: 180px;
	margin: auto;
	position: relative;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 8px 8px;
	font-size: 11px;
	background-image: url(http://www.magnolias.nl/graphics/mag2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#mag3 {
	width: 350px;
	color: #ffffff;
	text-align: left;
	height: 180px;
	margin: auto;
	position: relative;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 8px 8px;
	font-size: 11px;
	background-image: url(http://www.magnolias.nl/graphics/mag3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#mag-inhoud1 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	width: 320px;

}
#mag-inhoud2 {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	width: 320px;

}
#mag-inhoud3 {
	width: 320px;
}

a img {
	border: 0px;
}

/* ---------------------------- iFrame --------------------------------- */


#ifr
{
	width:750px; 
	height: 250px; 
	margin:0px; 
	padding:0px;
	background-color: transparent;
}

/* ---------------------------- Lightbox ---------------------------- */

#fotoboek-lb {
	padding-left: 35px;
}

#fotoboek-lb a {
	background-color: #000000;
	width: 150px;
	height: 100px;
	display: block;
	float: left;
	margin: 6px;
	border: 2px solid #606060;
	text-align: center;
}

#fotoboek-lb a:hover {
	background-color: #3b3c3c;
}

#fotoboek-lb a img {
	opacity: .88;
}

#fotoboek-lb a:hover img {
	opacity: .99;
}

/* ---------------------------- Magnolia Nieuws (index) ---------------------------- */

#landkaart-nieuws {
	width: 780px;
	min-height: 284px;
	background-image: url(http://www.magnolias.nl/graphics/nieuws-bg.jpg);
	background-repeat: no-repeat;
	margin: -85px 5px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#flashlandkaart {
	margin: 10px 0px 0px 15px;
	width: 230px;
	height: 284px;
	float: left;
}

#magnolia-nieuws {
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 8px 0px;
	float: right;
}

#magnolia-nieuws h1 {
	margin: 17px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 480px;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	font-family: "verdana";
	border-bottom: 0px solid #d4d4d4;	
}

.home-leesmeer {
	margin: 10px 0px 0px 0px;
}

.thumb {
	width: 80px;
}

.thumb img {
	border: 2px solid #CCCCCC;
}

#magnolia-nieuws .item-inhoud {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 500px;
}

#magnolia-nieuws a:active .titel, #magnolia-nieuws a:link .titel, #magnolia-nieuws a:visited .titel { 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	border-width:0 0 1px 0;
	border-style:dashed;
}

#magnolia-nieuws a:hover .titel	{ 
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	background-color: #ffffff;   
}

#magnolia-nieuws a:active .item-inhoud, #magnolia-nieuws a:link .item-inhoud, #magnolia-nieuws a:visited .item-inhoud { 
	color: #323232;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

#magnolia-nieuws a:hover .item-inhoud { 
	color: #2e7aa4;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
	cursor: pointer;
}

#magnolia-nieuws a.meer { 
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: right;
}
#magnolia-nieuws .summary { 
	width: 500px;
}
#magnolia-nieuws .datum {
	padding: 0px 0px 3px 0px;
	font-size: 11px; 
	font-style: italic; 
	color: #d6d6d6;
	display: block;	
	text-decoration: none;
	border-width:0px 0px 0px 0px;
}


/* --------------------- Crumtrail ------------------- */

#crumbs {	
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : #d6d6d6;	
	width: 500px;
	text-align: left;
	position: relative;
	padding-right: 0px;
}

#crumbs a:active, #crumbs a:link, #crumbs a:visited {
	color : #d6d6d6;
	font-size: 9px;
	text-decoration: none;
}

#crumbs a:hover {
	color : #d6d6d6;
	text-decoration: underline;
}

/* ---------------------------- Nieuws Pagina (recepten) ---------------------------- */

#page-news { 
	padding: 0px 0px 40px 0px;
	font-size: 11px;
	width: 780px;
}

.item-show {
	width: 241px;
	height: 279px;
	float: left;
	background-image: url(http://www.magnolias.nl/graphics/bg-recepten.gif);
	background-repeat: no-repeat;	
	margin: 0px 0px 8px 8px;
}

.item-show img {
	border: 2px solid #606060;
	margin: 8px 0px 0px 15px;
}

.item-show h2 {
	font-size: 12px;
	height: 20px;
	color: #ffffff;
	margin: 8px 0px 12px 12px;
}
.item-show p {
	width: 214px;
	height: 66px;
	display: block;
	overflow: hidden;
	margin: 8px 0px 8px 12px;
}
.datum {
	padding: 0px 0px 5px 0px;
	font-size: 11px; 
	font-style: italic; 
	color: #ddd;
	display: block;
}
.datum2 {
	padding: 0px 0px 5px 0px;
	font-size: 11px; 
	font-style: italic; 
	color: #676767;
	display: block;
}
.item-show .item-leesmeer {
	height: 30px;
	margin: 10px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
	display: block;
}


/* ---------------------- Zoeken ---------------------------- */

#zoekvenster { 	
	margin: 5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	float: right;
}

.zoekinput { 
	font-size: 11px;
	border: 1px solid #121212;
	background-color: #FFFFFF;
	height : 15px;
	width: 128px;
	line-height: 16px;	
	color: #121212;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.zoek-knop { 
	width: 63px;
	height: 15px;
	border: 0px solid #121212;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

/* --------------------- Footer ------------------- */

#footer {
	visibility: hidden;
	height:68px;
	width:100%;    
	position:absolute;
	left:0px;
	bottom: 0px;
	background-image: url(http://www.magnolias.nl/graphics/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding: 0px 0px 0px 0px;
}

#footer table {
	height:68px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer table table {
	height:60px;

}

#footer-content {
	width: 768px;
	margin : 0px 0px 8px 0px;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
}

a:active.footer-link, a:link.footer-link, a:visited.footer-link { 
	color: #ffffff;
	text-decoration: none;
}
					
a:hover.footer-link	{ 
	text-decoration: underline;
}

 
/* ---------------------------- FORMULIER CSS ---------------------------- */ 


LABEL { 
	display: block; 
	width: 180px; 
	float: left;
	font-family: verdana;
	font-size: 11px;
}

LABEL.tussentext { 
	display: block; 
	width: 400px; 
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px -4px;
	float: left;
	clear: both;
	font-family: verdana;
	font-size: 11px;
	background-color: #2c7fac;
	color: #FFFFFF;
}

.form_tekst {
	display: block;
	margin-bottom: 5px;
}

.form_error_tekst {
	font-style: italic;
}

.com {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width:220px;
	height:12.5pt;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

.com-short {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width: 170px;
	height: 12.5pt;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

.com2 {
	width: 400px;
	height: 90px;
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	margin-bottom: 20px;
}

.com3 {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	height: 12.5pt;
	width: 220px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
}

#domeinbestellingsform {
	width: 500px;
	margin: 0px 0px 0px 80px;
}

.domein-extentie {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width: 44px;
	height: 20px;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

#domeinbestellingsform LABEL.tussentext { 
	display: block; 
	width: 500px; 
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px -4px;
	float: left;
	clear: both;
	font-family: verdana;
	font-size: 11px;
	background-color: #2c7fac;
	color: #ffffff;
}

#domeinbestellingsform .com {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width: 318px;
	height: 12.5pt;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

#domeinbestellingsform .com-short {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width: 270px;
	height: 12.5pt;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

#domeinbestellingsform .domein-extentie {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	width: 44px;
	height: 20px;
	font-size: 11px; 
	padding: 0px 0px 0px 0px;
}

#domeinbestellingsform .com2 {	
	width: 498px;
	height: 160px;
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
}

#domeinbestellingsform .com3 {
	border: 1px solid #013E5F;
	background-color: #F1F1F1;
	height: 12.5pt;
	width: 320px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
}

#domeinbestellingsform .de2knoppen {
	margin: 10px 0px 0px 180px;
}

.hostingplaatje {
	margin: 0px 0px 0px 35px;
}

#contact {
	margin: 0px 0px 0px 80px;
}

.contact {
	margin: 0px 0px 10px 80px;
}

.red {
	color: #FF0000;
}

#howtobuy {
	margin: -20px 0px 10px 80px;
}

#joinus {
	margin: 0px 0px 10px 80px;
}

#aanmeldform {
	width: 423px;
	height: 242px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

#aanmeldform label {
	width: 120px;
	text-align: left;
	display: inline;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: none;
}

#aanmeldform input.radio {
	width: 40px;
	text-align: left;
	display: inline;
	clear: none;
	float: left;
}

#aanmeldform label.bijschrift {
	width: 12%;
	text-align: left;
	display: inline;
	margin: 4px 8px 0px -7px;
	padding: 0px 0px 0px 0px;
	clear: none;
}

table#TBcaptcha tr td img {
	width: 36px;
	height: 36px;
	cursor: pointer;
}

input#btnVerstuur {
	cursor: default;
}


#wijn-categorie {
	width:740px;
	height:661px;
	margin: 40px 0px 0px 0px;
	background-image: url(http://www.magnolias.nl/graphics/wijn-categorie-bg.jpg);
	background-repeat:no-repeat;
}

#wijn-categorie a {
	width: 362px;
	height: 200px;
	display: block;
	float: left;
	border: 0px solid #000;
	text-indent:-5213px;
	overflow: hidden;
}

a.winkel-item {
	position: relative;
	width: 229px;
	height: 200px;
	display: block;
	float: left;
	margin: 6px;
	background-image: url(http://www.magnolias.nl/graphics/winkel-item.gif);
	background-repeat:no-repeat;
	cursor:	pointer;
}

a.winkel-item img{
	position: absolute;
	top: 35px;
	left: 6px;
	border: 2px solid #9f9f9f;
}

a.winkel-item span.title {
	position: absolute;
	top: 6px;
	left: 10px;
	color: #ffffff;
}

a.winkel-item span.sum {
	position: absolute;
	top: 35px;
	left: 68px;
	font-weight: normal;
	color: #373737;
	width: 158px;
}
a.winkel-item span.prijs {
	position: absolute;
	top: 183px;
	left: 10px;
	font-weight: normal;
	color: #595959;
}
a.winkel-item img.smaak {
	position: absolute;
	top: 125px;
	left: 180px;
	border: 0px solid #9f9f9f;
	width: 35px;
	height: 45px;
}

#winkelwagen_preview {
	position: relative;
	width: 150px;
	height: 82px;
	display: block;
	margin: 8px;
	padding: 30px 0px 0px 8px;
	background-image: url(http://www.magnolias.nl/graphics/winkel-wagen-left-bg.gif);
	background-repeat:no-repeat;
	color: #cccccc;
}

#winkelwagen_preview .bekijk-bestelling {
	position:absolute;
	bottom: 5px;
	left: 8px;
	width: 70px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.magnolias.nl/graphics/winkel-wagen-button-bg.gif) no-repeat;
	outline: none;
	border: 0px solid  #ffffff;
	font-size: 11px;
	color: #ffffff;
}

#winkelwagen_preview .plaats-bestelling {
	position:absolute;
	bottom: 5px;
	right: 8px;
	width: 70px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.magnolias.nl/graphics/winkel-wagen-button-bg.gif) no-repeat;
	outline: none;
	border: 0px solid  #ffffff;
	font-size: 11px;
	color: #ffffff;
}

#wijn_info {
	padding: 0px 0px 0px 0px;
	background: url(http://www.magnolias.nl/graphics/daPop-bg.gif) no-repeat;
	outline: none;
	width:731px;
}

.bottom-img {
	bottom: 0px;
	left: 0px;
}

#wijn_info img.fles-img {
	margin: 35px 0px 0px 8px;
	border: 2px solid #7d7d7d;
	float: left;
}

#wijn_info table {
	margin: 35px 0px 0px 0px;
	left: 180px;
	width: 548px;
	float: right;
}

.form-row {
	padding: 10px 15px 0px 0px;
}

#prijs-en-form {
	position: relative;
	background: url(http://www.magnolias.nl/graphics/bestel_vlak.gif) no-repeat;
	float: right;
	outline: none;
	width: 414px;
	height: 84px;
}

#prijs-en-form .prijs {
	position: absolute;
	display: block;
	top: 44px;
	left: 28px;
	color: #ebebeb;
	font-size: 14px;
	font-weight: bold;
}

.aantal-input {
	position: absolute;
	top: 42px;
	left: 160px;
	width: 50px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #737373;
}

.bestel-knop {
	position: absolute;
	top: 40px;
	left: 309px;
}

#row1 {
	width: 731px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.magnolias.nl/graphics/top-balk-winkelwagen.gif);
	background-repeat: no-repeat;
}

#row1 td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.tabelkop1 {
	margin: 0px 0px 0px 4px;

}


#winkelwagen-overzicht {
	background-image: url(http://www.magnolias.nl/graphics/winkelwagen-bg.gif);
	background-repeat: repeat-y;
}

#winkelwagen-overzicht img {
	cursor: pointer;
}

input.aantal {
	background-color: #c7c7c7;
	border: 1px solid #7a7a7a;
}

span.totaalbedrag {
	margin-right:6px;
}

#verder-winkelen {
	margin: 40px 0px 0px 0px;
}

/* ---------------- formulier ------------------- */

#bestelling {
	margin: 0px 0px 0px 40px;
	padding: 20px 10px 0px 30px;
	height: 450px;
	width: 660px;
	text-align: left;
	background: url(http://www.magnolias.nl/graphics/bestelling-form_bg.jpg) no-repeat;
	background-position: 15px 6px;


}

#bestelling input.checkbox {
	display: inline;
	border:0px;
	width:15px;
	background-color: #e1e1e1;
	float: left;
}

#bestelling label.voorwaarden {
	display: inline;
	border: 0px;
	width: 300px;
	float: left;
}

.from,
.vdFrom {
	line-height:15px;
}

.form label,
.vdForm label {
	display: block;
	width: 200px;
	height: 15px;
	float: left;
	margin-bottom: 3px;
}

.vdForm label.machtiging {
	width: 300px;
}
	
.form input,
.vdForm input {
	clear: right;
	height: 12px;
	margin-bottom: 3px;
}

.form textarea,
.vdForm textarea {
	height: 100px;
	clear: right;
}

.form .field input, .form .field select, .form .field textarea,
.vdForm .field input, .vdForm .field select, .vdForm .field textarea {
	margin-bottom: 5px;
	border: #000000 1px solid;
	font-size: 11px;
	background-color: #e1e1e1;
	color: #000000;
	font-family:  "verdana", "arial", "geneva", sans-serif;
	width: 350px;

}

.form .field input.checkbox,
.vdForm .field input.checkbox {
	clear: left;
	height: 15px;
	width: 15px;
	margin: 0px 5px 3px 200px;
	border: 0px;
	background: #9B9B9B;
	float: left;
}

.form .field label.checkbox,
.vdForm .field label.checkbox {
	float: left;
}

.form .field input.file,
.vdForm .field input.file {
	line-height: 15px;
	height: 18px;
}

.form .field div.radio,
.vdForm .field div.radio {
	clear: right
}

.form .field div.radio label, .vdForm .field div.radio label.radio-langer {
	width: 100px;
}

.form .field div.radio input,
.vdForm .field div.radio input {
	width: 16px;
	border: 0px;
	background-color: transparent;
	float: left;
}

.form .field div.radio label,
.vdForm .field div.radio label {
	width: 50px;
	float: left;
}

.form div.geboortedatum,
.form div.clearLeft,
.vdForm div.geboortedatum,
.vdForm div.clearLeft {
	clear: left;
}

.form div.clearLeftnb,
.vdForm div.clearLeftnb {
	clear: left;
	margin-left: 152px;
}
.form div.buttons,
.vdForm div.buttons {
	line-height: 15px;
	height: 18px;
	text-align: center;
}

.form div.buttons input.button,
.vdForm div.buttons input.button {
	line-height: 15px;
	height: 20px;
	font-size: 11px;
}

.form div.field.shortSelect,
.vdForm div.field.shortSelect {
	width: 250px;
	float: left;
}

.form div.field.shortSelect select,
.vdForm div.field.shortSelect select {
	width: 100px;
}

.form .field div.htmlInteresse,
.vdForm .field div.htmlInteresse {
	float: left;
	width: 250px;
	padding-left: 5px;
}

.janee-radio input.radio {
	width: 150px;
	border: 0px;
	float: left;
}

.janee-radio label {
	width: 340px;
	float: left;
}
img.wifi-logo {
	margin-left: 37px;
	margin-top: 5px;
}

/* EINDE FORMULIER CSS */