/* CSS Document */

html, body
{ 
	background-color:		#ff3333;
	margin: 				0px;
	padding: 				0px;
	text-align: 			center;
}

a, a:link {
	text-decoration: none;
}

a img, a:link img {
	border: 0px;
}

.clear
{
	clear:					both;
}

.container
{
	position:				relative;
	top:					20px;
	margin:					0px auto;
	border: 				0px;
	width: 					788px;
	padding: 				0px;
	text-align:				center;
	background-color:		#FFFFFF;
	background-image:		url(../images/achtergrond.jpg);
	background-repeat:		repeat-y;
	overflow:				visible;
}

.header
{
	background-color:		#FFFFFF;
	height:					110px;
	width:					788px;
	position:				relative; 
	left: 					0px;
	top: 					0px;
}

div#menu 
{
	width:					182px;
	position:				relative; 
	left: 					0px;
	top: 					20px;
	float:					left;
	text-align:				left;
}

div#mailing
{
	position:				relative; 
	left: 					10px;
	top: 					20px;
	text-align:				left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#ff3333;
}

div#main 
{
	width:					570px;
	min-height:				500px;
	*height:				500px;
	position:				relative; 
	left: 					10px;
	top: 					20px;
	float:					left;
	text-align:				left;
}

.bottom
{
	width:					778px;
	height:					33px;
	border-top:				1px dashed #999999;
	margin-left:			4px;
	margin-right:			1px;
}

.textbottom 
{
	margin-left:			15px;
	margin-right:			5px;
	margin-top:				3px;
	margin-bottom:			5px;
	text-align:				center;
}

div#onderkant
{
	position:				relative;
	top:					15px;
	left:					1px;
	margin:					0px auto;
	width: 					788px;
	text-align:				center;
}


/* Navigatiemenu */

.menu_item
{
	width:					160px;
	margin-left:			4px;
	padding-top:			4px;
	padding-bottom:			4px;
	border-bottom:			1px dashed #999999;
}

.menu_item A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item A:visited
{	
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}

.menu_item_gray
{
	width:					160px;
	margin-left:			4px;
	padding-top:			4px;
	padding-bottom:			4px;
	border-bottom:			1px dashed #999999;
}
	
.menu_item_gray A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item_gray A:visited
{	
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item_gray A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}


/* Algemeen */
.textbox
{
	width:					570px;
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			10px;
	text-align:				left;
}

.textbox A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
	text-decoration:		none;
}

.textbox A:visited
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
	text-decoration:		none;
}

.textbox A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
	text-decoration:		none;
}

.text
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

.text_red
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#ff3333;
}

.item
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-align:				left;
	color:					#ff3333;
	font-weight:			bold;
}

.item_grijs
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-align:				left;
	color:					#999999;
	font-weight:			bold;
}

.volrij
{
	clear:					both;
	width:					100%;
}
	
.nieuwstext
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	float:					left;
}

.kolom1
	{
		width:				150px;
		float:				left;
	}

.kolom2
	{
		width:				90px;
		float:				left;
	}

.klein_link_rood A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#ff3333;
	text-decoration:		none;
}

.klein_link_rood A:visited
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#ff3333;
	text-decoration:		none;
}

.klein_link_rood A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#ff3333;
	text-decoration:		none;
}

.zwart_link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
	*line-height:			20px;
}

.zwart_link A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
	*line-height:			20px;
}

.zwart_link A:visited
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link2
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
	float:					left;
	width:					160px;
}

.zwart_link2 A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link2 A:visited
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link2 A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link3
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#000000;
	text-decoration:		none;
	*line-height:			20px;
}

.zwart_link3 A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#000000;
	text-decoration:		none;
	*line-height:			20px;
}

.zwart_link3 A:visited
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#000000;
	text-decoration:		none;
}

.zwart_link3 A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#000000;
	text-decoration:		none;
}
	
/* Index en nieuws */
.titel
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-align:				left;
	color:					#ff3333;
	font-weight:			bold;
	margin-bottom:			10px;	
}

.titel2
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
	font-weight:			bold;
	margin-bottom:			3px;
	float:					left;
	width:					460px;
}

.titel3
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
	font-weight:			bold;
}

.datum
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	text-align:				left;
	color:					#ff3333;
	margin-bottom:			3px;
	float:					right;
	padding-right:			20px;
}

.datum2
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	text-align:				left;
	color:					#ff3333;
	margin-bottom:			3px;
	width:					100px;
	float:					left;
}

.linksfoto
{
	float:					left;
	text-align:				left;
	padding-right:10px;
	padding-bottom:10px;
}

.rechtsfoto
{
	margin-left:			10px;
	margin-bottom:			10px;
}

/* Leveranciers */
.kol_links
{
	float:					left;
	width:					280px;
	margin-bottom:			20px;
}

.kol_links1
{
	width:					380px;
	margin-bottom:			20px;
	overflow:				auto;
}

.wijnrij
{
	clear:					both;
}

.wijnkol1
{
	width:					225px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
	margin-right:			5px;
}

.wijnkol2
{
	width:					105px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
	margin-right:			5px;
}

.wijnkol3
{
	width:					60px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
	margin-right:			5px;
}

.wijnkol4
{
	width:					165px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
}

.wijnhuisfoto
{
	margin-left:			10px;
	margin-bottom:			10px;
	border:					1px solid #000000;
}

/* Formulieren */
.dropdown1
{
	width:					140px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

.dropdown2
{
	width:					80px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

.mailingveld
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	width:					140px;
	border:					1px solid #999999;
	margin-bottom:			5px;
}

.submit
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}



/* Assortiment */

.assortiment_left
{
	width:					250px;
	float:					left;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
}

.wijn_box {
	width:					240px;
	height:					30px;
	float:					left;
	text-decoration:		none;
}

.wijn_image
{
	width:					30px;
	float:					left;
	text-decoration:		none;
	border:					none;
}

.wijn_tekst
{
	width:					180px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				3px;
}

.assortiment_right
{
	width:					300px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
}

.assortiment_box
{
	width:					300px;
	height:					30px;
	float:					left;
}

.assortiment_tekst_dropdown {
	width:					150px;
	float:					left;
	margin-top:				3px;
}

.product_box {
	width:					570px;
	float:					left;
	margin-top:				10px;
	border-top:				1px dashed #999999;
}

.product_foto {
	width:					100px;
	float:					left;
	margin-top:				5px;
	margin-left:			5px;
}

.product_titel {
	width:					250px;
	float:					left;
	text-align:				left;
	margin-top:				5px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#ff3333;
}

.product_jaar {
	width:					130px;
	float:					left;
	text-align:				left;
	margin-top:				5px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

.fem_product_prijs{
	width:					200px;
	float:					left;
	text-align:				right;
	margin-top:				5px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				19px;
	color:					#000000;
	font-weight:			bold;
}
	
.fem_controlleer{
	color:					#b91518;
	font-weight:			bold;
	font-size:				12px;
	font-family:			Arial, Helvetica, sans-serif;
	padding-left:	        10px;
	float:left;
	width:400px;
}

.fem_controlleer2{
	color:					#b91518;
	font-size:				12px;
	font-family:			Arial, Helvetica, sans-serif;
	padding-left:	        10px;
	float:left;
	width:				150px;
	text-align:right;
}


.product_box table{
	font-size:12px;
	font-family:			Arial, Helvetica, sans-serif;
}

.product_box table td{
	padding-left:10px;
}


.product_druif {
	width:					450px;
	height:					25px;
	float:					left;
	margin-top:				10px;
	text-align:				left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
}

.product_left
{
	width:					290px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-top:				4px;
	margin-right:			15px;
	margin-bottom: 			10px;
}

.product_right
{
	width:					260px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	margin-bottom: 			10px;
}

.product_image_groot {
	width:					260px;
	height:					330px;
	float:					left;
	margin-top:				20px;
	margin-bottom:			20px;
}

.text_product
{
	width:					450px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	float:					left;
}

.bottomspace
{
	height: 				50px;
}

.trefwoordveld
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:					#000000;
	width:					136px;
	border:					1px solid #999999;
	margin-bottom:			5px;
}


.menu_item2
{
	width:					160px;
	margin-left:			4px;
	padding-top:			4px;
	padding-bottom:			4px;
	border-bottom:			1px dashed #999999;
	background-image:		url(../images/menu_bg.jpg);
}

.menu_item2 A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item2 A:visited
{	
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item2 A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#ff3333;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}

.menu_item_gray2
{
	width:					160px;
	margin-left:			4px;
	padding-top:			4px;
	padding-bottom:			4px;
	border-bottom:			1px dashed #999999;
	background-image:		url(../images/menu_bg.jpg);
}
	
.menu_item_gray2 A:link
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item_gray2 A:visited
{	
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}
	
.menu_item_gray2 A:hover
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				left;
	color:					#999999;
    cursor:					pointer;
	text-decoration:		none;
	margin-left:			10px;
}

.rightaantal{
	float:					right;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding-right:			20px;
	color:					#ff3333;
	padding-top:			5px;
}

.aantalbox{
	width:50px;
}

.clear{
	clear:both;
}

.perstable{
	font-size:12px;
	font-family:			Arial, Helvetica, sans-serif;
}
.perstable td{	
	width:220px;
}

.perstable td input{	
	width:220px;
}

.smallinput{
	width:60px;
}

.arial{
	font-family:			Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		padding-left:10px;

}