@import url("producten.css");
@import url("jquery.fancybox.css");
@import url("../system/seo/aanvragen/contact.form.css");

*{
	margin:0;
	padding:0;
}

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

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

#wrapper{
	margin:0 auto;
	text-align:left;
	width:852px;
	position:relative;
	background:#fff;

}

#menu{
	float:right;
	width:852px;
	height:47px;
	background: url(../images/menu.jpg) no-repeat top left;	
}

#menu ul{
	padding:19px 0 0 190px;
	margin:0;
	list-style:none;
}

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

#head{
	float:left;
	width:852px;
	height:162px;
	background: url(../images/head1.jpg) no-repeat top left;
}

#catmenu{
	float:left;
	width:852px;
	height:64px;
	background: url(../images/catmenu_bg.jpg) no-repeat top left;	
}

#catmenu_links, #catmenu_rechts{
	position:absolute;
	top:208px;
	height:75px;
	width:19px;
}

#catmenu_links{
	left:-19px;
	background: url(../images/catmenu_links.jpg) no-repeat top left;	
}

#catmenu_rechts{
	right:-19px;
	background: url(../images/catmenu_rechts.jpg) no-repeat top left;	
}

#catmenu li{
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

.menuitem1{
	width:259px; 
	height:64px; 
	float:left;
	background: url(../images/nieuweaanhangwagens.jpg) no-repeat top left;
	background-position: 0 -64px;
}

.menuitem1-active{
	width:259px; 
	height:64px; 
	float:left;
	background: url(../images/nieuweaanhangwagens.jpg) no-repeat top left;
	background-position: 0 0;
}

.menuitem2{
	width:307px; 
	height:64px; 
	float:left;
	background: url(../images/gebruikteaanhangwagens.jpg) no-repeat top left;
	background-position: 0 -64px;
}

.menuitem2-active{
	width:307px; 
	height:64px; 
	float:left;
	background: url(../images/gebruikteaanhangwagens.jpg) no-repeat top left;
	background-position: 0 0;
}

.menuitem3{
	width:286px; 
	height:64px; 
	float:left;
	background: url(../images/aanbiedingaanhangwagens.jpg) no-repeat top left;
	background-position: 0 -64px;
}

.menuitem3-active{
	width:286px; 
	height:64px; 
	float:left;
	background: url(../images/aanbiedingaanhangwagens.jpg) no-repeat top left;
	background-position: 0 0;
}

.menuitem1:hover, .menuitem2:hover, .menuitem3:hover{
	background-position: 0 0;
}

.menu{
	display:none;
}

#content{
	width:814px;
	float:left;
	background: url(../images/tekst_bg.jpg) no-repeat top left;	
	padding:25px 19px 10px 19px;
}

#kolom1{
	float:left;
	width:365px;
	padding:0 25px 10px 0;
}

#kolom1-prod{
	float:left;
	width:584px;
	padding:0 15px 10px 0;
	background: url(../images/kolom2_bg.jpg) no-repeat;		
	background-position: 598px 0; 
}

#kolom2{
	float:left;
	width:168px;
	height:426px;
	padding:0 21px;
	background: url(../images/kolom2_bg.jpg) no-repeat top left;	
}

#kolom3{
	float:left;
	width:193px;
	padding:0 0 0 21px;
}

.contact{
	float:left;
	width:193px;
	padding:0 0 3px 0;
}

.nieuws{
	float:left;
	width:193px;
	padding:10px 0 0 0;
	border-top:1px solid #d6d6d6;
}

#footer{
	float:left;
	width:852px;
	height:36px;
	background: url(../images/footer.jpg) no-repeat top left;
}


#accordion{
	float:left;
	width:590px;
	padding: 20px 0 10px 30px;
	text-align:left;
}

.toggle{
	cursor:pointer;
}

.element{
	width:585px;
	padding:5px;
}

.wingweb{
	float:right;
	width:192px;
	padding: 20px 30px 10px 0;
	text-align:right;
}