/*---------------------------------------------------------------------------

	Intermix Management - webcommunication & database applications
	
	[Master Stylesheet]
	Intermix Website: 		version 4.0
	Last changed:			13-05-2009

----------------------------------------------------------------------------*/
/* [ Sub stylesheets ]*/
	@import "/stylesheet/portfolio.css";

/* [ Table of contents ] 

	1.	General assets
			1.1	Body
			1.2 Typography & Images
			1.3 Columns
	2.	Main layout
			2.1 Top
				2.1.1 Menu
			2.2 Content
			2.3 Footer
	3.	Page specific layout
			3.1 Homepage
				3.1.1 Slider navigation
				3.1.2 Carrousel & timer
				3.1.3 Slide 1: Introduction
				3.1.4 Slide 2: What we do
				3.1.5 Slide 3: Mission statement
			3.2 Products
			3.3 References
			3.4 Contact
				3.4.1 Form fields
				3.4.2 Form validation
			3.5 Errorpages*/
	
	
/*	[ 1. General Assets ] */ 


	/*	1.1 Body */
	BODY								{	margin: 0px; background: #323232 url(../images/background.gif); font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#262626; line-height: 150%; }
	

	/*	1.2 Typography & Images */
	h1									{	font-family: Myriad Pro, Arial, sans-serif; color: #7d7f00; width: auto; font-weight: normal; font-size: 22px; padding: 0px;  margin: 5px 0px 3px 0px; line-height: 130%; }
	h2									{	font-family: Myriad Pro, Arial, sans-serif; color: #0fb8de; width: auto; font-style:italic; font-weight: normal; font-size: 18px;  }
	h3									{	font-family: Myriad Pro, Arial, sans-serif; color: #05b9e4; }
		
	a									{	text-decoration: underline; color: #0fb8de; }
	a:hover								{	text-decoration: none; }

	img									{	border: none; }
	
	/*	1.3 Columns */
	div.column1							{	width: 198px; padding: 0px 10px; float: left; }
	div.column2							{	width: 419px; padding: 0px 10px; float: left; }
	div.column3							{	width: 637px; padding: 0px 10px; float: left; }
	div.column4							{	width: 880px; padding: 0;  }
	
	
/*	[ 2. Main layout ] */ 

	DIV.Toplink							{	display: none; }
	DIV.Container						{	margin:0 auto; text-align: left; background: #fff url(../images/bottom_bar.gif) repeat-x bottom left; width:990px; min-height:600px; }
	
	/*	2.1 Top */
	DIV.Top								{	 height: 140px;  background-color: #fff;}
		DIV.Top DIV.Logo					{	padding: 30px 0px 0px 50px; width: 440px; float: left;  }
		
		/* 2.1.1 Menu */
		DIV.Top DIV.Menu					{	float: left; width: 495px; }
			DIV.Top DIV.Menu ul					{	list-style: none; padding: 0px; margin: 30px 0px 0px 0px; }
			DIV.Top DIV.Menu ul li					{ float: left; margin-right: 8px;   }
			DIV.Top DIV.Menu ul li:hover			{ }
			DIV.Top DIV.Menu ul li a				{ background:url(/images/menu_bg_out.png) top center no-repeat; display: block; height: 40px; width: 70px; padding: 10px; text-decoration: none; color: #7d8327; }		
			DIV.Top DIV.Menu ul li.selected a		{ background:url(/images/menu_bg_over.png) top center no-repeat; color:#fff; }	
			DIV.Top DIV.Menu ul li:hover a			{ background:url(/images/menu_bg_over.png) top center no-repeat; color:#fff; }	
	
	/*	2.2 Content */
	DIV.Content							{	clear: both; min-height: 460px; margin-bottom: 20px;  }
		DIV.Content	DIV.ImageIdentity		{ min-height: 255px;padding: 0px 55px; }
		
		DIV.Content DIV.Block				{	width: 400px; margin-left: 490px; }
		DIV.Content DIV.Block h1				{	margin: 10px 20px 0px 20px ;  padding-top: 10px; }		
		DIV.Content DIV.Block P					{	margin: 0px; padding: 5px 20px; color: #fff; font-size: 10px;  }
		DIV.Content DIV.Block DIV.BlockTop		{	width: 400px; min-height: 55px; background: url(/images/identity/igreen/front_top.png) bottom left no-repeat; }
		DIV.Content DIV.Block DIV.BlockContent	{	width: 400px; min-height: 85px; background: url(/images/identity/igreen/front_bg.png) top left repeat; }
		DIV.Content DIV.Block DIV.BlockBottom	{	width: 400px; min-height: 55px; background: url(/images/identity/igreen/front_bottom.png) top left no-repeat;  }

	/*	2.3 Footer */
	DIV.Footer							{	font-size: 10px; clear: both; padding: 18px 0px 8px 0px;  }
		DIV.Footer a						{	color: #7d8327; text-decoration: none;  }
		DIV.Footer a:hover					{	text-decoration: underline;  }
		DIV.Footer p						{	color: #666; padding: 3px 50px; margin: 0px;}
		DIV.Footer DIV						{ 	padding: 3px 50px; }
		
		
/*	[ 3. Page specific layout ] */ 

			
	/* 3.1 Homepage */
	
		/* 3.1.1 Slider navigation */
		DIV#currerntSlide					{	 clear: both; width: 972px; padding-right: 18px; }
		DIV#currerntSlide	p 					{	color: #999; margin: 0px; padding: 0px; float: right; margin-right: 5px; }
		DIV#currerntSlide	a 					{	color: #232323;  }
	
		/* 3.1.2 Carrousel & timer */
		#SliderHolder						{	overflow:hidden !important;  position: relative; height: 398px; width: 990px;  background: #f9f9f9;}
		DIV#carrousel						{	width: 2970px; height: 395px; left: 0px; position: relative; clear: both; padding: 0px; margin: 0px;  }
		DIV#timeBar							{	width: 1px; background: none; clear: both; height: 3px; clear: both; }
		
		/* 3.1.3 Slide 1: Introduction */	
		DIV.homeItem1						{	float: left; width: 990px; height: 395px; background: url(/images/sfeer/intermix_websites_bouwen.jpg) top left no-repeat;  }
			DIV.homeItem1 DIV					{	margin: 50px; padding: 40px; width: 358px; height: 176px; background: url(/images/identity/green.png) top center no-repeat; color: #fff; }
			DIV.homeItem1 DIV	h1					{	color: #fff; font-size: 18px;  }
			
			div.homeItem1 div div 					{	margin: 0px 240px; background: url(/images/box_gr.png) top left; padding: 25px; width: 183px; height: 118px; }
			div.homeItem1 div div h2					{	color: #fff; font-size: 18px; margin: 0px; }
			div.homeItem1 div div input					{	width: 100px; margin-top: 10px; font-size: 10px; margin-right: 5px; float: left; }
			div.homeItem1 div div input.submit			{	width: 55px; text-align: center;  	}

		/* 3.1.4 Slide 2: What we do */
		DIV.homeItem2						{	float: left; width: 990px; height: 395px; background: url(/images/sfeer/intermix_Wat_doen_we.jpg) top left no-repeat; }
			DIV.homeItem2 DIV					{	margin: 50px; padding: 40px; width: 358px; height: 176px; background: url(/images/identity/blue.png) top center no-repeat; color: #fff; }
			DIV.homeItem2 DIV	h1					{	color: #fff; font-size: 18px;  }
			DIV.homeItem2 DIV ul					{	list-style: url(/images/arrow.png); }
			DIV.homeItem2 DIV ul li						{	margin: 5px 0px; left: 0px;  }
			DIV.homeItem2 DIV ul li a						{	display: block ; text-decoration: underline; color: #fff; width: auto;}
			DIV.homeItem2 DIV ul li a:hover					{	text-decoration: none; }
			DIV.homeItem2 DIV ul li p						{	margin-top: -30px; margin-left: 220px; position: absolute; z-index: 3;  color: #1f2024; padding: 15px 15px 15px 29px; width: 225px; height: 151px;  background: url(/images/box.png) left top;  }

		/* 3.1.5 Slide 3: Mission statement */
		DIV.homeItem3						{	float: left; width: 990px; height: 395px; background: url(/images/sfeer/intermix_missie.jpg) top left no-repeat; }
			DIV.homeItem3 DIV					{	margin: 50px; padding: 40px; width: 358px; height: 176px; background: url(/images/identity/lblue.png) top center no-repeat; color: #333; }
			DIV.homeItem3 DIV	h1					{	color: #333; font-size: 18px;  }
	

	/* 3.2 Products*/
	DIV#prod								{	padding: 10px 55px; background: url(/images/producten_header.jpg) #ebf8fc top left no-repeat; height: 401px; color: #fff; }
		DIV#prod h1								{	font-style:italic; color: #262626; margin-bottom: 45px; height: 40px;  }
		DIV#product_nav DIV.prod_menu			{	width: 436px;  height: 23px; background: url(../images/product_info_bg.png) top left; }
		DIV#product_nav DIV ul					{	list-style: none; margin: 0; padding:0; }
		DIV#product_nav DIV ul	li					{	float: left; margin: 0 10px; padding: 0;}
		DIV#product_nav DIV ul	li a 					{	padding: 4px; display: block; color: #fff; text-decoration: none;  }
		DIV#product_nav DIV ul	li a:hover				{	 text-decoration: underline;  }		
		DIV#product_nav img#arrow				{	left: 45px; top: -8px; position: relative;}	
		
		DIV.product								{	float: left; width: 160px; margin-right: 15px; }


	/* 3.3 References*/
	DIV.FrontReferences						{	width: 451px; margin-top: -40px; margin-left: 510px; }
		DIV.FrontReferences	DIV.RefLeft			{	float: left; width: 17px; }
			DIV.FrontReferences	DIV.RefLeft	img 	{ margin-top: 65px; }
		DIV.FrontReferences	DIV.RefItem			{	float: left; width: 395px; margin-left: 11px; }
			DIV.FrontReferences	DIV.RefItem	img 	{ float: left; }
			DIV.FrontReferences	DIV.RefItem	h1  	{ color: #262626; margin: 0px; padding: 0px 0px 6px 0px;  }
			DIV.FrontReferences DIV.RefItem DIV.reference{	border: solid 1px #fff; float: left; padding: 3px; text-align: center;  margin-right: 8px;}
		DIV.FrontReferences	DIV.RefRight		{	float: left; width: 17px; }
			DIV.FrontReferences	DIV.RefRight img 	{ margin-top: 65px; }

	/* 3.4 Contact */
		
		/* 3.4.1 Form fields */
		DIV.Content DIV.Contact input				{	margin-left: 3px; width: 330px; }
		DIV.Content DIV.Contact textarea			{	margin-left: 3px; width: 330px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;  }
		DIV.Content DIV.Contact input#submit		{	width: auto; float: right; }
	
		/* 3.4.2 Form validation */
		input.validation-failed, textarea.validation-failed {
			border: 1px solid #FF3300;
			color : #FF3300;
		}
		input.validation-passed, textarea.validation-passed {
			border: 1px solid #333;
			color : #000;
		}
		
		DIV.validation-advice {
			margin: 2px 0 3px 3px;
			padding: 5px;
			width: 322px; 
			background-color: #FF3300;
			color : #FFF;
		}
		
	/* 3.5 Errorpages */
	BODY.error_body div.Menu					{	display: none; }
	BODY.error_body div.Footer div 				{	display: none; }
	BODY.error_body div.Container				{ 	min-height: 500px; background-image: url(../images/bg_errordocs.gif); }
	BODY.error_body div.Content					{ 	min-height: 400px;  }
	
	DIV.error								{	color: #999; margin: 0 55px; }
		DIV.error	h1							{	color: #999; }
		DIV.error	h1 .Green					{	color: #7d7f00; }
		DIV.error 	h1 .JumpIn					{	margin-left: 40px; }
		DIV.error	h2							{	color: #999; font-size: 16px; margin: 40px 0 0 0; }
		DIV.error	ul							{	list-style-type:none;  margin: 5px 40px; padding: 0;}
		DIV.error	ul li						{	margin: 0;}