/* CSS Document */
* 
	{
		margin:0;
		padding:0;
	}
	
html 
	{
		height:100%;
		width:100%;
	}

.clear 
	{
		clear:both;
	}

body 
	{
		background:transparent url(../images/background.png) fixed bottom repeat-x;
		color:#989898;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
#bg_menu
	{
		background: url(../images/menu_bg_home.png) top repeat-x;
	}

.container 
	{
		margin:0 auto;
		width:950px;
		height:auto;
		position:relative;
	}

#menu_picture
	{
		background:url(../images/menu_photo_home.png) no-repeat;
		position:absolute;
		z-index: 1;
		width: 397px;
		height: 299px;
		margin: 31px 0 0 526px;
	}

#header
	{
		height: 227px;
		position:relative;
	}

#logo
	{
		background:url(../images/logo_home.png);
		height: 135px;
		width: 390px;
		margin: 54px 0 0 0;
		float: left;
	}
	
#logo h1
	{
		visibility:hidden;
	}

#topmenu
	{
		margin-left:766px;
	}

#topmenu li
	{
		display:inline;
		display:block;
		height: 21px;
		float: left;
		width:auto;
	}

#topmenu a.one
	{
		background:url(../images/topmenu_home.png) no-repeat;
		width: 74px;
		margin-left: 0px;
	}

#topmenu a.one:hover
	{
		background:url(../images/topmenu_home_hover.png) no-repeat;
	}

#topmenu a.two 
	{
		background: url(../images/topmenu_contact.png) no-repeat;
		width: 65px;
		margin-left:0px;
	}

#topmenu a.two:hover 
	{
		background: url(../images/topmenu_contact_hover.png) no-repeat;
	}
	
#topmenu a 
	{
		text-decoration:none;
		margin: 0 0 0 7px;
		display:block;
	}
	
#topmenu span
	{
		visibility: hidden;
		text-decoration:none;
		margin: 0 0 0 7px;
	}

#menu
	{
		background: url(../images/menu.png) repeat-x;
		height: 46px;
		position:relative;
	}

#menu ul
	{
		margin: 0 0 0 42px;
	}
	
#menu li
	{
		display:inline;
		float:left;
		height:46px;
		overflow:hidden;
		width:auto;
	}

#menu a
	{
		display:inline-block;
	}
	
#menu a:hover
	{
		margin-top: -46px;
	}

#menu img
	{
		border:none;
	}

#content
	{
		margin-top:42px;
		width:728px;
		height:auto;
		min-height:300px;
		float:right;
	}
	
		
#content img
	{
		margin: 18px 0 0 45px;
	}
	
#diensten
	{
		margin: 7px 0 0 26px;
		height: 290px;
		width: 701px;
		background:url(../images/dienstenvlak.png) no-repeat;
	}
	
#diensten .item
	{
		height: 246px;
		width: 213px;
		padding: 21px 10px 17px 10px;
		float:left;
		font-size: 12px;
	}
	
#diensten span
	{
		font-weight:bold;
		font-size:15px;
		margin: 0px;
		color:#FFFFFF;
		line-height: 16px;
	}
	
#diensten a
	{
		font-weight:bold;
		font-size:12px;
		margin: 0px;
		color:#FFFFFF;
		line-height: 16px;
	}

#diensten p
	{
		margin-top: 7px;
		color:#FFFFFF;
	}
	
#nieuws
	{
		margin: 7px 0 0 26px;
		padding: 20px;
		height: auto;
		height: 260px;
		width: 662px;
		background:url(../images/nieuwsvlak_home.png) no-repeat;
	}
	
#nieuws span
	{
		font-weight:bold;
		font-size:16px;
		margin: 0px;
		color:#666666;
	}

#nieuws p
	{
		margin-top: 7px;
		color:#666666;
		font-size: 12px;
	}
	
#nieuws a
	{
		margin-top: 7px;
		color:#000000;
		font-size: 12px;
	}
	
#ref
	{
		margin-top:62px;
		width:222px;
		height:auto;
		min-height:300px;
		float:left;
	}

.holder
	{
		margin:25px 0 0 36px;
		background:url(../images/referencieblok.png) no-repeat;
		width:170px;
		height:175px;
	}
	
span
	{
		margin: 0 0 0 5px;
		line-height: 25px;
		color:#445584;
		font-weight:bolder;
		font-size:13px;
	}

#ref a
	{
		font-style:italic;
		font-size: 12px;
		color:#333333;
	}

#ref img.p
	{
		margin: 4px 21px 0 0;
		width: 52px;
		height: 59px;
	}

#ref img.titel
	{
		margin: 0 auto 0 39px;
		width: 154px;
		height: 17px;
	}

	
#footer
	{
		margin:20px 0 15px 0;
		text-decoration:none;
		text-align:center;
		font-size:9px;
	}
	
#footer a
	{
		color:#808080;
	}