@charset "utf-8";
/************************************ 
 *	I SEE YOU WHEN YOU LOOK AT ME!	*
 *	@Copyright Edso Software		*
 ************************************/

*{
	padding:0;
	margin:0;
	}

body{
	font-size: 100.1%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
p{
	font-size:0.82em;
	line-height:18px;
	}

#container{
	width:988px;
	margin:0 auto;
	position:relative;
	}
	
#header{
	height:82px;
	width: 100%;
	overflow:hidden;
	margin-top:28px;
	}
	
#header h2{
	text-indent:-99999px;
	
	width:188px;
	height:81px;
	float:left;
	background:transparent url(../img/logo.jpg) no-repeat top left;
	}
	
.mainMenu{
	display:block;
	float:left;
	list-style-type:none;
	width:540px;
	margin:8px 0 0 0;
	height:81px;
	}
	
.mainMenu li{
	display:block;
	float:left;
	background:transparent url(../img/menu_sprite.jpg) no-repeat -100px 0px;
	width:106px;
	height:70px;
	}

.mainMenu li a{
	display:block;
	width:99px;
	text-align:center;
	margin-top:28px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:0.75em;
	}


.mainMenu li.menuFirst{
	display:block;
	float:left;
	background:transparent url(../img/menu_sprite.jpg) no-repeat top left;
	width:100px;
	height:70px;
	}
	
.mainMenu li.menuFirst a{
	display:block;
	width:94px;
	text-align:center;
	margin-top:28px;
	}
	
.mainMenu li.menuLast{
	display:block;
	float:left;
	background:transparent url(../img/menu_sprite.jpg) no-repeat top right;
	width:115px;
	height:70px;
	}

.mainMenu li.menuLast a{
	display:block;
	width:108px;
	text-align:center;
	margin-top:28px;
	}
	
/***************
 * KLANT LOGIN *
 ***************/
#klantlogin{
	background:transparent url(../img/klantlogin_bg.gif) top left no-repeat;
	width:254px;
	height:64px;
	float:left;
	margin:10px 0 0 0;
	}
	
#klantlogin p{
	margin-top:9px;
	}	
	
#klantlogin label{
	width:100px;
	display:block;
	float:left;
	margin-left:10px;
	color:#868889;
	font-size:0.75em;
	}

#klantlogin p .lft{
	display:block;
	width:14px;
	height:19px;
	background:#FF0000;
	float:left;
	background:url(../img/bg_login.gif) no-repeat;
	}
	
#klantlogin p .rgt{
	display:block;
	width:14px;
	height:19px;
	background:#FF0000;
	float:left;
	background:url(../img/bg_login.gif) no-repeat 0 -40px;
	}	
	
#klantlogin input.text{
	display:block;
	float:left;
	width:90px;
	border:0;
	background:url(../img/bg_login.gif) repeat-x 0 -20px;
	height:19px;
	font-size:0.75em;
	color:#868889;
	}
	
.klantLoginButton{
	margin:3px 0 0 4px;
	}
	
/***********
 * CONTENT *
 ***********/	
 
#contentWrapper{
	margin:30px 0 0 0;
	}
	 
#contentWrapper .columnOne{
	float:left;
	width:520px;
	}
	
#contentWrapper .columnOne h1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#707173;
	font-size:1.38em;
	line-height:1.38em;
	}	
	
#contentWrapper .columnOne h3{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#1a171b;
	font-size:1.12em;
	}	
	
#contentWrapper .columnOne .blockOne{
	width:230px;
	float:left;
	}
	
#contentWrapper .columnOne .blockOne p{
	margin-top:1.75em;
	}	
	
#contentWrapper .columnOne .blockOne ul{
	margin:1.75em 0 0 0;
	font-size:0.82em;
	list-style-type:none;
	}	
	
#contentWrapper .columnOne .blockOne ul li{
	color:#e2001a;
	font-weight:bold;
	background:url(../img/bullet.gif) no-repeat left;
	padding:0 0 0 1.12em;
	line-height:18px;
	}	
	
.blockOne li a{
     color:#e2001a;
	 text-decoration:none;
}	
		
	
#contentWrapper .columnOne .blockOne ul li ul{
	font-size:1em;
	margin:0;
	}	
	
#contentWrapper .columnOne .blockOne ul li ul li{
	color:#000000;
	background:transparent;
	padding:0;
	}	

#contentWrapper .columnOne p.button a{
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#contentWrapper .columnOne p span.lft{
	width:23px;
	height:30px;
	display:block;
	background:url(../img/bg_button.gif) no-repeat 0 0;
	float:left;
	}	
	
#contentWrapper .columnOne p span.ctr{
	width:120px;
	height:30px;
	display:block;
	background:url(../img/bg_button.gif) repeat-x 0 -32px;
	float:left;
	}
	
#contentWrapper .columnOne p span.rgt{
	width:23px;
	height:30px;
	display:block;
	background:url(../img/bg_button.gif) no-repeat 0 -64px;
	float:left;
	}		
	
#contentWrapper .columnOne .blockTwo{
	width:270px;
	float:right;
	}	
	
#contentWrapper .columnOne .blockTwo table{
	margin:1.44em 0 0 0;
	}
	
#contentWrapper .columnOne .blockTwo table tr td{
	padding-bottom:25px;
	}				
	
#contentWrapper .columnTwo{
	float:right;
	width:468px;
	}	
	
#contentWrapper .columnTwo #roundbox{
	height:543px;
	width:426px;
	background:url(../img/box_bg.gif) no-repeat top left;
	float:right;
	}	

#contentWrapper .columnTwo #roundbox p.button{
	margin:20px 0 0 4px;
	}	
	
#contentWrapper .columnTwo #roundbox p.button span.ctr{
	width:234px;
	height:34px;
	display:block;
	padding:3px 0 0 40px;
	background:url(../img/bg_button_recent.gif) no-repeat top left;
	}	
	
#contentWrapper .columnTwo #roundbox p.button a{
	width:234px;
	height:34px;
	display:block;
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}	
	
#contentWrapper .columnTwo #roundbox .project{
	margin:20px 0 0 4px;
	}
	
#contentWrapper .columnTwo #roundbox .project p{
	margin:0 210px 0 8px;
	}	
	
#contentWrapper .columnTwo #roundbox .project img{
	float:right;
	margin:0 8px 0 0;
	}	
	
#contentWrapper .columnTwo #roundbox .project a{
	display:block;
	font-weight:bold;
	color:#000000;
	font-size:0.75em;
	text-decoration:none;
	margin:15px 330px 0 8px;
	padding:0 0 0 0;
	background:url(../img/btn_read_more.gif) no-repeat right bottom;
	}
	
/**********
 * FOOTER *
 **********/
#footer{
	border-top:1px solid #868889;
	margin:25px 0 0 0;
	} 
	
#footer p{
	text-align:right;
	font-size:0.75em;
	color:#868889;
	margin:5px 10px 5px 0;
	}		
	

	
/***********
 * OVERIGE *
 ***********/	
.clear{
	clear:both;
	}
	
.noMargin{
	margin:0 !important;
	}	
	
.noBg{
	background:transparent !important;
	}