/* Design & Code (c) Abovo media */
html, body { padding: 0; margin: 0; }

body 
{
	font					: normal 11px/1.5em "Verdana", sans-serif;
	background			: #6A6A6A; 
}

#background
{
	margin				: 0 auto;
	width					: 930px;
	background			: url("../_images/bg.jpg") repeat-y;
}
	
#main
{
	margin				: 0px 15px;
	width					: 900px;	
}

#header
{
	position				: relative;
	height				: 120px;
	width					: 900px;
	background			: url("../_images/header.jpg") no-repeat;
}

	#header #menu
	{
		position			: absolute;
		bottom			: 0px;
		right				: 0px;
		padding			: 5px 10px;
		height			: 15px;
		background		: #59471C url("../_images/menulinks.jpg") no-repeat top left;
	}
	
		#header #menu ul
		{
			margin		: 0px;
			padding		: 0px;		
		}
		
			#header #menu ul li
			{
				display			: inline;
				padding			: 0px 5px;
				border-right	: 1px solid #FEFFB6;
			}
			
			#header #menu ul li.last
			{
				border			: none;
			}
	
#hoofdgroepen
{
	height				: 40px;
	background			: url("../_images/menubg.jpg") repeat-x;
}

	#hoofdgroepen ul
	{
		padding			: 0px;
		margin			: 0px;	
		list-style		: none;
	}
	
		#hoofdgroepen ul li
		{
			float			: left;
			padding		: 10px 10px;
			height		: 20px;
			background	: url("../_images/menuseperator.jpg") right no-repeat;
		}

#links
{
	width					: 220px;
	float					: left;
}

#midden
{
	width					: 460px;	
	float					: left;
}

	#midden #zoeken
	{
		background		: url("../_images/zoekenbg.jpg") repeat-x;
		height			: 33px;
		padding			: 2px 5px 0px 0px;
		text-align		: right;
	}
	
	#midden #text
	{
		padding			: 0px 15px 0px 15px;
		color				: #7C7C7C;
		text-align		: justify;
		font-size		: 11px;
	}
	
	#midden #producten
	{
		text-align		: left;
	
		color				: #5B481D
	}
	
	#midden #producten #prijs
	{
		background		: none;
		height			: auto;
		width				: 195px;
		font-size		: 11px;
	}
	
	#midden #producten #prijs #prijsnu
	{
		font-size		: 14px;
		font-weight		: bold; 		
	}
	

#rechts
{
	width					: 220px;
	float					: left;
}

.kop
{
	height				: 25px;
	padding				: 5px 10px 5px 10px;
	color					: #59471C;
	font-weight			: bold;
}

	.geel .kop
	{
		background			: url("../_images/kopgeel.jpg") repeat-x;	
	}
	
	.blauw .kop
	{
		background			: url("../_images/kopblauw.jpg") repeat-x;		
	}

.blok
{
	padding				: 5px 10px;
	font-size			: 10px;
}

	.geel .blok
	{
		color					: #909090;	
		background-color	: #F6EEE1;	
	}
	
	.blauw .blok
	{
		color					: #626262;
		background-color	: #D1ECFC;
	}

.ruler
{
	border-bottom		: 1px dotted #828282;
}

.ruler2
{
	background-color		: #FAF6F0;
	height					: 5px;
	width						: 100%;
	margin					: 5px 0px;
}

#prijs
{
	background				: #F5EDE0 url("../_images/prijsbg.jpg") no-repeat;
	width						: 141px;
	height					: 46px;
	padding					: 15px 12px;
	color						: #5A481C;
	font-size				: 12px;
	float						: right;
	line-height				: 22px;
}

#footer
{
	clear						: both;
	position					: relative;
	left						: -15px;
	background				: url("../_images/footer.jpg") no-repeat;
	height					: 40px;
	padding					: 10px 25px 0px 25px;
	width						: 880px;	
	color						: #fff;
}

	#footer ul
	{
		margin				: 0px;
		padding				: 0px;
		list-style			: none;
	}

	#footer ul li
	{
		float 			: left;
		padding			: 0px 5px;
		border-right	: 1px solid #FEFFB6;
	}
	
	#footer ul li.last
	{
		border			: none;
	}

	#footer #copyright
	{
		float					: right;
		color					: #0F6FA1;
	}

/* Headings H1-H6 */
h1 { }

	#text h1
	{
		font-size			: 18px;
		line-height			: 28px;
		font-weight			: normal;
		color					: #0F6FA1;
		height				: 44px;
		padding				: 5px 0px 0px 46px;
		background			: url("../_images/beer.jpg") no-repeat;
	}
	
h2 { }

	.blok h2
	{
		margin			: 0px;
		padding			: 0px;
		font-size		: 12px;
		font-weight		: bold;	
	}
	
	.geel .blok h2
	{
		color				: #5A481C;
	}
	
	.blauw .blok h2
	{
		color				: #0F6FA1;
	}
	
	#text h2
	{
		padding				: 0px;
		margin				: 0px;
		font-size			: 11px;
		font-weight			: bold;
		color					: #0F6FA1;		
	}
	
	#prijs h2
	{
		font-size			: 16px;
		font-weight			: bold;
		color					: #5A481C;
	}
	
	#midden #producten h2 a
	{
		margin				: 0px 0px 5px 0px;	
		font-size			: 12px;	
		color					: #59481D;
	}

h3 { }

	.blok h3
	{
		margin			: 0px;
		padding			: 0px;
		font-size		: 10px;
		font-weight		: bold;	
	}
	
	.geel .blok h3
	{
		color				: #5A481C;
	}
	
	.blauw .blok h3
	{
		color				: #0F6FA1;
	}

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p 
{}

	p a { }
	
#header #menu,
#header #menu a,
#header #menu ul li a
{
	color					: #FEFFB6;
	text-decoration	: none;
	font-weight			: bold;
	font-size			: 10px;
}

#header #menu a:hover
{
	text-decoration	: underline;
}

#hoofdgroepen ul li a
{
	color					: #0F6FA1;
	text-decoration	: none;
	font-weight			: bold;
}	

	#hoofdgroepen ul li a:hover
	{
		color				: #59471C;
	}

ul.producten li a
{
	color					: #626262;
	text-decoration	: none;
}

ul.producten li a:hover
{
	text-decoration	: underline;
}

#footer a
{
	color					: #fff;
	text-decoration	: none;
}

#footer a:hover
{
	text-decoration	: underline;
}

#text a
{
	color					: #0F6FA1;
	text-decoration	: none;
}

#text a:hover
{
	text-decoration	: underline;	
}

.blok a
{
	color					: #5A481C;
	text-decoration	: none;
}

.blok a:hover
{
	text-decoration	: underline;	
}

/* Lists and Navigation */

ul.producten
{
	list-style-image	: url("../_images/bullet.jpg");
	padding				: 0px;
	margin				: 5px 0px 10px 15px;
}

#text ul
{
	list-style			: square;
	color					: #0F6FA1;
}

	#text ul li
	{}

/* Tables */

td.bruin
{
	color					: #0F6FA1;
}

/* Images */

img
{
	border				: none;
}

.foto
{
	padding				: 1px;
	border				: 2px solid #5A481C;
	background-color	: #fff;
	margin				: 0px 5px 0px 0px;
}

/* Forms */
input{}

	input.tekst
	{
		border			: 1px solid #60B8E5;
		color				: #909090;
	}
	
	#zoeken input,
	#zoeken select
	{
		border			: 1px solid #60B8E5;
		color				: #909090;
		font-size		: 12px;
	}
	
/* Image popup */

.thumbnail
{
	position				: relative;
	z-index				: 0;
}

.thumbnail:hover
{
	background-color	: transparent;
	z-index				: 50;
}

.thumbnail span
{ 
	/*CSS for enlarged image*/
	position				: absolute;
	background-color	: #F6EEE1;
	padding				: 5px;
	left					: -1000px;
	border				: 1px dashed gray;
	visibility			: hidden;
	color					: #7C7C7C;
	text-decoration	: none;
}

.thumbnail span img
{ 
	/*CSS for enlarged image*/
	border-width		: 0;
	padding				: 2px;
}

.thumbnail:hover span
{ 
	/*CSS for enlarged image on hover*/
	visibility			: visible;
	top					: 20px;
	left					: -130px; /*position where enlarged image should offset horizontally */
}