/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.close
{
	clear: both;
}

ul
{
	margin-left: 15px;
}

ol
{
	margin-left: 20px;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #58595b;
}

div#wrapper
{
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 960px;
	background: url(../media/images/wrapper_gray.gif) repeat-y #fff;
}
	
	div#header
	{
		position: relative;
		width: 960px;
		height: 130px;
		border-top: 50px solid #58595b;
		border-bottom: 3px solid #fff;
		background-color: #090a0f;
		overflow: hidden;
	}
	
		div#headercarousel
		{
			position: relative;
			padding: 22px 34px 0 14px;
			width: 240px;
			height: 108px;
			margin: 6px 0 0 0;
			background: url(../media/images/header_carousel_bg.gif) no-repeat #090a0f;
			overflow: hidden;
			float: left;
		}
	
	div#menubar
	{
		position: relative;
		padding: 0 0 30px 0;
		width: 960px;
		height: 20px;
		border-top: 3px solid #000;
		background: none 0 #fff;
	}
	
	div#main
	{
		position: relative;
		width: 960px;
		border-bottom: 3px solid #000;
		min-height:500px;
		height:auto !important;
		height:500px;
	}
	
	/*details pagina's*/
	div#details
	{
		position: relative;
		padding: 20px 73px 20px 74px;
		width: 813px;
		min-height:500px;
		height:auto !important;
		height:500px;
	}
	
		.gray
		{
			background: url(../media/images/main_gray.gif) repeat-y #fff;
		}
	
		.orange
		{
			background: url(../media/images/main_orange.gif) repeat-y #fff;
		}
		
		.purple
		{
			background: url(../media/images/main_purple.gif) repeat-y #fff;
		}
		
		.blue
		{
			background: url(../media/images/main_blue.gif) repeat-y #fff;
		}
		
		.red
		{
			background: url(../media/images/main_red.gif) repeat-y #fff;
		}
		
		.green
		{
			background: url(../media/images/main_green.gif) repeat-y #fff;
		}
				
		/*main pages*/
		div#left
		{
			position: relative;
			padding: 30px 0 0 0;
			width: 160px;
			float: left;
		}
		
			div.contactinfo
			{
				padding: 5px;
			}
		
		div#right
		{
			position: relative;
			padding: 30px 78px 10px 100px;
			width: 622px;
			float: left;
		}
		
		/*Zoek pagina*/
		div#searchcontent
		{
			position: relative;
			padding: 0 88px 10px 90px;
			width: 622px;
			background-color: #fff;
			float: left;
		}
		
			div.searchresults
			{
				position: relative;
				margin: 0 auto;
				width: 480px;
				background-color: #fff;
			}
			
				div.resultsheading
				{
					position: relative;
					padding: 4px 10px 0 10px;
					width: 460px;
					height: 18px;
					background: url(../media/images/resultbar-header-bg.gif) repeat-x #fff;
				}
				
				a.resultsheading,span.resultsheading {
					display:block;
					height: 18px;
					line-height:18px;
					overflow:hidden;
					padding: 4px 10px 0 10px;
					background: url(../media/images/resultbar-header-bg.gif) repeat-x #fff;
					color:#fff;
					text-decoration:none;
					font-size:11px;
				}
				
				
					
					a.resultsheading:hover {
						text-decoration:underline;
					}
				
			/*Kunstenaars*/
			div.artistresults
			{
				position: relative;
				margin: 0 auto;
				width: 780px;
				min-height:500px;
			}
			
				* html div.artistresults {
					height: 500px;
				}

			
				div.artistheading
				{
					position: relative;
					padding: 4px 10px 0 10px;
					width: 760px;
					height: 18px;
					background: url(../media/images/resultbar-header-bg.gif) repeat-x #fff;
				}
				
				div.artistinfo
				{
					position: relative;
					width: 300px;
					float: left;
				}
				
				div.artistartoverview
				{
					position: relative;
					width: 460px;
					float: left;
				}
			
			/*Virtuele uitleen*/	
			div.virtualresults
			{
				position: relative;
				margin: 0 auto;
				background-color: #ccc;
			}
			
				div.virtualheading
				{
					position: relative;
					margin: 0 0 60px 0;
					padding: 4px 10px 0 10px;
					height: 18px;
					background: url(../media/images/resultbar-header-bg.gif) repeat-x #fff;
				}
				
				div.virtualfooter
				{
					position: relative;
					margin: 60px 0 0 0;
					padding: 4px 10px 0 10px;
					height: 18px;
					background: url(../media/images/resultbar-header-bg.gif) repeat-x #fff;
				}
		
		div.textblock
		{
			position: relative;
			padding: 0 166px;
		}
		
		div.textblock a {
			font-family:Verdana,Arial,Helvetica,sans-serif;
		}
		
		table#container td
		{
			padding: 10px;
		}
			
			table#container td.heading
			{
				vertical-align: bottom;
			}
			
			div.mod_orange_left,
			div.mod_blue_left,
			div.mod_red_left,
			div.mod_black_left,
			div.mod_purple_left,
			div.mod_green_left,
			div.mod_yellow_left,
			div.mod_orange_right,
			div.mod_blue_right,
			div.mod_red_right,
			div.mod_black_right,
			div.mod_purple_right,
			div.mod_green_right,
			div.mod_yellow_right
			{
				position: relative;
				padding: 10px 30px 30px 10px;
				width: 262px;
				height: 222px;
				float: left;
			}
			
			div.mod_orange_left a:hover,
			div.mod_blue_left a:hover,
			div.mod_red_left a:hover,
			div.mod_black_left a:hover,
			div.mod_purple_left a:hover,
			div.mod_green_left a:hover,
			div.mod_yellow_left a:hover,
			div.mod_orange_right a:hover,
			div.mod_blue_right a:hover,
			div.mod_red_right a:hover,
			div.mod_black_right a:hover,
			div.mod_purple_right a:hover,
			div.mod_green_right a:hover,
			div.mod_yellow_right a:hover
			{
				color:#fff;
			}
			
			div.mod_orange_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_orange_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_orange_right
			{
				background: url(../media/images/mod_orange_bg_right.gif) center top no-repeat #fff;
			}
			
			div.mod_blue_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_blue_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_blue_right
			{
				background: url(../media/images/mod_blue_bg_right.gif) center top no-repeat #fff;
			}
			
			div.mod_red_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_red_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_red_right
			{
				background: url(../media/images/mod_red_bg_right.gif) center top no-repeat #fff;
			}
			
			div.mod_black_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_black_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_black_right
			{
				background: url(../media/images/mod_black_bg_right.gif) center top no-repeat #fff;
			}
			
			div.mod_purple_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_purple_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_purple_right
			{
				background: url(../media/images/mod_purple_bg_right.gif) center top no-repeat #fff;
			}
			
			div.mod_green_left
			{
				margin: 0 18px 0 0;
				background: url(../media/images/mod_green_bg_left.gif) center top no-repeat #fff;
			}
			
			div.mod_green_right
			{
				background: url(../media/images/mod_green_bg_right.gif) center top no-repeat #fff;
			}
			
				div.modblock
				{
					position: relative;
					padding: 2px 10px 0 10px;
					width: 240px;
					height: 76px;
					display:block;
				}
	
div#footer
{
	position: relative;
	padding: 2px 30px;
	width: 900px;
	height: 16px;
	border-top: 3px solid #fff;
	background-color: #000;
}

table#summary
{
	width: 100%;
}

	table#summary td
	{
		padding: 5px 0;
		vertical-align: top;
	}
	
	table.odd td.odd,
	table.even td.even
	{
		padding: 0 0 5px 0;
		background-color: #b0b0b0;
	}
	
	table.odd td.even,
	table.even td.odd
	{
		padding: 0 0 5px 0;
		background-color: #ccc;
	}
	
	tr.odd td.odd,
	tr.even td.even
	{
		padding: 0 0 5px 0;
		background-color: #b0b0b0;
	}
	
	tr.odd td.even,
	tr.even td.odd
	{
		padding: 0 0 5px 0;
		background-color: #ccc;
	}
	
div.hr
{
	height: 3px;
	background-color: #000;
	margin: 0 0 10px 0;
}

/*Images*/
div.mod_orange img,
div.mod_blue img,
div.mod_red img,
div.mod_black img,
div.mod_purple img,
div.mod_green img,
div#headercarousel img
{
	float: left;
	margin: 0 10px 0 0;
}

#news
{
	margin: 0;
	list-style: none;
}

.image
{
	border: 1px solid #000;
	background-color: #000;
}

/*forms*/
form#search div.formrow
{
	position: relative;
	padding: 0 0 10px 0;
}

form#account div.formrow
{
	position: relative;
	padding: 0 0 4px 0;
}


form, fieldset
{
	border: none 0;
}

	legend
	{
		display: none;
	}
	
	label, input, textarea, select
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}
	
	/*Search form*/
	form#search
	{
		padding: 0 10px;
	}
	
	form#search input
	{
		padding: 2px;
		width: 134px;
		height: 16px;
	}
	
	form#search input
	{
		border: 1px solid #808080;
		background-color: #fff;
	}
	
	form#search input#searchquery
	{
		width: 114px;
		float: left;
	}
	
	form#search input#submit
	{
		width: 20px;
		height: 22px;
		border: none 0;
		background: url(../media/images/search-submit-bg.gif);
		cursor: pointer;
		float: left;
	}
	
	form#search .knopzoeken {
		background-color:white;
		font-size:12px;
		margin-bottom:10px;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		padding-bottom:2px;
		padding-left:0;
		padding-right:2px;
		padding-top:2px;
		width:146px;
		height:24px;
	}
	
	/*Make account*/
	form#account
	{
		padding: 0;
	}
	
	form#account label
	{
		padding: 0 8px 0 0;
		margin: 3px 0 0 0;
		width: 228px;
		text-align: right;
		float: left;
	}
	
	form#account label.nofloat
	{
		padding: 0;
		margin: 0;
		width: auto;
		text-align: left;
		float: none;
	}
	
	form#account input
	{
		padding: 2px;
		width: 236px;
		border: 1px solid #808080;
		background-color: #fff;
	}
	
	form#account input.radio,
	form#account input.checkbox
	{
		padding: 0;
		margin: 0 5px 0 0;
		width: auto;
		border: none 0;
		background: none 0;
	}
	
	form#account input#submit
	{
		width: auto;
		color: #fff;
		border: 2px solid #fff;
		background-color: #f58025;
	}
	
	/*Winkelwagen*/
	form#winkelwagen input
	{
		padding: 2px;
		width: 20px;
		border: 1px solid #808080;
		background-color: #fff;
	}