@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------------------
Layout Style Sheet voor agn-online.nl 2009
Created: 14/09/2009 Pim Lankreijer (molested by Dio)
----------------------------------------------------------------*/


/*----------------------------------------------------------------
Basic page styles
----------------------------------------------------------------*/

.clearleft { clear: left;}
.clearright { clear: right;}
.clear { clear: both;}


body {
	background-image: url(../img/bg_body.gif); /* diagonale achtergrond streep */
}

	#wrapper {	/* alles overkoepelende div. Voor horizontale schaduw boven */
		background-image: url(../img/bg_wrapper.png);
		background-repeat: repeat-x;
		min-height: 600px;
		height:auto !important;
		height:600px;			
		}

		#site { /* overkoepelende div. Voor centreren en schaduw achtergrond */
			width: 960px; /* 960px + ruimte voor schaduw */
			padding: 0 20px;
			margin: 0 auto;
			min-height: 600px;
			height:auto !important;
			height:600px;				
			background-image: url(../img/bg_site.png);
			background-repeat:no-repeat;
			}

			#sitewrapper {
				background-color: #FFFFFF;
				min-height: 600px;
				height:auto !important;
				height:600px;
				position:relative;				
				}
			#contentloading{
				left:450px;
				position:absolute;
				top:380px;
				width:96px;
				height:10px;
				display:none;
			}

/* main divs
----------------------------------------------------------------*/

	#siteheader {
	width: auto;
	height: 250px;
	background-image: url(../img/bg_siteheader.jpg);
	background-repeat: no-repeat;
		}

	#sitemain {
		width: auto;
		height: auto;
		min-height: 450px;
		height:auto !important;
		height:450px;			
		padding: 0 0 10px 0;
		}
		
		#c1 {
			float: left;
			width: 252px;
			}
					
		#c23 {
			margin: 0 0 0 252px;
			/* */
			min-height: 400px;
			height:auto !important;
			height:400px;				
			}
		/*
		#c23-f {
			margin: 0 0 0 291px;
			background-image: url(../img/bg_c23-f-07.png);
			height: 256px
			}

		#c23-fhome {
			display: none;
			}
		*/

	#sitefooter {
		clear:both;
		width: auto;
		height: 91px;
		position:relative;
		}


/* Siteheader elements
----------------------------------------------------------------*/

		#siteheader ul {
			padding: 0;
			margin: 0;
			list-style: none;
			}

		a.logo {
			margin: 30px 35px 0 0;
			clear: right;
			float: right;
			}
		
		div.topnav {
			width:35%;
			min-width: 460px;
			padding: 7px 7px 1px 7px;
			float: right;
			background-image: url(../img/bg_topnav.png);
			background-position: bottom left;
			}

			div.search {
				float: left;
				}
				div.search .searchcont{
					float: left;
					margin: 0;
					padding: 0px 3px 0px 6px;
					line-height:20px;
					height: 20px;
					background-color: #fff;
					background-image: url(../img/bg_searchbox.gif);
					background-repeat: no-repeat;
					}
			div.topnav ul {
				float: right;
				padding-top:5px;
				}
				div.topnav li {
					float: left;
					line-height:18px;
					height: 18px;						
					}
					div.topnav li a {
						background-image: url(../img/bg_topnav_a.gif);
						background-repeat: repeat-y;
						background-position: left top;
						}
						.topnav li:first-child a {
							background-image: none;
							}
		
		div.mainnav {
			clear:both;
			position:relative;
			top: 40px;
			/top: 43px;
			}
		body:nth-of-type(1) div.mainnav{
			top: 39px;
			}
			div.mainnav ul {
				height: 73px;
				list-style: none;
				}
				div.mainnav li {
					float: left;
					margin: 0;
					height: 73px;
					overflow:hidden;
					}
					/*
				div#mainnav li:first-child {
					background: none;
					}
					*/
		
/* Sitemain elements
----------------------------------------------------------------*/

/* #c1 */
		#slideshow {
			position:relative;
			height:400px;
			display:none;
		}
		.pageclass_home	#slideshow {
			display:none;
		}
		
		#slideshow IMG {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
		}
		
		#slideshow IMG.active {
			z-index:10;
		}
		
		#slideshow IMG.last-active {
			z-index:9;
		}
		div.sidenav {
			margin: 18px 14px 6px 25px;
			padding: 0 0 90px 0;
			border: #dadada 1px solid;
			min-height:324px;
			height:auto !important;
			height:324px;			
			background-color: #f3f3f3;
			position:relative;
			}
			.pageclass_home div.sidenav ul#dropdown{
				display:block;
			}	
			.accmenu{
				display:none;
			}
			div.sidenav ul {
				list-style: none;
				margin: 0;
				line-height:1.16em;
				height:1.16em;
				}
				
				div.sidenav ul li {
					}
					
					div.sidenav ul li a {
						display: block;
						padding: 9px 32px 9px 14px;
						border-bottom: #dadada 1px solid;
						background-position: right center;
						background-repeat: no-repeat;
						background-image: url(../img/arrow_down.gif);
						}
					div.sidenav ul li.flat a{
						background-image:none;
					}

						div.sidenav ul li.current {
							background-image: url(../img/bg_topnav.png);
							background-position: center;
							}
						div.sidenav ul li.current a {
							background-image: url(../img/arrow_down_current.gif);
							}
						div.sidenav ul li.current.flat a{
							background-image:none;
						}
						div.sidenav ul li a:hover{
							color:#F47E20;
						}
					div.sidenav ul li ul li a, div.sidenav ul li.current ul li a {
						padding: 9px 32px 9px 21px;
						background-color: #FFFFFF;
						background-image: none;
						}
					div.sidenav ul li ul.links{
						height:auto;
					}
					div.sidenav ul li ul li a:hover{
						background-color:#f7f7f7;
						}
					div.sidenav ul li ul li.subcurrent a{
	background: #FFF url(../img/submenu_bg.jpg) no-repeat left top;
	color:#FBBE8F;
						}						
		#ms{
			background: url(../img/microsoft_certified_logos.gif) no-repeat center;
			display: block;
			height: 65px;
			width: 212px;
			position:absolute;
			bottom:0px;
		}					

		#formulier {}
			#formulier td {padding: 2px;}
				#formulier td textbox {width: 200px;}

/* #c23 */		
		
#c23 {
	}
	

	#c23-c {
		background-color: #0085cf;
		border: 10px solid #FFFFFF;
		border-bottom: none;
		padding: 0;
		/* */
		min-height:500px;
		height:auto !important;
		height:500px;		
		}
	
		div.topimg {
			padding: 225px 0 0 0;
			background-image: url(../img/01.jpg);
			background-repeat: no-repeat
			}		
			h2 {}
							
		#c2 {
			padding: 0 22px 0 0;
			margin: 18px 0 0 0;
			float: left;
			width: 526px;
			background-image: url(../img/bg_c2.png);
			background-repeat: no-repeat;
			background-position: right bottom;
			
			/* 
			background-color:#00CCCC;*/
			}
			#c2 #maincontent {
				border: 1px solid #dadada;
				/*padding: 20px 40px 57px 32px;*/
				padding:5px 15px;
				min-height:414px;
				height:auto !important;
				height:414px;				
				}
		
		#c3 {
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 18px 0 0 0;
	width: 160px;
	float: right;
	min-height: 440px;
	height:auto !important;
	height:440px;
			}
			div.quote {
	background-image: url(../img/bg_quote_top.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
				}
				div.quote q {
					display: block;
					background-image:url(../img/bg_quote_bottom.gif);
					background-repeat: no-repeat;
					background-position: bottom;
					padding: 12px 10px 12px 10px;
					}
				
	ul#icons{
		position:absolute;
		bottom:0px;
		right:5px;
		color:#696b6f;
	}
	ul#icons li{
		padding-right:39px;
		list-style:none;
		text-align:right;
		height:34px;
		line-height:17px;
		font-size:11px;
		margin-bottom:10px;
		display:none;
		width:130px;
	}
	ul#icons li#google{
	background-image:url(../img/icons_google.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	ul#icons li#succes{
	background-image:url(../img/icons_succes.gif);
	background-repeat: no-repeat;
	background-position: right center;		
	}
	ul#icons li#maatwerk{
	background-image:url(../img/icons_maatwerk.gif);
	background-repeat: no-repeat;
	background-position: right center;		
	}
	ul#icons li#kwaliteit{
	background-image:url(../img/icons_prijs_kwaliteit.gif);
	background-repeat: no-repeat;
	background-position: right center;		
	}	

	#imageMenu {
		position: relative;
		width: 475px;
		height: 200px;
		overflow: hidden;
	}
	
	#imageMenu ul {
		list-style: none;
		margin: 0px;
		display: block;
		height: 200px;
		width: 1000px;
		
		}
	
	#imageMenu ul li {
		float: left;
		width:95px;
	}
	
	#imageMenu ul li a {
		text-indent: -1000px;
		display:block;
		height:200px;		
	}

/* Sitefooter elements
----------------------------------------------------------------*/

		#sitemap {
			height: 65px;
			border: 1px solid #FFFFFF;
			position:relative;
			overflow:hidden;
			top:0px;
			background-color:#999;
			z-index:999;
			}			
		#sitemap #echo{
			display:block;
			background-color:#666;
			height:100px;
			top:0px;
		}
		#sitemap a{
			display: block;
			height: 65px;
			text-indent: -15000px;
			background: url(../img/sitemap_open.png) no-repeat 0px -65px;
		}
		#sitemap a:hover{
			background-position:0px 0px;		
		}
		#sitemap a.open{
			background-image: url(../img/sitemap_close.png);			
		}
		#sitemap a.open:hover{
			background-position:0px 0px;			
		}		

			div.footernav {
			padding: 0px 100px 0 0;
			}
			div.footernav ul {
				float: right;
				list-style: none;
				}
				div.footernav li {
					float: left;
					margin: 0 0 0 20px;
					}		
		
/*SITEMAPSTYLE*/

#sitemaplinks {
	font:bold 18px Arial,sans-serif;
	margin:10px;
	background-image: url(../img/bg_submenu_active.gif);
	background-repeat: repeat;
}
#sitemaplinks ul {
	list-style:none;
	margin:0;
	padding:0;
	list-style: none;
	margin: 0;
}
#sitemaplinks ul li {
	float:left;
	text-align:left;
	margin:5px 13px;
	width:208px;	
}
#sitemaplinks ul li a{
	text-transform:uppercase;
	color:#F47E20;
	text-indent: 0px;
	padding:3px 0px;
	line-height:22px;
	height:22px;
	background-image:none;
	display:inline;	
}
#sitemaplinks ul ul {
}
#sitemaplinks ul ul li {
	float:none;
	text-align:left;
	padding-left:10px;
	width:194px;
	border:none;
	background-color:#F3f3f3;
	font-size:12px;
	border: 1px solid #CCC;
	margin:0px 13px 2px 0px;
}
#sitemaplinks ul ul li a{
	text-transform:none;	
	color:#333;
	line-height:20px;	
	height:20px;
}
#sitemaplinks ul ul ul li {
	font-size:11px;
	font-weight:normal;
	margin-left:0px;
	padding-left:10px;
	width:189px;
	background-color:#FFF;
	border:solid 1px #CCC;
}
#sitemaplinks ul ul ul li a{
	line-height:18px;
	height:18px;
}
#sitemaplinks ul ul ul ul li {
}
#sitemaplinks ul ul ul ul ul li {
}		
/*SITEMAPSTYLE*/

		#sitemaplinksnoscript{
			background-color:#FFF;
			padding:10px;
		}		
		#footer{
			position:absolute;
			top:67px;
			width:958px;
			height:23px;
			background-image:url(../img/bg_footer.gif); 
			background-repeat:repeat-x;
			margin:0 1px;
			text-align:right;
		}
		#footer a{
			margin:0 6px 0 0;
			line-height:24px;
			height:24px;
			color:#FFF;
			font-size:10px;
		}
		#kruimelnav{display:none;}
		
	
/* Homepage uitzonderingen 
----------------------------------------------------------------*/
.empty{
	display:none;
}