/* ============================================================	*/ 
/* ========	Motion css	 	===============================	*/
/* ============================================================	*/ 

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:#d71921;
	}
.keyFeatures,
.keyFeatures *,
*.dColor {
	color:#cc0033 !important;
	}
a.result .zoekwoord{color:#cc0033!important;}	
.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:#d71921;
	}

	
	
.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:#d71921 url(../gfx/header-back.jpg) top right no-repeat;
	border-top:1px solid #000000;
	color:#FFFFFF;
	}
.headernewsContent {
	background:#d71921 url(../gfx/header-back_news.jpg) top right no-repeat;
	border-top:1px solid #000000;
	color:#FFFFFF;
	}
	
.headernewsContent a, .headerContent a {
	color:#FFFFFF;
	}


	/*contact: adres*/
	div.headerMain div.adres {border-right:1px solid #FFFFFF;}
	div.headerMain div.adres strong {color:#d71921;}
	div.headerMain div.adres a {color:#d71921}
	/*contact: info*/
	div.headerMain div.info strong {color:#d71921;}
	/*contact: profile*/
	div.headerMain div.profile strong {color:#d71921;}
	/*nieuwsbericht: title*/
	div.headerMain div.title span.kop {color:#d71921;}
	div.headerMain div.title span.datum {color:#999999;}
	/*mainNews*/
	div.mainNews a {color:#d71921; 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:#cc0033;
	}
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 #d71921;
			}
			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:#cc0033;
	}

.transBorder {

	background-color:#cc0033;

	}
	
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/


	div.productsDetail strong,
	div.mainContent strong {
		color:#d71921;
		}
	div.mainContent span {
		color:#999999;
		}

		div.mainContent .drieverdeling .center {
			border-left:0px solid #FFFFFF;
			border-right:0px solid #FFFFFF;
			}


	div.rightSidebar td {
		color:#cc0033;
		}


	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:#d71921;
		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:#d71921; 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	  	===============================	*/
/* ============================================================	*/ 

input.formGenAddButton {

	background:transparent url(../gfx/btn-gradient.gif) top left repeat-x;
	border:0px solid #FFFFFF;

	color:#FFFFFF;

	}


.formGenerator,
.errorsummary *,
.formSentMessage li {color:#333333;}
	
.errorsummary * {color:Red;}




.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {

	color:#F00;

	border:1px solid #999999;

	}

.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:#d71921;}

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:#d71921;}

	.moreNews a {
		background:transparent url(../gfx/lees-meer.gif) 0px 4px no-repeat;
		}

.pageNav {
	color:#d71921;
	}
	.pageNav a {
		color:#666666;
		}
	.pageNav a:hover {
		color:#d71921;
		}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	background-color:#EFF2F8;
	color:#999999;
	border-top:1px solid #C2C7C9;
	border-bottom:1px solid #C2C7C9;
	}
div#footer a {
	color:#999999;
	}
