/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		O3Spaces EN
	Version:		1.0
	Last change:	18/08/09
	Assigned to:	Willem de Wit
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	

    
*/

/*------------------------------------------------------------------
	[Typography]

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

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
	
	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
    	text-align: center; /* IE: center the wrapper */
		font: normal 12px/18px Tahoma,Arial,sans-serif;
		color: #666666;
	}
	
	body {
		background-color: #f5f5f5;
		background: url(../images/bg_gradient.gif) repeat-x top left;
	}
	
	a:link, a:active, a:visited {
		color:#608dc7;
		text-decoration:none;
	}
	a:hover {
		color:#155ea7;
		text-decoration:underline;
	}
	

	
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	#wrapper {
		width:990px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		/*border:1px solid black;*/
		padding-top:13px;
	}

	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	#header{
		height:50px;
		width:100%;
		/*border:1px solid blue;*/
		position:relative;
		background:url('../images/header_bg.png') top left no-repeat;
	}
		#logoContainer {
			height:28px;
			width:700px;
			position:absolute;
			top:22px;
			left:40px;
		}
			#logo {
				height:28px;
				width:123px;
				float:left;
			}
			#logoText {
				height:28px;
				width:560px;
				background:url('../images/LogoText.jpg') top left no-repeat;
				margin-left:9px;
				float:left;
			}
		#flagContainer {
			position:absolute;
			width:210px;
			height:28px;
			top:22px;
			right:40px;
		}
			.flag {
				float:right;
				margin-top:5px;
				margin-left:16px;
			}
			#lan_tooltip div {
				 float: left;
				 font: normal 11px/27px Tahoma, Verdana, sans-serif;
				 color: #FFF;
			}
   
	/*------------------------------------------------------------------
		[3. Maincontainer]
	*/
		#mainWrapper {
			width:990px;
			background:url('../images/main_bg.png') top left repeat-y;		
			overflow:hidden;
		}
			
			#mainContainer {
				width:944px;
				min-height:400px;
				height:auto;
				margin:0 auto;
				/*border:1px solid red;*/
			}
			/*for ie*/
			* html #mainContainer { height: 400px; }
					
    /*------------------------------------------------------------------
		[4. Menu]
	*/
		.main_menu {
			 height: 49px;
			 background: url(../images/mainmenubg.gif) repeat-x;
			 float: left;
			 width: 100%;
			 display: block;
			 margin-top:7px;
		}
			.main_menu .left,
			.main_menu .left_sub {
				height: 49px;
				float: left;
				background: url(../images/mainmenubg_left.gif) no-repeat left;
			}

			.main_menu .left_sub {
				background: url(../images/mainmenubg_left_sub.gif) no-repeat left;
			}
			.main_menu .right {
				height: 49px;
				float: right;
				width: 40px;
				background: url(../images/mainmenubg_right.gif) top right no-repeat;
			}
			
			.searchdiv {
				width: 200px;
				height: 35px;
				float: left;
			}
			
			.searchinput,
			.searchinput_long {
				 width: 80px;
				 height: 17px;
				 background-color: #F1F1F1;
				 border: 1px solid #C1C1C1;
				 font: normal 11px/14px Tahoma, Verdana, sans-serif;
				 top: 7px;
				 left: 50px;
				 position: relative;
			}

			.searchinput_long {
				 left: 75px;
			}
			
			.mainlink {
				 position: relative;
				 top: 10px;
				 float: left;
			}
		
	/*------------------------------------------------------------------
		[5. Content]
	*/
		#contentContainer {
			float:left;
			width:100%;
		}
			#subMenuContainer {
				width:160px;
				float:left;
			}
				#submenu {
					background-color:#103c68;
					padding-top:19px;
				}
					#submenu li {
						height:26px;
						border-bottom:1px dotted #a1c3e6;
					}
						.leftmenu_link,
						a.leftmenu_link,
						a.leftmenu_link:link,
						a.leftmenu_link:visited,
						a.leftmenu_link:active,
						a.leftmenu_link:hover {
							font: normal 12px/26px Arial, Verdana, sans-serif;
							color: #FFF;
							text-decoration: none;
							padding-left: 24px;
							float:left;
						}
					#subMenuBottom {
						width:160px;
						height:58px;
						background:url('../images/subMenuBottom.gif') top left no-repeat;
					}
						
			#content {
				float:left;
				width:784px;
				min-height:400px;
				height:auto;
			}
			/*for ie*/
			* html #content { height: 400px; }
			
			/*   Home      */
			.content_home {
				background:url('../images/home_bg.gif') top left no-repeat;
			}
			#banner, #threeButtons {
				width:944px;
				margin-top:19px;
			}
			#banner {
				height:201px;
			}
			#threeButtons {
				height:145px;
			}
			#button1, #button2, #button3 {
				width:302px;
				height:132px;
				float:left;
				background:url('../images/button_bg.jpg') top left repeat-x;
			}
			#button1, #button2 {
				margin-right:18px;
			}
			.kopLeft, .kopRight, .kopLeftBlue, .kopRightBlue {
				width:9px;
				height:10px;
				float:left;
			}
			.kopContent, .fullContent { 
				height:100%; 
				float:left;
			}
			.kopContent { 
				width:266px;
				padding:5px 9px 0 9px;
				color:#000000;
				position:relative;
				line-height:15px;
			}
				.buttonHome {
					position:absolute; 
					width:302px; 
					height:40px; 
					top:88px; 
					left:0; 
					text-align:center;
				}
			.fullContent { 
				width:917px;
				padding:5px 0 0 9px;
			}
				.fullContentLeft, .fullContentRight, .fullContentRightListContainer { float:left; }
				
				.fullContentLeft {
					width:622px;
					background:#f7fbff url('../images/button_blue_bg.jpg') top left repeat-x;
				}
					.fullContentLeftContent {
						width:604px;
						float:left;
					}
					
				.fullContentRight {
					margin-left:7px; 
					width:302px; 
					background:#f7fbff url('../images/button_blue_bg.jpg') top left repeat-x;
				}
					.fullContentRightContainer {
						float:left;
						padding:5px 0 0 9px;
						width:275px;
					}
					.fullContentRightListContainer {
						width:284px; 
						/*height:173px;*/
						padding-top:2px;
					}
					.fullContentLeftListContainer {
						padding:5px 0 0 9px;
					}
			
			.kopLeft { background:url('../images/button_bg_left.jpg') top left no-repeat; }
			.kopRight { background:url('../images/button_bg_right.jpg') top left no-repeat; }
			.kopLeftBlue { background:url('../images/button_blue_bg_left.jpg') top left no-repeat; }
			.kopRightBlue { background:url('../images/button_blue_bg_right.jpg') top left no-repeat; }
			
			.contentFull { 
				background:url('../images/content_full_bg.jpg') top left repeat-y; 
				width:944px; 
				float:left;
				margin-top:18px;
			}
			
			/*   Sub       */
			.content_sub {
				background:url('../images/content_bg.gif') top left no-repeat;
			}
				#contentText {
					margin:18px 0px 18px 18px;
				}
				
				/*----Sjablonen----*/
				.volleBreedte {
					background:url('../images/button_bg.jpg') top left repeat-x; 
					width:766px; 
					float:left;
				}
					.fullContentSub {
						width:734px;
						float:left;
						padding:5px 5px 0 9px;
					}
				
				.halveBreedte {
					background:url('../images/button_bg.jpg') top left repeat-x; 
					float:left;
					width:365px;
				}
					.halfContentSub {
						width:338px;
						float:left;
						padding:5px 0 0 9px;
					}
				
			.content_sub ul {
				list-style-type:disc;
				margin-left:13px;
			}
			
				.newsLeft, .newsRight {
					background:url('../images/button_bg.jpg') top left repeat-x; 
					float:left;
					width:300px;
				}
				.newsRight {
					width:448px;
				}
					.newsLeftContentSub, .newsRightContentSub {
						width:273px;
						float:left;
						padding:5px 0 0 9px;
					}
					.newsRightContentSub {
						width:421px;
					}
			
		
		p {
			margin-top:5px;
			margin-bottom:10px;
		}
		ol {
			margin-left:25px;
		}
		
		.inputtext, .inputsmall, select, textarea {
			margin:5px 0;
			border:1px solid #cfcfcf;
			width:250px;
		}
		.inputtext {
			height:23px;
		}
		.inputsmall { 
			width:100px;
		}
		.button { 
			width:115px;
			margin:5px;
		}
		.checkbox { 
			width:20px; 
			height:15px; 
			border:none;
		}
		.notfilled { 
			color:#FFA200; 
			font-weight:bold;
		}
		
		.event_items li, .news_items li {
			cursor:default;
			margin:6px 0 0 0;
			padding:0 0 0 28px;
			display:block;
		}
			.news_items li a, .event_items li a {
				color:#000000;
			}
		.news_items li {
			background:url('../images/icon_news.gif') left 5px no-repeat;
		}
		.event_items li {
			background:url('../images/icon_webcast.gif') left 5px no-repeat;
		}
		
		.customer_logo {
			margin-right:43px;
			margin-bottom:18px;
		}
	/*------------------------------------------------------------------
		[6. Footer]
	*/
	#bottom {
		width:990px;
		height:26px;
		background:url('../images/bottom_bg.png') top left no-repeat;
	}
	
	#footer {
		text-align:center;
		font:normal 11px/18px Tahoma,Arial,sans-serif;
	}
		#menuFooter, 
		#menuFooter a { color:#666666; }
		
		#copy { 
			width:100%; 
			margin-bottom:20px;
		}
		#copy, #copy a { color:#959595; }
		
		#menuFooter { 
			margin-top:4px; 
			margin:0 auto;
			width:100%;
			text-align:center;
		}
		#menuFooter ul li {
			float:left;
		}
		
	/*------------------------------------------------------------------
		[7. New home sjabloon; made by Niels]
	*/	
	
	.fullContentRight-newhome-left,
	.fullContentRight-newhome-center,
	.fullContentRight-newhome-right {
		margin-left: 0;
		min-height: 470px;
		margin-top: 18px;
	}	
	
	.fullContentRight-newhome-left {
		
		margin-right: 18px;
	}	
	
	.fullContentRight-newhome-center {
		margin-right: 18px;
		
	}		
	
	.fullContentRight-newhome-right {
		margin-right: 0;
	}