* { font-family: Verdana, Arial, Helvetica, sans-serif; }

.lime { color: #D2D202; }
.blue { color: #58C2D8; }
.purple { color: #A85298; }
.red { color: #E86838; }
.green { color: #52A828; }

body {
	margin: 0;
	background-color: #FFFFFF;
}

h1 {
	display: none;
}

img {
	border: none;
                }

#logo {
	width: 100%;
	height: 110px;
	background-image: url(/Site_EMinterface/logo.gif);
	background-position: 2% center;
	background-repeat: no-repeat;
	vertical-align: top;
}

#topmenu {
	float: right;
}

#topmenu ul {
	margin: 10px 2% 10px 10px;
	list-style-type: none;
}

#topmenu li {
	float: left;
	height: 22px;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: center;
}

#topmenu li.home {
	background-image: url(/Site_EMinterface/topmenuhome.gif);
}

#topmenu li.contact {
	background-image: url(/Site_EMinterface/topmenucontact.gif);
}

#topmenu li.sitemap {
	background-image: url(/Site_EMinterface/topmenusitemap.gif);
}

#topmenu li.zoeken {
	background-image: url(/Site_EMinterface/topmenuzoek.gif);
}

#topmenu li.extranet {
	background-image: url(/Site_EMinterface/topmenuextranet.gif);
}

#topmenu li.english {
	background-image: url(/Site_EMinterface/topmenuenglish.gif);
}

#topmenu a {
	font-size: 0.7em;
	font-weight: bold;
	padding: 0 10px 0 27px;
	color: #58C2D8;
	text-decoration: none;
}

#topmenu a:hover {
	color: #58C2D8;
	text-decoration: underline;
}

#menu {
	width: 100%;
	margin: 0;
	background-color: #52A828;
	background-image: url(/Site_EMinterface/bgmenu.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 0.8em;
	font-weight: bold;
}

#menuborder {
	clear: left;
	width: 100%;
	height: 10px;
	margin: 0 0 10px 0;
	background-image: url(/Site_EMinterface/bgmenuborder.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#bottommenu ul {
	list-style-type: none;
}

#bottommenu li {
	height: 26px;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#bottommenu li.reageren {
	background-image: url(/Site_EMinterface/bottommenureageren.gif);
}

#bottommenu li.doorsturen {
	background-image: url(/Site_EMinterface/topmenucontact.gif);
}

#bottommenu li.favorieten {
	background-image: url(/Site_EMinterface/bottommenufavorieten.gif);
}

#bottommenu li.printen {
	background-image: url(/Site_EMinterface/bottommenuprinten.gif);
}

#bottommenu a {
	padding: 0 0 0 27px;
	font-size: 0.85em;
	font-weight: bold;
	color: #58C2D8;
	text-decoration: none;
}

#bottommenu a:hover {
	color: #58C2D8;
	text-decoration: underline;
}


/* vlakverdeling is margin 2% + col 22.5% + margin 2% + col 22.5% + margin 2% + col 22.5% + margin 2% + col 22.5% (+ margin 2% vrij voor IE als fix voor IE 100% probleem) */

div.col {
	position: relative;
	float: left;
	display: inline;
	width: 22.5%;
	margin: 0 0 0 2%;
	font-size: 0.8em;
}

div.coldouble {
	position: relative;
	float: left;
	display: inline;
	width: 47%;
	margin: 0 0 0 2%;
	font-size: 0.8em;
}

#footer {
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding: 10px 0 20px 0;
	background-color: #D2D202;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
}

#footer p {
	margin: 0.5em 2% 0 2%;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.blocklime {
	width: 100%;
	background-color: #D2D202;
}

.blocklime ul {
	margin: 10px;
	list-style-type: none;
}

.blocklime ul a {
	display: block;
	padding: 0 0 0 20px;
	color: #333333;
	text-decoration: none;
}

.blocklime ul a:hover {
	color: #333333;
	background-image: url(/Site_EMinterface/leftmenudot.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.blocklime ul li span {
	display: block;
	padding: 0 0 0 18px;
	background-image: url(/Site_EMinterface/leftmenudot.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.blocklime p {
	margin: 0.5em 10px 0 28px;
	font-weight: bold;
	text-transform: uppercase;
}

.blocklime p a {
	color: #333333;
	text-decoration: none;
}

.blockblue {
	width: 100%;
	border: 1px solid #58C2D8;
	background-color: #FFFFFF;
}

.blockbluetop {
	width: 100%;
	background-image: url(/Site_EMinterface/blockbluetop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #58C2D8;
}

.blockpurple {
	width: 100%;
	border: 1px solid #A85298;
	background-color: #FFFFFF;
}

.blockpurpletop {
	width: 100%;
	background-image: url(/Site_EMinterface/blockpurpletop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #A85298;
}

.blockred {
	width: 100%;
	border: 1px solid #E86838;
	background-color: #FFFFFF;
}

.blockredtop {
	width: 100%;
	background-image: url(/Site_EMinterface/blockredtop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #E86838;
}

.blockblue h2 {
	color: #58C2D8;
	font-size: 1em;
	margin: 0;
	padding: 1em;
}

.blockpurple h2 {
	color: #A85298;
	font-size: 1em;
	margin: 0;
	padding: 1em;
}

.blockred h2 {
	color: #E86838;
	font-size: 1em;
	margin: 0;
	padding: 1em;
}

.blockblue h3 {
	color: #58C2D8;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockpurple h3 {
	color: #A85298;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockred h3 {
	color: #E86838;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockblue h4 {
	color: #58C2D8;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockpurple h4 {
	color: #A85298;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockred h4 {
	color: #E86838;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockblue h5 {
	color: #58C2D8;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockpurple h5 {
	color: #A85298;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockred h5 {
	color: #E86838;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockblue h6 {
	color: #58C2D8;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockpurple h6 {
	color: #A85298;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockred h6 {
	color: #E86838;
	font-size: 1em;
	margin: 0;
	padding: 1em 1em 0 1em;
}

.blockbluetop h1, .blockpurpletop h1, .blockredtop h1, .blockbluetop h2, .blockpurpletop h2, .blockredtop h2 {
	display: block;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
}

.blockbluetop h1 a, .blockpurpletop h1 a, .blockredtop h1 a, .blockbluetop h2 a, .blockpurpletop h2 a, .blockredtop h2 a {
	text-decoration: none;
	color: #FFFFFF;
}

.blockbluetop h1 a:hover, .blockpurpletop h1 a:hover, .blockredtop h1 a:hover, .blockbluetop h2 a:hover, .blockpurpletop h2 a:hover, .blockredtop h2 a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.blockblue p, .blockpurple p, .blockred p {
	color: #333333;
	margin: 0 1em 1em 1em;
}

.blockblue a:link, .blockpurple a:link, .blockred a:link {
	color: #52A828;
}

.blockblue a:visited, .blockpurple a:visited, .blockred a:visited {
	color: #333333;
}

.blockblue a:hover, .blockpurple a:hover, .blockred a:hover {
	color: #E86838;
}

p.breadcrumb {
	font-size: 0.8em;
	margin-top: 0.5em;
}

.blockblue p.breadcrumb, .blockblue p.breadcrumb a:link {
	color: #58C2D8;
	text-decoration: none;
}

.blockpurple p.breadcrumb, .blockpurple p.breadcrumb a:link {
	color: #A85298;
	text-decoration: none;
}

.blockred p.breadcrumb, .blockred p.breadcrumb a:link {
	color: #E86838;
	text-decoration: none;
}

.blockblue p.breadcrumb a:visited {
	color: #58C2D8;
	text-decoration: none;
}

.blockpurple p.breadcrumb a:visited {
	color: #A85298;
	text-decoration: none;
}

.blockred p.breadcrumb a:visited {
	color: #E86838;
	text-decoration: none;
}

.blockblue p.breadcrumb a:hover {
	color: #58C2D8;
	text-decoration: underline;
}

.blockpurple p.breadcrumb a:hover {
	color: #A85298;
	text-decoration: underline;
}

.blockred p.breadcrumb a:hover {
	color: #E86838;
	text-decoration: underline;
}

.blockblue ul, .blockpurple ul, .blockred ul {
	color: #52A828;
	margin: 1em 1em 1em 3em;
	list-style-type: square;
}

.blockblue li, .blockpurple li, .blockred li {
	color: #333333;
}

.blockblue table, .blockpurple table, .blockred table {
	border: none;
	margin: 1em;
}

.blockblue table tr, .blockpurple table tr, .blockred table tr {
	border: none;
	border-top: 0px solid #666666;
	padding-right: 0.5em;
	vertical-align: top;
}

.blockblue table td, .blockpurple table td, .blockred table td {
	border: none;
	border-top: 0px solid #666666;
	padding-right: 0.5em;
	vertical-align: top;
}

.blockblue hr, .blockpurple hr, .blockred hr {
	margin: 0.5em 0 0.5em 0;
	border: 1px dotted #666666;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
}

.bannerblue {
	width: 100%;
	border: 1px solid #58C2D8;
	background-image: url(/Site_EMinterface/blockbluetop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #58C2D8;
	padding: 0.5em 0 0 0;
}

.bannerbluedot {
	width: 100%;
	background-image: url(/Site_EMinterface/bannerbluedot.gif);
	background-position: 10px 0; /* 10px 10px voor IE in ie.css */
	background-repeat: no-repeat;
}

.bannerpurple {
	width: 100%;
	border: 1px solid #A85298;
	background-image: url(/Site_EMinterface/blockpurpletop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #A85298;
	padding: 0.5em 0 0 0;
}

.bannerpurpledot {
	width: 100%;
	background-image: url(/Site_EMinterface/bannerpurpledot.gif);
	background-position: 10px 0; /* 10px 10px voor IE in ie.css */
	background-repeat: no-repeat;
}

.bannerred {
	width: 100%;
	border: 1px solid #E86838;
	background-image: url(/Site_EMinterface/blockredtop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #E86838;
	padding: 0.5em 0 0 0;
}

.bannerreddot {
	width: 100%;
	background-image: url(/Site_EMinterface/bannerreddot.gif);
	background-position: 10px 0; /* 10px 10px voor IE in ie.css */
	background-repeat: no-repeat;
}

.bannerblue h2, .bannerpurple h2, .bannerred h2 {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	color: #FFFFFF;
	font-size: 1em;
}

.bannerblue h3, .bannerpurple h3, .bannerred h3, 
.bannerblue h4, .bannerpurple h4, .bannerred h4, 
.bannerblue h5, .bannerpurple h5, .bannerred h5, 
.bannerblue h6, .bannerpurple h6, .bannerred h6 {
	margin: 0;
	padding: 0 1em 0 1em;
	color: #FFFFFF;
	font-size: 1em;
}

.bannerblue p, .bannerpurple p, .bannerred p {
	color: #FFFFFF;
	margin: 0 1em 0.5em 1em;
}

.bannerblue ul, .bannerpurple ul, .bannerred ul {
	list-style-type; square;
	color: #FFFFFF;
	margin: 0.5em 1em 0.5em 3em;
}

.bannerblue .bannerbluedot p, .bannerpurple .bannerpurpledot p, .bannerred .bannerreddot p {
	color: #FFFFFF;
	margin: 0.5em 1em 0.5em 45px;
}

.bannerblue p span, .bannerpurple p span, .bannerred p span {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

.bannerblue a, .bannerpurple a, .bannerred a {
	display: block;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

/* bannergreen is alleen voor e-zine */

.bannergreen {
	width: 100%;
	border: 1px solid #52A828;
	background-image: url(/Site_EMinterface/bgmenu.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #52A828;
	padding: 0.5em 0 0 0;
}

.bannergreen h3 {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	color: #FFFFFF;
	font-size: 1em;
}

#dossierbanner .bannerblue a, #dossierbanner .bannerpurple a, #dossierbanner .bannerred a, #dossierbanner .bannergreen a {
	display: inline;
	color: #FFFFFF;
	text-decoration: underline;
}

.shadow {
	width: 100%;
	background-image: url(/Site_EMinterface/shadowright.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.shadow .padding {
	padding-right: 10px;
}

.shadowbottom {
	width: 100%;
	height: 10px;
	margin: 0 0 5px 0;
	padding: 0;
	background-image: url(/Site_EMinterface/shadowbottom.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: right;
	overflow: hidden;
}

.shadowbottomright {
	float: right;
	margin: 0;
	width: 10px;
	height: 10px;
	background-image: url(/Site_EMinterface/shadowbottomright.gif);
}

.homenews {
	padding: 1em;
}

.homenews h3 {
	font-size: 1em;
	color: #58C2D8;
	margin: 0;
	padding: 0;
}

.homenews p {
	margin: 0;
	padding: 0;
}

.homenews p span {
	font-size: 0.8em;
}

.homenews h3 a {
	text-decoration: none;
	color: #58C2D8;
}

.homenews hr {
	margin: 0.5em 0 0.5em 0;
	border: 1px dotted #58C2D8;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
}

#homesite {
	padding: 1em;
}

#homesite h3 {
	font-size: 1em;
	color: #A85298;
	margin: 0;
	padding: 0;
}

#homesite p {
	margin: 0;
}

#homesite h3 a {
	text-decoration: none;
	color: #A85298;
}

#homesite hr {
	margin: 0.5em 0 0.5em 0;
	border: 1px dotted #A85298;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;

}

#homemost {
	padding: 1em;
}

#homemost h3 {
	font-size: 1em;
	color: #E86838;
	margin: 0;
	padding: 0;
}

#homemost p {
	margin: 0;
}

#homemost h3 a {
	text-decoration: none;
	color: #E86838;}

#homemost img {
	float: right;
	margin: 0 0 2px 5px;
	border: none;
}

hr.ezine {
	margin: 0 1em 0 1em;
	height: 1px; 
	color: #FFFFFF; 
	background-color: #FFFFFF; 
	border-top: 1px dotted #52A828;
}

span.up {
	display: block;
	width: 100%;
	text-align: right;
}

.new {
	padding: 0 2px 1px 2px;
	color: #FFFFFF;
	background-color: #E86838; 
	white-space: nowrap;
}

.hidden {
	display: none;
}
