/**************************************************
	Import
**************************************************/
/*@import url(jquery.jcarousel.css);
@import url(jquery.jcarousel.skin.css);*/

@import url(nyroModal.full.css);
@import url(jMyCarousel.css);


/**************************************************
	Layout
**************************************************/

html, body, form 
{
	height: 100%;                                                                  
	margin: 0;                                                                     
	padding: 0; 
}

html, body
{
	background-color: #fff;
}

* 
{
	margin: 0px auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #002664;
}

img
{
	border: none;
}

p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

a
{
	color: #002664;
}

	a:hover
	{
		color: #002664;
		text-decoration: none;
	}

div#shim 
{
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -300px; /* helft van de wrapper hoogte */                                                         
	float: left;
}


div#wrapper
{
	width: 980px;
	height: 600px;
	clear: both;
	top: -300px; /* helft van de wrapper hoogte */ 
	position: static;
}	

	#topbanner, #zoeken, #infobuttonGroot, #veiling, #infobuttonKlein, #carrousel
	{
		overflow: hidden;
	}

	#topbanner
	{
		width: 980px;
		height: 125px;
		background-color: #002664;
		background-image: url(../images/layout/topbanner.jpg);
		background-repeat: no-repeat;
		
		clear: both;
	}
	
	/* voor subpagina m.a.w. zoekresultaten */
	#pagecontent
	{
		width: 980px;
		height: 475px;
		overflow: auto;
	}
	
		#pagecontent h1,
		#pagecontent p,
		#pagecontent td
		{
			color: #002265;
		}
	
		#pagecontent h1
		{
			color: #002265;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
		}
	
		#pagecontent table.tableForm
		{
			float: left;
			clear: both;
		}
		
		#pagecontent input.btnZoek
		{
			background-image: url(../images/buttons/pijltje_wit.gif);
			background-repeat: no-repeat;
			background-position: right center;
			
			background-color: #ff7200;
			border: solid 1px #ff7200;
			color: #fff;
			
			height: 20px;
			padding-right: 10px;
			
			cursor: pointer;
		}
	
	#zoeken
	{
		width: 725px; /* 735px originele afmeting */
		height: 165px; /* 175px originele afmeting */
		background-color: #002663;
		
		float: left;
		
		padding: 10px 0px 0px 10px;
	}
	
		#zoeken h1,
		#zoeken p,
		#zoeken td
		{
			color: #fff;
		}
			
			#zoeken a.totaal
			{
				color: #fff;
			}
			
			#zoeken a.totaal:hover
			{
				text-decoration: none;
			}
	
		#zoeken h1
		{
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
		}
	
		#zoeken table.tableForm
		{
			float: left;
		}
		
		#zoeken input.btnZoek
		{
			background-image: url(../images/buttons/pijltje.gif);
			background-repeat: no-repeat;
			background-position: right center;
			
			background-color: #fff;
			border: solid 1px #fff;
			color: #000;
			
			height: 20px;
			padding-right: 10px;
			
			cursor: pointer;
		}
	
	#infobuttonGroot
	{
		width: 245px;
		height: 350px;
		background-color: #ccc;
		
		float: right;
	}
	
		#infobuttonGroot div.container
		{
			padding: 10px;
		}
		
		#infobuttonGroot div.container,
		#infobuttonGroot div.container a,
		#infobuttonGroot div.container a:hover
		{
			color: #fff;
			text-decoration: none;
		}
	
	#veiling
	{
		width: 490px;
		height: 175px;
		/*background-color: #742808;*/
		
		float: left;
	}
	
	#infobuttonKlein
	{
		width: 245px;
		height: 175px;
		background-color: #9ac8ec;
		
		float: left;
	}
	
		#infobuttonKlein div.container
		{
			color: #002265;
			padding: 0px;
			height: 175px;
			margin-top: 0px;
			overflow: hidden;
		}
	/*	{   position:absolute;
			color: #002265;
			padding: 0px;
			height: 175px;
			margin-top: 0px;
			overflow: hidden;
		} */
		
		#infobuttonKlein div.container,
		#infobuttonKlein div.container a,
		#infobuttonKlein div.container a:hover
		{
			color: #002265;
			text-decoration: none;
		}
	
	#carrousel
	{
		width: 980px;
		height: 125px;
		
		clear: both;
	}
/*	
		#carrousel div.prev
		{
			position: absolute;
			z-index: 30;
			top:0px;
			left:0px;
			background-color: red;
			width: 25px;
			height: 150px;
		}
		
		#carrousel div.next
		{
			position: absolute;
			z-index: 30;
			top:0px;
			right:0px;
			background-color: yellow;
			width: 25px;
			height: 150px;
		}
*/

/**************************************************
	Menu
	http://www.cssplay.co.uk/menus/centered.html
	http://www.markrushworth.com/template_permalink.asp?id=118
**************************************************/
#topbanner div.menu
{
	
}

#topbanner ul
{
	list-style: none;
	text-align: center;
}	

	#topbanner ul li
	{
		padding-right: 5px;
		margin-right: 5px;
		border-right: solid 1px #fff;
		display:inline;
	}
	
	#topbanner ul li.last
	{
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}
	
		#topbanner ul li a
		{
			text-decoration: none;
			font-size: 8pt;
			color: #fff;
		}
		
		#topbanner ul li a:hover
		{
			text-decoration: underline;
		}
	
/**************************************************
	Auto's zoeken (niet gevonden)
**************************************************/
div.nietsGevondenHome
{
	background-color: #ff7200 !important;
	padding: 10px;
	display: inline-block;
}

	div.nietsGevondenTekst
	{
		width: 250px;
		color: #fff;
		float: right;
		margin-right: -10px;
		_margin-right: -5px;
		text-align: center;
		font-weight: bold;
		padding: 5px;
		background-color: #ff7200 !important;
		position: relative;
		top: -30px;
		right: 0px;
	}

/**************************************************
	Formulieren
**************************************************/
.button
{
	color: #fff;
	background-color: #ff7200;
	border: solid 1px #ff7200;
	cursor: pointer;
}

.input
{
	border: solid 1px #666;
	padding: 2px;
}
	
/**************************************************
	Auto overzicht
**************************************************/	
/** Zoeken **/
div.zknUitleg
{
	color: #ff7200;
	clear: both;
	margin-bottom: 5px;
}

div.autoInfo
{
	margin-top: 10px;
	margin-left: 8px;
	color: #002265;
}

table.tableZoekRes
{
	clear:both;
}


table.tableZoekRes td
{
	background-color: #b4c3e1;
	vertical-align: top;
}


	table.tableZoekRes thead tr,
	table.tableZoekRes tfoot tr
	{
		height: 37px;
	}

	table.tableZoekRes thead,
	table.tableZoekRes tfoot
	{
		font-weight: bold;
		color: #002265;
		line-height: 37px;
	}

	table.tableZoekRes thead a, table.tableZoekRes thead a:hover,
	table.tableZoekRes tfoot a, table.tableZoekRes tfoot a:hover
	{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}

	table.tableZoekRes thead a.active,
	table.tableZoekRes tfoot a.active
	{
		color: #002265;
		font-weight: bold;
		text-decoration: none;
	}

	table.tableZoekRes tbody td, .curHand
	{
		cursor: pointer;
	}

/** Zoek detail **/
table.zoekDetail
{
	border-collapse: collapse;
	clear: both;
}

	table.zoekDetail td
	{
		border: solid 1px #fff;
	}
	
		table.zoekDetail td span,
		table.zoekDetail td div
		{
			margin-left: 5px;
		}

	table.zoekDetail thead tr
	{
		background-color: #002569;
		height: 26px;

	}

	table.zoekDetail thead td
	{
		color: #fff !important;
		line-height: 26px;
		font-weight: bold;
		padding-left: 3px;
	}

	table.zoekDetail tbody td
	{
		background-color: #bed0f2;
		height: 20px;
	}

	table.zoekDetail tbody td.tdOpties
	{
		color: #fff;
		background-color: #646f9e;
		font-weight: bold;
		padding-left: 3px;
	}

	table.tblOpties td
	{
		border-bottom: solid 1px #fff;
	}

div.divOpties
{
	overflow: auto;

	height: 87px;
}

div.divAanbodPopUp
{
	position: absolute;
	width: 107px;
	height: 105px;
}

/**************************************************
	Uw voordeel venster
**************************************************/
table.PopUp
{
	background-color: #fff;
}

	table.PopUp td
	{
		background-color: #bed0f2;
		padding: 2px;
	}

	table.PopUp thead td
	{
		background-color:#002569;
		color: #fff !important;
		font-weight: bold;
	}

	table.PopUp tbody td
	{
		background-color: #bed0f2;
		height: 20px;
	}

a.voordeel
{
	position: absolute; 
	display: block; 
	margin-left: 545px; 
	margin-top: 60px;
}

div.divVoordeel
{
	position: absolute; 
	margin-left: 675px; 
	margin-top: 60px;
}
	
/***************************************
   Paging
****************************************/
span.Paging a
{ 
	color: #fff;
	background-color: #788CC8;
	border:solid 1px #000066;
	font-weight: bold;
	width: 20px;
	text-align:center;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	
}

span.PagingSelected 
{
	color: #fff;
	background-color: #000066;
	border:solid 1px #788CC8;
	font-weight: bold;
	width: 20px;
	text-align:center;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	
}

a.Paging
{ 
	color: #fff;
	background-color:#000066;
	border:solid 1px #FF6600;
	font-weight: bold;
	width: 20px;
	text-align:center;
	text-decoration:none;
	padding:2px 2px 2px 2px;
}

table.paging td img
{
	margin-top: 15px;
}


/**************************************************
	Overlay instellingen
**************************************************/
#overlay
{
	padding: 10px;
}

	#overlay h1
	{
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	#overlay,
	#overlay form
	{
		height: auto !important;
	}
	
/**************************************************
	Geen stippelrandje rondom links
**************************************************/
a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}