/* @override http://www.ginkgosupport.nl/css/screen.css */

/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org
 
 Edited by Kieran Klaassen
 www.kkdesign.nl

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:20px; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
table,td,th { vertical-align:middle; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
a img { border:none; }

/* typography.css */
html { font-size:100.01%; }
body { font-size:16px; color:#222; background:#fff; font-family: "gesta-1","gesta-2", "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:.5em; }
h2 { font-size:2em; margin-bottom:.75em; }
h3 { font-size:24px; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:24px; }
h6 { font-size:1em; font-weight:bold; }
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin:0; }
p { margin:0 0 24px; }
p img.left { float:left; margin:24px 24px 24px 0; padding:0; }
p img.right { float:right; margin:24px 0 24px 24px; }
a:focus,a:hover { color:#000; }
a { color:#009; text-decoration:underline; }
blockquote { margin:24px; color:#666; font-style:italic; }
strong { font-weight:bold; }
em,dfn { font-style:italic; }
dfn { font-weight:bold; }
sup,sub { line-height:0; }
abbr,acronym { border-bottom:1px dotted #666; }
address { margin:0 0 24px; font-style:italic; }
del { color:#666; }
pre { margin:24px 0; white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul,li ol { margin:0 24px; }
ul,ol { margin:0 24px 24px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 24px; }
dl dt { font-weight:bold; }
dd { margin-left:24px; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th,td,caption { padding:4px 10px 4px 5px; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

/* forms.css */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 24px; border:1px solid #ccc; -moz-border-radius:8px; -webkit-border-radius:8px; }
legend { font-weight:bold; font-size:1.2em; }
input[type=text],input[type=password],input.text,input.title,textarea,select { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus { border-color:#666,-moz-border-radius:4px; -webkit-border-radius:4px;; }
input[type=text],input[type=password],input.text,input.title,textarea,select { margin:.5em 0; }
input,textarea { font-size:1.2em; width:400px; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px; color:black; }
input.title { font-size:24px; }
textarea { width:390px; height:250px; padding:5px; }
input[type=checkbox],input[type=radio],input.checkbox,input.radio { position:relative; top:.25em; }
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
.error,.notice,.success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background: #FBE3E4 url(/images/icons/exclamation-red-frame.png) no-repeat 14px 15px; color:#8a1f11; border-color:#FBC2C4;
	padding-left: 44px;
}
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }



/* grid.css */
.container { width:984px; margin:0 auto; /*background:url(/css/grid.png);*/ }
.showgrid{background:url(/css/grid.png);}
.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 { float:left; margin-right:24px; }
.span-1 { width:17px; }
.span-2 { width:58px; }
.span-3 { width:99px; }
.span-4 { width:140px; }
.span-5 { width:181px; }
.span-6 { width:222px; }
.span-7 { width:263px; }
.span-8 { width:304px; }
.span-9 { width:345px; }
.span-10 { width:386px; }
.span-11 { width:427px; }
.span-12 { width:468px; }
.span-13 { width:509px; }
.span-14 { width:550px; }
.span-15 { width:591px; }
.span-16 { width:632px; }
.span-17 { width:673px; }
.span-18 { width:714px; }
.span-19 { width:755px; }
.span-20 { width:796px; }
.span-21 { width:837px; }
.span-22 { width:878px; }
.span-23 { width:919px; }
.span-24,div.span-24 { width:960px; margin:0; }
input.span-1,textarea.span-1,select.span-1 { width:17px!important; }
input.span-2,textarea.span-2,select.span-2 { width:24px!important; }
input.span-3,textarea.span-3,select.span-3 { width:65px!important; }
input.span-4,textarea.span-4,select.span-4 { width:106px!important; }
input.span-5,textarea.span-5,select.span-5 { width:147px!important; }
input.span-6,textarea.span-6,select.span-6 { width:188px!important; }
input.span-7,textarea.span-7,select.span-7 { width:229px!important; }
input.span-8,textarea.span-8,select.span-8 { width:270px!important; }
input.span-9,textarea.span-9,select.span-9 { width:311px!important; }
input.span-10,textarea.span-10,select.span-10 { width:352px!important; }
input.span-11,textarea.span-11,select.span-11 { width:393px!important; }
input.span-12,textarea.span-12,select.span-12 { width:434px!important; }
input.span-13,textarea.span-13,select.span-13 { width:475px!important; }
input.span-14,textarea.span-14,select.span-14 { width:516px!important; }
input.span-15,textarea.span-15,select.span-15 { width:557px!important; }
input.span-16,textarea.span-16,select.span-16 { width:598px!important; }
input.span-17,textarea.span-17,select.span-17 { width:639px!important; }
input.span-18,textarea.span-18,select.span-18 { width:680px!important; }
input.span-19,textarea.span-19,select.span-19 { width:721px!important; }
input.span-20,textarea.span-20,select.span-20 { width:762px!important; }
input.span-21,textarea.span-21,select.span-21 { width:803px!important; }
input.span-22,textarea.span-22,select.span-22 { width:844px!important; }
input.span-23,textarea.span-23,select.span-23 { width:885px!important; }
input.span-24,textarea.span-24,select.span-24 { width:950px!important; }
.append-1 { padding-right:41px; }
.append-2 { padding-right:82px; }
.append-3 { padding-right:123px; }
.append-4 { padding-right:164px; }
.append-5 { padding-right:205px; }
.append-6 { padding-right:246px; }
.append-7 { padding-right:287px; }
.append-8 { padding-right:328px; }
.append-9 { padding-right:369px; }
.append-10 { padding-right:410px; }
.append-11 { padding-right:451px; }
.append-12 { padding-right:492px; }
.append-13 { padding-right:533px; }
.append-14 { padding-right:574px; }
.append-15 { padding-right:615px; }
.append-16 { padding-right:656px; }
.append-17 { padding-right:697px; }
.append-18 { padding-right:738px; }
.append-19 { padding-right:779px; }
.append-20 { padding-right:820px; }
.append-21 { padding-right:861px; }
.append-22 { padding-right:902px; }
.append-23 { padding-right:943px; }
.prepend-1 { padding-left:41px; }
.prepend-2 { padding-left:82px; }
.prepend-3 { padding-left:123px; }
.prepend-4 { padding-left:164px; }
.prepend-5 { padding-left:205px; }
.prepend-6 { padding-left:246px; }
.prepend-7 { padding-left:287px; }
.prepend-8 { padding-left:328px; }
.prepend-9 { padding-left:369px; }
.prepend-10 { padding-left:410px; }
.prepend-11 { padding-left:451px; }
.prepend-12 { padding-left:492px; }
.prepend-13 { padding-left:533px; }
.prepend-14 { padding-left:574px; }
.prepend-15 24px
.prepend-16 { padding-left:656px; }
.prepend-17 { padding-left:697px; }
.prepend-18 { padding-left:738px; }
.prepend-19 { padding-left:779px; }
.prepend-20 { padding-left:820px; }
.prepend-21 { padding-left:861px; }
.prepend-22 { padding-left:902px; }
.prepend-23 { padding-left:943px; }
div.border { padding-right:11px; margin-right:12px; border-right:1px solid #eee; }
div.colborder { padding-right:4px; margin-right:5px; border-right:1px solid #eee; }
.pull-1 { margin-left:-41px; }
.pull-2 { margin-left:-82px; }
.pull-3 { margin-left:-123px; }
.pull-4 { margin-left:-164px; }
.pull-5 { margin-left:-205px; }
.pull-6 { margin-left:-246px; }
.pull-7 { margin-left:-287px; }
.pull-8 { margin-left:-328px; }
.pull-9 { margin-left:-369px; }
.pull-10 { margin-left:-410px; }
.pull-11 { margin-left:-451px; }
.pull-12 { margin-left:-492px; }
.pull-13 { margin-left:-533px; }
.pull-14 { margin-left:-574px; }
.pull-15 { margin-left:-615px; }
.pull-16 { margin-left:-656px; }
.pull-17 { margin-left:-697px; }
.pull-18 { margin-left:-738px; }
.pull-19 { margin-left:-779px; }
.pull-20 { margin-left:-820px; }
.pull-21 { margin-left:-861px; }
.pull-22 { margin-left:-902px; }
.pull-23 { margin-left:-943px; }
.pull-24 { margin-left:-984px; }
.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24 { float:left; position:relative; }
.push-1 { margin:0 -41px 24px 41px; }
.push-2 { margin:0 -82px 24px 82px; }
.push-3 { margin:0 -123px 24px 123px; }
.push-4 { margin:0 -164px 24px 164px; }
.push-5 { margin:0 -205px 24px 205px; }
.push-6 { margin:0 -246px 24px 246px; }
.push-7 { margin:0 -287px 24px 287px; }
.push-8 { margin:0 -328px 24px 328px; }
.push-9 { margin:0 -369px 24px 369px; }
.push-10 { margin:0 -410px 24px 410px; }
.push-11 { margin:0 -451px 24px 451px; }
.push-12 { margin:0 -492px 24px 492px; }
.push-13 { margin:0 -533px 24px 533px; }
.push-14 { margin:0 -574px 24px 574px; }
.push-15 { margin:0 -615px 24px 615px; }
.push-16 { margin:0 -656px 24px 656px; }
.push-17 { margin:0 -697px 24px 697px; }
.push-18 { margin:0 -738px 24px 738px; }
.push-19 { margin:0 -779px 24px 779px; }
.push-20 { margin:0 -820px 24px 820px; }
.push-21 { margin:0 -861px 24px 861px; }
.push-22 { margin:0 -902px 24px 902px; }
.push-23 { margin:0 -943px 24px 943px; }
.push-24 { margin:0 -984px 24px 984px; }
.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24 { float:right; position:relative; }
.prepend-top { margin-top:24px; }
.append-bottom { margin-bottom:24px; }
.box { padding:24px; margin-bottom:24px; background:#E5ECF9; }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }
hr.space { background:#fff; color:#fff; }
.clearfix:after,.container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,.container { display:block; }
.clear { clear:both; }

/* Indentation instead of line shifts for sibling paragraphs. */
   /*p + p { text-indent:2em; margin-top:-1.5em; }*/
   form p + p  { text-indent: 0; } /* Don't want this in forms. */


/* @override 
	http://www.ginkgosupport.nl/css/plugins/buttons/screen.css
	http://gs-v2.kkdesign.nl/css/plugins/buttons/screen.css
*/

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

/* buttons */

.button {
	float: left;
	margin: 0 24px 24px 0;
	width: 160px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	position:relative;
	/* BACKGROUND GRADIENTS */
	background: #014464;
	background: -moz-linear-gradient(top, #2E579F, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2E579F), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));
	/* BORDER RADIUS */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #0D2E5D;
	border-top: 1px solid #2E579F;
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px black;
	/* BOX SHADOW */
	-moz-box-shadow: 0 1px 3px gray;
	-webkit-box-shadow: 0 1px 3px gray;
	box-shadow: 0 1px 3px gray;
}

.button.green{
	background: #014464;
	background: -moz-linear-gradient(top, #CFEC5F, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFEC5F), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	border: 1px solid #B0CD45;
	border-top: none;
	
	
}
.button.big{
	width: 260px;
}
.button.huge{
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

/* WHILE HOVERED */

.button:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #3466BB, #2A4E8A 50%, #203F72 51%, #071C39);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3466BB), color-stop(.5, #2A4E8A), color-stop(.5, #203F72), to(#0D2E5D));
	color: white;
}

.button.green:hover {
	background: #014464;
	background: -moz-linear-gradient(top, #D6F764, #B0CD45 50%, #A1BD39 51%, #89A425);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D6F764), color-stop(.5, #B0CD45), color-stop(.5, #A1BD39), to(#89A425));
	color: white;
}

/* WHILE BEING CLICKED */

.button:active {
	-moz-box-shadow: 0 1px 4px black;
	-webkit-box-shadow: 0 1px 4px black;
}


button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
  
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

button.huge img, a.button.huge img{
  margin:0 7px -7px 0 !important;
  padding:0;
  border:none;
  width:24px;
  height:24px;
  float:none;
}


/* MEDIA QUERIES ------------------------------------------------------------------- */

/* Proprtional leading */

@media all and (max-width : 1000px) {

#test, header, footer, body > #content{
	width:1000px
}
#content #mensen{

 width:1200px;
	
}
}