/* ------------------------------------------------------------------------------- */
/*                                                                                 */
/* SCREEN STYLESHEET                                                               */
/*                                                                                 */
/* This stylesheet defines the styles used for the Dimensys corporate website      */
/* Purpose of this sheet is the handling of styles for screens.                    */
/*                                                                                 */
/* Written by the Interactive Media team of Luminus Communicatie                   */
/*                                                                                 */
/* ------------------------------------------------------------------------------- */

/* ------------------- */
/* start inline styles */
/* ------------------- */

h1,h2,h3,h4,h5,h6{
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:18px;
}

h1
{
	margin-bottom:18px;
	font-size:11px;
	font-weight:bold;
}

h2{
	color:#72a4c9;
	font-size:11px;
	font-weight:bold;
}

h3{
	font-size:11px;
	font-weight:normal;
}

img
{
	border:0px;
}

a
{
	color:#72a4c9;
	font-weight:normal;
}

p
{
	margin-top:0px;
	padding-top:0px;
	line-height:18px;
}


hr
{
	border:none;
	border-bottom:1px solid #72a4c9;
	height:0px;
}

ul
{
	list-style:none;
}

li
{
	margin:0px 0px 0px -40px;
	padding:0px 0px 0px 15px;
	line-height:18px;
	background:#fff url(../App_Themes/Diwebbs/Images/contentBullet.gif) top left no-repeat;
}
table td
{
	line-height:18px;
	font-size:11px;
	padding: 5px;
}

/* ----------------- */
/* end inline styles */
/* ----------------- */

/* ------------ */
/* start layout */
/* ------------ */
body
{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	overflow-y:hidden!important;
	background:#ddd url(../App_Themes/Diwebbs/Images/bodyBackground.gif) top center repeat-y;
	
	font-family:Verdana, Arial, Sans-serif;
	font-size:11px;
	color:#000;
}

div#wrapper
{
	position:absolute;
	margin-left:-472px;
	top:0px;
	left:50%;	
	width:960px;
	background:#fff;
}

div#top
{
	position:absolute;
	top:0px;
	left:210px;
	width:750px;
	height:100px;
	background:#fff url(../App_Themes/Diwebbs/Images/topBanner.jpg) top left no-repeat;
}

div#leftBanner
{
	position:absolute;
	top:100px;
	left:0px;
	width:210px;
	height:145px;
	background:#fff;
}

div#content
{
	position:absolute;
	top:140px;
	left:250px;
	width:650px;
	background:#fff;
	padding:0px 0px 30px 0px;
	overflow:hidden;
	
}

div#content a
{
	font-weight:normal;
}
div#content h1
{
	color:#000;
	margin:0px;
	margin-bottom:18px;
}
div#news
{
	position:absolute;
	top:150px;
	left:750px;
	width:150px;
	background:#fff;
}
div#news a
{
	font-weight:normal;
}

div#news td
{
	padding:0px;
}


div#logo
{
	position:absolute;
	top:0px;
	left:0px;
	padding:33px 0px 0px 18px;
	width:210px;
	height:100px;
}

div#disclaimer
{
	position:absolute;
	bottom:0px;
	left:50%;
	width:960px;
	height:19px;
	margin:0px 0px -1px -480px;
	background:#72a4c9;
	
	color:#3e3d40;
	line-height:18px;
}
div#disclaimer ul
{
	list-style-type:none;
	padding-left:350px;
	margin:0px;
}
div#disclaimer li
{
	display:block;
	width:230px;
	height:16px;
	padding: 0px;
	float:left;
	background:#72a4c9;
}


div#languages
{
	display:block;
	position:absolute;
	top:60px;
	right:35px;
	width:210px;
	height:20px;
	text-align:right;
}

/* ----------------------------------- */
/* Start IE 6 and 7 fix for disclaimer */
/* ----------------------------------- */
div#iefix
{
	position:relative;
	height:100%;
	overflow-y:scroll;
}
/* --------------------------------- */
/* End IE 6 and 7 fix for disclaimer */
/* --------------------------------- */

div#mainMenu
{
	position:absolute;
	top:270px;
	left:0px;
	width:210px;
}

div#subMenu
{
	position:absolute;
	top:80px;
	left:211px;
	width:760px;
	height:25px;
}

div#search
{
	position:absolute;
	top:30px;
	right:30px;
}

/* ---------- */
/* end layout */
/* ---------- */

/* -------------------------- */
/* start custom inline styles */
/* -------------------------- */
div#news h1{
	width:175px;
	margin:0px;
	padding:0px;

	color:#848889;
	font-weight:normal;
	line-height:15px;
}

div#news p
{
	margin:18px 0px 0px 0px;
	padding:0px;

	color:#848889;
	font-weight:bold;
	line-height:15px;
	font-size:10px;
}

div#news a
{
	width:175px;
	margin:0px;
	padding:0px;

	line-height:15px;
	color:#848889;
}
/* Partnerships */
table.partnerships
{
	width:420px;
}

table.partnerships td
{
	padding:0px 25px 10px 0px;
	vertical-align:top;
}

table.partnerships h2
{
	text-transform:uppercase;
	font-size:9px;
}

/* Images */
table.images
{
	width:420px;
}

table.images td
{
	width:50%;
	padding:0px 0px 10px 0px;
	vertical-align:top;
}

table.images h2
{	
	color:#000;
	text-transform:uppercase;
	font-size:9px;
}

/* ------------------------ */
/* end custom inline styles */
/* ------------------------ */

/* --------------- */
/* start main menu */
/* --------------- */

div#mainMenu ul
{
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	
	list-style:none;
}

div#mainMenu ul li
{
	position:relative;
	display:block;
	//height:24px; /* issue */
	margin:0px;
	padding:0px 15px 0px 0px;
	background:url(../App_Themes/Diwebbs/Images/mainMenuBullet.gif) top right no-repeat;
	
	line-height:24px;
	text-align:right;
}

div#mainMenu ul li ul
{
	position:absolute;
	margin:0px 0px 0px 210px;
	padding:0px 0px 0px 20px;
	top:0px;
	left:-999em;
	background:#fff;
}

div#mainMenu ul li ul li
{
	width:210px;
	border-bottom:1px solid #fff;	
	padding:0px 0px 0px 15px;
	background:#cadcea;
	
	text-align:left;
}

	div#mainMenu ul.low li ul li
	{
		width:210px;
		border-bottom:1px solid #fff;	
		background:#cadcea;
		
		text-align:left;
	}

div#mainMenu ul li ul ul
{
	left:0px;
}

div#mainMenu ul li ul ul
{
	left:0px;
}

div#mainMenu ul li a
{

	font-family:verdana;
	color:#000;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

	div#mainMenu ul.low li a
	{
		color:#666;
	}

div#mainMenu ul li a:hover
{
	color:#666;
}

	div#mainMenu ul.low li a:hover
	{
		color:#000;
	}

div#mainMenu ul li ul a
{
	color:#000;
}

	div#mainMenu ul.low li ul a
	{
		color:#000;
	}			

div#mainMenu ul li ul a:hover
{
	color:#fff;
}

	div#mainMenu ul.low li ul a:hover
	{
		color:#fff;
	}

div#mainMenu ul li:hover ul ul, div#mainMenu li:hover ul ul ul, div#mainMenu li.sfhover ul ul, div#mainMenu li.sfhover ul ul ul {
	position:static;
}

div#mainMenu li:hover ul, div#mainMenu li li:hover ul, div#mainMenu li li li:hover ul, div#mainMenu li.sfhover ul, div#mainMenu li li.sfhover ul, div#mainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
}

div#mainMenuTop{
	position:relative;
	top:0px;
}

div#mainMenuBottom{
	position:relative;
	top:20px;
}
	
div#mainMenuTop{
	position:relative;
	top:0px;
}

div#mainMenuBottom{
	position:relative;
	top:20px;
}

div#mainMenuBottom ul li
{
	background:url(../App_Themes/Diwebbs/Images/mainMenuBulletLow.gif) center right no-repeat;
}

/* ------------- */
/* end main menu */
/* ------------- */

/* -------------- */
/* start sub menu */
/* -------------- */

div#subMenu ul
{
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
}

div#subMenu li
{
	float:left;
	margin:0px;
	padding:0px;
	width:125px;
	height:15px;
	line-height:15px;
}

div#subMenu li a
{
	display:block;
	background:#fff url(../App_Themes/Diwebbs/Images/btn_subMenuDivider.gif) top right no-repeat;
	
	color:#000;
	font-weight:notmal;
	font-size:10px;
	text-decoration:none;
	text-align:center;
}

div#subMenu li a:hover
{
	background:#cadcea url(../App_Themes/Diwebbs/Images/btn_subMenuDivider.gif) top right no-repeat;
}

div#subMenu li.lastItem a
{
	background:#fff url(../App_Themes/Diwebbs/Images/btn_lastSubMenuDivider.gif) top right no-repeat
}

div#subMenu li.lastItem a:hover
{
	background:#cadcea url(../App_Themes/Diwebbs/Images/btn_lastSubMenuDivider.gif) top right no-repeat
}

/* ------------ */
/* end sub menu */
/* ------------ */

/* ------------ */
/* start search */
/* ------------ */

div#search form
{
	margin:0px;
	padding:0px;
}

div#search form input
{
	float:left;
	margin:0px;
	padding:2px 0px 0px 2px;
	height:18px;
	border: 1px solid #72a4c9;
	
	font-size:10px;
	color:#999;
	text-indent:2px;
}

div#search form input.button
{

	display:block;
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px 5px 0px 5px;
	background:#72a4c9;

	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

div#searchResults dt
{
	color:#72a4c9;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
}

div#searchResults dt a
{
	color:#72a4c9;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
}

div#searchResults dd
{
	color:#000;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
}

/* ---------- */
/* end search */
/* ---------- */

/* ----------- */
/* Start forms */
/* ----------- */

input
{
	font-family:verdana;
	font-size:11px;
}

.error
{
	color:#f00;
}

/* ----------- */
/* Start forms */
/* ----------- */

/* --------------------	*/
/* Joomla module styles */
/* --------------------	*/

/* Head for modules */
div.componentheading
{
	padding-bottom:0px;
	line-height:18px;
	margin-bottom:18px;
	font-size:11px;
	font-weight:bold;
}

/* Search results */
table.contentpaneopen, fieldset
{
	border:0px;
}

table.contentpaneopen span.small, table.contentpaneopen a
{
	color:#72a4c9;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
}

table.contentpaneopen span.pagenav a
{
	font-weight:bold;
}