.body{
	background-image:							url('/img/grijs_verloop.jpg');
	background-repeat:							repeat-x;
	background-color:							#ffffff;
	padding:									0 0 0 0;
	margin:										0 0 0 0;
}

img{
	border:										0px;
	display:									block;
}


.site{
	width:										956px;
	margin-left:								auto;
	margin-right:								auto;
}

/*HEADER*/

.site .header{
	height:										90px;
}

.site .header .logo{
	position:									absolute;
	margin-left:								32px;
	margin-top:									10px;
}

.site .header .topmenu{
	position:									absolute;
	width:										156px;
	height:										35px;
	margin-left:								793px;
	margin-top:									0px;
	
	background-image:							url('/img/topmenu_ag.png');
	
	font-family:								verdana;
	font-size:									10px;	
	text-align: 								right;
}

.site .header .topmenu .afronding{
	margin-left:								-21px;
	float:										left;
}

.site .header .topmenu .holder{
	padding-top:								6px;
	padding-right:								6px;
}

.site .header .topmenu a{
	color:										#000000;
	text-decoration:							none;
}

.site .header .topmenu a:hover{
	color:										#000000;
	text-decoration:							underline;
}


.site .header .slogan{
	position:									absolute;
	margin-top:									27px;
	margin-left:								250px;
	width:										450px;
	text-align:									center;
	font-family:								arial;
	font-size:									14pt;
	color:										#666666;
	letter-spacing:								2px;
	
}

/*BREACRUMP*/


.site .breadcrump{
	height:										20px;
	font-family:								verdana;
	font-size:									10px;
	padding-left:								5px;
	padding-top:								2px;
}

.site .breadcrump a{
	color:										#000000;
	text-decoration:							none;
}


.site .breadcrump a:hover{
	color:										#000000;
	text-decoration:							underline;
}

/*MENU*/

.site .menu{
	height:										40px;
	border-bottom:								solid 1px #E99623;
}

.site .menuholder{
	padding-top:								10px;
	padding-left:								8px;
	overflow:									auto;
}

.site .menuholder .item, .site .menuholder .itemactive{
	height:										40px;
	margin-left:								-12px;
}





.site .item, .site .itemactive{
	float:										left;
	margin-left:								-4px;	
  position: relative;
  z-index: 12;
}



.site .item a, .site .itemactive a{
	text-decoration:							none;
}


.site .item a:hover, .site .itemactive a:hover{
	text-decoration:							underline;
}

.site .item a{
	color:										#000000;
}

.site .itemactive a{
	color:										#ffffff;
}


.site .item .flaptxt{
	float:										left;
	padding-left:								10px;
	padding-right:								10px;	
	height:										30px;
	background-image:							url('/img/menu_inactive.png');
	font-family:								verdana;
	font-size:									11px;
	color:										#000000;
}

.site .item .flaptxt .space{
	padding-top:								10px;
}


.site .item .flapl, .site .item .flapr{
	float:										left;
	width:										14px;
	height:										30px;
}
	
.site .item .flapl{
	background-image:							url('/img/menu_flap_l_inactive.png');
}


.site .item .flapr{
	background-image:							url('/img/menu_flap_r_inactive.png');
}



.site .itemactive .flaptxt{
	float:										left;
	padding-left:								10px;
	padding-right:								10px;
	height:										33px;
	background-image:							url('/img/menu_active.png');
	font-family:								verdana;
	font-size:									11px;
	color:										#ffffff;
}

.site .itemactive .flaptxt .space{
	padding-top:								10px;
}


.site .itemactive .flapl, .site .itemactive .flapr{
	float:										left;
	width:										14px;
	height:										33px;
}

.site .itemactive{
	margin-top:									-3px;
}

	
.site .itemactive .flapl{
	background-image:							url('/img/menu_flap_l_active.png');
}


.site .itemactive .flapr{
	background-image:							url('/img/menu_flap_r_active.png');
}

/*SUBMENU*/

.submenu{
	display:									none;
	position:									absolute;
	z-index:									11;
	margin-top:								38px;
}

.submenu li{
	min-width:									170px;
	background-image:							url('/img/submenu_ag.png');
	border-left:								solid 1px #DADADA;
	border-right:								solid 1px #DADADA;
	border-bottom:								solid 1px #DADADA;
	list-style:									none;
	padding-top:								4px;
	padding-bottom:								4px;
	padding-left:								4px;
	padding-right:								4px;
}


.submenu li:hover{
	background-color:							#EFA642;
}

.submenu a{
	font-family:								arial;
	font-size:									8pt;
	color:										#FFFFFF;
	text-decoration:							none;
}

.submenu a:hover{
	/*color:										#000000;*/
}


/*FOOTER*/

.site .footer{
	height:										150px;
	margin-top:									50px;
	text-align:									center;
	font-family:								arial;
	color:										#CCCCCC;
	font-weight:								normal;
}

.site .footer .spacing{
	margin-left:								auto;
	margin-right:								auto;
	width:										600px;
	text-align:									center;
}

.site .footer a{
	color:										#CCCCCC;
	text-decoration:							none;
}


.site .footer a:hover{
	color:										#EF9A26;
	text-decoration:							none;
}

.site .footer h1{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;
}


.site .footer h2{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;	
}

.site .footer h3{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;
}

.site .footer h4{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;
}

.site .footer h5{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;
}

.site .footer h6{
	float:										left;
	margin-left:								10px;
	margin-right:								10px;
	font-weight:								normal;
}



/*DYNAMISCHE CONTENT*/

.headerphoto{
	width:										740px;
	height:										210px;
}


.content{
	margin-top:									10px;
	overflow:									auto;
}

.content .txt{
	width:										754px;
	margin-top:									2px;
	float:										left;
	overflow:									auto;
}

.content .banners{
	width:										202px;
	float:										left;
}

.content .inhoud{
	width:										740px;
	margin-top:									220px;
	font-family:								arial;
	font-size:									10pt;
	color:										#000000;	
}

.content .inhoud a{
	color:										#EB9A2F;
	text-decoration:							none;
}


.content .inhoud a:hover{
	color:										#EB9A2F;
	text-decoration:							underline;
}

.content  .inhoud h1{
	font-family:								arial;
	font-size:									15pt;
	color:										#808080;
	
	margin-top:									0px;
	margin-right:								0px;
	margin-bottom:								0px;
	margin-left:								0px;
	padding-top:								0px;
	padding-right:								0px;
	padding-bottom:								0px;
	padding-left:								0px;
	
}


/*WINKELS*/

.plaatsbepaling{
	display:									none;
	padding-top:								10px;
	padding-right:								10px;
	padding-bottom:								10px;
	padding-left:								10px;
}



/*BANNERS*/


.merken{
	background-image:							url('/img/merken_tabel_ag.jpg');
}


.nieuws{
	background-image:							url('/img/nieuws_tabel_ag.jpg');
}


.nieuws .nieuwsitem{
	font-family:								arial;
	font-size:									11px;
	padding-top:								5px;
	padding-bottom:								5px;
	padding-left:								5px;
	padding-right:								5px;
}

.nieuws .nieuwsitem a{
	color:										#000000;
}


.merken .onzemerken{
	margin-top:									-4px;
}

.merken .logoplacement{
	padding-top:								15px;
	min-height:									100px;
	overflow:									auto;
}

.merken .logoplacement .logoholder{
	display:									block;
	overflow:									auto;
}
.merken .logoplacement .logoholder img{
	margin-top:									auto;
	margin-bottom:								auto;
	margin-left:								auto;
	margin-right:								auto;
}

.merken .spacer, .nieuws .spacer{
	width:										180px;
	margin-left:								10px;
}

/*MERKEN PAGINA*/

.artikelenmerken{
	width:										740px;
	border-top:									solid 1px #F8E3C8;
}

.artikelenmerken .artikel{
	clear:										both;
	border-bottom:								solid 1px #F8E3C8;
}

.artikelenmerken .artikelheader{
	/*background-image:							url('/img/wieber_on.png');*/
	background-repeat:							no-repeat;
	height:										30px;
}

.artikelenmerken .artikel h1{
	padding-top:								4px;
	padding-left:								25px;
	font-size:									16px;
	color:										#E49123;
}

.artikelenmerken .wieber{
	position:									relative;
	z-index:									10;
	margin-top:									2px;
	margin-left:								2px;
	float:										left;
}


.artikelenmerken .teaser{
	overflow:									auto;
	display:									none;
	padding-bottom:								10px;
}


.artikelenmerken .teaser .icon{
	width:										180px;
	float:										left;
}

.artikelenmerken .teaser .icon img{
	width:										170px;
}

.artikelenmerken .teaser .intro{
	width:										560px;
	float:										left;
}

/*RONDE HOEKEN*/
.box{
	position:									absolute;
	margin-bottom:								0px;
	padding:									0px;
}

.box .tl,.box .tr,.box .bl,.box .br{
	position:									absolute;
	width:										11px;
	height:										13px;
}

.box .tl{
	background-image:							url(/img/rond/box-tr.png);
	top:										0;
	left:										0;
}
	
.box .tr{
	background-image:							url(/img/rond/box-tl.png);
	top:										0;
	right:										0;
}

.box .bl{
	background-image:							url(/img/rond/box-bl.png);
	bottom:0;
	left:0;
}

.box .br{
	background-image:							url(/img/rond/box-br.png);
	bottom:										0;
	right:										0;
}

.box .bg-white{
	background-color:							#ffffff;
	padding:									0px;
}
