@import url("milkbox.css");

*{
	margin:0;
	padding:0;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #57840e url(../images/bg.jpg) repeat-x top left;
	text-align:left;
}

#wrapper{
	margin:0;
	text-align:left;
	width:801px;	
	position:relative;
}

#top{
	float:left;
	width:801px;
	height:68px;
	background: url(../images/topmenu.jpg) no-repeat top left;
}

#top ul{
	padding:20px 0 0 33px;
	margin:0;
	list-style:none;
}

#top li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding:0 9px;
}

.menuitem1{
	background: url(../images/home.jpg) no-repeat;
	background-position: 0 -29px;
	width:89px; 
	height:29px; 
	float:left;
}

.menuitem2{
	background: url(../images/aanleg.jpg) no-repeat;
	background-position: 0 -29px;
	width:89px; 
	height:29px; 
	float:left;
}

.menuitem3{
	background: url(../images/onderhoud.jpg) no-repeat;
	background-position: 0 -29px;
	width:124px; 
	height:29px; 
	float:left;
}

.menuitem4{
	background: url(../images/contact.jpg) no-repeat;
	background-position: 0 -29px;
	width:98px; 
	height:29px; 
	float:left;
}

.menuitem1:hover{
	background-position: 0 0;
}

.menuitem2:hover{
	background-position: 0 0;
}

.menuitem3:hover{
	background-position: 0 0;
}

.menuitem4:hover{
	background-position: 0 0;
}

.menuitem1-active{
	background: url(../images/home.jpg) no-repeat;
	background-position: 0 0;
	width:89px; 
	height:29px; 
	float:left;
}

.menuitem2-active{
	background: url(../images/aanleg.jpg) no-repeat;
	background-position: 0 0;
	width:89px; 
	height:29px; 
	float:left;
}

.menuitem3-active{
	background: url(../images/onderhoud.jpg) no-repeat;
	background-position: 0 0;
	width:124px; 
	height:29px; 
	float:left;
}

.menuitem4-active{
	background: url(../images/contact.jpg) no-repeat;
	background-position: 0 0;
	width:98px; 
	height:29px; 
	float:left;
}

.menu{
	display:none;
}

#content{
	margin:0;
	float:left;
	position:relative;
	width:801px;
}

#head{
	float:left;
	width:801px;	
	height:230px;
}

#nieuws{
	float:left;
	width:230px;
	padding:40px 0 0 10px;
}

#nieuws ul{
	list-style:none;
/*	list-style-image: url(../images/nieuwsli.jpg);
	list-style-position:inside;*/
	padding:0 0 0 18px;
}

#nieuws li{
	padding:0 0 5px 0;
}

#impressie{
	float:left;
	width:207px;
	height:162px;
	padding:16px 0 0 19px;
	background: url(../images/impressie_bg.jpg) no-repeat top left;
}

#tekst{
	float:left;
	width:501px;
	padding:0 30px 60px 30px;
	background: #f7f9f3 url(../images/tekst_bot.jpg) no-repeat bottom right;
	overflow:hidden;
	min-height:440px;
	height: auto !important;
	height:440px;
}

#tekst ul{
	list-style:square;
	padding:5px 0 5px 25px;
}

#tekst img{
	border:1px solid #57840e;
	padding:2px;
	margin:3px 8px 3px 10px;
}

.img{
	border:1px solid #57840e;
	padding:2px;
	margin:3px 8px 3px 10px;
}

iframe{
	border:1px solid #57840e;
}

input, textarea{
	border:1px solid #000;
	width:180px;
	padding:1px;
	overflow:auto;
}

#trefwoorden{
	float:left;
	width: 775px;
	text-align:right;
	padding:15px 0 5px 21px ;
}

#footer{
	float:right;
	width: 539px;
	text-align:right;
	padding:5px 21px 10px 0;
}