*
{
	margin: 0;
	padding: 0;
}

	html
	{
		height: 100%;
	}

body
{
	background-color: #626262;
	background-image: url(images/body_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	color: #4C4C4C;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	height: 100%;
}

#page
{
  
  background-color: #fff ;
	width: 752px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}

* html #page
{
	height: 100%;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	
}

.hidden
{
	position: absolute;
	left: -10000px;
}


	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{
		position: relative;
		z-index:  10;
		margin: -22px auto 0 auto;
		background-color: #fff ;
		height: 22px;
		width: 752px;
		text-align: left;
		 
	}
	#footer p{
  	padding-top: 5px;
  	font-size:   10px;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -22px;
	}
	
#header{
  border: #54575E 1px solid;
  border-top: #bcbcbc 3px solid;
  background: #fff url(images/header_nieuw.jpg) top center;
	width: 750px;
	margin: 0 auto;
}

#header h1{

  float:  left;
  width:    300px;
  height: 180px;
  display:  block;
  margin:   0px 0 0 0;
  padding-left: 110px;
}
#header h1 a{
 
  width:    150px;
  height:   150px;
  display:  block;
}

#header h2{
  background: #fff url(images/sub_header.jpg) top center;
  display:    block;
  width:      750px;
  height:     23px;
  clear:      both;
  
  }
  
h2 span{
  display:  none;
}

#header a span{
  display:  none;
}

#header p{
  float:  right;
  color:  #fff;
  margin: 5px 7px 0 0;
  font-size:  11px;
  text-align:  right;
  }



#content
{
	padding-bottom: 20px;
	margin:         0 1px;
}

#contentMain
{
	display: inline;
	clear: both;
	float: left;
	width: 506px;
	border-right:  1px solid #bbb;
	
}


#contentMain h2{
  display:  block;
  background-color: #a89170;
  padding:  2px 5px;
  color:    #fff;
  font-size:  14px;
  margin:     0 3px;
}



#contentMain p{
  margin:    20px 10px;
  clear:  both;
}

#contentMain h4{
  margin:   2px 10px;
}

.pic_container{
  
  display:    block;
  text-align: center;
}

.pic_container img{
  margin-top: 30px;
  float:  none !important;
  
}

#contentMain p img{
  float:  left;
  clear:  both;
  border: none;
  
  
}

#contentMain p img.recent{
  margin-right:  5px;
  margin-bottom:  10px;
  width:  60px;
}

#main_menu{
  background: transparent url(images/menu.jpg) repeat-x;
  list-style-type: none;
  display:  block;
  margin-bottom:  40px;
}

#main_menu li{
  float:  left;
  }

#main_menu a{
  color:  #fff;
  font-size:  12px;
  font-weight:  bold;
  }

#main_menu a span{
  display: none;
}



#contentSub
{
	display: inline;
	float: right;
	width: 240px;
	text-align: center;
	background-color: #fff;
}

#contentSub h2{
  padding:  2px 0;
  background: transparent url(images/submenu.jpg) repeat-x;
  font-size:  14px;
  color:      #999999;
  border:  1px solid #525252;
  }


#contentSub p{
  text-align: left;
  margin:     0 10px;   
  
  }    
.client_list{
  margin: 20px 0 0 20px;
text-align: left;

  
  }

  
.client_list li{
  margin: 5px 0;
  }




img.right{
  float:  right!important;
}

p.sys_exp{
  padding:   10px 10px 5px 10px;
}

p.sys_exp img{
  margin-right: 10px;
}