﻿* 
{ 
	margin:0;
	padding:0;
}

html 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
}

body {
	background-color: #ffffff;
	background-image: url(../images/back_blue.gif);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
}


/* Start template */

div#SiteContainer {
	width: 950px;
	margin: 0 auto;
}

	div#HeaderContainer {
		width: 950px;
		height: 100px;
		background-image: url(../images/back_header.jpg);
		background-position: top;
		background-repeat: no-repeat;

	}
		
		div#Logo {
			width: 468px;
			float: left;
			padding-left: 8px;

		}

		div#DealerLogo {
			width: 200px;
			height: 80px;
			float: left;
			padding-top:5px;
			overflow:hidden;
			vertical-align:middle;
		}

		div#DealerLogoImage {
		}
	
		div#Zoeken {
			width: 210px /*230*/;
			height: 80px /*86*/;
			float: right;
			/*background-image: url(../images/back_zoeken.gif);*/
			background-repeat: no-repeat;
			padding: 10px 15px 0px 5px;                                       
		}

			div#useraccount 
			{
			 float:left;
			 width:180px;
			 padding-top:0px;   
			 padding-bottom:5px;
			}

			div#search 
			{
			 float:left;   
			 width:180px;
			 height:20px;   
			 padding-top:15px;
			}

			div#cultureselector 
			{
			 float:right;   
			 width:20px;   
			 padding-top:0px;
			}

			div.languageSwitch {
				height: 20px;
			}
			
			div.languageSwitch img, input.languageSwitch {
				border: solid 1px #555555;
				margin-right: 5px;
				margin-bottom:5px;
				float: left;
			}
		
			form#SearchForm input.zoeken {
				width: 170px /*168*/;
				height: 16px /*18*/;
				background-color: #ebeaea;
				border: solid 1px #555555;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #555555;
				padding: 1px 4px;
			}
			
			form#SearchForm input.zoekbutton {
				width: 20px;
				height: 20px;
				background-image: url(../images/icon_zoeken.gif);
				background-repeat: no-repeat;
				border: none;
				background-color: #FFFFFF;
				cursor: pointer;
				margin-left: 5px;
			}
		
	div#Menu {
		clear: both;
		float: none;
		width: 950px;
		height: 50px;
		background-image: url(../images/back_menu.gif);
		background-repeat: no-repeat;
		background-position: right;	
		margin-bottom: 10px;
		z-index:90000;
	}
	
	div#Footer {
		clear: both;
		float: right;
		margin-top: 11px;
		padding-top: 7px;
		width: 950px;
		border-top: solid 1px #d7d7d7;
		text-align: center;
	}



/* Einde template */

/* Start opsomming */

ul 
{
	list-style-position: outside;
	padding-left: 15px;	
}

li 
{

}

/* Einde opsomming */
	
/* Start menu */

div#Menu ul.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;	
	z-index:90000;
	position:relative;
}

	div#Menu ul.menu li {
		float: left;
		background-image: url(../images/back_menu2.gif);
		background-repeat: no-repeat;	
		background-position: left;
		text-align: center;
		position: relative;
	}
	
		div#Menu ul.menu li a {
			text-decoration: none;
			color: #FFFFFF;
			width: 135px;
			height: 34px; 
			padding-top: 16px;
			display: block;
		}
		
			div#Menu ul.menu li a.active {
				text-decoration: underline;
			}
			
			div#Menu ul.menu li a:hover {
				text-decoration: underline;
			}

div#Menu ul.menu li ul {	
	position: absolute;
	visibility: hidden;
	top: 50px;
	left: 0px;
	font-size: 11px;
	line-height: 24px;
	background-color: #0f4b95;
	padding: 16px 0px 9px 0px;
	border-left: solid 1px #d7d7d7;	
	border-right: solid 1px #d7d7d7;	
	border-bottom: solid 1px #d7d7d7;
}

	div#Menu ul.menu li ul li {
		position: relative;
		color: #FFFFFF;
		list-style: none;
		text-align: left;
		width: 135px;
		}
		
		div#Menu ul.menu li ul li  p{
		padding: 0px 2px 0px 15px;
		width: 10px;
		float: left;
		margin: 0px;
		}
	
		div#Menu ul.menu li ul li a {
			text-decoration: underline;
			color: #FFFFFF;
			padding: 0px;
			margin: 0px;
			width: auto;

			}			
/* Einde Menu */

/* Start Home */

	div#BlockContainer {
		height: 276px /*310*/;
		background-image: url(../images/back_blockContainer.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 34px;	
	}
	
		.Block {
			width: 230px;
			height: 276px;
			overflow: hidden;
			background-color: #d7d7d7;
			background-image: url(../images/back_block.gif);
			background-repeat: no-repeat;
			background-position: top;
			margin-right: 10px;
			float: left;
		}
		
			.Block.last {
				margin-right: 0px;
			}
		
			.Block h1 {
				padding: 13px 0px 13px 15px;
			}
			
			.Block div.blockPhoto {
				padding: 0px 0px 9px 15px;
			}
			
			.Block div.blockText {
				padding: 0px 15px 11px 15px;
			}
			
			div#more {
				width: 86px /*101*/;
				height: 22px /*25*/;
				background-image: url(../images/back_more.gif);
				background-repeat: no-repeat;
				padding: 3px 0px 0px 15px;
				color: #FFFFFF;
			}
			
				div#more a {
					color: #FFFFFF;
					text-decoration: none;
				}
				
				div#more a:hover {
					text-decoration: underline;
				}
				
	
	div#HomeContainer {

	}
				
		div#introBlock, div#newsBlock {
			width: 375px;
			height: 155px;
			margin-right: 10px;
			float: left;
			background-image: url(../images/bottom_block.gif);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		
		div#introBlockText 
		{
			height:80px;
			overflow:hidden;
			padding-top: 5px;
			padding-bottom: 0px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		div#introBlockMore {
			float: right;
			line-height: 16px;
			padding-top: 0px;
			padding-bottom: 5px;
			padding-left: 0px;
			padding-right: 10px;
		}

			
		div#newsBlock {
			margin-right: 0px;
			margin-left: 10px;
			line-height: 22px;
		}
		
			div#introBlock h2, div#newsBlock h2 {
				width: 360px /*375*/;
				height: 35px /*50*/;
				background-image: url(../images/back_h2.gif);
				background-repeat: no-repeat;
				padding: 15px 0px 0px 15px;
				line-height: 16px;
			}
			
			div#introBlock div.blockText, div#newsBlock div.blockText {
				width: 345px /*375*/;
				border-left: solid 1px #d7d7d7;
				border-right: solid 1px #d7d7d7;
				padding: 10px 14px 8px 14px;
			}

			div#newsBlockMore {
				float: right;
				line-height: 16px;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 0px;
				padding-right: 10px;
			}
				
				div.more {
					float: right;
					line-height: 16px;
				}
				
				div.date {
					float: left;
					padding-right: 15px;
				}
		
		div#flashBlock {
			float: left;
		}


/* Einde Home */

/* Start Content */
	div#submenu 
	{
		float:left;
		padding-right:10px;
		min-height:200px;
		width:140px;    
	}

	div#contentplaceholder 
	{
		float:left;
	}
	
	div#ContentContainer {
		min-height: 435px /*469*/;
		background-color: #d7d7d7;
		background-image: url(../images/back_contentContainer.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 34px;
	}
	
		div#Content {
			width: 950px;
			min-height: 435px;
			overflow: hidden;
			background-color: #d7d7d7;
			background-image: url(../images/back_content.gif);
			background-repeat: no-repeat;
			background-position: top;
			margin-right: 10px;
			float: left;
		}
		
			div#contentBlock {
				width: 445px /*475*/;
				padding: 15px 15px;
				float: left;

			}
			
			div#contentBlock.fullLength {
				width: 920px /*950*/;
				padding: 15px 15px;
				float: none;
			}


.boxed
{
	border: 1px solid #666666;
	margin-bottom:10px;
	padding:10px;
}			
/* Einde Content */

