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

html 
{
	position:			absolute;
	width:				100%; 
	height:				100%;
	padding:			0px; 
	margin:				0px;
	font-family: 		Tahoma, Verdana, Arial;
	font-size:			12px;
}
body 
{
	position:			absolute;
	width:				100%;
	padding:			0px; 
	margin:				0px;
}

input
{
	width: 					160px;
	margin-bottom:			5px;
}

img
{
	border: 0px;
}

div, span, td
{
	font-family:			Tahoma;
	font-size: 				13px;
}

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

h1
{
	font-size:		18px;
	margin-bottom:	5px;
	margin-top:		0px;
	font-family: 	Tahoma, Times new roman;
	font-weight:	bold;		
	color:			#46991c;		
}

#header
{
	position:				relative;
	width:					100%;
	height:					171px;
	background-image:		url('../images/header.jpg');
	background-position:	center;
	z-index:				1;
}

	#header .wrapper
	{
		position:			relative;
		width: 				846px;
		height:				171px;
		margin-left:		auto;
		margin-right: 		auto;
		overflow: 			hidden;
	}
	
	#header .wrapper .logo
	{
		width:				221px;
		height:				145px;
		background:			url(../images/kermerink_logo.png) no-repeat 17px 70px #FFFFFF;
		float: 				left;
		text-indent:		-9999px;
	}
	#header .wrapper .logo img
	{
		margin-top: 		75px;
		margin-left: 		15px;
	}
	
#pink_bar_top
{
	position:				relative;	
	width: 					100%;
	background-color:		#00501f;
	height: 				17px;
	border-bottom: 			#003e18 1px solid;
	z-index:				1;
}

#top
{
	position:			relative;
	width: 				100%;
	height: 			87px;
}

	#top .winkelwagen
	{
		position:			absolute;
		top: 				0px;
		right: 				32px; 
		width: 				150px; 
		height: 			25px; 
		padding:			15px 17px 19px 17px;
		background-color: 	#a0a0a0;
	}
	
	#top .nav
	{
		position:			absolute;
		top: 				13px;	
		left: 				0px; 
		width: 				500px;	
	}
	#top .nav a
	{
		color:				#003e18;
		text-decoration:	underline;
	}
	#top .nav a:hover 
	{
		text-decoration:	none;
	}
	
	#top .links
	{
		position:			absolute;
		top: 				13px;	
		right: 				230px; 
		width: 				250px;
		text-align:			right;
	}

.wrapper
{
	position:			relative;
	width: 				835px;
	margin-left:		auto;
	margin-right: 		auto;
	overflow: 			hidden;
}
	.wrapper .zoek_veld 
	{
		float:				right;
		padding-right:      40px;
		padding-top:        100px;
	}
		.zoek_veld .zoek_string
		{
			width:				230px;
			border:				1px solid #FFFFFF;
			margin-right:		20px;
			padding:            4px 0px;
		}
		.zoek_veld .zoek_mod
		{
			width:				140px;
			background:			url(../images/zoek_button.png) no-repeat 0px 0px transparent;
			border:				0px;
			height:				28px;
			text-indent:        -9999px;
			cursor:				pointer;
		}
		.zoek_veld .zoek_mod:hover
		{
			background:			url(../images/zoek_button.png) no-repeat 0px -28px transparent;
		}
	
	.aanbieding
	{
		background-color:	#A0A0A0;
		padding:            10px 10px 10px 10px;
		text-align:			center;
		width:				163px !important;
	}
		.aanbieding a img 
		{
			width:				160px;
		}
	
	.midden
	{
		position: 			relative;
		width: 				100%;
	}
	/*
	.background_white
	{
		position:			absolute;
		left:				0px;
		top:				0px;
		float:				left;
		background-color:	#FFFFFF;
		width:				100%;
		height:				100%;
		z-index: 			0;
	}
	*/
		#maincontent, .maincontent
		{
			float: 				left;
			margin-left:		25px;
			width:				400px;
		}
			/* Product view page */
			#maincontent .product_box
			{
				float: left;
				padding: 			19px 5px 19px 5px;
				margin-bottom:		30px;
				width:				150px;
				text-align:			center;
			}
				#maincontent .product_box a
				{
					width:			150px;
					height:			150px;
				}
			
			.product_tekst
			{
				float: right;
				width: 400px;
				padding-bottom: 20px;
			}
			
			/* Product list page */
			.productholder
			{
				position:			relative;
				float: 				left;
				width: 				150px;
				height:				245px;
				padding: 			19px 13px 15px 19px;
				border:				2px solid transparent;
				line-height:		18px;
				font-size: 			12px;
				background-color:	#a0a0a0;
				margin-left:		20px;
				margin-bottom:		25px;
			}
			.productholder:hover
			{
				border:				2px solid #00501F;
				cursor:				pointer;
			}
			
			.product_price_aanbieding .number
			{
				float:			right;
				font-size:		35px;
				font-family: 	Tahoma, Myriad Pro, Arial;
				font-weight:	bold;					
				color:			#00501F;
				padding-top:	5px;
			}
			.product_price_aanbieding .decimal
			{
				float: 			right;
				font-size:		16px;
				font-family: 	Tahoma, Myriad Pro, Arial;
				font-weight:	bold;					
				color:			#00501F;
				height:			15px;
			}
			
			.product_price, .product_price_aanbieding
			{
				position:		absolute;
				bottom: 		7px;
				right:			13px;
				width:			145px;
				height:			30px;
				text-align:		right;
			}
			
				.product_price .number
				{
					float:			right;
					font-size:		35px;
					font-family: 	Tahoma, Myriad Pro, Arial;
					font-weight:	bold;					
					color:			#00501F;
					padding-top:	5px;
				}
				.product_price .decimal
				{
					float: 			right;
					font-size:		16px;
					font-family: 	Tahoma, Myriad Pro, Arial;
					font-weight:	bold;					
					color:			#00501F;
					height:			15px;
				}				
			
			.product_title
			{
				font-size: 			13px;
				font-weight:		bold;
				margin-top:			10px;
				margin-bottom:		7px;
				color:				#00501F;
			}		
		#menu
		{
			float: 				left;
			width:				160px;
			height:				100%;
			background:         #04551e url('../images/menu_background.jpg') no-repeat left top;
			padding-top:        10px;
			padding-left:       20px;
			padding-bottom:     40px;
		}
		
			#menu .menuitem, #menu .menuitem_active
			{
				line-height:	29px;
				width:			inherit;
			}
			
				#menu .menuitem a
				{
					font-size:		15px;
					font-family: 	Arial;
					font-weight:	bold;		
					color:			#FFFFFF;
				}
				
				#menu .menuitem_active a, #menu .menuitem a:hover
				{
					font-size:		15px;
					font-family: 	Arial;
					font-weight:	bold;					
					color:			#e1e1e1;
					text-decoration: none;
				}
				
			#menu .submenuitem, #menu .submenuitem_active
			{
				min-height:		18px;
				width:			inherit;
				margin-left: 	10px;
			}
				#menu .submenuitem a
				{
					font-size:		12px;
					font-family: 	Arial;
					font-weight:	bold;		
					color:			#FFFFFF;
					text-decoration: none;
				}
							
				#menu .submenuitem_active a, #menu .submenuitem a:hover 
				{
					font-size:		12px;
					font-family: 	Arial;
					font-weight:	bold;		
					color:			#FFFFFF;
					text-decoration: none;									
				}
				
		#rechterkant
		{
			position:			relative;
			float:				left;
			margin-left: 		12px;
			width:				187px;
		}

			#rechterkant div
			{
				width: 				100%;
			}
			
			/* Right side - Contact page */
			#rechterkant .contact
			{
				margin-left: 		-2px; 
				width:				160px;
				padding:			13px 11px 15px 13px;
				font-weight: 		bold;
				font-size: 			11px;
				font-family:		Arial;
				line-height: 		18px;
				background-color:	#f3fdd4;
				height:				200px;
				color:				#58a618;
			}
			
			/* Right side - Product page*/
			#rechterkant .product
			{
				width:				170px;
				margin-top:			18px;
				padding-left:		2px;			
				font-size: 			11px;
				font-family:		Arial;
				line-height: 		18px;
				height:				200px;
			}			

#pink_bar_bottom
{
	position:			relative;
	border-top: 		#003e18 1px solid;
	width: 				100%;
	height:				19px;
	background-color:	#00501f;
	text-align:			center;
	color:				white;
}

#footer
{
	position:			relative;	
	float: left;
	background-color: 	#535353;
	width: 				100%;
	text-align:			center;
	color: 				#FFFFFF;
}
	
	#footer .wrapper
	{
		position:			relative;
		width: 				850px;
		left: 				50%;
		margin-left: 		-425px;
		float: 				left;
	}
	#footer .wrapper div
	{
		float:				left;
		line-height:		23px;
		text-align:			left;
	}

	#footer .wrapper a
	{
		font-size: 			11px;	
		color:				#FFFFFF;
	}
	
	#footer #footer_links
	{
		position: 			relative;
		width: 				810px;
		height: 			30px; 
		line-height: 		30px;
		font-weight:		bold;
		text-align:			center;
		float: 				left;
		font-size:			10px;
		border-top:			2px dotted #333333;
		border-bottom:		2px dotted #333333;
		margin-bottom: 		10px;
	}
	
	#footer #footer_links a
	{
		margin-bottom:	10px;
		position: relative;
	}
	
.plug_verlanglijst_houder 
{
	float: 				left;
	width:				600px;
	padding-top: 		20px;
}

.cat_navigatie
{
	float: left;
	padding: 20px 0px 20px 0px;
	width: 610px;
	text-align: center;
	border-top: 2px dotted #333333;
	margin-top: 5px;
	margin-left: 24px;
}
	.cat_navigatie a
	{
		padding: 2px 3px;
		margin: 0px 1px;
	}
	.cat_navigatie a:hover
	{
		background: #00501F;
		color: #FFF;
		text-decoration: none;
	}
	.cat_navigatie strong
	{
		padding: 2px 7px;
		background: #00501F;
		color: #FFF;
		text-decoration: none;
	}
	
	.hyve_twit
	{
	    position:   absolute;
	    top:        60px;
	    right:      80px;         
	}
	.hyve_twit img
	{
	    margin-bottom: 10px;
	}
	
	.betaling_logos
	{
	    margin-bottom:  -40px;
	    margin-left:    -20px;
	    width:          197px;
	    height:         44px;
	    padding-top:    10px;
	    background-color:    white;
	}
	
	.product_price_small
	{
	    position:       absolute;
	    bottom:         32px;
	    text-align:     right;
	    width:          150px;
	    height:         20px;
		font-size:		14px;
		font-family: 	Tahoma, Myriad Pro, Arial;
		font-weight:	bold;					
		color:			#00501F;      
		text-decoration: line-through;
		right:          10px;
	}