/***************************
**   DEFAULT ELEMENTS     **
***************************/
	body {
			margin:0;
			padding:0;
		}

	* {
		font-family: Arial, Verdana;	
		font-size: 8.5pt;
		line-height: 160%;
		color: #455560;
	}
	
	a {
		color: #e8462d;
		outline:none;
	}
	
	p, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		margin-bottom: 10px;
		background-repeat: no-repeat;
	}
	
	h1 {
		font-size: 16pt;
		margin-bottom: 6px;
		text-indent: -999em;
	}
	
	h2 {
		font-size: 15pt;
		color: #ea512d;
		text-indent: -999em;
	}
	
	h3 {
		font-size: 11.5pt;
		color: #ea512d;
		text-indent: -999em;
	}

	h4 {
		text-indent: -999em;

	}
	
	.textarea {
		width: 100%;	
	}

/***************************
**      MAIN LAYOUT       **
***************************/
	
	#container {
		position:relative;
		width: 994px;
		margin-left: auto;
		margin-right: auto;
		background: url('/images/bg_maincontent.png') center 161px no-repeat;
	}
	
	/* set the main left "margin" */
	#mainmenu, 
	#submenu, 
	#pagecloud,
	#submenubackground,
	#footer,
	#pagecloud { 
		padding-left: 23px;	
	}
	
	#logo {
		float: left;
	}
	
	#livedesk {
		margin-top: 31px;
		float: right;
	}
	
	#maincontent {
		width: 100%;
		min-height: 560px;
		overflow:hidden;
		padding:0;
		padding-top: 54px;
		background-repeat: no-repeat;	
		/* in deze div kunnen we die gekke malle istock achtergrondjes zetta*/
	}
	
	#pagecloud {
		/* display:block;
		position:relative; */
		background: #EDEDED;	
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#pagecloud ul {
		color: #A6A6A7;
		list-style: none;	
		position:relative;
		margin:0;
		padding:0;
	}
	#pagecloud ul li {
		width: 23%;	
		float:left;
		font-size: 8pt;
		padding:0;
		padding-right: 2%;
	}
	
	
	#footer {
	/* 	clear:left;
	 */	font-family: Arial;	
		background: #283138 url('/images/bg_footer.png') repeat-x;
		font-size: 8pt;
		color: white;
		height: 30px;
		line-height: 30px;
	}
	
	#footer a {
		font-size: 8pt;
		font-family: Arial;	
		color: white;	
	}


/***************************
**      SEARCHFORM        **
***************************/
	#searchform {
		position:absolute;
		right:0;
		padding-top: 7px;
	}	
	
	#searchform input {
		border: 1px solid #74848F;
		font-family: Arial; 
		font-size: 8pt;
	}
	#searchfield {
		width: 100px;
		color: #455560;
	}
	#searchbutton {
		color: white;
		text-transform: uppercase;
		font-weight: bold;	
		background: #74848F;
	}

/***************************
**         MENU           **
***************************/

	/* SUCKERFISH LOGIC ONLY */
		.nav,
		.nav ul {
			padding:0;
			margin:0;
			list-style:none;
			line-height:1;
		}
		
		.nav a {
			display:block;
		}
		
		.nav li {
			float:left;
		}
		
		.nav li ul {
			position:absolute;
			left:-999em;
		}
		
		.nav li:hover ul,
		.nav li.active ul /* this line makes sure a active submenu gets opened */ {
			left:auto;
		}
	/* END SUCKERFISH LOGIG */
	
	/* MAIN MENU ITEMS STYLING */
	
		#mainmenuholder { /* this div wraps the nav ul*/
			clear: both;
			height: 31px;
		}
		
		/* hide the text links in the main menu buttns to show images */
		a.menu_bts  {
			text-indent: -999em;
		
		}
		
		.nav a.menu_bts {
			background-repeat: no-repeat;	
			background-image: url('/images/mainmenu.png');
			height:31px;
		}
		
		.nav ul a.active {
			color: white;
			background-color: #404F59;	
		}
		
		#menu-home  {
			width: 76px;
			background-position:0 0;
		}
		
			#menu-home:hover,
			.nav li:hover a#menu-home,
			.nav li.active a#menu-home {
				background-position:0 -31px;
			}
		
		#menu-producten  {
			width: 105px;
			background-position:-76px 0;
		}

			#menu-producten:hover,
			.nav li:hover a#menu-producten,
			.nav li.active a#menu-producten {
				background-position:-76px -31px;
			}
		
		#menu-diensten  {
			width: 94px;
			background-position:-181px 0; 
		}
		
			a#menu-diensten:hover,
			.nav li:hover a#menu-diensten,
			.nav li.active a#menu-diensten {
				background-position:-181px -31px;
			}
	
		
		#menu-onze-klanten  {
			width: 122px;
			background-position:-275px 0;
		}
		
			a#menu-onze-klanten:hover,
			.nav li:hover a#menu-onze-klanten,
			.nav li.active a#menu-onze-klanten {
				background-position:-275px -31px;
			}
	
		
		#menu-over-informaxion  {
			width: 149px;
			background-position:-397px 0;
		}
		
			a#menu-over-informaxion:hover,
			.nav li:hover a#menu-over-informaxion,
			.nav li.active a#menu-over-informaxion {
				background-position:-397px -31px;
			}
	
		
		#menu-nieuws  {
			width: 79px;
			background-position:-546px 0;
		}
		
			a#menu-nieuws:hover,
			.nav li:hover a#menu-nieuws,
			.nav li.active a#menu-nieuws {
				background-position:-546px -31px;
			}
	
		
		#menu-partners  {
			width: 96px;
			background-position:-625px 0;
		}
		
			a#menu-partners:hover,
			.nav li:hover a#menu-partners,
			.nav li.active a#menu-partners {
				background-position:-625px -31px;
			}
	
		
		#menu-contact  {
			width: 89px;
			background-position:-721px 0;
		}
		
			a#menu-contact:hover,
			.nav li:hover a#menu-contact,
			.nav li.active a#menu-contact {
				background-position:-721px -31px;
			}
	
		#menu-zoeken  {
			display:none;
		}
	
	
	/* SUBMENU ITEMS STYLING */		
		
		#submenubackground,
		.nav li ul { /* the submenu "background", the submenu is layed over this div */
			padding-left: 10px;
			padding-right: 10px;
			clear: left;
			background: #2A333A url('/images/bg_submenu.png') repeat-x;
			height: 31px;
		}
		
		
		.nav li ul li a {
			font-size: 11px;
			text-decoration:none;
			background-image:none; /* prevents the main menu bg to be applied*/
			font-family: Arial;
			color: white !important;
			font-weight: bold;
			line-height: 31px;
			padding-left: 3px;
			padding-right: 3px;
		}
		
		.nav li ul li.active a,
		.nav li ul li a:hover {
			color: #F78F1E !important;
		}
		
		.nav li ul li span.sep {
			line-height: 31px;
			color: #959a9e;
		}
		


	
/***************************
**        BOXES           **
***************************/
	

	.box50, .box66, .box33, .box25, .box75, .box100 {
		overflow:hidden;
		padding: 42px;
		padding-top: 15px;
		/*position:relative;
		display:inline;*/
	}
	
	.box50 /* the box that is 50% screenwidth */ {
		background: url('/images/box50.png') no-repeat;
		width: 425px; /* 509 - (2 x 42) = 245 */
		min-height: 329px;
	}
	
	.box66 /* the box that is 66% screenwidth */ {
		background: url('/images/box66.png') no-repeat;
		width: 576px; /* 660 - (2 x 42) = 576 */
		min-height: 361px;
		float:left;
	}
	
	.box33 /* this box is 33% screenwidth */ {
		background: url('/images/box33.png') no-repeat;
		width: 249px; /* 333 - (2 x 42) = 249 */
		min-height: 233px;
		float:left;
	}
	
	.box25 /* this box is 25% screenwidth */ {
		background: url('/images/box25.png') no-repeat;
		width: 178px; /* 262 - (2 x 42) = 178 */
		min-height: 275px;
		float:left;
	}
	
	
	.box75 /* this box is 75% screenwidth */ {
		background: url('/images/box75.png') no-repeat;
		width: 648px; /* 992 - (2 x 42) = 648 */
		min-height: 273px;
		float:left;
	}

	.box100 /* this box is 100% screenwidth */ {
		background: url('/images/box100.png') no-repeat;
		width: 908px; /* 992 - (2 x 42) = 908 */
		min-height: 276px;
		float:left;
	}
	

/***************************
**    LINKER SUBMENU      **
***************************/


	ul.vertsubmenu {
		list-style: none;
	}
	
	ul.vertsubmenu li {
		border-top: 1px solid #dcdcdc;
	}
	
	ul.vertsubmenu li a {
		font-size: 10.5pt;
		text-decoration: none;
		color: #455560;
	}
	ul.vertsubmenu li a.active {
		font-weight: bold;
	}
	
		
		ul#clientsmenu {
			margin-left:-63px;
			margin-right: -18px;
		}
		
		#clientsmenu li {
			padding: 3px 0 3px 23px;	
		}
		
		ul#submenu {
			overflow: none;
			margin-left:-38px;
	 		margin-right: -22px;

		}
		
		#submenu li {
			padding: 3px 0 3px 16px;	
		}


/***************************
**      NEWSTABLE         **
***************************/
	#newstable, 
	#searchresult {
		border-collapse: collapse;	
		width: 95%;
	}
	
	#newstable.date {
		white-space:nowrap;	
	}
	
	#searchresult td strong {
		color: #e9492d;
	}
	
	#newstable td,
	#searchresult td {
		padding: 5px;	
		border-bottom: 1px solid #bbb;
	}
	
	#newstable td.date {
		width: 58px;
	}
	
	#newstable *,
	#searchresult *
	{
		color: #455560;	
		font-family: Arial;
		font-size: 8.5pt;
		vertical-align:top;
		text-decoration: none;
		line-height: 130%;
	}
	
	#tags a {
		font-family: Arial;
		text-decoration: none;
		color: #455560;
		line-height: 110%;	
	}
	
	.tag1 {
		font-size: 16pt;	
	}
	.tag2 {
		font-weight: bold;
		font-size: 12.5pt;	
	}
	.tag3 {
		font-weight: bold;
		font-size: 10pt;	
	}
	.tag4 {
		font-size: 9pt;	
	}
	.tag5 {
		font-size: 8.5pt;	
	}