@import url("/css/files.css");
body { font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666; text-align: center; margin: 0; background: #FFF; }
#wrapper { text-align: left; margin: 0px auto; width: 720px; }
#header { background: url(/images/rand_down.gif) no-repeat left bottom; padding-bottom: 15px; }
#header h1 { text-indent: -999px; overflow: hidden; margin: 76px 0 26px 30px; padding: 0; border: 0; z-index: 10; }
#header h1 a, #header h1 a:hover, #header h1 a:visited { border: 0; display: block; width: 220px; height: 50px; background: url(/images/prachtig.gif) no-repeat; margin: 0px; padding: 0px; }
#header h2 { color: #C9C9C9; text-align: right; margin: 5px; font-size: 1.4em; font-weight:normal; text-transform:lowercase;}
#tools { background: url(/images/rand_up.gif) no-repeat; position: absolute; top: 15px; z-index: 5; width: 720px; left: 50%; margin-left: -360px;}
.lang { vertical-align: top; padding-top: 0px; padding-right: 7px; padding-left: 7px; font-size:1.1em; }
.lang a {color: #E6312A; text-decoration:none;}
.tool a { color: #666; text-decoration:none; display: block; padding: 4px 4px 4px 20px; }
.tool a:hover {color: #E6312A; text-decoration:none;}
a.printtool { background: #FFF url(/images/icon_print.gif) no-repeat 5px; width: 30px; float: right; }
a.taftool { background: #FFF url(/images/icon_envelop.gif) no-repeat 5px; width: 65px; float: right; }
#content { font-size: 1.2em; line-height: 1.5em; float: right; width: 501px; padding: 4px 15px 4px 25px; }
#content :first-child {margin-top:0;}

/* -------------------------------------- global styles ------------------------------------- */
a { color: #666; text-decoration: underline; outline: none;}
a:hover { color: #333; text-decoration: underline; }
a img {border:none;}
h1 {font-size:1.3em;}
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: 0; border: 0; border-top: 1px solid #CCCCCC;} 
ul {margin:0 0 0 20px;padding:0;}

form {margin:0.5em 0 0 0;}

.stretch {width: 98%; }
input[type=text],input[type=password],textarea { border: 1px solid #CCC; font-family: "Courier New", Courier, monospace; font-size: 1.2em; background: #F9F9F9; }
input[type=image] { outline:none;}
label { font-size:0.9em; margin-right:2px;}
#feedback { padding: 0; z-index:10; }
#feedback p {padding:0px; margin:0px;}
#succes h2 { padding-top: 3em; font-size:1.2em; }

.clr {clear:both;height:1px;overflow:hidden;}
.hide, .print {display:none;}
a img {border: none;}
.small {font-size:0.85em; line-height:1.3em;}
small { font-size: 0.85em; display:block; color: #999; padding: 0 0 0.5em 1px; margin: 0; line-height: 1.1em; }
.absmiddle { vertical-align: middle; }

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

#mainNavigation { font-size: 1.2em; text-transform: lowercase; width: 163px; text-align: right; line-height: 1.5em; padding-bottom: 170px; }
#nav { list-style: none; margin: 4px 0px; }
#nav li a { color: #333; text-decoration: none; padding-right: 13px; }
#nav li a:hover { color: #E6312A; background: url(/images/nav_active.gif) no-repeat right top; }
#nav li.active a { color: #E6312A; background: url(/images/nav_active.gif) no-repeat right top; }

#nav li ul { position: absolute; top: -999em;}
#nav li ul li {list-style: none; float: left; font-size: 0.9em; line-height:1em;}
#nav li.active ul {position: absolute; top: 147px; padding-left:158px;}
#nav li ul a { display: block; padding:0px 6px;}
#nav li.active ul a { background: #FFF url(/images/spacer.gif) no-repeat right top; color: #666; border-left: 1px solid #CCC; }
#nav li.active ul a:hover {color: #E6312A; }
#nav li.active ul li.active a {color: #E6312A; }
#nav li.active ul li:first-child a { border-left: 1px solid #FFF; }

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

#searchbox { width: 170px; float: left; margin-top: -20px; padding-left: 3px; }
#footer { text-transform: lowercase; background: url(/images/rand_up.gif) no-repeat; padding-top: 1.2em; color: #BDBDBD; }
#footer p { text-align:center; font-size: 1.1em; letter-spacing: 1px; }
#footer a { color:#BDBDBD; text-decoration:none;}
#footer a:hover { color:#666; text-decoration:none;}
#emazing { color: #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; padding: 10px 5px; }
#emazing a { color: #CCC; text-decoration: none; }
#emazing a:hover {	color: #FF6600;	text-decoration: none;}