﻿
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#8C8C8C url(../gfx/gradient.gif) top left repeat-x;
	}
	
body.inframe {
	width:432px;
	margin:0 0 0 0;
	text-align: left;
	background:#FFF;
	}

.iframemain{
	width:432px;
	height:100%;
}	

	
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6,{
	margin:0 0 10px 0;
	}
	
a {text-decoration:none}
h1 {font-size:15px; font-weight:bold;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:744px;
	_width:746px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	min-height:100%;
	_height:100%;
	text-align:left;
	background:#FFF url(../gfx/container_back.gif) 0px 0px repeat-y;
	}
	
body.home #container {
	background:#FFBA0A url(../gfx/vert_lines.gif) 274px 0px repeat-y;
	}

/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	border-bottom:1px solid #FFF;
	background:transparent url(../gfx/sun_logo.gif) top left no-repeat;
	width:744px;
	height:172px;
	overflow:hidden;
	position:relative;
	}

div.header img {
	display:block;
	right:0px;
	margin-left:275px;
	}
	
div.flash {
	margin-left:275px;
	height:122px;
	}
	
/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	line-height:11px;
	_height:50px;
	padding:32px 0 7px 0;
	background-color:#333;
	width:274px;
	position:absolute;
	bottom:0px;
	_bottom:-2px;
	left:0px;
	}
div.navigatie a {
	color:#FFF;
	padding-left:10px;
	}
	
a.hdAerospace,
a.hdAutomotive {
	position:absolute;
	left:275px;
	display:block;
	padding:32px 0 7px 0;
	_height:50px;
	width:234px;
	top:122px;
	background-color:#D10C42;
	text-indent:12px;
	font-weight:bold;
	color:#FFF;
	}
a.hdAutomotive {
	left:auto;
	right:0px;
	}

/*	SIDEBAR MENU						*/
div.dejemenu {
	display: block;
	background:#B6B6B6 url(../gfx/menu_back.jpg) top left no-repeat;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFF;
	text-transform: capitalize;
	color:#333;
	}
/* first level menu  */
div.dejemenu a {
	line-height: 11px;
	display: block;
	padding:6px 0px 6px 25px;
	}
div.dejemenu a.closed {
	display: block;
	}
div.dejemenu a.closed:hover {
	font-weight: bold;
	display: block;
	}
div.dejemenu a.open,
div.dejemenu a.open:hover {
	font-weight: bold;
	display: block;
	}
div.dejemenu div.closed {
	display: none;
	}
div.dejemenu div.open {
	display: block;
	}
div.dejemenu div.open div.closed {
	display: none;
	}
div.dejemenu div.open div.open {
	display: block;
	}
/*	level2																	*/
div.dejemenu div a {
	line-height: 11px;
	display: block;
	padding:6px 0px 6px 37px;
	}
div.dejemenu div.open a {
	background:transparent url(../gfx/li.gif) 27px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div.open a.closed {
	background:transparent url(../gfx/li.gif) 27px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div.open a.closed:hover {
	background:white url(../gfx/li_selected.gif) 27px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div.open a.open,
div.dejemenu div.open a.open:hover {
	background:transparent url(../gfx/li_selected.gif) 27px 9px no-repeat; font-weight:normal;
	}
/*	level3																	*/
div.dejemenu div div a {
	line-height: 11px;
	display: block;
	padding:6px 0px 6px 49px;
	}
div.dejemenu div div.open a {
	background:transparent url(../gfx/li.gif) 39px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div div.open a.closed {
	background:transparent url(../gfx/li.gif) 39px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div div.open a.closed:hover {
	background:white url(../gfx/li_selected.gif) 39px 9px no-repeat; font-weight:normal;
	}
div.dejemenu div div.open a.open,
div.dejemenu div div.open a.open:hover {
	background:transparent url(../gfx/li_selected.gif) 39px 9px no-repeat; font-weight:normal;
	}
	
	
/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0;
	width:744px;
	clear:both;
	background-color:#333;
	border-top:1px solid #FFF;
	}
div#footer .footerText {
	line-height:27px;
	border-left:1px solid #FFF;
	margin-left:274px;
	text-align:right;
	padding-right:10px;
	color:#FFF;
	font-size:10px;
	}

div#footer a {
	color:#FFF;
	text-decoration:none;
	}
div#footer a:hover {
	text-decoration:underline;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 27 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:744px;
	padding-bottom:40px;	
	}

div.mainContent {
	color:#000;
	margin:0 10px 0 290px;
	padding:20px 0 40px 0;
	height:100%;
	}
div.mainContent a{
	color:#000;
	font-weight:bold;
	}



body.home div.mainContent {
	background:transparent url(../gfx/home_visual.jpg) top left no-repeat;
	height:284px;
	_height:285px;
	border-bottom:1px solid #FFF;
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
div.menuAerospace {
	width:234px;
	position:absolute;
	left:275px;
	top:0px;
	}
div.menuAutomotive {
	width:234px;
	position:absolute;
	right:0px;
	top:0px;
	}
	
div.menuAerospace a,
div.menuAutomotive a {
	color:#000;
	display:block;
	font-size:11px;
	line-height:13px;
	text-transform:capitalize;
	
	padding:5px 5px 4px 12px;*/
	#padding:0 0 0 12px;
	#line-height:22px;
	#height:22px;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	}

.home div.mainContent a{
	display:block;
	background-color:#FFFFFF;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	}
	
.home div.mainContent a:hover,
.home div.menuAutomotive a:hover {
	color:#000;
	background-color:#FFFFFF;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	}
	
div.images {
	position:relative;
	margin-left:-15px;
	_margin-left:-18px;/* content images fix */
	margin-right:-15px;
	width:468px;
	}
	
div.images img {
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

/* ============================================================	*/ 
/* ========	Navigatie		  	===============================	*/
/* ============================================================	*/ 

div.sidebar {
	float:left;
	width:274px;
	_margin-right:-3px; /* content images fix */
	padding-top:10px;
	}
body.home div.sidebar {display:none;}

div.sidebar span {
	display:block;
	text-transform:capitalize;
	color:#333;
	}
	

div.sidebar a {
	display:block;
	text-transform:capitalize;
	color:#333;
	width:242px;
	_width:274px;

	}
	
	
	
	
div.sidebar span a {
	text-align:right;
	line-height:11px;
	padding:13px 32px 12px 0;
	font-weight:bold;
	background-color:#FFBA09;
	}
div.sidebar span a:hover {
	background-color:#D10C43;
	color:#FFF;
	}
div.sidebar span span a:hover {
	background:transparent;
	font-weight:bold;
	color:#333;
	}
div.sidebar span span a {
	padding:6px 0 6px 25px;
	text-align:left;
	font-weight:normal;
	background:transparent;
	}
div.sidebar span {
	border-bottom:1px solid #FFF;
	background:#B6B6B6 url(../gfx/menu_back.jpg) top left no-repeat;
	}
div.sidebar span span {
	border-bottom:0px solid #FFF;
	background:transparent;
	}

/* lv3 */
div.sidebar span span span a,
div.sidebar span span span a.selected {
	padding:6px 0 6px 37px;
	background:transparent url(../gfx/li.gif) 27px 9px no-repeat;
	font-weight:normal;
	}
div.sidebar span span span a.selected {background:transparent url(../gfx/li_selected.gif) 27px 9px no-repeat;}
div.sidebar span span span a:hover {
	background:transparent url(../gfx/li_selected.gif) 27px 9px no-repeat; font-weight:normal;
	}
/* lv3 */
	
/* lv4 */
div.sidebar span span span span a {
	padding:6px 0 6px 49px;
	background:transparent url(../gfx/li.gif) 39px 9px no-repeat;
	}
div.sidebar span span span span a.selected,
div.sidebar span span span span a:hover {
	background:transparent url(../gfx/li_selected.gif) 39px 9px no-repeat;
	font-weight:normal;
	padding:6px 0 6px 49px;
	}
/* lv4 */

div.sidebar a.selected {
	background-color:#D10C43;
	color:#FFF;
	font-weight:bold;
	/*border-bottom:0px solid #FFF;*/
	}
div.sidebar span span a.selected {
	background:transparent;
	/*border-bottom:0px solid #FFF;*/
	color:#333;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}

input.input {
	margin:0px;
	padding:0px;
	width:15px;
}
input.text {
	margin:0px;
	padding:0px;
	width:100%;
}




/* ============================================================	*/ 
/* ========	table		  	===============================	*/
/* ============================================================	*/ 

div.mainContent td {
	padding:0 5px 5px 0;
	/*vertical-align:top;*/
	margin-left:0px;
	/*line-height:25px;*/
	}
div.mainContent th {
	text-align:left;
	padding-bottom:5px;
	}
div.mainContent td a {
	font-weight:normal;
	}
	




