/**
 * ALGEMEEN
 */
 
body, div, p, h1, h2, h3, h4, h5, h6, ul, li, a, img, table, tr, td
{
	margin: 0px;
	padding: 0px;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
}

/**
 * CONTAINER
 */

div.container
{
	width: 1000px;
	min-height: 600px;
	margin: 0 auto;
}

/**
 * TITEL
 */

div.titel
{
	width: 998px;
	height: 100px;
	background-image: url(./afbeeldingen/titel.jpg);
	background-repeat: no-repeat;
	background-color: #516288;
	border-style: none solid;
	border-color: #666666;
	border-width: 1px;
}

/**
 * MENU
 */
 
div.menu
{
	width: 998px;
	height: 25px;
	background-color: #567BC0;
	border: solid;
	border-color: #666666 #666666 #000033 #666666;
	border-width: 1px 1px 2px 1px;	
}

div.menu ul
{
	list-style-type: none;
	margin-left: 300px;
}

div.menu ul li 
{
	vertical-align: middle;
	float: left;
	background-color: #567BC0;
	padding: 3px 15px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}

div.menu ul li a:link, div.menu ul li a:visited
{
	color: #ffffff;
	text-decoration: none;
}

div.menu ul li a:active, div.menu ul li a:hover
{
	color: #000000;
}

/**
 * BALK */

div.balk
{
	float: left;
	width: 180px;
	height: 530px;
	background-color: #8FB3DE;
	border-style: none solid solid solid;
	border-color: #666666;
	border-width: 0px 1px 3px 1px;
}

div.balk p.tekoop
{
	font-size: 24px;
	font-color: #666666;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;	
}

div.balk div.item_nieuws
{
	margin-top: 10px
}

div.balk div.item_nieuws p
{
	color: #000033;
	text-align: center;
	font-size: 14px;
	
	padding-bottom: 2px;
}

div.balk div.item_nieuws a:link, div.balk div.item_nieuws a:visited
{
	color: #000033;
	text-decoration:none;
}

div.balk div.item_nieuws a:hover, div.balk div.item_nieuws a:active
{
	color: #ffffff;
}

div.balk div.item_nieuws p a img
{
	width: 100px;
	height: 75px;
	
	margin: 0px auto;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
}

/**
 * INHOUD
 */

div.inhoud
{
	float:left;
	width: 677px;
	height: 490px;
	padding: 20px 70px 20px 70px;
	background-color: #C9D0ED;
	background-image: url(./afbeeldingen/achtergrond.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	border-style: solid;
	border-color: #666666;
	border-width: 0px 1px 3px 0px;

	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-face-color : #EFEFEF;
	scrollbar-highlight-color : #316AC5;
	scrollbar-track-color: #CCCCCC;
	scrollbar-darkshadow-color : #316AC5;
	scrollbar-base-color : #316AC5;
	scrollbar-shadow-color : #316AC5;
	scrollbar-3d-light-color : #EFEFEF;
	scrollbar-arrow-color : #316AC5;
}

div.inhoud h1
{
	margin-bottom: 20px;
}

div.inhoud h2
{
	padding-top: 20px;
}

div.inhoud h3
{
	padding-top: 15px;
	font-size: 14px;
}

div.inhoud h5
{
	font-size: 14px;
	font-weight: bold;
}		

div.inhoud p
{
	font-size: 15px;
	padding: 2px;
}

div.inhoud ul
{
	padding-left: 20px;
}

/**
 * AUTO IN AUTO OVERZICHT
 */
 
div.auto
{
	float: left;
	clear: both;
	
	padding-bottom: 15px;
}

div.auto div.fotos
{
	width: 310px;
	float: left;
}

div.auto div.fotos img.main
{
	padding-right: 10px;
	padding-bottom: 5px;
	
	border: 0px;
}

div.auto div.fotos img.thumb
{
	width: 70px;
	height: 51px;
	border: 0px;
	
	padding-right: 2px;
	padding-bottom: 2px;
}

div.auto div.tekst
{
	width: 350px;
	float: left;
}

div.auto div.tekst table
{
	padding-bottom: 5px;
}

div.auto div.tekst table tr td
{
	font-size: 15px;
}

div.auto div.tekst table tr td.label
{
	width: 90px;
}

div.inhoud a:link, div.inhoud a:visited
{
	color: #506288;
	text-decoration:none;
}

div.inhoud a:active, div.inhoud a:hover
{
	color: #506288;
	text-decoration: underline;
}


	
/**
 * Contact formulier
*/
form.contact
{
	margin: 0px;
	padding: 0;
	width: 400px;
}

form.contact label
{
	text-align: right;
	width: 80px;
	float: left;
	margin: 2px 20px 0 0;
	padding:0;
}

form.contact input
{
	text-align: left;
	width: 250px;
	float: left;
	margin: 2px 0 0 0;	
}

form.contact br
{
	clear: both;
}

form.contact textarea.medium
{
	width: 250px;
	height: 100px;
	margin: 2px 0 0 0;
}

form.contact p
{
	float: left;
	margin-top: 10px;
	margin-left: 100px;
	font-style:italic;
	font-size:12px;
}

form.contact input.knop
{
	width: 80px;
	text-align: center;
	margin: 2px 0 0 0;
	padding: 0;
}



/**
 * VOET
 */
 
div.voet
{
	float: left;
	clear: both;
	width: 100%;
}

div.voet p
{
	padding-top: 15px;
	font-size: 10px;
	color: #003366;
	text-align:center;	 
}