/* 
Sanders Template
*/
   

body {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #51626f;
		line-height:16px;	
		background: #eb7f1d url(../images/bg.jpg) no-repeat;
		letter-spacing: 1px;
}

body a{
		text-decoration:underline;
}

body a:hover{
		text-decoration:none;
}

.topmenu {
		height: 67px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style: none;
		font-size: 11px;
		color: #51626f;
		background: url(../images/bg_top.jpg) repeat-y left bottom;
		font-family: Arial, Helvetica, sans-serif;
}
.topmenu .right_ {
		text-align:right;
		height:26px;
		width:300px;
		margin: 0px 0px 0px 0px;
		padding:5px 0px 0px 645px;
		color: #51626f;
		border: 0px;
		list-style: none;
}

.topmenu .right_ a{
		padding: 0px 6px 0px 6px;
		list-style: none;
		text-decoration:underline;
}

.topmenu .right_ a:hover{
		padding: 0px 6px 0px 6px;
		list-style: none;
		text-decoration:none;
}
	
#submenu {
	color: #51626f;
	padding: 0px 0px 0px 0px;
	height: 67px;
	background: #1E1F21;
	list-style: none;
	background: url(../images/back.jpg) repeat-y left bottom;	
	
}
	#submenu a { color: #284052; }
	#submenu a:hover { color: #284052; }
	#submenu .searchb {
		float: right;
		width: 363px;
		text-align: right;
		padding-right: 0px;
		border-left: 1px solid #333;
		list-style: none;
}

.nav {
	clear: both;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:917px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 27px;
	/*margin-top:20px;*/
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.nav_home {
	clear: both;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:917px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 27px;
	/*margin-top:20px;*/
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_home {
	background: url(../buttons/ro/home.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:99px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 27px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_collectie {
	background: url(../buttons/ro/collectie.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:119px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 111px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_apparatuur {
	background: url(../buttons/ro/apparatuur.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:123px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 223px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_zekerheid {
	background: url(../buttons/ro/zekerheid.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:117px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 333px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_service {
	background: url(../buttons/ro/service.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:103px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 441px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_onderhoud {
	background: url(../buttons/ro/onderhoud.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:139px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 532px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.select_vestigingen {
	background: url(../buttons/ro/vestigingen.jpg) no-repeat top left;
	margin-top: -36px;
	height:36px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:144px;
	color:#0F0;
	float: left;
	text-align: center;
	margin-left: 654px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-style: normal;
	font-variant: normal;
}

.bridge {
	background: url(../images/bg_collectie.jpg) no-repeat top left;
	width:970px;
	height: 382px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_home {
	width:970px;
	height:500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
}

.bridge_collectie {
	background: url(../images/bg_collectie.jpg) no-repeat top left;
	width:955px;
	height: 382px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_collectie_detail {
	background: url(../images/bg_collectie_detail.jpg) no-repeat top left;
	width:955px;
	height: 260px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_apparatuur {
	background: url(../images/bg_apparatuur.jpg) no-repeat top left;
	width:955px;
	height: 382px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	
}

.bridge_zekerheid {
	background: url(../images/bg_zekerheid.jpg) no-repeat top left;
	width:955px;
	height: 333px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	
}

.bridge_service {
	background: url(../images/bg_service.jpg) no-repeat top left;
	width:955px;
	height: 382px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	
}

.bridge_onderhoud {
	background: url(../images/bg_onderhoud.jpg) no-repeat top left;
	width:955px;
	height: 333px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_vestigingen {
	background: url(../images/bg_vestigingen.jpg) no-repeat top left;
	width:955px;
	height: 317px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_contact {
	background: url(../images/bg_contact.jpg) no-repeat top left;
	width:955px;
	height: 317px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_vacatures {
	background: url(../images/bg_vacatures.jpg) no-repeat top left;
	width:955px;
	height: 317px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_disclaimer {
	background: url(../images/bg_disclaimer.jpg) no-repeat top left;
	width:955px;
	height: 260px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_landingspagina {
	background: url(../images/bg_landingspage.png) no-repeat top left;
	width:955px;
	height: 792px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	position: relative;
}
* html .bridge_landingspagina {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_landingspage.png',sizingMethod='crop');
}

.bridge_landingspagina .route {
	width: 300px;
	position: absolute;
	left: 515px;
	top: 382px;
}
* html .bridge_landingspagina .route {
	top: 373px;
}
*+html .bridge_landingspagina .route {
	top: 373px;
}

.bridge_landingspagina .text {
	width: 300px;
	position: absolute;
	left: 444px;
	top: 602px;
}

.bridge_folderaanvraag {
	background: url(../images/bg_folderaanvraag.jpg) no-repeat top left;
	width:955px;
	height: 317px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

.bridge_keukenontwerp {
	background: url(../images/bg_keukenontwerp.jpg) no-repeat top left;
	width:955px;
	height: 317px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
}


.bridge .title {
	color: #FFF;
	float: left;
	padding: 260px 0px 0px 80px;
	font: bold 12em Arial Narrow, sans-serif;
	}

/*input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #1E1F21; padding: 3px; color: #888; }*/
input.submit {
	font-size:0px;
	cursor:pointer;
	color: #51626F;
	background-color: #51626F;
	background-image: url(../images/submit.gif);
	width:71px;
	height:23px;
	border:none;
	margin-right: 30px;
	}
	
input.submit_contact {
	font-size:0px;
	cursor:pointer;
	color: #51626F;
	background-color: #51626F;
	background-image: url(../images/submit.gif);
	width:71px;
	height:23px;
	border:none;
	margin-right: 34px;
	}

input.submit_vestiging {
	font-size:0px;
	cursor:pointer;
	color: #51626F;
	background-color: #51626F;
	background-image: url(../images/submit.gif);
	width:71px;
	height:23px;
	border:none;
	margin-right: 0px;
	}

UL.nav_zekerheid {
	
}
UL.nav_zekerheid {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 000px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
UL.nav_zekerheid LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 000px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
UL.nav_zekerheid LI {
	BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; PADDING-TOP: 0px;
}
UL.nav_zekerheid LI A {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 337px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/bg_nav_8zekerheden.png) no-repeat 0px 0px; HEIGHT: 36px; PADDING-TOP: 0px;
}
UL.nav_zekerheid LI SPAN {
	DISPLAY: none;
}
UL.nav_zekerheid LI#link_zekerheid01 A {
	BACKGROUND-POSITION: 0px -0px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid02 A {
	BACKGROUND-POSITION: 0px -50px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid03 A {
	BACKGROUND-POSITION: 0px -100px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid04 A {
	BACKGROUND-POSITION: 0px -150px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid05 A {
	BACKGROUND-POSITION: 0px -200px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid06 A {
	BACKGROUND-POSITION: 0px -250px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid07 A {
	BACKGROUND-POSITION: 0px -300px; HEIGHT: 36px;
}
UL.nav_zekerheid LI#link_zekerheid08 A {
	BACKGROUND-POSITION: 0px -350px; HEIGHT: 36px;
}

UL.nav_zekerheid LI#link_zekerheid01 A:hover {
	BACKGROUND-POSITION: 0px -411px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid02 A:hover {
	BACKGROUND-POSITION: 0px -461px; HEIGHT: 39px;

}
UL.nav_zekerheid LI#link_zekerheid03 A:hover {
	BACKGROUND-POSITION: 0px -511px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid04 A:hover {
	BACKGROUND-POSITION: 0px -561px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid05 A:hover {
	BACKGROUND-POSITION: 0px -611px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid06 A:hover {
	BACKGROUND-POSITION: 0px -661px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid07 A:hover {
	BACKGROUND-POSITION: 0px -711px; HEIGHT: 39px;
}
UL.nav_zekerheid LI#link_zekerheid08 A:hover {
	BACKGROUND-POSITION: 0px -761px; HEIGHT: 39px;
}

UL.nav_zekerheid LI.active#link_zekerheid01 A {
	BACKGROUND-POSITION: 0px -411px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid02 A {
	BACKGROUND-POSITION: 0px -461px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid03 A {
	BACKGROUND-POSITION: 0px -511px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid04 A {
	BACKGROUND-POSITION: 0px -561px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid05 A {
	BACKGROUND-POSITION: 0px -611px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid06 A {
	BACKGROUND-POSITION: 0px -661px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid07 A {
	BACKGROUND-POSITION: 0px -711px; HEIGHT: 39px;
}
UL.nav_zekerheid LI.active#link_zekerheid08 A {
	BACKGROUND-POSITION: 0px -761px; HEIGHT: 39px;
}

.nav ul { 
	margin: 0px 10px 10px 2px; 
	padding : 0; 
	/*list-style : none;*/
}

.nav ul li {
	list-style: none;

}

.nav li {
	float: left;
	font-weight: bold;
	margin: 0 0 0px 0;
	/*background: url(../images/arrow.jpg) repeat-x left;*/


}
li active {
	color: #CF0;
	padding: 16px 15px 5px 15px; /*boven rechts onder links*/
}
li .active li{
	color: #F00;
	padding: 0px 0px 0 0px;
}

.nav li a {
	/*knoppen tekstueel*/
	color:#333;
	padding: 16px 20px 5px 20px; /*boven rechts onder links*/
}
.nav li a:hover {
	/*knoppen tekstueel mousedover*/
	color: #333;
	padding: 16px 20px 5px 20px; /*boven rechts onder links*/
}
.nav li a:active {
	/*knoppen tekstueel mousedown*/
	color: #333;
	padding: 16px 20px 5px 20px; /*boven rechts onder links*/
}

.nav li.active a {
	/*Dit is het juiste onderdeel tbv actieve knoppen*/
	color:#000;
	padding: 14px 7px 3px 20px; /*boven rechts onder links*/
	background: transparent url(../images/button_left.png) no-repeat scroll top left;	/*display: block;*/

}


.rightactive {
	/*Dit is het juiste onderdeel tbv rechterkant van actieve knoppen*/
	color:#F0F;
	padding: 14px 13px 3px 0px; /*boven rechts onder links*/
	background: transparent url(../images/button_right.png) no-repeat scroll top right;
	/*display: block;*/
}

.nav active {
	color: #339;
	padding: 10px 10px 0 10px;
	background: url(../images/button_right.png) repeat left;
}
a:active {
	color: #4b5d6e;
	/*padding: 10px 10px 0 10px;*/
	/*background: url(../images/arrow.jpg) repeat left;*/
}


.boxad {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 5px;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size:11px;
	line-height: 18px;
	color: #51626f;
	background: inherit;
}

hr {
   border: 0;
   height: 1px;
   color: #eee;
   background-color: #eee;
}

a { 
	color: #51626f;
	text-decoration:none;
	/*padding: 0px 0px 0 0px;*/ /*leverde vreemd oranje vak op in rechtervlak  top marge bij beeld*/
	/*background: inherit; */
	/*text-decoration:none;*/
}

link {
	color: #0F0;
	padding: 10px 10px 0 10px;
	text-decoration:none;
	/*background: inherit; */
	/*text-decoration:none;*/
}

link activeive {
	color: #F00;
	padding: 10px 10px 0 10px;
	/*background: inherit; */
	/*text-decoration:none;*/
}

a:hover { 
	background: inherit;
	/*text-decoration: underline;*/

}

h1 {
	margin: 0 0 5px 0;
	padding:0;
	color: #51626f;
	background: inherit;
	font: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
}

h1 a {
	color: #51626f;
	background: inherit;
}

h2 { 
	background-color: inherit; 
	color:#51626f;
	font-size:11px;
	font-weight:bold; 
	margin: 10px 0 0px 0; 
	padding:0; 
}

h2 a { 
	background-color:#51626f; 
}


/*	
li { 
	float: left;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
}

li a { color: #FF6538; }
li a:hover { background: url(../images/select.gif) no-repeat center top;
	background-position: 50% 30px;color: #C62C00; }
*/

img {
	border: 0;
}

.content { 
	color: #51626f; 
	margin: 0 auto; 
	padding: 0; 
	width: 955px; 
	background: url(../images/back.gif) repeat-y left top;	
}


.content_collectie_detail { 
	color: #51626f; 
	margin: 0 auto; 
	padding: 0; 
	width: 955px; 
	background: url(../images/back_collectie_detail.gif) repeat-y left top;	
}

.content_home {
	color: #EB7F1D;
	margin: 0 auto;
	padding: 0;
	/*width: 970px;*/
	width: 955px;

}

.content_vestigingen {
	color: #EB7F1D;
	margin: 0 auto;
	padding: 0;
	/*width: 970px;*/
	width: 955px;
	background: url(../images/back_vestigingen.gif) no-repeat left top;	

}


hr { background: #3C3C3C; border: 1px solid #555; margin: 10px 0 10px 0;}

.right {
	/*clear: both; /*Kan eventueel weg, geeft een enter weer */
	float:right;
	text-align:left;
	/*background: url(../images/back_right.jpg) repeat-y right top;*/
	width: 417px;
	/*padding-right: 70px;*/
	margin: 0px 0px 0px 0px;
	/*border-left: 1px solid #555; */
}

.right_zekerheid {
	/*clear: both; /*Kan eventueel weg, geeft een enter weer */
	float:right;
	text-align:left;
	/*background: url(../images/back_right.jpg) repeat-y right top;*/
	width: 437px;
	/*padding-right: 70px;*/
	margin: 0px 0px 0px 0px;
	/*border-left: 1px solid #555; */
}

.right_collectie {
	/*clear: both; /*Kan eventueel weg, geeft een enter weer */
	float:right;
	text-align:left;
	/*background: url(../images/back_right.jpg) repeat-y right top;*/
	width: 417px;
	/*margin-right: -111px;*/
	/*margin: 0px 0px 0px 0px;*/
	/*border-left: 1px solid #555; */
}

.right_collectie_detail {
	float:right;
	width: 620px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	margin-top:-94px; /*IS JUIST*/
	vertical-align:top;
	padding-right:83px;
	color: #51626f;
}

.right_landingpage {
	/*clear: both; /*Kan eventueel weg, geeft een enter weer */
	float:right;
	text-align:left;
	/*background: url(../images/back_right.jpg) repeat-y right top;*/
	width: 300px;
	/*padding-right: 70px;*/
	margin: -100px 0px 0px 0px;
	/*border-left: 1px solid #555; */
	position: relative;
	top: -282px;
	left: -140px;
}

.right h1 {
	margin: 10px 100px 10px 65px;
	padding:0;
	color: #51626f;
	background: inherit;
	font: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
}

.right h1 a {
	color: #51626f;
	background: inherit;
}

.right h2 { 
	background-color: inherit; 
	color:#51626f;
	font-size:11px;
	font-weight:bold; 
	margin: 10px 100px 10px 65px;
	padding:0; 
}

.right h2 a { 
	background-color:#51626f; 
}

.right p {
	margin: 10px 100px 10px 65px;
	padding: 0;
	font-size:11px;
	color: #51626f;
	background: inherit;
}

html .right {
	margin-top: 0px;
}

.right a { color: #51626f;}

.left_article { 
	margin: 10px 0 10px 0; 
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee; 
}
	
.center {
	float:left;
	width: 370px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
}

.center_zekerheid {
	float:left;
	width: 350px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
}

.center_collectie {
	float:left;
	width: 811px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 44px; 	
}

.center_collectie_down {
	float:left;
	width: 700px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
}

.center_collectie_detail {
	float:left;
	width: 300px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	margin-top:-96px;
	color: #51626f;
}

.center_apparatuur {
	float:left;
	width: 350px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	margin-top:-80px;
	color: #51626f;
}

.center_disclaimer {
	float:left;
	width: 370px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	margin-top:-72px;
	color: #51626f;
}

.center_vestigingen {
	float:left;
	width: 670px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
}

.center_landingpage {
	float:left;
	width: 420px;
	margin: -20px 0px 0px 0px;
	/*text-indent:120px;*/
	/*padding-left: 144px;*/
	/*background: #3C3C3C; */
	color: #51626f;
	position: relative;
	top: -150px;
	left: 440px;
}
* html .center_landingpage {
	left: 300px;
}
*+html .center_landingpage {
	left: 300px;
}


.center a { color: #51626f;}

.center_left {
	background: url(../images/back_left.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 184px;
	margin: 0px 0px 0px 0; 
}

.center_left_collectie {
	background: url(../images/back_left.jpg) no-repeat left top;	
	float:left;
	width: 100px;
	height: 184px;
	margin: 0px 0px 0px 0; 
}


.center_left_zekerheid {
	background: url(../images/back_left_zekerheid.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 284px;
	margin: 0px 0px 0px 0; 
}

.center_left_onderhoud {
	background: url(../images/back_left_onderhoud.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 365px;
	margin: 0px 0px 0px 0; 
}

.center_left_vestigingen {
	background: url(../images/back_left_vestigingen2.jpg) no-repeat left top;	
	float:left;
	width: 106px;
	height: 365px;
	margin: 0px 0px 0px 0; 
}

.center_left_contact {
	background: url(../images/back_left_vestigingen2.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 365px;
	margin: 0px 0px 0px 0; 
}

.center_left_disclaimer {
	background: url(../images/back_left_vestigingen.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 365px;
	margin: 0px 0px 0px 0; 
}

.center_left_collectie_detail {
	background: url(../images/back_left_vestigingen.jpg) no-repeat left top;	
	float:left;
	width: 100px;
	height: 365px;
	margin: 0px 0px 0px 0; 
	
}

.center_left_collectie_detail_beeld{
	margin: 0px 0px 0px 0; 
	margin-left:-30px;
}

.center_left_landingspagina {
	background: url(../images/back_left_vestigingen2.jpg) no-repeat left top;	
	float:left;
	width: 144px;
	height: 365px;
	margin: -474px 0px 0px 0px;
}


.footer {
	background-image:url(../images/back_bottom.jpg);
	clear:both;
	width: auto;
	color:#51626f;
	font-size:11px;
	/*border-top: 1px solid #555;*/
	text-align:center;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px 0px 0px 0px;
	/*height: 190px;*/
	/*min-height: 50px;*/
	/*max-height: 60px;*/
}

.footer_landingspagina {
	background-image:url(../images/back_bottom.jpg);
	clear:both;
	width: auto;
	color:#51626f;
	font-size:11px;
	/*border-top: 1px solid #555;*/
	text-align:center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px 0px 0px 0px;
	/*height: 190px;*/
	/*min-height: 50px;*/
	/*max-height: 60px;*/
}

.footer_home {
	clear:both;
	width: auto;
	color:#51626f;
	font-size:11px;
	/*border-top: 1px solid #555;*/
	text-align:center;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 15px;
	padding: 10px 0px 0px 0px;
	/*height: 190px;*/
	/*min-height: 50px;*/
	/*max-height: 60px;*/
}


.footer padding{
	background-color:#0F3;
	clear:both;
	text-align: center;
	/*height:220px;*/
	margin-left: 0px;
}

.footerbar {
	background-image:url(../images/footerbar.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:41px;	
	clear:both;
	width: auto;
	color:#51626f;
	/*border-top: 1px solid #555;*/
	text-align:right;
	margin-top: 4px; /* was 	margin-top: 24px;*/
	margin-right: 78px;
	margin-left: 100px;
	/*padding: 15px 60px 0px 100px;*/
	background-color: #EB7F1D;
	/*min-height: 60px;	/*max-height: 60px;*/
}

.footerbar .footer_left {
	float:left;
	width:300px;
	text-align:left;
	margin-left:32px;
	margin-top:15px;
}

.footerbar .footer_left p a {
	text-decoration:none;
	color:#51626f;
	padding-left:8px;
}


.footerbar .footer_left p a:hover{
	text-decoration:underline;
	color:#51626f;
}

.footerbar .footer_right {
	float:right;
	width:300px;
	color:#51626f;
	text-align:right;
	margin-right: 35px;
	margin-top:15px;
}

div.overlayHolder {
position:relative;
}

div.overlayHolder div.overlayRondje {
	background:transparent url(../images/inzet_vijf_jaar.png) no-repeat scroll 0 0;
	height:214px;
	width:214px;
	position:absolute;
	right:-15px;
	top:180px;
	z-index:1;
}

div.overlayHolder div.overlayLP {
	/*background:transparent url(../images/visual-calendar.png) no-repeat scroll 0 0;
	height:207px;
	width:215px;
	position:absolute;
	right:10px;
	top:138px;
	z-index:1;*/
	display: none;
}

div.overlayHolder div.overlayOntwerpUwKeuken {
	height:188px;
	width:280px;
	position:absolute;
	left:-30px;
	top:600px;
	z-index:1;
}


fieldset {
	border: 1px solid #eee;
}

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000;
}

textarea.text:hover { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #3C3C3C; 
	width: 100px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #eee; 
	background: #ccc; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #ccc; 
	background: #3C3C3C;
	color: #A4B4C8; 
}

input.text:hover { 
	border: 1px solid #eee; 
}

input.searchbutton { 
	margin: 0; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

.date { 
	color: #ccc; 
	background: #3C3C3C;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #555;
}

.date a { color: #ccc; }


.time { 
	color: #192D50; 
	float: left;
	text-align: left; 
	padding: 5px 0 0 15px; 
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #3f3f3f; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

/* TYPO3 */

.tx-indexedsearch-descr  {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 5px;
}

.tx-indexedsearch-info {
	background: #515556;
	border-right: 1px dashed #BC6247;
	border-bottom: 1px dashed #BC6247;
	border-left: 1px dashed #BC6247;
	padding: 5px;
}
 
.tx-indexedsearch-path {
	border: none;
}

.browsebox {
	padding-bottom: 10px;
}

/*------mailformular formatieren------*/

#mailform {
	padding: 20px;
}

form input,
form textarea {
color: #8A8A8A;
}

#mailform .csc-mailform {
border: 0px;
}

.csc-mailform-field {;
margin: 2px 0 0 2px;;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
width: 80px;
color: #8A8A8A;
}


.mf-input {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-pass {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-text {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-check {
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.csc-mailform-radio fieldset {
border: 0px;
background-color:#000;
}

.csc-mailform-radio legend {
display: none;
border: 0px;
}

.mf-radio {
margin-left: 0px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-select {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-file {
width: 220px;
padding: 1px;
border: 1px solid #888;
background-color:#000;
}

.mf-reset {
border: 1px solid #888;
background-color:#000;
}

.mf-submit {
margin-left: 82px;
border: 1px solid #888;
background-color:#000;
}


.tx-newloginbox-pi1 label {
	float: left;
}

.tx-newloginbox-pi1 input,
input,
textarea {
padding: 1px;
border: 1px solid #888;
background-color:#fff;
}

.csc-textpic-imagewrap {
	line-height:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 0 0 0;
},
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	line-height:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 0 0 0;
}

.csc-textpic-image csc-textpic-lastcol{
	line-height:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 0 0 0;
}

.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { 	
	line-height:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 0 0 0; 
}

.contentColomLeft {
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top: 13px;
	color: #51626f;
	line-height:18px;	
	letter-spacing: 1px;
	}
/*------tabelle formatieren------*/
/* RTE / Table styling */
TABLE { padding:0px 0px 0px 0px; }
TABLE.contenttable { border:none; margin:0px 0px 0px 0px; width:90%; }
TABLE.contenttable TR TD { padding:0px 0px 0px 0px; margin:0px; border:0px; }
TABLE.contenttable TR { margin:none} /*Orange***fe4e00**/
TABLE .bodytext { margin: 0px; }


/* RTE / Bulletlists */ 
UL { margin-top:0px;  }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
LI { margin:0 0 0 10px; padding-top:2px; } */ 
LI {list-style-image:url(../images/li.gif); }

/* Bulletlists, general */ 
UL.csc-bulletlist { color:#fff; list-style-image:url(../images/li.gif); }


.csc-sitemap ul li { color:#fff; list-style-image:url(../images/li.gif); }
.csc-sitemap ul ul li { color:#fff; list-style-image:url(../images/li.gif); }
.csc-sitemap ul ul { padding-top:5px; padding-bottom:5px; }
.csc-sitemap ul ul ul li { color:#fff; list-style-image:url(../images/li.gif); }

/*collectie*/

# Default set CSS styles (these go into the document header):
plugin.tx_websiteportfolio_pi1._CSS_DEFAULT_STYLE (
.tx-websiteportfolio-pi1 a,
.tx-websiteportfolio-pi1 a:hover {
  border-bottom: none;
}
.tx-websiteportfolio-pi1 .title {
  clear: both;
}
.tx-websiteportfolio-pi1 .thumbList .screenshot,
.tx-websiteportfolio-pi1 .thumbList .screenshot,
.tx-websiteportfolio-pi1 .thumbList .screenshot {
	text-align: center;
	border-top: 0px solid #ef9439;
	border-left: 0px solid #ef9439;
	border-bottom: 0px solid #ef9439;
	border-right: 0px solid #ef9439;
	padding: 0px;
	display: table-cell;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.tx-websiteportfolio-pi1 .thumbList .screenshot:hover,
.tx-websiteportfolio-pi1 .list .screenshot:hover,
.tx-websiteportfolio-pi1 .screenshot:hover {
}
.tx-websiteportfolio-pi1 .thumbList .screenshot img,
.tx-websiteportfolio-pi1 .screenshot img {
  border: 0px solid #ef9439;
}

.tx-websiteportfolio-pi1 .screenshot {
  text-decoration: none;
  display: table-cell;
  float:right;

}

.tx-websiteportfolio-pi1 .screenshot a:hover,
.tx-websiteportfolio-pi1 .screenshot a {
  text-decoration: none;
  display: block;
}
.tx-websiteportfolio-pi1 .screenshot .thumbnails {
  text-decoration: none;
  display: table-cell;
	float:right;

}
.tx-websiteportfolio-pi1 .screenshot .thumbnails a:hover,
.tx-websiteportfolio-pi1 .screenshot .thumbnails a {
  text-decoration: none;
  display: table-cell;
	float:right;

}
.tx-websiteportfolio-pi1 .thumbList .screenshot {
  margin-right: 20px;
}
.tx-websiteportfolio-pi1 .thumbList .title {
  font-size: smaller;
  color: #555;
}
.tx-websiteportfolio-pi1 .list {
}
.tx-websiteportfolio-pi1 .thumbList {
  clear: both;
  padding-top: 20px;
  }
.tx-websiteportfolio-pi1 .thumbList .random {
  float: right;
}
.tx-websiteportfolio-pi1 .thumbList .nearest,
.tx-websiteportfolio-pi1 .thumbList .latest {
  clear: both;
  float: left;
}
.tx-websiteportfolio-pi1 .thumbList .screenshot {
  float: left;
  padding: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.tx-websiteportfolio-pi1 .entry .navigation {
  float: right;
  clear: right;
  font-weight: normal;
  text-align: right;
}
.tx-websiteportfolio-pi1 .entry .navigation .next,
.tx-websiteportfolio-pi1 .entry .navigation .previous,
.tx-websiteportfolio-pi1 .entry .navigation .list {
  padding-left: 4px;
  float: left;
}
.tx-websiteportfolio-pi1 .entry .description {
}
.tx-websiteportfolio-pi1 .entry .launchdate {
  color: #555;
  font-size: smaller;
  display: table-cell;
}
.tx-websiteportfolio-pi1 .particularsLabel {
  font-weight: bold;
}
.tx-websiteportfolio-pi1 .archive .title {
  float: left;
  padding-right: 6px;
}
.tx-websiteportfolio-pi1 .category {
  color: #555;
  font-size: smaller;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/typo3conf/ext/websiteportfolio/res/lightbox2/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	/*background-color: #fff;*/
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
)
