/* CUSTOM THEME*/

body {background:#FFFFFF url(../gfx/background-visual.jpg) 0px 124px repeat-x; color:#333333;}
img {border:0px solid #000000;}
a {color:#666666;}

h2 {color:#FFFFFF;}
hr {border-top:0px solid #FFFFFF; border-right:0px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-left:0px solid #FFFFFF; background-color:#FFFFFF;}
.contentBlock hr {border-color:#BFBFBF;}

*.color,  {color:#0099CC;}
a.result .zoekwoord{color: #0099cc}

.keyFeatures *, *.dColor {color:#006699;}

.button {background:transparent url(../gfx/btn-gradient2.gif) top left repeat-x; color:#FFFFFF;}
.button:hover {background:transparent url(../gfx/btn-gradient2.gif) left bottom repeat-x;}
.button span {background:transparent url(../gfx/pijltje.gif) left center no-repeat;}

a.nextProject {background:transparent url(../gfx/next-project.gif) right center no-repeat; color:#0099CC;}
	
.landingspagina {background:#FFFFFF url(../gfx/background-visual-home.jpg) 0px 163px repeat-x !important;}

body.landingspagina div.header div.imageNav a, body.landingspagina div.header div.imageNav a img {border:0px solid #FFFFFF !important; border:0px solid #FFFFFF;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.btnData {background:transparent url(../gfx/btn-xlnt-data.gif) 0 0 no-repeat;}
.btnMotion {background:transparent url(../gfx/btn-xlnt-motion.gif) top left no-repeat; border-left:1px solid #DEDEDE;}
.btnAcoustics {background:transparent url(../gfx/btn-xlnt-acoustics.gif) top left no-repeat; border-left:1px solid #DEDEDE;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.topNav {background:url('../gfx/header-border.gif') repeat-x;}

.headerContent {

	background:#0099CC url(../gfx/header-back.jpg) top right no-repeat;

	border-top:1px solid #000000;


	color:#FFFFFF;
	}
.headerContent.contact 
{
	background:#0099CC url(../gfx/header-contact.jpg) top right no-repeat;
}
.headerContent a {
	color:#FFFFFF;
	}


	/*contact: adres*/
	div.headerMain div.adres {border-right:1px solid #FFFFFF;}
	div.headerMain div.adres strong {color:#0099CC;}
	div.headerMain div.adres a {color:#0099CC}
	/*contact: info*/
	div.headerMain div.info strong {color:#0099CC;}
	/*contact: profile*/
	div.headerMain div.profile strong {color:#0099CC;}
	/*nieuwsbericht: title*/
	div.headerMain div.title span.kop {color:#0099CC;}
	div.headerMain div.title span.datum {color:#999999;}
	/*nieuwsbericht: image*/
	div.mainNews a {color:#0099CC; background:transparent url(../gfx/donker-pijltje.gif) 0px 3px no-repeat;}
	/*drieverdeling*/
	div.drieverdeling .center {
		border-top:0px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		border-bottom:0px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		}


div.quickSearch a {
	color:#333333;
	}
div.quickSearch a:hover {
	color:#006699;
	}
div.quickSearch input {	
	background-color:#EFF2F8;
	border:1px solid #dcdcdc;
	}
div.quickSearch input.submit {
	background:transparent url(../gfx/submit-search.gif) top right no-repeat;
	border:0px solid #ffffff;
	}
	div.sites a {

		background:transparent url(../gfx/arrows.gif) 0px 0px no-repeat;

		color:#666666;

		}
	div.sites a:hover {
		background:transparent url(../gfx/arrows.gif) 0px -26px no-repeat;
		}
	div.sites a.selected,
	div.sites a.selected:hover {
		background:transparent url(../gfx/arrows.gif) 0px -52px no-repeat;
		color:#0099CC;
		}

/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.transparency {
	background-color:#000000;
	}

div.navigatie {
	border-bottom:1px solid #000000;
	}

		div.navigatie li li a {
			background:transparent !important;
			border-left:0px solid #FFFFFF;
			color:#FFFFFF;
			border-bottom:1px solid #0099CC;
			}
			div.navigatie li li a:hover {
				border-color:#666666;
				color:#999999;
				}

div.navigatie a {

	background:#FFFFFF url(../gfx/nav-hover.gif) left top repeat-x;


	color:#666666;

	border-left:1px solid #CCCCCC;
	}
div.navigatie a:hover,
div.navigatie a.selected {
	background:#FFFFFF url(../gfx/nav-hover.gif) left bottom repeat-x;
	color:#FFFFFF;
	border-color:#0F9FCF;

	}

.transBorder {

	background-color:#004D66;

	}
	
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

	div.productsDetail strong,
	div.mainContent strong {
		color:#0099CC;
		}
	div.mainContent span {
		color:#999999;
		}

		div.mainContent .drieverdeling .center {
			border-left:0px solid #FFFFFF;
			border-right:0px solid #FFFFFF;
			}


	div.rightSidebar td {
		color:#006699;
		}


	div.leftSidebar a {color:#666666;}
	div.leftSidebar a:hover {color:#666666;}

	div.berichtNav {border-top:1px solid #BFBFBF; color:#BFBFBF;}


/*########## SUBMENU ##########*/

div.subMenu {background-color:#F0F0F0; padding:15px 15px 15px 15px; min-height:135px; _height:135px;}
div.subMenu strong {color:#0099CC; text-transform:uppercase;}
div.subMenu a.selected {text-decoration:underline;}
div.subMenu li a {display:block; padding:2px 0 2px 15px; color:#333333; background:transparent url(../gfx/sub-arrow.gif) 0px 50px no-repeat; text-decoration:none; _height:1px;}

.subMenu ul, .subMenu li {padding:0 0 0 0; margin:0 0 0 0; display:block; list-style:none;}
.subMenu .haschilds a {background:transparent url(../gfx/sub-arrow-down.gif) 0px 4px no-repeat;}
.subMenu .nochilds a {background-image:none; text-decoration:none;}
.subMenu .selected a {background:transparent url(../gfx/sub-arrow.gif) 0px 5px no-repeat; text-decoration:underline;}

.subMenu li li {margin:0 0 0 15px;}
.subMenu li a:hover {background:transparent url(../gfx/sub-arrow.gif) 0px 5px no-repeat; text-decoration:underline;}

/*%%%%%%%%%%*/

/* ============================================================	*/ 
/* ========	PAGINA INDELINGEN	===============================	*/
/* ============================================================	*/

/*########## NIEUWSPAGINA	##########*/
div.nieuwsItem {

	border-bottom:1px solid #BFBFBF;

	}

	div.nieuwsItem span {color:#999999;}
	div.nieuwsItem a {color:#0099CC; background:transparent url(../gfx/lees-meer.gif) 0px 6px no-repeat;}

.newsdatum {color:#BFBFBF;}


/*########## PRODUCT PAGINA	##########*/

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 


input.typeText {
	color:#F00;
	border:1px solid #999999;
	}
	
input.formGenAddButton,	
input.typeButton {
	background:transparent url(../gfx/btn-gradient.gif) top left repeat-x;
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	}
textarea {
	color:#F00;
	border:1px solid #999999;
	}

/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator,
.errorsummary *,
.formSentMessage li {
	color:#004A8D;

	}
.errorsummary * {color:Red;}

.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {

	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}


.CheckBoxList td {
	border:0px solid #000000;
	}

/* HOME */

div.firstRow {
	background-color:#252525;
	}
div.firstRow div.left {
	background:transparent url(../gfx/left-gradient.gif) top left repeat-x;
	}
	div.firstRow div.left {color:#333333;}
	div.firstRow div.right {color:#FFFFFF;}
	div.firstRow div.left strong,
	div.firstRow div.right strong {color:#0099CC;}

div.firstRow div.right {
	background:transparent url(../gfx/right-gradient.gif) top left repeat-x;
	}
	div.firstRow div.center img {
		border:0px solid #FFFFFF;
		}
div.secondRow span {color:#BFBFBF;}
div.secondRow strong {color:#0099CC;}
.moreNews a {background:transparent url(../gfx/lees-meer.gif) 0px 4px no-repeat;}

.pageNav {
	color:#0099CC;
	}
	.pageNav a {
		color:#666666;
		}
	.pageNav a:hover {
		color:#0099CC;
		}
		
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	background-color:#EFF2F8;
	color:#999999;
	border-top:1px solid #C2C7C9;
	border-bottom:1px solid #C2C7C9;
	}
div#footer a {
	color:#999999;
	}