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


/* gedeeltelijke css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: disc;
	margin:15px;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* einde reset */


/* css  */
a:link    {
color:#505050;
text-decoration: none;
}

a:visited    {
color:#505050;
text-decoration: none;
}

a:active     {
color:#505050;
text-decoration: none;
}

a:hover    {
color:#00523C;
text-decoration: underline;
}

body						  { background-color:#C1C1C1;
								
								background-repeat:no-repeat;
								background-position:top center;
}

#container                 	  { width:960px;
                                height:auto;
                                margin: 0 auto;
								
}

#top						  { width:960px;
								height:154px;
								background-image:url(../dhk_images/top_bg.jpg);
}

#logo						  { width:340px;
								height:126px;
								background-image:url(../dhk_images/logo.png);
								position:relative;
								top:10px;
								left:100px;
}

#contactgegevens			  { width:200px;
							    height:100px;
								position:relative;
								top:-100px;
								left:640px;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								line-height:16px;
								color:#4e4f4a;
}


#kwaliteitsmeter			  { width:105px;
							    height:130px;
								position:relative;
								top:-210px;
								left:840px;
								
}

#main						  { width:960px;
								height:auto;
}

#left						  { width:638px;
								height:100px;
								position:relative;
								float:left;
}

#navigation					  { width:638px;
								height:98px;
}

#dropdownbalkalgemeen		  { width:628px;
								height:25px;
								background-color:#e3e5d8;
								position:relative;
								float:left;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								padding-left:5px;
								padding-top:5px;
								padding-right:5px;
								color:#4e4f4a;
								background-image:url(../dhk_images/dropdown_algemeen.png);
}

#dropdownbalkdiensten		  { width:502px;
								height:25px;
								background-color:#e3e5d8;
								position:relative;
								float:left;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								padding-left:131px;
								padding-top:5px;
								padding-right:5px;
								color:#4e4f4a;
								background-image:url(../dhk_images/dropdown_diensten.png);
}

#dropdownbalktarieven		  { width:376px;
								height:25px;
								background-color:#e3e5d8;
								position:relative;
								float:left;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								padding-left:257px;
								padding-top:5px;
								padding-right:5px;
								color:#4e4f4a;
								background-image:url(../dhk_images/dropdown_tarieven.png);
}

#dropdownbalkcontact		  { width:250px;
								height:25px;
								background-color:#e3e5d8;
								position:relative;
								float:left;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								padding-left:383px;
								padding-top:5px;
								padding-right:5px;
								color:#4e4f4a;
								background-image:url(../dhk_images/dropdown_contact.png);
}

#dropdownbalkroute			  { width:194px;
								height:25px;
								background-color:#e3e5d8;
								position:relative;
								float:left;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								padding-left:439px;
								padding-top:5px;
								padding-right:5px;
								color:#4e4f4a;
								background-image:url(../dhk_images/dropdown_route.png);
}

#knop						  { width:126px;
								height:68px;
								margin-right:2px;
								background-color:#003;
								position:relative;
								float:left;
}

#laatsteknop				  { width:126px;
								height:68px;
								background-color:#003;
								position:relative;
								float:left;
}

#content					  { width:598px;
								min-height:440px;
								background-color:#e3e5d8;
								padding:20px;
								color:#4e4f4a;
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								line-height:16px;
								margin-bottom:20px;
}

#right						  { width:320px;
								height:auto;
								position:relative;
								float:left;
								left:2px;
								top:2px;
}

#foto						  { width:320px;
								height:213px;
								background-image:url(../dhk_images/foto.jpg);
}

#nieuws						  { width:320px;
								height:200px;
								background-image:url(../dhk_images/nieuws_bg.jpg);
								position:relative;
								top:2px;
}

#nieuwslijst				  { width:280px;
								height:auto;
								color:#4e4f4a;
								font-family:Arial, Helvetica, sans-serif;
								font-size:10px;
								line-height:14px;
								position:relative;
								top:30px;
								left:20px;
}

#downloads					  { width:320px;
								height:160px;
								background-image:url(../dhk_images/downloads_bg.jpg);
								position:relative;
								top:4px;								
}

#downloadslijst			  	  { width:280px;
								height:auto;
								color:#4e4f4a;
								font-family:Arial, Helvetica, sans-serif;
								font-size:10px;
								line-height:14px;
								position:relative;
								top:30px;
								left:20px;
}

#footer {
	float:right;
	margin-top:15px;
		
}

.shout4sites {
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	text-transform:none;
	margin-top:50px;
	font-size:11px;
	color:#666666;
}

.shout4sites a:link, .shout4sites a:visited, .shout4sites a:hover, .shout4sites a:active {
	text-decoration:none;
	color:#666666;
}