﻿* 
{ 
	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;
			float: left;
			padding-top:5px;
			overflow:hidden;
		}
	
		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;
				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: none;
		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#ctl00_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;
			}
			
/* Einde Content */
