/* @import "screen.menu.css";*/
@import "screen.producten_overzicht.css";
@import "screen.formulier.css";
/*@import "screen.home.css";*/
@import "lightbox.css";
@import "screen.merken.css";

/* CSS */

body, html {
	margin:0;
	padding:0;
	background:#f5f5f5;
	font-family:Verdana, Geneva, sans-serif;
}
body, html, table {
	font-size: 11px;
}

h1 {
	color:#0e1a4f;
	font-size:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:0px 0px 5px 0px;
	margin:0;
}
	h1.home {
		padding-bottom: 0px;
	}
h2 {
	color:#0e1a4f;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:5px 0 10px 0;
	margin:0;
}

h3 {
	color:#0e1a4f;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0;
	margin:0;
}

p {
	margin:0;
	padding:0;
}

.clear {
	clear:both;	
}
.left {
	float: left;
}
.right {
	float: right;
}

a:focus {outline: 0;}
a img{
	border: 0px;
}

#autowebstore {
	width:936px;
	margin:0 auto;
}

	#autowebstore #header {
		width:936px;
		height:306px;
		position:absolute;
		top:0;
		background-image:url(/images/backgr_header.png);
		background-repeat: repeat-x;
		background-position: top left;
	}
	
		#autowebstore #header .logo {
			width:936px;
			height:74px;
			/*background:url(/images/bg_top.jpg) repeat-x;*/
			padding:0px 0 0 0px;
		}
		
		#autowebstore #header .logo img {
			float:left;
			margin: 21px 0 0 10px;
		}
			#autowebstore #header .logo .tekst {
				float: right;
				width: 580px;
				height: 50px;
				margin-top: 14px;
			}
				#autowebstore #header .logo .tekst .inbouw{
					height: 50px;
					float: left;
					border-right: 1px solid #dfdfdf;
					padding: 0 10px 0 0;
					font-size: 13px;
					line-height: 50px;
				}
					#autowebstore #header .logo .tekst .inbouw a{
						color: #666666;
					}
						#autowebstore #header .logo .tekst .inbouw a:hover{
							text-decoration: none;
						}
					#autowebstore #header .logo .tekst .inbouw img{
						float:left;
						margin: 13px 7px 0 0px;
					}
				#autowebstore #header .logo .tekst .helpdesk{
					height: 50px;
					float: left;
					border-right: 1px solid #dfdfdf;
					font-size: 13px;
					padding: 0 10px 0 10px;
					line-height: 50px;
					color: #666666;
				}
					#autowebstore #header .logo .tekst .helpdesk img{
						float:left;
						margin: 13px 7px 0 0px;
					}
				#autowebstore #header .logo .tekst .keurmerken{
					height: 50px;
					float: left;
					padding: 0 10px 0 10px;
				}
					#autowebstore #header .logo .tekst .keurmerken img{
						float:left;
						margin: 0px 0px 0 0px;
						padding: 0px;
					}
		#autowebstore #header .mainmenu {
			height: 31px;
		}
			#autowebstore #header .mainmenu ul{
				padding: 0px 0 0 0px;
				margin: 0px;
				list-style: none;
				height: 31px;
				font-weight: bold;
				line-height: 31px;
				background-image: url(/images/backgr_menu.png);
			}
				#autowebstore #header .mainmenu ul li{
					float:left;
					margin: 0px;
				}
				#autowebstore #header .mainmenu ul li a{
					color: #FFFFFF;
					text-decoration: none;
					padding: 9px 12px 9px 10px;
					margin: 0px;
					line-height: 31px;
					background-image:url(/images/backgr_menutussen.png);
					background-repeat: no-repeat;
					background-position: right;
				}
					#autowebstore #header .mainmenu ul li a:hover{
						color: #101741;
						background-image:url(/images/backgr_menuselect.png);
					}

			#autowebstore #header .mainmenu .winkelwagen {
				position: absolute;
				top: 73px;
				margin-left: 701px;
			}
				#autowebstore #header .mainmenu .winkelwagen span {
					color:#000000;
					font-size: 0.9em;
				}
					#autowebstore #header .mainmenu .winkelwagen span a {
						color:#000000;
						text-decoration:underline;
					}
						#autowebstore #header .mainmenu .winkelwagen span a:hover {
							text-decoration: none;
						}
					
								
		#autowebstore #header .visual {
			background:url(/images/VB_header.jpg) no-repeat;
			width:936px;
			height:201px;
		}
		
			#autowebstore #header .visual .merken {
				width:385px;
				height:201px;
				background:url(/images/zwart_overloop.png) no-repeat;
				float:right;
				color:#FFFFFF;
			}	
				#autowebstore #header .visual .merken .scroller{
					height: 160px;
					width: 170px;
					margin-left: 190px;
					margin-top: 20px;
					text-align: center;
				}
					#autowebstore #header .visual .merken .scroller p{
						margin-bottom: 10px;
					}
					#autowebstore #header .visual .merken .scroller .pijl_links{
						float: left;
						width: 30px;
						padding-top: 18px;
					}
					#autowebstore #header .visual .merken .scroller .pijl_rechts{
						float: left;
						width: 20px;
						padding-top: 18px;
					}
					#autowebstore #header .visual .merken .scroller .merk{
						float: left;
						background-image:url(/images/bg_merken.png);
						_background-image:url(/images/bg_merken.gif);
						background-repeat: no-repeat;
						background-position: top left;
						width: 116px;
						height: 96px;
						/*padding-top: 5px;*/
						text-align: left;
					}						

				.dealer_logo {
					display: block;
					position: relative;
					z-index: 9995;
				}
						#autowebstore #header .visual .merken .scroller .merk #merken_blok {
							height: 187px;
							overflow: hidden;
							position: relative;
							float: right;
							z-index: 5;
						}
						#autowebstore #header .visual .merken .scroller .merk #merken_blok .dealer_logo{
						}
						#autowebstore #header .visual .merken .scroller .merk #merken_scrol {
							/*top, right, bottom, left*/
							margin-top: 0px;
						}
						#autowebstore #header .visual .merken .scroller .merk #merken_scrol a {
							cursor: default;
						}
						#autowebstore #header .visual .merken .scroller .merk #tradevision-total #content #merken_scrol p{
							/*margin: 0px;
							padding: 0px 0px 15px 0px;
							!padding: 0px 0px 20px 0px;
							*/
						}
						.dealer_logo img {
						}



		#autowebstore #header .stappen {
			width:921px;
			height:45px;
			padding-left:15px;
			background:url(/images/bg_stappen.jpg) repeat-x;
		}
			#autowebstore #header .stappen .stap {
				border:0;
				float:left;
			}
			
				/* #autowebstore #header .stappen .stap a img {
					border:0;
				}*/
				
						

			#autowebstore #header .logo .tekst span.subtitel {
				margin:0;
				padding:0;
				color:#4a7989;
				font-weight:normal;
				float:left;
				font-size: 0.9em;
			}
/*			
			#autowebstore #header .logo .tekst span.links {
				float:right;
				color:#666666;
				padding-right:8px;
			}
				#autowebstore #header .logo .tekst span.links a {
					color:#0e1a4f;
				}
					#autowebstore #header .logo .tekst span.links a:hover {
						text-decoration:none;
					}
*/					

	#autowebstore #content {
		background:url(/images/bg_bottom.jpg) no-repeat #FFF;
		background-position:bottom;
		position:absolute;
		top:301px;
		width:936px;
		margin-bottom:30px;
	}
		#autowebstore #content ol li,
		#autowebstore #content ul li{
			line-height:18px;
		}
		#autowebstore #content p {
			margin: 10px 15px 10px 0;
			color:#121212;
			line-height:18px;
		}
		#autowebstore #content table p{
			padding: 0px;
			margin: 0px;
		}
		#autowebstore #content a{
			color:#0e1a4f;
		}
			#autowebstore #content sup {
				font-size: 95%;
			}
		#autowebstore #content #autoonderdelen_sub ul li{
			line-height: 18px;
		}
	
		#autowebstore #content #autoonderdelen {
			width:700px;
			padding-top:22px;
			float:right;
			padding-left: 0px;
			/*padding-left: 15px;*/
		}
			#autowebstore #content #autoonderdelen.home {
				float: left;
				margin-left: 32px;
				width: 871px;
			}
			
			#autowebstore #content #autoonderdelen ul{
				line-height: 150%;
			}
		
			#autowebstore #content #autoonderdelen ul.productblok {
				margin: 0px;
				list-style:none;
				/*padding-left:9px;*/
				padding-left: 0px;
				width:706px;
			}
				#autowebstore #content #autoonderdelen.home ul.productblok{
					width: 890px;
				}
				#autowebstore #content #autoonderdelen ul.productblok li {
					float:left;
				}
			
				#autowebstore #content #autoonderdelen ul.productblok li a {
					width:167px;
					height:186px;
					display:block;
					background:url(/images/bg_autoonderdeel.jpg);
					background-repeat:no-repeat;
					text-decoration:none;
					text-align:center;
					margin:0 9px 9px 0;
				}
				
				#autowebstore #content #autoonderdelen ul.productblok li a:hover {
					background:url(/images/bg_autoonderdeel_hover2.jpg);
				}
				
					#autowebstore #content #autoonderdelen ul.productblok li a img {
						padding: 10px 0 0 0;
						border:0;
					}
					
					#autowebstore #content #autoonderdelen ul.productblok li a h2 {
						color:#4e587c;
						padding-top:3px;
						padding-bottom:0px;
						font-weight:bold;
						font-size: 13px;
					}
					
					#autowebstore #content #autoonderdelen ul.productblok li a span {
						color:#666666;
						font-size: 0.8em;
						line-height:10px;
					}
					
		#autowebstore #content #autoonderdelen_sub {
			width:680px;
			padding:22px 20px 12px 15px;
			float:right;
		}
		
		#autowebstore #content #menu {
			width:209px;
			float:left;
			padding: 25px 0 0 12px;
			background:url(/images/bg_menulinks.gif) repeat-y;
		}
			#autowebstore #content #menu ul {
				list-style:none;
				padding: 8px 0 12px 1px;
				margin:0;
			}
			
				#autowebstore #content #menu ul li{
					padding-bottom: 9px;
					font-weight: bold;
				}
				#autowebstore #content #menu ul li a {
					color:#000000;
					font-family:Tahoma, Geneva, sans-serif;
					padding:0 0 0 0;
					margin:0 0 0 0;
					text-decoration: none;
				}
				#autowebstore #content #menu ul ul{
					padding-bottom: 0px;
					padding-top: 0px;
				}
				#autowebstore #content #menu ul li li{
					font-weight:normal;
					padding-bottom: 0px;
				}
				#autowebstore #content #menu ul li li a,
				#autowebstore #content #menu ul li.select li a {
					background:url(/images/li_menulinks.gif) no-repeat;
					background-position:left;
					color:#000000;
					padding-left:12px;
					line-height:18px;
					font-size: 11px;
				}
				
				#autowebstore #content #menu ul li a:hover,
				#autowebstore #content #menu ul li li.select a,
				#autowebstore #content #menu ul li.select a {
					text-decoration:none;
				}
				#autowebstore #content #menu ul li a:hover{
					text-decoration: underline;
				}

				#autowebstore #content #menu ul.service li a {
					font-size:13px;
					color:#0e1a4f;
					text-decoration: none;
				}
					#autowebstore #content #menu ul.service li li a {
						font-size:11px;
						color: #000000;
						cursor: default;
					}

			#autowebstore #content #menu .aanbod{
				color: #4a7a84;
				font-size: 10px;
				text-align: center;
			}
				#autowebstore #content #menu .aanbod a.link{
					color: #4a7a84;
					font-size: 14px;
					font-weight: bold;
				}

		
		#autowebstore #content #menu p {
			padding: 5px 0 12px 0;
		}
		
		#autowebstore #content #menu .helpdeskimg {
			padding:7px 0 5px 0;
		}
		
	.pcoutputhighlight{
		margin-bottom: 10px;
	}
	
	div.downloadrow {
		width:650px;
		/*height:125px;*/
		line-height:35px;
	}
		div.downloadrow form .button {
			background:#666;
			border:0px;
			color:#FFFFFF;
			}
	div.downloadrow .downloadcell img {
		margin: 0 10px 0 0;
	}
	div.downloadrow .downloadcell {
		width:129px;
		height:119px;
		overflow:hidden;
		float:left;
	}
		div.downloadrow h2 {
			width:500px;
			font-size:15px;
			}
		div.downloadrow select {
			width: 250px;
		}		

	div.downloadssubmenu {
		/*position: absolute; 
		top: 43px; 
		float: left; 
		width: 150px; 
		margin-left: 160px;*/
	}
	
		#uitklapdownload {
			border-top: 1px solid #ffffff;
			position: absolute;
			left: 357px; 
			top: 105px;
			display: none;
		}
		#uitklapproduct {
			border-top: 1px solid #ffffff;
			position: absolute;
			left: 59px; 
			top: 105px;
			display: none;
			overflow:hidden;
			clear:both;
		}
			.uitklapmenu a {
				background-color: none;
				background-image:url(/images/back_uitklapmenu.png);
				border: 1px solid #ffffff;
				border-top: 0px;
				padding:3px 3px 3px 3px;
				text-decoration:none;
				display: block;
				height: 13px;
				line-height:13px;
				width: 170px;
				margin: 0px;
				color: #000000;
			}
			
			.uitklapmenu a:hover { 
				background:#e2e2e2;
				text-decoration:none;
			}

			
			.brochureblock {
				float: left;
				width: 200px;
				height: 190px;
				margin-top: 15px;
				margin-right: 10px;
				margin-bottom: 0px;
				overflow: hidden;
			}
				.brochureblock img{
					margin: 0 0 5px 0;
				}
			
			.softwareeblock {
			float: left;
				width: 200px;
				height: 180px;
				margin-right: 10px;
				margin-top: 15px;
				overflow: hidden;
			}
			.brochureblock a, .softwareeblock a{
				text-decoration: none;
			}
			
	#autowebstore #content a.button_verschil{
		background-color: #e6e6e6;
		display:block;
		line-height: 20px;
		width: 200px;	
		text-decoration: none;
		text-align: center;
		float: right;
		margin-right: 20px;
		color: #666666;
		border: 1px solid #666666;
	}
		#autowebstore #content a.button_verschil:hover{
			color: #999999;
			border: 1px solid #999999;
		}
		
		#autowebstore #footer{
			position:relative;
			background:url(/images/bg_footer2.jpg) no-repeat #FFF;
			background-position: bottom;
		}
		#autowebstore #footer #footer1{
			background:url(/images/bg_footer.jpg) no-repeat #FFF;
			background-position: top;
			background-repeat: repeat-x;
			height: 78px;
			padding: 17px 17px 17px 31px;
			margin: 0px;
		}
			#autowebstore #footer #footer1 p{
				color: #ffffff;
				font-size: 12px;
			}
			#autowebstore #footer #footer1 a,
			#autowebstore #footer #footer1 span{
				font-size: 11px;
				color: #a5a9be;
			}
				#autowebstore #footer #footer1 a:hover{
					text-decoration: none;
				}
			#autowebstore #footer #footer1 table{
				width: 100%;
			}
			#autowebstore #footer #footer1 td{
				width: 175px;
			}
		#autowebstore #footer #footer2{
			height:32px;
			color: #999999;
			line-height: 32px;
			margin: 0px;
		}
			#autowebstore #footer #footer2 a,
			#autowebstore #footer #footer2 p{
				color: #999999;
				line-height: 32px;
			}	
			#autowebstore #footer #footer2 p{
				margin: 0px 0 0 17px;
			}
			#autowebstore #footer #footer2 a:hover{
				text-decoration: none;
			}	
	.overview5 { height: 150px; overflow:auto;padding: 5px; border: 1px solid #dfdfdf; margin: 0 0 5px 0; }
	.overview5:hover { border-color: #cdcdcd; background-color: #f6f6f6; }
	.overview5 a { text-decoration: none; } 
	.overview5 .price { float: right; width: 75px; text-align: right; margin-right:20px; }
	
	#prod_nav {
		margin: 0 0 20px 0;
	}