
/* CSS Document */

body{ background-image:url(bgrnd.png); background-position:center; margin: 0px; padding: 0px; font-family: "Lucida Grande", Arial, Verdana; text-align:center;}

#topheader{ display:block; height: 32px; background-image:url(topheaderbgrnd.png); color: #6d8ea5; font-size: 11px;}
#topheaderlist{margin: 0px; padding: 0px; display:block; width: 960px; background-image:url(topheaderrand.png); margin:0 auto; height: 32px;  text-transform:uppercase;}
#topheaderlist li{float:right; line-height: 30px; list-style:none;}
#topheaderlist li a{color: #6d8ea5; text-decoration:none; margin-right: 30px;}
#topheaderlist li a:hover{color: #fff;}


#container{margin: 0px; padding: 0px;  width: 960px; margin:0 auto; text-align:left; background-image:url(containerbgrnd.png);}

#header {background: transparent url(logo.png) no-repeat top left; margin: 0px; display: block; width: 960px; height: 211px}
#header h1 {margin: 0px;}
#header h1 span {display:none}

#header h2 {margin: 0px; margin-left: 450px; padding-top: 30px; color:#ff9900; font-family: "Helvetica Neue", Helvetica, Arial; font-weight:normal; font-size: 46px;}
#header h3 {margin: 0px; margin-left: 500px; padding-top: 0px; color:#FFFFFF; font-family:"Helvetica Neue", Helvetica, Arial; font-weight:normal; font-size:34px;}


#menu{float: left; width: 240px; padding-left: 30px; background-image:url(streepjemenu.gif); background-repeat: no-repeat; padding-top: 2px;}
#menu ul {margin: 0; padding: 0; list-style: none; width: 240px; /* Width of Menu Items */ border-bottom: 0px solid #ccc;}
#menu ul li {position: relative;}
#menu li ul { position: absolute; left: 239px; /* Set 1px less than menu width */ top: 0;	display: none;}
/* Styles for Menu Items */
#menu ul li a {display: block; text-decoration: none; color: #426d8b;	/* background: #fff;  IE6 Bug */ line-height: 44px; border: 0px solid #ccc; height: 44px; border-bottom: 0; background-image:url(knop.gif);	text-align:right; padding-right: 40px; font-size: 14px; text-transform: uppercase;}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
#menu ul li a:hover {background: url(knop.gif) 0 -44px;} /* Hover Styles */
#menu li ul {background-image:url(submenubgrnd.png);}
#menu li ul li a {display: block; text-decoration: none; line-height: 20px; border: 0px solid #ccc; height: 20px; border-bottom: 0; text-align: left; padding-left: 20px; font-size: 10px; font-weight:bold; text-transform: uppercase; background-image: url(subknop.gif);} /* Sub Menu Styles */
#menu li ul li a:hover{background: url(subknop.gif) 0 -20px; color:#FFFFFF;}		
#menu li:hover ul, #menu li.over ul { display: block; } /* The magic */

#footer{ display:block; height: 32px; color: #6d8ea5; font-size: 11px; clear:both; text-align:center;}
#footercontainer{margin: 0px; padding: 0px; display:block; width: 960px; background-image:url(footerbgrnd.png); margin:0 auto; height: 32px; background-repeat:no-repeat; background-position:center; text-transform:uppercase; }

#footerlist{ text-align:center;}
#footerlist li{ display:inline; line-height: 32px; list-style:none; 



}
#footerlist li a{color: #6d8ea5; text-decoration:none; margin-right: 8px; margin-left: 8px;}
#footerlist li a:hover{color: #003366;}

#content{ width: 580px; float:right; display:block;  margin-bottom: 50px; margin-right: 70px; font-size:11px; color:#003366; line-height: 24px; display: inline;}
#content blockquote{ margin: 0px; border:solid 1px #dde5ea; padding: 20px; background-image:url(patroon.png); font-style:italic; font-size:12px; display:block;}
#content h1{color: #426d8b; text-transform: uppercase; font-size: 22px; margin: 0px; font-weight:normal;}
#content h2{color: #6d8ea5; text-transform: uppercase; font-size: 22px; margin: 0px; padding-bottom: 4px; border-bottom: 1px solid #dde5ea; font-weight:normal }
#content h3{color: #ff9900; text-transform: uppercase; font-size:  22px; margin: 0px; padding-bottom: 4px; border-bottom: 1px solid #dde5ea; font-weight:normal}
#content h4{color: #426d8b; text-transform: uppercase; font-size:  22px; margin: 0px; padding-bottom: 4px; border-bottom: 1px solid #dde5ea; font-weight:normal}
#content h5{color: #fff; text-transform: uppercase; font-size:  14px; margin: 0px; padding-bottom: 4px; border-bottom: 1px solid #dde5ea; font-weight:normal; padding: 5px; padding-right: 20px; text-align:right; background-image:url(patroonb.png);}
#content p{}
#content a{color: #426d8b;}
#content a:hover{color: #426d8b;}
#content h1#titel{ text-align:right; color:#dde5ea; font-size: 10px; float:right; margin: 0px;}
#content ul li {}
#content ul {}
