* {
	margin: 0;
	padding: 0;
	border: 0;
}

body, html {
height:100%;
width:100%;
}

body {
	background-color:black;
}

.fll {
	width:100%;
}

.cntr {
	margin:0 auto;
}

.lft {
	float:left;
	position:relative;
}

.container {
	width:980px;
	padding-left:20px;
}	

#logo {
	width:301px;
	height:87px;
	display:block;
	background: url('../images/AG-logo.png') no-repeat 0 0;
}

#header {
	height:125px;
	display:block;
	border-bottom:1px solid #ecbf57; /* AG - geel/oranje */
	background: url('../images/logo-glow.png') no-repeat 20px 0;
}

#main {
	min-height:410px;
	display:block;
 	background: url('../images/main_bg_tile.png') repeat-x 0 0 #222222;
}

	#content {
		width:699px;
		margin-top:30px;
	}
	
		.main-image {
			display:block;
		}

			/* gehele image total hoogte: 323px */

			#main-image-top {
				height:186px;
			}
			
			#main-image-mid {
				height:112px;
			}
	
			#main-image-bottom {
				height:25px;
			}

#footer {
	min-height:300px;
}

	ul#contact-blokken {
		margin-top:20px;
	}

		ul#contact-blokken li {
			height:70px;
			float:left;
			position:relative;
			clear:none;
			padding:10px;
			margin-right:25px;
		}

		#contact-blokken li.wide { width:190px;}
		#contact-blokken li.small { width:135px; }
		#contact-blokken li.solid { border:2px solid #292929;}
		#contact-blokken li.dashed { border:1px dashed #292929;}

/* Typography */

/* Font face */
@font-face {
    font-family: 'Dax';
    src: url('../fonts/dax-regular-webfont.eot');
    src: url('../fonts/dax-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dax-regular-webfont.woff') format('woff'),
         url('../fonts/dax-regular-webfont.ttf') format('truetype'),
         url('../fonts/dax-regular-webfont.svg#DaxRegular') format('svg');
         
    font-weight: normal;
    font-style: normal;
}

p, h1, h2, h3, h4, h5, a, strong, em {
	color:white;
}

p {
	font-family: 'Arial', 'sans-serif';
	font-size:12px;
	line-height:1.5em;
	width:100%;
}

a {
	font-family: 'Arial', 'sans-serif';
	font-size:12px;
	width:100%;
}

h2, h3 {
	font-family: 'Dax';
	font-size:14px;
	line-height:17px;
	width:100%;
}

	/* afwijkende typografische stijlen */

	#main-image-mid h1 { text-align:center; font-family: 'Dax'; font-size:22px; margin-top:13px;}
	#main-image-mid p { text-align:center; font-family: 'Dax'; font-size:18px; margin-top:9px; }
	#footer p.beschikbaarheid { margin:1em 0 0 0; }
	#footer a { float:left; position:relative; clear:both; }
	#footer .mail { font-size:12px; }
	#footer .mail-long { font-size:11px; text-decoration:none; }
	#contact-blokken li h3 { font-size:16px; margin-bottom:5px; }
	
	a.tel { font-family:'Dax'; text-decoration:none; font-size:16px; margin-bottom:5px;}