/* Style voor henrad.nl  */
@media screen
{
body {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: black;
width: 1000px;
margin: 0 auto;
background-color: #d6dadd;}

ul { list-style-image: url(/images/punt.jpg); }
:root { overflow-y: scroll !important; }
img {border: none;}
  /* top div */
div#wrapper {overflow: hidden;background-image: url(/images/bodybg.jpg);}
div#top {height: 90px; margin: 0 25px 0 25px;}
div#bodytop{height: 30px;background-image: url(/images/bodytop.jpg);}

div#toplinks {
float: left;
height: 90px;
width: 310px;
}

div#sitemap {
height: 35px;
width: 310px;
margin-top: 5px;
}
.sitemap { text-decoration: none;color: #808080;font-size: 11px;}
.sitemap:visited { text-decoration: none;color: #808080;font-size: 11px;}
.sitemap:active { text-decoration: none;color: #808080;font-size: 11px;}
.sitemap:hover { text-decoration: underline;color: #808080;font-size: 11px;}
div#logo {
height: 50px;
width: 310px;
}

div#topmenu {
float: left;
height: 90px;
width: 640px;
}
/*headers */
div#bureauheader{
background-image: url(/images/bureauheader.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
div#lopendheader{
background-image: url(/images/lopendheader.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
div#dienstenheader{
background-image: url(/images/dienstenheader.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
div#projectenheader{
background-image: url(/images/projectenheader.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
div#nieuwsheader{
background-image: url(/images/nieuwsheader.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
div#adminheader{
background-image: url(/images/adminheader.jpg);
height: 128px;
margin: 0 25px 0 25px;
}
div#header{
background-image: url(/images/header.jpg);
height: 200px;
margin: 0 25px 0 25px;
}
/* mouse over menu */
.hoofdmenu {
padding-top: 55px;
}
 div#menu1 {
float: left;
width: 128px;
}

#menu1  a {
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 80px;
	text-decoration: none;

	}

#menu1  a:link, #menu1  a:visited {
	color: #FFFFFF;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	display: block;
	background:  url(/images/menu1.gif);
	padding: 0 0 0 10px;
	}

#menu1  a:hover {
	color: #ffffff;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	background:  url(/images/menu1.gif) 0 -105px;
	padding: 0 0 0 10px;
	}
 div#menu2 {
float: left;
width: 128px;
margin: 0;
}

#menu2  a {
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 80px;
	text-decoration: none;
	}

#menu2  a:link, #menu2  a:visited {
	color: #FFFFFF;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	display: block;
	background:  url(/images/menu2.gif);
	padding: 0 0 0 10px;
	}

#menu2  a:hover {
	color: #ffffff;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	background:  url(/images/menu2.gif) 0 -105px;
	padding: 0 0 0 10px;
	}
 div#menu3 {
float: left;
width: 128px;
margin: 0;
}

#menu3  a {
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 80px;
	text-decoration: none;
	}

#menu3  a:link, #menu3  a:visited {
	color: #FFFFFF;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	display: block;
	background:  url(/images/menu3.gif);
	padding: 0 0 0 10px;
	}

#menu3  a:hover {
	color: #ffffff;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	background:  url(/images/menu3.gif) 0 -105px;
	padding: 0 0 0 10px;
	}
 div#menu4 {
float: left;
width: 128px;
margin: 0;
}

#menu4  a {
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 80px;
	text-decoration: none;
	}

#menu4  a:link, #menu4  a:visited {
	color: #FFFFFF;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	display: block;
	background:  url(/images/menu4.gif);
	padding: 0 0 0 10px;
	}

#menu4  a:hover {
	color: #ffffff;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	background:  url(/images/menu4.gif) 0 -105px;
	padding: 0 0 0 10px;
	}
 div#menu5 {
float: left;
width: 128px;
margin: 0;
}


#menu5  a {
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 80px;
	text-decoration: none;
	}

#menu5  a:link, #menu5  a:visited {
	color: #FFFFFF;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	display: block;
	background:  url(/images/menu5.gif);
	padding: 0 0 0 10px;
	}

#menu5  a:hover {
	color: #ffffff;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
	background:  url(/images/menu5.gif) 0 -105px;
	padding: 0 0 0 10px;
	}
/* main divs */
div#main { margin: 0 25px 0 25px;}
div#links {
float: left;
width: 310px;
}
div#rechts {
float: left;
width: 625px;
margin-left: 15px;
margin-top: 10px;
color: #646464;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-size: 12px;
}
div#rechts h3 {
color: #800000;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
font-size: 15px;
}

div#rechts a {
text-decoration: none;
color: #800000;
font-size: 12px; 
font-weight: normal; 
font-family: arial, helvetica, sans-serif;
}

.kopje {
color: #800000;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

/* linker submenu */
.submenu1 {
height: 15px;
background-color: #FFffff;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #cccccc;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
}
.submenu2 {
height: 25px;
background-color: #FFffff;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #cccccc;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
background-image: url(/images/submenubg.jpg);
text-align: right;
padding-right: 10px;
line-height: 25px;
}
.submenu3 {
height: 35px;
background-color: #FFffff;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #cccccc;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
padding-left: 10px;
line-height: 35px;
color: #808080;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
font-size: 15px;
}
.submenu4 {
height: 20px;
background-color: #FFffff;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #cccccc;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
padding-left: 10px;
line-height: 20px;
color: #808080;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}
.submenu5 {
height: 20px;
background-color: #FFffff;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
padding-left: 10px;
line-height: 20px;
color: #808080;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}
hr {
	display: block;
	height: 3px;
	margin: 10px 0px;
	padding: 0px;
	color: #FFFFFF;
	border: 0px dashed #cccccc;
	border-width: 0px 0px 1px 0px;
}

.links { text-decoration: none;color: #800000;font-size: 12px; font-weight: normal; font-family: arial, helvetica, sans-serif;}
.links:visited { text-decoration: none;color: #800000;font-size: 12px; font-weight: normal;font-family: arial, helvetica, sans-serif;}
.links:active { text-decoration: none;color: #800000;font-size: 12px; font-weight: normal;font-family: arial, helvetica, sans-serif;}
.links:hover { text-decoration: underline;color: #800000;font-size: 12px; font-weight: normal;font-family: arial, helvetica, sans-serif;}
.nieuwslinks { text-decoration: none;color: #800000;font-size: 11px; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.nieuwslinks:visited { text-decoration: none;color: #800000;font-size: 11px; font-weight: bold;font-family:  arial, helvetica, sans-serif;}
.nieuwslinks:active { text-decoration: none;color: #800000;font-size: 11px; font-weight: bold;font-family: arial, helvetica, sans-serif;}
.nieuwslinks:hover { text-decoration: none;color: #800000;font-size: 11px; font-weight: bold;font-family: arial, helvetica, sans-serif;}

.submenu { text-decoration: none;color: #808080;font-size: 12px; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.submenu:visited { text-decoration: none;color: #808080;font-size: 12px; font-weight: bold;font-family: arial, helvetica, sans-serif;}
.submenu:active { text-decoration: none;color: #808080;font-size: 12px; font-weight: bold;font-family: arial, helvetica, sans-serif;}
.submenu:hover { text-decoration: none;color: #808080;font-size: 12px; font-weight: bold;font-family: arial, helvetica, sans-serif;}
/*div#menu {background-color: #cccccc;float: left;width: 310px;padding: 0px 0px 2000px 0px;margin-bottom: -1995px;}
div#tekst {background-color: #99ccff;float: left;width: 640px;padding: 0px 0px 2000px 0px; margin-bottom: -1995px;}*/
div#footer {height: 30px;background-image: url(/images/footer.jpg)}
}