/**
* Styles VvBN ledendatabase
* Auteur: Matthijs Abeelen
* Sitestone Webdesign
* www.sitestone.nl
*/

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr,acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none; }
/* remember to define focus styles! */
:focus {outline: 0; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;border-spacing: 0;}


/* Typography */
body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
a:focus { outline: 1px dotted invert; }
hr { border: 0 #ccc solid;border-top-width: 1px;	clear: both;height: 0; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 20px; }

a { color:#003333;text-decoration:none;border-bottom:1px dotted #003333;}

/* Min-height */
html, body, #container { height:100%; }
body > #container { height:auto;min-height:100%; }
#main { padding-bottom: 140px; }  
#footer { position:relative;margin-top:-140px;height:140px;clear:both; } 

/* Clearfix */
.clearfix:after { content: ".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Design */
body { border-top:6px solid #5D9691; border-top:6px solid #003333; }
#container {}

/* Header */
#header { width:840px;margin:0 auto;position:relative; }
#header h1 { height:60px;margin:15px 0 10px;padding:0 0 0 170px;font-weight:normal;line-height:60px;letter-spacing:-1px;background:url(/img/logo.gif) 0 0px no-repeat; }
#header #navigation { padding:4px 0;background:#f4f4f4; }
#navigation li {}
#navigation a { text-decoration:none;padding:0 10px;color:#003333;border:none; }
p#userpanel { position:absolute;right:0;top:20px;width:400px;text-align:right; }

/* Content */
#content { width:820px;margin:0 auto;padding-top:18px;position:relative;min-height:400px; }
.leftcol { float:left;width:400px; }
.rightcol { float:right;width:400px; }


/* Tables */
table { border:1px solid #eee; }
table th { padding:2px 4px; }
table td { padding:2px 4px;border:1px solid #eee;border-width:1px 1px 1px 1px; }

/* Flash messages */
#flashmessages { position:absolute;top:18px;right:0;width:500px;
	border:1px solid #ff7e00;border:1px solid #FFD2A6;color:#FF7E00;color:#E37101;background:#FFD2A6;background:#FFE3C9; }
#flashmessages li { margin:0;padding:5px 10px;line-height:20px;list-style-type:none; }

/* Form styles */
fieldset { clear: both; }
legend { padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700; }
fieldset fieldset legend { padding: 0 0 1.5em; font-size: 1em; }
* html legend { margin-left: -7px; }
*+html legend { margin-left: -7px; }

form .field, form .buttons { clear: both; margin: 0 0 1.5em; margin: 0 0 .4em;list-style-type: none; }
form .field label { display: block;}
form ul.fields li { list-style-type: none; margin: 0; }
form ul.inline li, form ul.inline label { display: inline; }
form ul.inline li { padding: 0 .75em 0 0; }

input.radio, input.checkbox { vertical-align: top; }
label, button, input.submit, input.image { cursor: pointer; }
* html input.radio, * html input.checkbox { vertical-align: middle; }
*+html input.radio, *+html input.checkbox { vertical-align: middle; }

textarea {overflow: auto;}
input.text, input.password, textarea, select { margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea { border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px; }

* html button { margin:0 .34em 0 0; }
*+html button { margin:0 .34em 0 0; }

form.horizontal .field { padding-left: 150px;padding-left: 180px; }
form.horizontal .field label { display: inline; float: left; width: 140px; margin-left: -150px;width: 170px;margin-left: -180px; }

/* speciaal */
form { font-size:12px;line-height:18px; }
#fieldset-persoonsgegevens { float:left;width:400px;margin:0;clear:none; }
#fieldset-werkgegevens { float:left;clear:left;width:400px;margin:0;clear:left; }
#fieldset-werkgegevens2 { float:left;clear:left;width:400px;margin:0;clear:left; }
#fieldset-interessegegevens { float:right;width:400px;margin:0;clear:none; }
#fieldset-interessegegevens .field { margin:0 0 0; }

form .errors li { margin:0;list-style-type:none;color:#800;font-size:10px; }

.paginationControl { margin:0 0 18px; }

/* Beheer gedeelte */
.panel { float:left;width:100%;margin:0 0 18px;background:#f4f4f4; }

.menu { padding:10px;float:left;width:200px; }
.menu h4 { margin:0 0 10px; }
.menu ul { margin:0 0 10px;padding:0;}
.menu ul li { margin:0;padding:0;list-style:none; }
.filterbox { padding:10px;width:560px;width:600px; }
.admin .filterbox { float:right;width:560px; }
.filterbox h4 { margin:0 0 10px; }
.letterControl { font-size:12px;line-height:18px; }
.letterControl a { padding:3px 4px 1px;background:#eee;margin:0 0px 5px 0;border:1px solid #ccc;text-transform:uppercase; }


/* Footer */
#footer { background:#f2f2f2; }
#footer p { width:840px;margin:0 auto;padding:10px 0;font-size:11px;color:#777; }