* {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
body {background: #f3f3f3; font-family: Arial; Helvetica; Geneva; Verdana; sans-serif; font-size: 101%;  }
strong {font-weight: bold}
em {font-style: italic;}
.streamer {font-weight: bold; font-style: italic;}
.paars {color: #923487;}
.oranje {color: #ed7f00;}

div#container {position: absolute; left: 50%; width: 810px; margin-left: -405px; height: 800px; }

div#logo {position: absolute; top: 49px; left: 10px; width: 174px; height: 69px; background: url(../nav-beeld/dba-logo.gif) top left; z-index: 100;  }
div#header-home {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-home.jpg) top left; }
div#header-nieuws {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-nieuws.jpg) top left; }
div#header-diensten {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-diensten.jpg) top left; }
div#header-financiering {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-financiering.jpg) top left; }
div#header-samenwerking {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-samenwerking.jpg) top left; }
div#header-ervaringen {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-ervaringen.jpg) top left; }
div#header-inloggen {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-home.jpg) top left; }
div#header-contact {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/headervisual-contact.jpg) top left; }
div#logo img, div#header img {display: none; }

/* moet t.z.t. vervallen */ div#header {position: absolute; top: 0px; left: 186px; width: 620px; height: 166px; background: url(../nav-beeld/visual-1.gif) top left; }

div#menu {position: absolute; left: 0px; top: 156px; z-index: 50; width: 195px; height: 500px;}
div#menu ul {list-style-type: none; height: 30px; padding: 0px 0px 0px 0px;}
div#menu ul li { display: block; background: url(../nav-beeld/menu-bg.gif) bottom left repeat-y; padding: 2px 5px 5px 37px; }
div#menu ul li.boven { height: 19px; background: url(../nav-beeld/menu-boven.gif) top left no-repeat; padding: 13px 5px 6px 37px;}
div#menu ul li.onder { background: url(../nav-beeld/menu-onder.gif) bottom left no-repeat; padding: 2px 5px 15px 37px; }
div#menu ul li a { text-decoration: none; text-align: left; font-size: 0.85em; font-weight: bold; color: #444;}
div#menu ul li.sub { padding: 2px 0px 2px 50px; }
div#menu ul li.sub a { text-decoration: none; font-size: 0.75em; font-weight: normal; color: #444; }
div#menu ul li a:hover { text-decoration: underline; color: #888; } 
div#menu ul li.actief a { text-decoration: none; color: #ed7f00; }

div#breadcrumb {position: absolute; top: 158px; left: 206px; width: 580px; height: 16px; 
				background: url(../nav-beeld/breadcrumb-bg.gif) top left no-repeat; z-index: 500; 
				padding: 1px 0px 0px 11px; font-size: 0.65em; color: #888;  }
div#breadcrumb a {text-decoration: none; font-weight: bold; color: #888; }
div#breadcrumb a:hover { text-decoration: underline; color: #888; }

div#content {position: absolute; top: 166px; left: 186px; padding: 20px 30px 40px 30px; min-height: 405px; width: 560px;
				background: url(../nav-beeld/content-bg.gif) top left repeat-y; }
div#content h1  {margin: 0px 0px 2px 0px; font-size: 1.25em; line-height: 24px; color: #923487;}
div#content h2  {margin: 14px 0px 0px 0px; font-size: 0.95em; line-height: 18px; color: #923487;}
div#content h3  {margin: 14px 0px 0px 0px; font-size: 0.85em; line-height: 17px; color: #444;}
div#content p   {margin: 0px 100px 14px 0px; font-size: 0.8em; line-height: 17px}

div#content td {vertical-align:top; font-size: 0.8em; line-height: 17px}
 
div#content p.inleiding {margin: 0px 0px 17px 0px; font-size: 1.1em; line-height: 20px; color: #555;}
div#content h1 a, div#content h2 a {color: #923487; text-decoration: none; }
div#content h3 a {color: #444; text-decoration: none; }
div#content h1 a:hover, div#content h2 a:hover, div#content h3 a:hover {text-decoration: underline;  }

div.kol-links {width: 270px; float: left; padding: 0px 20px 0px 0px;}
div.kol-rechts {width: 270px; float: right; }
div#content div.kol-links p, div#content div.kol-rechts p {margin: 0px 0px 14px 0px; }
div#content div.kol-links h2, div#content div.kol-rechts h2 {color: #ed7f00; }

div#footer {position: absolute; bottom: 0px; left: 0px; height: 60px; width: 620px; 
			background: url(../nav-beeld/content-footer.gif) bottom left no-repeat; }

div#footer p {padding: 18px 0px 0px 0px; text-align: center; font-size: 0.7em; line-height: 12px; color: #444; margin: 0px 0px 0px 0px; 	}

img.links {float: left; margin: 4px 10px 0px 0px; }
img.rechts {float: right; margin: 4px 0px 0px 10px; }