﻿@charset "utf-8";
/* ---------- ---------- Instellingen ---------- ---------- */
* {
	margin: 				0px;
	padding: 				0px;
	border: 				0px;
}

html {
	margin:					0 auto;
}

body{

	background: 			url('../images/benerink_bg.gif');
	text-align:				center;
	margin:					0 auto;
}

p {
	color: 					#FFFFFF;
	font-size:				12px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	padding-left: 			10px;
}

h2 {
	font-size: 				18px; 
	font-weight:			normal;
	color: 					#ffffff;	
	padding-left: 			10px;
	padding-top: 			10px;
	font-family:			Arial narrow, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-transform:			uppercase;
}

.klein {
	text-align: left;
	}

.klein p {
	font-size:11px;
	color: #fff;
}

.klein2 {
	text-align: left;
	margin-left: -13px;
	}

.klein2 p {
	font-size:11px;
	color: #fff;
	
}

a:link, a:visited {
	font-family:	Verdana, Trebuchet MS, arial; 
	color: 			#ffffff;
	text-decoration:none;
	}
	
a:active, a:hover {
	font-family:	Verdana, Trebuchet MS, arial; 
	color: 			#a7a8aa;
	text-decoration:none;
	}


.forminput { 
 	background-color: 		#f6f6f6;
 	border: 				1px solid #000000; 
 	width:					150px; 
 	margin-bottom:			8px;
 	padding:				2px;
 	font-family:			Verdana, Trebuchet MS, arial;
 	font-size:				10px; 
	color: 					#303030;
}


/* ---------- ---------- DIV Instellingen ---------- ---------- */
.container { 				/* Dit is de container, deze houd alles op z'n plek */
	width:					1003px;
	height: 				582px;
	/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	margin:					0 auto;
}
.header {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	height:					132px;
	width: 					1003px;
}
.spacer {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	height:					20px;
	width: 					1003px;
}
#navigatie {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	width:					173px;
	height: 				450px;
	float:					left;
	text-align:				left;
}
.navigatie_inhoud {
	height: 				284px;
}
.navigatie_plaatje {
	height: 				166px;
	z-index:				2;
}
.content {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	width:					657px;
	height: 				450px;
	float:					left;
	text-align:				left;
}
.content_inhoud {
	width:					657px;
	min_height: 			420px;
	overflow: 				Auto;
}

.content_rechts {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	width:					173px;
	height: 				450px;
	margin-top: 			12px;
	float:					left;
}
.footer {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	height:					30px;
	width:					657px;
}	
.clear {					/* Hiermee worden "floatende" div's afgesloten om binnen andere div te blijven */
	clear:					both;
}



#topvisual {
	margin-top:	-15px;
	}

.kop {
	behavior: url('http://www.benerink.nl/images/interface/iepngfix.htc');
	margin-left:	10px;
}


/************************** Splashscreen & Homepagina **************************/


.header2 {
	/*background: 			url('../images/interface/headersplash.jpg');*/
	background: 			url('../images/interface/headersplash_25jaar.jpg');
	height:					419px;
	width: 					992px;
}




.content2 {
		/*background-color:		#242424; */
	background: 			url('../images/benerink_bg.gif');
	width:					1000px;
	height: 				450px;
	float:					left;
	text-align:				left;
}



.content_homepage {
	width:						657px;
	height: 					408px;
	margin-left:				30px;
	margin-top:					12px;

}

.content_homepageL {
	width:						292px;
	height: 					192px;
	background: 				url('../images/interface/blok_leeg.jpg');
	float: 						left;
}


.content_homepageR {
	width:						282px;
	height: 					192px;
	float: 						left;
	margin-left:				10px;
}

.content_homepageavdw {
	width:						272px;
	height: 					172px;
	float: 						left;
	margin-left:				10px;
	background: 				url('../images/interface/blok_leeg.jpg');
	padding: 10px;
}

.autovandeweek {
	height:						100px;
	width:						auto;
}

.iframescroller {
	overflow: hidden;
}



	
/************************** CONTENT **************************/

#visual {

	float: 			left;
	width: 			785px;
	background: 	#FFFFFF;
	z-index:		1;
	}
	
#visual_edit {
	margin-top:		0px;
	position:		absolute;
	float: 			left;
	width: 			784px;
	background: 	#999999;
	border:			solid 1px #000000;
	opacity:		.85;
	filter:			alpha(opacity=85);
	z-index:		10;
	}


* html #content {
	position: 		relative;  /*** IE needs this  ***/
	}

* html #content_edit {
	position: 		relative;  /*** IE needs this  ***/
	border: 3px solid black;
	width: 100px;
	}


#content_edit {
	position: 		relative;  /*** IE needs this  ***/
	}






/************************** TABS **************************/

#contenteditNL{
visibility: visible; 
z-index: 0;
position: absolute;

left: auto;
width:					657px;
}

#contenteditEN{
visibility: hidden; 
z-index: 0;
position: absolute;
top: 30;
left: auto;
}

#contenteditDE{
visibility: hidden; 
z-index: 0;
position: absolute;
top: 30;
left: auto;
}

#contenteditFR{
visibility: hidden; 
z-index: 0;
position: absolute;
top: 30;
left: auto;
}	

#keywordsNL{
visibility: visible; 
z-index: 100;
position: absolute;
top: 30;
left: auto;
}

#keywordsEN{
visibility: hidden; 
z-index: 100;
position: absolute;
top: 30;
left: auto;
}

#keywordsDE{
visibility: hidden; 
z-index: 100;
position: absolute;
top: 30;
left: auto;
}

#keywordsFR{
visibility: hidden; 
z-index: 100;
position: absolute;
top: 30;
left: auto;
}





/************************** MENU **************************/
/* -------------------- Kleuren links -------------------- */
#navigatie a:link,#navigatie a:visited {
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-size: 		10pt; 
	color: 			#a7a8aa;
	text-decoration:none;
	}
	
#navigatie a:active, #navigatie a:hover {
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-size: 		10pt; 
	color: 			#ffffff;
	text-decoration:none;
	}


/* -------------------- Opmaak van Layout -------------------- */
table {
	font-family:	Verdana, Myriad Pro, Trebuchet MS, arial; 
	font-size: 		10pt;
}


/* -------------------- Opmaak van submenu -------------------- */
.submenu {
	display:		block;
	cursor:			pointer;
	color:			#a7a8aa;
	margin-top: 	10px;
}

.submenu a:active{
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-weight:	bold;
	font-size: 		10pt; 
	color: 			#FFFFFF;
	text-decoration:none;
	}
	
.submenu a:hover{
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-weight:	bold;
	font-size: 		10pt; 
	color: 			#FFFFFF;
	text-decoration:none;
	}

.submenu1{
	display: 		block;
	width:			160px;
	margin-left: 	30px;
	margin-top: 	10px;
}

a.submenu1:link, a.submenu1:visited {
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-size: 		10pt; 
	color: 			#a7a8aa;
	text-decoration:none;
}


a.submenu1:active, a.submenu1:hover {
	font-family:	Myriad Pro, Trebuchet MS, arial; 
	font-size: 		10pt; 
	color: 			#ffffff;
	text-decoration:none;
	}

.hide{
	display: 		none;
}
.show{
	display: 		block;
	margin-bottom:	3px;
}

.tabelmenu {
	z-index: 		999;
}



hr {
	border: 		1px solid #ffffff;
	height:			1px;
	margin-left:	10px;
	margin-top:		10px;
	margin-bottom:	10px;
	width: 			350px;
	float: left;
}


/* -------------------- INHOUD DIV -------------------- */
#content_inhoudtekst {
	width:						605px;
	height: 					360px;
	overflow-y:					scroll;
	overflow-x:					hidden;
	margin-left: 				45px;	

	scrollbar-3dlight-color: 	black;
	scrollbar-arrow-color: 		#da012e;
	scrollbar-base-color: 		#242424;
	scrollbar-face-color: 		#242424;
	scrollbar-highlight-color: 	#151515;
	scrollbar-shadow-color: 	#515151;
	scrollbar-darkshadow-color:	black;
}

#content_inhoudtekst p {

	width:						360px;
	float:						left;
	color:						#FFFFFF;
}

#content_inhoudtekst_noscroll {
	width:						605px;
	height: 					360px;
	overflow-y:					hidden;
	overflow-x:					hidden;
	margin-left: 				45px;	
}

#content_inhoudtekst_noscroll p {
	width:						360px;
	float:						left;
	color:						#FFFFFF;
}

#content_inhoudtekst2_noscroll {
	width:						605px;
	height: 					360px;
	overflow-y:					hidden;
	overflow-x:					hidden;
	margin-left: 				45px;	
}

#content_inhoudtekst2_noscroll p {
	width:						530px;
	float:						left;
	color:						#FFFFFF;
}





#fotoblok {
	float:						right;
	margin-right:				15px;
	margin-top:					15px;
	width:						180px;
	text-align:					center;
	font-family:				Verdana, Trebuchet MS, arial; 
	font-size:					12px;
	color: 						#ffffff;

}

#fotoblok img {
	margin-bottom:				10px;
	border:						1px solid #535353;
}



#fotoblokpechhulp {
	float:						right;
	margin-top:					15px;
	width:						180px;
	text-align:					center;
}

.vervangendvervoeruitlijning {
	width:						auto;
	margin-left:	27px;
	margin-top:		2px;
}


.png {
	 behavior: url('http://www.benerink.nl/images/interface/iepngfix.htc');
}

#scroller {
	width: 560px; 
	height: 150px; 
	overflow-y: hidden; 
	overflow-x: auto; 
	display: block; 
	top:400;
	scrollbar-3dlight-color: 	#324424;
	scrollbar-arrow-color: 		#324424;
	scrollbar-track-color:		#324424;
	scrollbar-face-color: 		#324424;
	scrollbar-highlight-color: 	#324424;
	scrollbar-shadow-color: 	#324424;
	scrollbar-darkshadow-color: #324424;

}

.personeelfoto{
	width:85px; 
	height:110px;
	margin: 0 5px;
	margin-bottom: 20px;
	border:	1px solid #535353;
}

.hidefoto{
	visibility: hidden;
	position: absolute;
}
.showfoto{
	visibility: visible;
	position: absolute;
}


/* -------------------- Menu: BENERINK -------------------- */

.content_inhoud_shortleasebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-0_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_exlusiefbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-5_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_nieuwex3bg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-5_x3_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}


.content_inhoud_minibg2 {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/minibg.jpg') no-repeat 50% top;
	padding-top: 				30px;
}


.content_inhoud_aircocheckbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/aircocheck.jpg') no-repeat 50% top;
	padding-top: 				30px;
}


.content_inhoud_nieuwsbriefbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/nieuwsbriefbg.jpg') no-repeat 50% top;
	padding-top: 				30px;
}


.content_inhoud_opiniebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/opinie.jpg') no-repeat 50% top;
	padding-top: 				30px;
}


.content_inhoud_visiebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_erkenningbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-2_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_teambg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-3_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_vacaturesbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/2-4_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: NIEUWS -------------------- */
.content_inhoud_nieuwsbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/4_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_bmwbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/4-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_minibg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/4-2_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_audibg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/4-3_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: FINANCIERING & LEASE -------------------- */
.content_inhoud_merkfinancieringbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/5_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_merkverzekeringbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/5-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: GARANTIE -------------------- */
.content_inhoud_pechhulpbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/6_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_fabriekgarantiebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/6-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_benerinkgarantiebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/6-2_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: SERVICE & GARANTIE -------------------- */
.content_inhoud_servicebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/7_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_accessoiresbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/7-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_ruitenservicebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/7-2_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_schadeherstelbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/7-3_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_vervangendvervoerbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/7-4_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: BENERINK ACTIES -------------------- */
.content_inhoud_benerinkactiesbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/8_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

/* -------------------- Menu: CONTACT -------------------- */
.content_inhoud_contactinfobg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/9_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_afspraakbg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/9-1_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}

.content_inhoud_routebg {
	width:						657px;
	height: 					390px;
	background: 				#242424 url('../images/backgrounds/9-2_content.jpg') no-repeat 50% top;
	padding-top: 				30px;
}
