@import url("/css/files.css");
@import url("/css/extranet.css");
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; margin: 0px; text-align: center; color: #002F36; background: #D9EBEF url(/images/bg_body.jpg) repeat-x; } 
#wrapper { text-align: left; margin: 0px auto; width: 696px; background: url(/images/bg_filler.jpg); }
#page { background: url(/images/bg.jpg) no-repeat; }
#header {width: 701px;}
#header h1 {text-indent: -999px; overflow: hidden; margin: 0; padding: 0; border: 0; z-index: 10;}
#header h1 a, #logo h1 a:hover, #logo h1 a:visited {border: 0; display: block; width: 701px; height: 107px; margin: 0px; padding: 0px;}

#content { font-size: 1.2em; line-height: 1.6em; padding: 3em 70px 0px;  }
/*
#content h1:first-child {margin-top:0;}
#content p:first-child {margin-top:0;}
*/
#content h1 {margin-top: 0.5em;}

#push { height: 414px; width: 1px; float: left; }
a { color: #007986; text-decoration: underline; outline: none; }
a:hover {text-decoration: none;}
a img {border:none;}
h1 { font-size:1.2em; text-transform: uppercase; }
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:0.9em;}
h6 {font-size:0.8em;}
hr { height: 1px; color: #CCC; background: #CCC; border: 0px; }

form {margin:0.5em 0 0 0;}
.formfield { width: 95%; font-family: Arial, Helvetica, sans-serif; border: 1px solid #CCC; }
ul {margin:0 0 0 20px;padding:0;}
.hide, .print {display:none;}
.stretch {width: 95%;}
.clr {clear:both;}
.small {font-size: 0.9em;}

.warning, .error {color:#CC0000;font-weight: bold;}
.required {background-image: url(/images/star.gif); background-repeat: no-repeat; padding-left: 10px; background-position: left center;}

/* navigatie */
#navigatie ul { font-size: 12px; margin: 0px; padding: 0px; list-style: none; z-index: 11;}
#nav ul {padding: 0px; margin: 0px; list-style: none; position: relative; }
#nav a { display: block; color: #E6EFBC; text-decoration: none; padding: 8px 0px; margin:0px; text-transform: lowercase; width: 116px; text-align: center; }
#nav a:hover { color: #E6EFBC; }
#nav li {float: left; list-style: none;}
#nav li ul {position: absolute; width: 116px; left: -999em; font-size: 0.9em; }
#nav ul li a {color: #007986; padding: 3px; width: 110px; background: #E7EEBA; text-align: left; border-bottom: 1px solid #FFF;}
#nav ul li a:hover {color: #002F36; background: #E7EEBA; }
#nav li:hover, #nav li.sfhover { background: url(/images/bg_nav.jpg);} 
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}
#nav li.current_page a {color: #FFF;}
#nav li.current_page li a {color: #007986;}
#nav li li.current_page a {color: #002F36;}

#breadcrumbs { color: #007986; font-size: 10px; padding: 3px 15px; text-transform: lowercase; }
#breadcrumbs a { color: #007986; text-decoration: none; }
#breadcrumbs a:hover { color: #002F36; }

#footer { font-size: 11px; background: #D9EBEF url(/images/footer.jpg) no-repeat; padding-top: 35px; text-align: center; width: 696px; }
#footer a { color: #002F36; text-decoration: none; }
#footer a:hover {color: #007986; }
#footer .poortje { background: url(/images/div.gif) no-repeat; padding: 4px;}

div.module {margin-top:1em;}
div.module h2, div.module h1 {margin:0; padding:0;}
div.module p {margin:0.2em 0 1em 0;padding:0;}
div.module h2 a, div.module h2 a:visited {color: #007986; text-decoration: none;}
div.module h2 a:hover {color: #007986; text-decoration: none;}
.paging, .overzicht {font-size: 0.95em; font-family: Arial, Helvetica, sans-serif;}
.paging a, .paging font {font-weight: bold; text-decoration: none; padding-right: 3px; padding-left: 3px;}
td.paging, td.overzicht {padding: 15px 0px 0px 0px;}

#pw { float: left; padding: 5px 14px; }
#emazing { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: right; margin: 0px auto; width: 680px; padding: 10px 0px; }
#emazing a { color: #CCCCCC; text-decoration: none; }
#emazing a:hover {color: #FF6600; text-decoration: none;}