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

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	background: white;
	line-height: 18px;
}

h1 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.h1 {
	height: 25px;
	overflow: hidden;
}

h2 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h3 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border-spacing: 0px 0px;
}

td {
	padding: 2px 2px 2px 2px;
}

.nowrap {
	white-space:nowrap;
}

a:link {
	text-decoration: underline;
	color: black;
}

a:visited {
	text-decoration: underline;
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;
}

a:active {
	text-decoration: underline;
	color: black;
}

ol {
	margin: 0px 0px 15px 25px;
	padding: 0px;
}

ul {
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

li {
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

input {
	width: 200px;
	border: 1px solid black;
	background: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

input.input_radio {
	width: 20px;
	border: 0;
	background-color: transparent;
}

select {
	width: 204px;
	border: 1px solid black;
	background: white;
}

textarea {
	width: 200px;
	height: 80px;
}

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

.checkbox {
	border: 0px;
	width: 20px;
	background: none;
}

.radiobutton {
	border: 0px;
	width: 20px;
	background: none;
}

.form_button {
	background: white;
	border: 1px solid black;
	width: 204px;
}

.form_update_amount {
	width:25px;
	text-align:center;
}

.form_update_totals {
	width:100px;
	text-align:center;
}

#center_hor {
	position: relative;
	height: 100%;
	width: 984px;
	margin: 0px auto 0px auto;
	padding:0px;
}

#column_left {
	position: absolute;
	top: 196px;
	left: 0px;
	width: 160px;

}



#main_menu {
	position: relative;
	width: 160px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
}

#main_menu ul {
	position: relative;
	list-style-type: none;
	margin: 0px;	
	padding: 0px;	
}

#main_menu ul li {
	position: relative;
	min-height: 27px;
	margin: 0px 0px 2px 0px;
}

#main_menu ul li a:link,
#main_menu ul li a:visited,
#main_menu ul li a:active {
	display: block;
	position: relative;
	height: 23px;
	width: 154px;
	text-decoration: none;
	background: #f4d9f8;
	color: #6a0466;
	padding: 4px 0px 0px 6px;
}

#main_menu ul li a:hover {
	background: #6a0466;
	color: #f4d9f8;
}

#main_menu ul .active a:link,
#main_menu ul .active a:visited,
#main_menu ul .active a:hover,
#main_menu ul .active a:active {
	background: #6a0466;
	color: #f4d9f8;
}

#main_menu ul ul {
	font-size: 10px;
}

#main_menu ul ul li {
	margin: 0px 0px 0px 0px;
}

#main_menu ul ul li a:link,
#main_menu ul ul li a:visited,
#main_menu ul ul li a:active {
	background: #f4d9f8;
	color: #6a0466;
	padding: 4px 0px 0px 10px;
}

#main_menu ul ul li a:hover {
	background: #6a0466;
	color: #f4d9f8;
}

#main_menu ul .active ul a:link,
#main_menu ul .active ul a:visited,
#main_menu ul .active ul a:active {
	background: #f4d9f8;
	color: #6a0466;
}

#main_menu ul .active ul a:hover {
	background: #6a0466;
	color: #f4d9f8;
}


#main_menu ul ul .active a:link,
#main_menu ul ul .active a:visited,
#main_menu ul ul .active a:hover,
#main_menu ul ul .active a:active {
	background: #6a0466;
	color: #f4d9f8;
}

/*#menu_home,
#menu_agenda,
#menu_nieuws,
#menu_komende_proeverijen,
#menu_themas,
#menu_assortiment,
#menu_proeverijen,
#menu_over_ons,
#menu_openingstijden,
#menu_contact*/

.menu_item {
	position: relative;
	height: 27px;
	overflow: hidden;
}

#bottom_menu {
	position: absolute;
	top: 565px;
	left: 460px;
	width: 485px;
	text-align: right;
	text-transform: lowercase;
	color: #7d7d7d;
}


#bottom_menu ul {
	list-style-type: none;
	margin: 0px;
	float: right;		
}

#bottom_menu ul li {
	position: relative;
	float: left;
	margin: 0px 0px 0px 5px;
}

#bottom_menu ul li a:link,
#bottom_menu ul li a:visited,
#bottom_menu ul li a:active {
	text-decoration: none;
	color: #7d7d7d;
}

#bottom_menu ul li a:hover {
	color: #474747;
}

#bottom_menu ul .active a:link,
#bottom_menu ul .active a:visited,
#bottom_menu ul .active a:hover,
#bottom_menu ul .active a:active {
	color: #474747;
}

#address {
	position: absolute;
	top: 404px;
	left: 164px;
	width: 520px;
	color: #6a0466;
	font-size: 12px;
}

#page_title {
	position: absolute;
	top: 174px;
	left: 100px;
	width: 433px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #6a0466;
}

#page_title_wide {
	position: absolute;
	top: 174px;
	left: 352px;
	width: 433px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #6a0466;
}

#page_title h1 {
	margin: 0px;
	font-size: 15px;
}

#content_bg {
	position: absolute;
	top: 170px;
	left: 100px;
	width: 498px;
	height: 424px;
	background:  url('/visuals/basis/contentv2.png') top left no-repeat;
}

#content {
	position: absolute;
	top: 30px;
	left: 80px;
	
	top: 200px;
	left: 180px;
	
	width: 345px;
	height: 345px;
	padding: 0px 40px 20px 0px;
	overflow: auto;	

	scrollbar-3dlight-color:#6A0466;
	scrollbar-highlight-color:#BAA3C6;
	scrollbar-face-color:#6A0466;
	scrollbar-shadow-color: #8F739F;
	scrollbar-darkshadow-color: #2A0426;
	scrollbar-arrow-color:#F4D9F8;
	scrollbar-track-color:#BAA3C6;
}

#content_wide {
	position: absolute;
	top: 170px;
	left: 100px;
	width: 850px;
	height: 424px;
}


#content_wide #top {
	position: relative;
	height: 14px;
	background: url(/visuals/basis/contentv4_01.jpg) top left no-repeat;
}

#content_wide #middle {
	position: relative;
	min-height: 395px;
	padding: 15px 0px 0px 80px;
	background: url(/visuals/basis/contentv4_02.jpg) top left repeat-y;
}

#content_wide #bottom {
	position: relative;
	height: 20px;
	background: url(/visuals/basis/contentv4_04.jpg) top left no-repeat;
}


#content_wide p {
	margin: 0px 0px 5px 0px;
}

#crumbs {
	position: fixed;
	top: 150px;
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 240px;
	height: 175px;
	background:  url('/visuals/basis/logo.png') top left no-repeat;
}

#bg_photo {
	position: absolute;
	top: 0px;
	left: 550px;
	width: 400px;
	height: 563px;
}

#bg_photo_frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 563px;
	background:  url('/visuals/basis/photo.png') top left no-repeat;
}

#photo_1 {
	/*position: absolute;
	top: 500px;*/
	position: relative;
	margin: 10px 0px 0px 0px;
	width: 154px;
	height: 128px;
	border: 3px solid #6a0466;
}

#photo_2 {
	position: absolute;
	top: 400px;
	left: 675px;	
	width: 128px;
	height: 128px;
	border: 3px solid #6a0466;
}

#photo_3 {
	position: absolute;
	top: 400px;
	left: 821px;	
	width: 128px;
	height: 128px;
	border: 3px solid #6a0466;
}

#right {
	position: absolute;
	top: 460px;
	left: 635px;
	width: 352px;
	height: 88px;
	background:  url('/visuals/basis/right.png') top left no-repeat;
}


#swfBase {
	margin:0px;
	padding:0px;
	width:100%;
}

.login_form {
	width: 120px;
	font-size: 11px;
	font-weight: normal;
}

.login_form p {
	margin: 0px;
}

.login_form input {
	width: 116px;
	height: 16px;
}

.login_form .form_button {
	width: 120px;
	height: 20px;
	font-size: 11px;
}

.login_form .checkbox {
	width: 40px;
	border: 0px;
}

.login_form .username {
	text-align: center;
}

.navigation {
	position: relative;
	margin: 0px auto 0px auto;
	text-align: center;
	color: #666666;
}

.frame {
	padding: 0px;
	margin: 0px auto 0px auto;
}

.frame img {
	display: inline;
	float: left;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

.right_shadow {
	display: inline;
	float: left;
	width: 7px;
	font-size: 0px;
	line-height: 0px;
}

.shadow_top_right {
	width: 7px;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	background:  url('/visuals/basis/shadow_right_top.png') top left no-repeat;
}

.shadow_right {
	width: 7px;
	font-size: 0px;
	line-height: 0px;
	background:  url('/visuals/basis/shadow_right.png') top left repeat-y;
}

.bottom_shadow {
	clear: both;
	height: 7px;
	font-size: 0px;
}

.shadow_bottom_left {
	display: inline;
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/basis/shadow_left_bottom.png') top left no-repeat;
}

.shadow_bottom {
	display: inline;
	float: left;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/basis/shadow_bottom.png') top left repeat-x;
}

.shadow_bottom_right {
	display: inline;
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/basis/shadow_right_bottom.png') top left no-repeat;
}

.clear {
	position: relative;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.title {
	font-weight: bold;
}

.priceblock {
	position: absolute;
	top: 0;
	right: 20px;
	width: 50px;
	text-align: right;
/*	background-color: #C6ADD4;*/
}

.price {
/*	font-size: 16px;*/
}

#shop_compact_bg {
	position:absolute;
	top:20px;
	left:338px;
	width:217px;
	height:106px;
	padding:0px 20px;
	background:  url('/visuals/basis/shop_compact.png') top left no-repeat;
}

#shop_compact {
	position:absolute;
	top:20px;
	left:338px;
	width:217px;
	height:106px;
	padding:0px 20px;
}
/*
#aanhef_input input {
	width:20px;
}

#insert_customer_form #submit_button {
	position: relative;
	margin: 0px 0px 0px 170px;
}

#update_customer_form #submit_button {
	position: absolute;
	top: 270px;
	left: 190px;
}

#invite_customer_form #submit_button {
	position: relative;
	margin: 0px 0px 0px 140px;
	background: none;
	background:  url('/visuals/basis/submit_invite_participant.png')   ;
	
}

#required_explanation {
	font-size: 9px;
	color: #f59300;
}

#required_fields {
    position: relative;
	top: -40px;
	width: 150px;
	font-size: 9px;
	color: #f59300;
	font-weight: bold;
}

.non_validated {
	color: red;
}

.non_validated #firstname_input,
.non_validated #midname_input,
.non_validated #lastname_input,
.non_validated #address_1_street_input,
.non_validated #address_1_nr_input, 
.non_validated #address_1_nr_ad_input, 
.non_validated #address_1_postalcode_input, 
.non_validated #address_1_city_input {
	background: none;
	background:  url('/visuals/basis/input_invalid_01.png') top left no-repeat;
}

.non_validated #email_input,
.duplicate_mail #email_input,
.mailed_before #email_input {
	background: none;
	background:  url('/visuals/basis/input_invalid_04.png') top left no-repeat;
}
*/

.error {
	font-weight: bold;
	color: #6a0466;
}

.error a:link,
.error a:visited,
.error a:active {
	color: red;
	text-decoration: underline;
}

.error a:hover {
	color: red;
	text-decoration: none;
}


.form_update_amount {
	width:25px;
	text-align:center;
}

.form_update_totals {
	width:100px;
	text-align:center;
}

#shopCheckoutProducts {
	cell-spacing: 0px 0px;
}

#shopCheckoutProducts th {
	white-space: nowrap;
}

#shopCheckoutProducts td {
	vertical-align: top;
	white-space: nowrap;
	padding: 0px 2px 0px 2px;
}

.shop_amount_button {
	margin: 1px 0px 0px 0px;
	width: 20px;
	height: 19px;
	border: 1px solid #999999;
}

.invalid input {
	border: 1px solid red;
}

#adres {
	margin-top:10px;
	color: #828181;
	width:430px;
	width: 90%;
	font-size: 10px;
	text-align:center;
}

.shop_navigation {
	margin: 10px 0px 0px 0px;
	width: 100%;
	/*cell-spacing: 0px 0px;*/
}

.shop_navigation td {
	text-align: center;
	/*padding: 2px;*/
}

.shop_navigation form {
	/*position: relative;*/
	margin: 0px auto;
}

#customerForm input {
	width: 200px;
}

#customerForm .radiobutton {
	width: 30px;
}

#customerForm .checkbox {
	width: 30px;
}

#customerForm span {
	margin-right: 5px;
	float: left;
}

#factuur_tussenvoegsel_cell input,
#factuur_huisnummer_cell input,
#factuur_postcode_cell input,
#verzend_tussenvoegsel_cell input,
#verzend_huisnummer_cell input,
#verzend_postcode_cell input {
	width: 100px;
}

span#submit_cell {
	float: right;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

.gotoPreviousStepForm {
	margin: -40px 0px 0px 0px;
}

#shopOrderForm textarea {
	width: 610px;
	height: 40px;
}

#afleverdatum_cell {
	padding-left: 32px;
}
#afleverdatum_cell input {
	width: 40px;
	margin: 0px 2px 0px 0px;
}

input#afleverdatum_jaar {
	width: 60px;
}

.address_block {
	float: left;
	margin: 0px 50px 0px 0px;
}

.aankondiging {
	position:absolute;
	top: 0px;
	left: 438px;
	left: 280px;
	width: 440px;
	height: 20px;
	text-align: center;
}

