/* -- resetten ---------------------------------------------------------------------------------------- */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}

/* -- basic  ------------------------------------------------------------------------------------------- */

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical;
}

body {
	background: 			url(../images/background_repeater.gif) repeat-x scroll 0 0;
	color: 					#8b8a8a;
	font: 			normal 0.75em/140% Georgia, Arial, Verdana, Tahoma, Trebuchet MS;
	text-align: 			center;
	line-height:			20px;
}

div.container {
	width: 					985px;
	margin: 					0 auto;
	border: 					0;
	background-color: 	#fff;
	text-align: 			left;
	min-height: 			500px;/*zie lt_ie7.css*/
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */

a {color:#68675d;}
a:visited {color:#68675d;}
a:hover {color:#000;}
a:active {color:#000;}

a.link, a.link:visited {
	background: transparent url(../images/arrow.gif) no-repeat scroll 0 2px;
	padding: 0 0 0 14px;
	margin: 0 0 0 0px;
	font-weight: bold;
	text-decoration: none;
	color:#68675d;
}

a.link:active, a.link:hover {color:#000;}

a.link-down, a.link-down:visited {
	background: 			transparent url(../images/arrow_down.gif) no-repeat scroll 0 5px;
	padding: 				0 0 0 14px;
	margin: 				0 0 0 0px;
	font-weight: 			bold;
	text-decoration: 		none;
	color:					#68675d;
}

a.link-down:active, a.link-down:hover {color:#000;}

/* -- Text elements ----------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {color:#515151; font-weight:100;}
h1 {font-size: 1.5em; text-transform:uppercase; line-height:18px;}
h2 {font-size: 1.2em; margin: 10px 0 0 0; padding: 10px 0 0 0; line-height: 12px;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {margin-top: 5px; line-height: 180%;}
p.margin {margin: 10px 0;}
p.margin-top {margin: 10px 0 0 0;}
p.margin-bottom {margin: 0 0 3px 0;}
p.no-margin {margin-top: 0; padding: 0;}
p.light-grey {margin: 0; color:#d3d3d3;}
p.grey {margin-top: 7px; color:#a2a2a2; font-weight:bold;}
p.margin-left {margin: 3px 0 3px 14px; padding: 0 0 0 0;}
p.bold {font-weight:bold;}
p.margin-left-top {margin: 50px 0 0 200px; color:#d3d3d3}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Formulieren ------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

select, input, textarea {
	font:						normal 100% Georgia, Arial, Verdana, Tahoma, Trebuchet MS;
	color: 					#000;
}

input.textfield, textarea.textfield {
	color:					#c3c2be;
	border:					none;
	padding: 				8px;
	width: 					102px;/*158*/
	height: 					15px;
	float: 					left;
	background: 			url(../images/bg_zoek_form.gif) no-repeat scroll 0 0;
}

select.select {
	border: 					solid 1px #aaa;
	padding: 				2px;
}

div.input {
	height: 					40px; 
	margin:					10px 0 0 0;
}

input.textfield-large, textarea.textfield-large {
	color:					#c3c2be;
	border:					none;
	padding: 				8px;
	margin: 					0 0 7px 0;
	width: 					226px; /* 242px */
	height: 					15px;/*31*/
	float: 					left;
	background: 			url(../images/bg_zoek_form2.gif) no-repeat scroll 0 0;
}

input.login-textfield {
	margin:					0 10px 0 30px;
	width:					195px;/*205*/
	height:					15px;/*25*/
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

input.box {
	border: 					none;
	width: 					20px;
	padding: 				0;
	margin: 					5px 4px 0 0;
	color: 					#6c6c6c;
}

div.wrapper {overflow:hidden;width:100%;}

input.textfield-nieuwsbrief, textfield-nieuwsbrief {
	color:					#c3c2be;
	border:					none;
	padding: 				8px;
	margin: 					0 0 7px 0;
	width: 					176px; /* 192px */
	height: 					15px;/*31*/
	float: 					left;
	background: 			url(../images/bg_form_nieuwsbrief.gif) no-repeat scroll 0 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- kolommen ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.main {margin: 20px 0;}
div.main2 {margin: 27px 0 20px 0; background: transparent url(../images/bg_main2.gif) repeat-y scroll 0 0;}

div.home-col1-left {
	width:					290px;
	float:					left;
	margin-right:			59px;
}

div.home-col2-left {width: 290px; float: left;}
div.home-col1-right {width: 290px; float: right;}

div.sub-col1-right {width:	290px; float: right; background: transparent url(../images/bg_col1_right.gif) repeat-x scroll 0 0;}
div.sub-col1-left {width: 640px; float: left;}

div.sub-col2-left {width: 454px; float: left;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- subpages zonder subnavigatie -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


div.sub-col1-right div.sub-box {margin-bottom: 45px;}
div.sub-col1-left div.sub-box {
	background: 			transparent url(../images/border_col1_left_box.gif) repeat-x scroll 0 0;
	padding: 				19px 0 15px 0;
}

div.sub-box-last {margin: 0;}


div.sub-box-left {
	float: 					left;
	width: 					230px;
	margin-right: 			17px;
}

div.sub-box-right {
	float: 					left;
	width: 					392px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- subpages met subnavigatie ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.sub-col2-left div.sub-box {
	background: 			transparent url(../images/border_col1_left_box.gif) repeat-x scroll 0 0;
	width:100%;
	padding: 				20px 0 20px 0;
}

div.sub-box-paddingbottom {
	background: 			transparent url(../images/border_col1_left_box.gif) repeat-x scroll 0 0;
	padding: 				20px 0 8px 0;
}

div.sub-box-paddingtop {
	background: 			transparent url(../images/border_col1_left_box.gif) repeat-x scroll 0 0;
	padding: 				4px 0 30px 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- navigatie --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

ul.nav {
	float:					left;
	width:					623px;
	padding:					25px 0 0 6px;
	margin:					0;
	text-transform: 		uppercase;
}

ul.nav li{
	float:					left;
	margin: 				0;
	padding: 				0 10px 0 0;
	list-style: 			none;
	font:					bold 0.9em Arial, Helvetica, sans-serif;	
}

ul.nav li a, ul.nav li a:visited {color:#8b8a8a; text-decoration:none;}
ul.nav li a:hover, ul.nav li.a:active {color: #000;}
ul.nav li.true a, ul.nav li.true a:visited {color:#ff660c;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- subnavigatie ------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

ul.subnav {
	float: 					left;
	margin: 				0 37px 0 0;
	padding: 				20px 0 20px 15px;
	text-transform: 		uppercase;
	list-style: 			none;
	width: 					130px;/*130*/
	background-color: 		#383838;
}

ul.subnav li {
	width: 					117px;/*117*/
	zoom:					1;
	margin: 				0;
	border-top:	            #5a5a5a 1px solid;
	padding: 				12px 0 12px 0;
	font:					bold 1.0em Arial, Helvetica, sans-serif;
}
ul.subnav li.first {border: none;}
ul.subnav li.last {}
ul.subnav div.accordionHeaderSelected li.arrow {background: url(../images/arrow_subnav_true.gif) no-repeat scroll right 15px;}
ul.subnav div.accordionHeader li.arrow {background: url(../images/arrow_subnav_false.gif) no-repeat scroll right 13px;}

ul.subnav a, ul.subnav a:visited {
	color: 					#e2ded3;
	text-decoration: 		none;
	border-left:			solid 1px #383838; /* om te zorgen dat met de hover de hele tekst hovert */
	display: 				table-cell; /* om te zorgen dat de tweede regel ook de border krijgt */
}

ul.subnav a:hover, ul.subnav a:active {color: #888888;}
ul.subnav a.true, ul.subnav a.true:visited {color: #ff751b;}

ul.subsubnav {
	list-style: 			none;
	border-top:	#5a5a5a 1px solid;
	padding: 				5px 0 15px 9px;
	margin: 				10px 0px 0px 0px;
	width:					105px;
}

ul.subsubnav li {border:none; padding: 13px 0 0 0; width:105px;font: bold 0.875em Arial, Helvetica, sans-serif;}
ul.subsubnav a, ul.subsubnav a:visited {color: #e2ded3;}
ul.subsubnav a:hover, ul.subsubnav a:active {color: #8B8A8A;}
ul.subsubnav a.true, ul.subsubnav a.true:visited {color: #ff751b;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- header ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.header {
	height: 					52px;
	margin-top:				11px;
}

div.logo {
	width: 					145px;
	float:					left;
	height: 					45px;
	margin:					7px 23px 0 0;
}

div.search {
	margin-top:				7px;
	width: 					186px;
	float:					right;
	padding:					8px 0 0 0;
	text-decoration:		none;
}

div.btn-search {
	float:					right;
	width: 					63px; /* 53px */
	height:					26px;
	background: 			transparent url(../images/bg_btn_zoek.gif) no-repeat scroll 0 0;
	margin: 				0;
	padding:				2px 0 3px 5px;
	text-align:				center;
}

div.btn-search a, div.btn-search a:visited {
	float:					left;
	font-weight: 			bold;
	text-decoration:		none;
	color: 					#fff;
	display:				block;
	width: 					45px;
	height:					23px;
	padding: 				4px 0 0 3px;
}

div.btn-search a:hover, div.btn-search a:active {color: #68675d;}

div.btn-search2 {
	float:					right;
	width: 					45px; /* 49px */
	height:					24px;
	background: 			transparent url(../images/bg_btn_zoek2.gif) no-repeat scroll 0 0;
	margin: 					0 0 9px 0;
	padding: 				3px 0 5px 3px;
	font-weight: 			bold;
}

div.btn-search2 a, div.btn-search2 a:visited {
	text-decoration:		none;
	color: 					#fff;
	display: 				block;
	width: 					40px;
	height: 					23px;
	padding: 				3px 0 0 3px;
}

div.btn-search2 a:hover, div.btn-search2 a:active {color: #68675d;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- header-image ------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.header-image {
	height: 					120px;
	margin: 					8px 0 0 0;
	border-top: 			1px solid #bcbcbc;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Flashboxen -------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.flash-home {
	height: 					483px;
	margin: 					8px 0 0 0;
	border-top: 			1px solid #bcbcbc;
}

div.flash-impressie {
	height: 					459px;
	margin: 					8px 0 0 0;
	border-top: 			1px solid #bcbcbc;
}

div.flash {
	background-image:  url(../images/bg_subnav.gif);
	background-repeat: repeat-y;
	margin: 					8px 0 0 0;
	border-top: 			1px solid #bcbcbc;
}

div.flash ul.subnav {
	height:					415px;
	margin:					0;
	margin-right:			1px;
}


/* ---------------------------------------------------------------------------------------------------- */
/* -- Over ons ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

a.solliciteren {margin: 10px 0 0 0;}
table.solliciteren {margin: 21px 0 16px 0;}
table.solliciteren td {padding: 5px 0 5px 0;}

input.solliciteren-textfield {
	margin:					0 15px 0 0;
	width:					195px;/*205*/
	height:					15px;/*25*/
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

.vcenter * {vertical-align: middle;}
select.day {width:55px; border: 1px #e9e9e9 solid; color:#909088;}
select.month {width:80px; border: 1px #e9e9e9 solid; color:#909088;}
select.year {width:63px; border: 1px #e9e9e9 solid; color:#909088;}

.textarea-solliciteren {
	width:					195px;
	height:					190px;
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

input.solliciteren-file {
	color: 				 	#68675d;
	border:					1px solid #e9e9e9;
	width:				 	208px;
	padding:					5px;
}

.solliciteren-error {color: #ff0000;}

ul.vacatures {
	list-style: 			none;
	margin: 					10px 0 0 0;
	padding: 				0;
}

div.flash-video {margin-bottom: 10px;}
div.flash-player {margin: 10px 0;}

div.btn-nieuwsbrief {
	float:					right;
	width: 					93px; /* 98px */
	height:					25px;
	background: 			transparent url(../images/bg_btn_aanmelden.gif) no-repeat scroll 0 0;
	margin: 					0 0 9px 0;
	padding: 				2px 0 5px 5px;
	font-weight: 			bold;
}

div.btn-nieuwsbrief a, div.btn-nieuwsbrief a:visited {
	text-decoration:		none;
	color: 					#fff;
	display: 				block;
	width: 					40px;
	height: 					23px;
	padding: 				3px 0 0 3px;
}

div.btn-nieuwsbrief a:hover, div.btn-nieuwsbrief a:active {color: #68675d;}

ul.nieuwsbrief {
	list-style: 			none;
	margin: 					10px 0 0 0;
	padding: 				0;
}

.livisible{
list-style: disc outside none;
}

.livisible2{
list-style: disc inside none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Nieuws ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.border {
	border-top: 			1px solid #b8b8b8; 
	margin: 					0;
	padding: 				0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Slotenmuseum ------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

ul.vcard{
	list-style: 			none;
	margin:					0;
	padding:					25px 0 0 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- support ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

ul.dealers {
	list-style: 			none;
	margin: 					0;
	padding: 				0;
}

ul.dealers li {margin-top: 10px;}

div.dealers-icon {
	padding: 				6px 0 0 2px;
	float: 					left;
}

div.dealers-text {
	float: 					right;
	width: 					248px;
}

input.textfield-xlarge, textarea.textfield-xlarge {
	color:					#c3c2be;
	border:					none;
	padding: 				8px;
	margin: 					0 0 7px 0;
	width: 					370px; /* 401px */
	height: 					15px;/*31*/
	float: 					left;
	background: 			url(../images/bg_zoek_form3.gif) no-repeat scroll 0 0;
}

div.uitklap-uitklap {
	float: 					right;
	margin:					0 0 10px 0;
	width:					401px;/*425*/
	padding:					12px;
	height: 					100%;
	background: 			#ececec  url(../images/border_col1_left_box.gif) repeat-x scroll 0 0;
}

.textarea-uitklap {
	width:					400px;
	height:					85px;
	margin: 					10px 0;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- dealersite login -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

a.inloggen {margin: 10px 0 0 0;}
table.login {margin: 21px 0 16px 0;}

table.login td {
	width:					154px;
	padding:					5px 0 5px 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- impressie maak een afspraak --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

table.impressie-afspraak {margin: 21px 0 16px 0;}
table.impressie-afspraak td {padding: 5px 0 5px 0;}

input.impressie-textfield {
	margin:					0 15px 0 0;
	width:					195px;/*205*/
	height:					15px;/*25*/
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

textarea.impressie-textarea {
	width:					195px;/*195px*/
	height:					80px;
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- impressie maak een afspraak --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

table.contact {margin: 21px 0 16px 0;}
table.contact td {padding: 5px 0 5px 0;}

input.contact-textfield {
	margin:					0 15px 0 0;
	width:					195px;/*205*/
	height:					15px;/*25*/
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

textarea.contact-textarea {
	width:					195px;/*195px*/
	height:					80px;
	padding:					5px;
	border:					1px solid #e9e9e9;
	color: 					#68675d;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- support documentatie ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.documentatie-left {
	float: 					left;
	margin-right:			5px;
	padding-top:			10px;
	width:					25px;
}

div.documentatie-right	{
	float:					right;
	width:					420px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- zoek resultaten --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

input.textfield-xxlarge, textarea.textfield-xxlarge {
	color:					#c3c2be;
	border:					none;
	padding: 				8px;
	margin: 					0 0 7px 0;
	width: 					570px; /* 586px */
	height: 					15px;/*31*/
	float: 					left;
	background: 			url(../images/bg_zoek_form4.gif) no-repeat scroll 0 0;
}

ul.zoek-resultaten {
	list-style:				none;
	margin:					0;
}

ul.zoek-resultaten li {margin: 0 0 12px 0;}

a.resultaten, a.resulaten:visited {
	margin:					0 5px 0 5px;
	text-decoration: 		none;
	color:					#68675d;
	font-weight: 			bold;
}

a.resultaten:hover, a.resulaten:active {
	margin:					0 5px 0 5px;
	text-decoration: 		none;
	color:					#000;
}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Veelgestelde vragen ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

ul.veelgestelde-vragen {
	list-style:			 	none;
	margin: 					0;
	padding:					25px 0 0 0;
}

ul.veelgestelde-vragen li 
{
	background: transparent url(../images/arrow.gif) no-repeat scroll 2px 5px;
	padding: 0 0 3px 16px;
	margin: 0px;
}

a.link2, a.link2:visited {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	font-weight: bold;
	text-decoration: none;
	color:#68675d;
}

a.link2:active, a.link2:hover {color:#000;}

ul.veelgestelde-vragen li.li-opened
{
	background: transparent url(../images/arrow_down.gif) no-repeat scroll 0px 10px;
	background-position: 0 10px;
}

div.sub-col2-left  {
	margin:0;
	padding:0 0 0 20px;
}

div.sub-box ul  {
	margin:0;
	padding:0 0 0 0px;
	list-style-type:        inside;
}

ul.questions {
	margin:					5px 0 0 2px;
	padding:					0;
}

ul.questions2 {border: none;}

/* ---------------------------------------------------------------------------------------------------- */
/* -- footer ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

div.footer-border {
	margin-top: 			22px;
	padding: 				15px 0 0 0;
	border-top:				#cacaca 1px solid;
}

div.footer {
	color:					#8e8a8c;
	width: 					985px;
	height: 					50px;
	margin: 					2px auto;
	border: 					none;
	text-align: 			right;
	font-size: 				0.9em;
	float: right;
	width: 40%;
}

div.footer a, div.footer a:visited {color: #8e8a8c; text-decoration: none;}
div.footer a:active, div.footer a:hover {color: #000000;}

div.footer a.true {color: #FF751B;}

img.png, div.png { behavior: url(css/iepngfix.htc);}

/* ---------------------------------------------------------------------------------------------------- */
/* -- Tag Cloud --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.tagcloud {
	text-align:				center;
	width:					288px;
}

a.tagcloud-item01,a.tagcloud-item01:visited {
	color:					#b2b2b2;
	font-size: 				0.90em;
	text-decoration: 		none;
	margin:					2px 2px;
}
a.tagcloud-item01:hover, a.tagcloud-item01:active {color:#717070;}


a.tagcloud-item02,a.tagcloud-item02:visited {
	color:					#3a3a3a;
	font-size: 				1.20em;
	text-decoration: 		none;
	margin:					3px 3px;
}
a.tagcloud-item02:hover, a.tagcloud-item02:active {color:#242424;}

a.tagcloud-item03,a.tagcloud-item03:visited {
	color:					#828282;
	font-size: 				1.30em;
	text-decoration: 		none;
	margin:					3px 3px;
}
a.tagcloud-item03:hover, a.tagcloud-item03:active {color:#5f5f5f;}

a.tagcloud-item04,a.tagcloud-item04:visited {
	color:					#cb8271;
	font-size: 				1.35em;
	text-decoration: 		none;
	margin:					4px 4px;
}
a.tagcloud-item04:hover, a.tagcloud-item04:active {color:#b34709;}

a.tagcloud-item05,a.tagcloud-item05:visited {
	color:					#da6e30;
	font-size: 				1.40em;
	text-decoration: 		none;
	margin:					5px 5px;
}
a.tagcloud-item05:hover, a.tagcloud-item05:active {color:#b95d29;}

a.tagcloud-item06,a.tagcloud-item06:visited {
	color:					#da6e30;
	font-size: 				1.80em;
	text-decoration: 		none;
	margin:					6px 6px;
}
a.tagcloud-item06:hover, a.tagcloud-item06:active {color:#974d23;}

a.tagcloud-item07,a.tagcloud-item07:visited {
	color:					#e55a0b;
	font-size: 				2.10em;
	text-decoration: 		none;
	line-height:			25px;
	margin:					7px 7px;
}
a.tagcloud-item07:hover, a.tagcloud-item07:active {color:#b34709;}

/* -- maps ---------------------------------------------------------------------------------------- */

span.none
{	display:none;
}

.mpFormLabel{
	padding:0px 5px 3px 0px;
}