body	{background:#fff;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1.1em;color: #333;}
*	{padding: 0;margin: 0;}

body a{color:#E0000B;	text-decoration:none;}

body a:hover{text-decoration: underline;}

p {margin: 0 0 0.7em 0;}
label{float:left;width:10em;margin:3px 0;}
input, textarea	{margin:3px 0;	width:15em;	overflow:auto;}
textarea	{width:15.2em;	height:5em;}
input.submit	{width:auto;}
fieldset	{border:0px;}

h1,h2,h3,h4,h5 {margin:0 0 0.7em 0;	color:#888;}

h2	{font-size:1.2em;}
h3	{font-size:1em;}
ins	{font-size:0.9em;font-weight:bold;text-decoration:none;}

#main{position:relative;background: url(../images/content_top.jpg) 250px 100px no-repeat;width:960px;margin: 0 auto;	text-align: left;}
/*side bar */
#header	{position:relative;}
#header h1	{display: block;float:left;width:186px;margin:0px;height:260px;background: url(../images/logo.jpg) no-repeat;text-indent: -4000px;}


/*HOOFD NAVIGATIE */
ul#navigatie{position:relative;display: inline;/* float double margin IE issue so use display inline*/	margin:0px 0px 3px 0px;}  

ul#navigatie li{position:relative;list-style-type:none;
	/* float is important in order to position de child LI*/
	display:block;float:left;padding:0 7px;color: #EAEAEA;border-right: 1px solid;height:1%;margin:0px 0 0 0;}
ul#navigatie li.last{border:0;}
ul#navigatie li a{text-decoration: none;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	font-size: 0.8em;
	text-transform: uppercase;font-weight:bold;color: #333;display: block;padding:5px 0 0 0;	margin:0px 0 0 0;}

ul#navigatie li a:hover{background: transparent;color: #333;text-decoration:underline;}
/*inheritance on all deeper li items*/

ul#navigatie ul{position:absolute;float:none;display:none;left:0;z-index:1;}

ul#navigatie li:hover ul ,ul#navigatie li.sfhover ul{display:block;position: absolute;top:20px;	z-index:1;left:0;}
ul#navigatie li li{float:none;border-right:none;}
ul#navigatie li li a:hover{display:block;background: none;color: #333;}



/*END HOOFD NAVIGATIE*/

#breadcrumb	{font-size:0.6em;padding:3px 0;}

/*content tekst*/
#content	{background: url(../images/content_bot.jpg) left bottom no-repeat;padding: 25px 5px;width:513px;overflow:hidden;margin:100px 0 5px 250px;font-size: 0.65em;}
#content ul	{list-style-type:none;margin:5px 0;xborder:1px solid;}
#content ul li	{/*The IE/Win Disappearing List-Background Bug . use position:relative*/
	background:transparent url(../images/bullets/bullet.gif) no-repeat scroll 0 3px;padding:0 0 0 10px;}

#projects	{position:absolute;width:240px;left:0px;top:300px;}

/*rounded corners 2 gifs: top h3 body with bottom property*/
#projects h3	{color:#ccc;background: url(../images/widget_top.jpg) no-repeat;background-position: top 0;margin:0;padding:2px 8px 0px;height: 37px;font-size:1.6em;font-family:trebuchet,verdana;}
#projects ul	{list-style: none;float:left;width:177px;overflow:hidden;margin:0;padding:5px 4px;background: url(../images/widget_bot.jpg) repeat-y;background-position: bottom left;}
#projects ul li{display:block;background:none;padding:0;float:left;	border-right:1px solid #ccc;margin:3px 0 0 0;white-space:nowrap;}
#projects ul li a {margin:5px;color:#333;font-size:0.85em;}

h4	{xbackground:#EAECF4 url(../images/bg_projects_top.gif) no-repeat;background-position: top;margin:0em 0 0 0;padding:0px 0 0 10px;height: 21px;text-indent:-4000px;xborder:1px solid;float:left;overflow:hidden;width:449px;	display:block;}

#projectdetails{xbackground: #EAECF4 url(../images/bg_projects_body.gif) no-repeat;	background-position: bottom;margin:0;	float:left;	width:469px;overflow:hidden;height:350px;}
#projectdetails div{clear:both;height:400px;}
#projectdetails div div{float:left;clear:none;width:255px;}
#projectdetails img{float:right;}
#projectdetails ul{	margin-top:10px;}
#projectdetails h5 { 	font-size:1.2em;margin:5px 0;}