@font-face{font-family:'SerifaBT-Light';src:url("http://www.absolutus.nl/public/webfonts/1D4958_0_0-007ce515.eot");src:url("http://www.absolutus.nl/public/webfonts/1D4958_0_0-007ce515.eot?#iefix") format("embedded-opentype"),url("http://www.absolutus.nl/public/webfonts/1D4958_0_0-0cd67fc1.woff") format("woff"),url("http://www.absolutus.nl/public/webfonts/1D4958_0_0-57614616.ttf") format("truetype")}
@font-face{font-family:'FuturaBT-Bold';src:url("http://www.absolutus.nl/public/webfonts/20F162_0_0-18a3a037.eot");src:url("http://www.absolutus.nl/public/webfonts/20F162_0_0-18a3a037.eot?#iefix") format("embedded-opentype"),url("http://www.absolutus.nl/public/webfonts/20F162_0_0-e06a6a50.woff") format("woff"),url("http://www.absolutus.nl/public/webfonts/20F162_0_0-2d712597.ttf") format("truetype")}
@-moz-keyframes shake{from{-moz-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}20%{-moz-transform:translate3d(-7px, 0, 0);transform:translate3d(-7px, 0, 0)}40%{-moz-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}60%{-moz-transform:translate3d(7px, 0, 0);transform:translate3d(7px, 0, 0)}80%{-moz-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}}@-webkit-keyframes shake{from{-webkit-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}20%{-webkit-transform:translate3d(-7px, 0, 0);transform:translate3d(-7px, 0, 0)}40%{-webkit-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}60%{-webkit-transform:translate3d(7px, 0, 0);transform:translate3d(7px, 0, 0)}80%{-webkit-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}}@-o-keyframes shake{from{-o-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}20%{-o-transform:translate3d(-7px, 0, 0);transform:translate3d(-7px, 0, 0)}40%{-o-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}60%{-o-transform:translate3d(7px, 0, 0);transform:translate3d(7px, 0, 0)}80%{-o-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}}@-ms-keyframes shake{from{-ms-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}20%{-ms-transform:translate3d(-7px, 0, 0);transform:translate3d(-7px, 0, 0)}40%{-ms-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}60%{-ms-transform:translate3d(7px, 0, 0);transform:translate3d(7px, 0, 0)}80%{-ms-transform:translated3d(0, 0, 0);transform:translated3d(0, 0, 0)}}@keyframes shake{from{transform:translated3d(0, 0, 0)}20%{transform:translate3d(-7px, 0, 0)}40%{transform:translated3d(0, 0, 0)}60%{transform:translate3d(7px, 0, 0)}80%{transform:translated3d(0, 0, 0)}}@-moz-keyframes fadeRightDelay{from{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}50%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}}
@-webkit-keyframes fadeRightDelay{from{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}}@-o-keyframes fadeRightDelay{from{opacity:1;-o-transform:translateX(0);transform:translateX(0)}50%{opacity:0;-o-transform:translateX(30px);transform:translateX(30px)}100%{opacity:0;-o-transform:translateX(30px);transform:translateX(30px)}}@-ms-keyframes fadeRightDelay{from{opacity:1;-ms-transform:translateX(0);transform:translateX(0)}50%{opacity:0;-ms-transform:translateX(30px);transform:translateX(30px)}100%{opacity:0;-ms-transform:translateX(30px);transform:translateX(30px)}}@keyframes fadeRightDelay{from{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(30px)}100%{opacity:0;transform:translateX(30px)}}
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}

.index a img{border:none}
.index a {color:rgb(68, 165, 220)}
.projects a:hover{text-decoration:underline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body.index, html{font-family:"SerifaBT-Light";color:#535b60;margin:0;padding:0;min-width:950px;background-color:white;-webkit-transform:translateZ(0)}
#form1 label {display: none;}
#form1 select{height:45px}
#form1 select,#form1 input,#form1 textarea{width:100%;border-radius: 0px;border: 0px;font-size: 12px;height: auto;padding: 3px 6px;font-size: 16px;line-height: 30px;}
#form1 textarea{height:256px}
#form1 select.error,#form1 input.error,#form1 textarea.error{margin-bottom:0}
#form1 input[type=submit]{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:15px;color:#fff;background:#44A5DC;cursor:pointer}
.hide{display:none}div.content{width:950px;margin:0 auto;overflow:hidden;*zoom:1}
div.container{width:100%;margin:0 auto}em{font-style:italic}


a.blue-button-animated{height:35px;line-height:40px;text-align:left;padding-left:15px;padding-right:25px;background:transparent url("images/blue-button-base-9659761a.png") right top no-repeat;position:relative;font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#ffffff;font-size:85%;color:#edf3f3}
.blue-button-animated:hover{color:#edf3f3}
.blue-button-animated span.arrow{display:block;background:transparent url("images/blue-button-arrow-8268bdf4.png");width:23px;height:35px;position:absolute;top:0;right:-11px}.blue-button-animated:hover span.arrow{-webkit-animation:fadeRightDelay 3s infinite;-moz-animation:fadeRightDelay 3s infinite;-ms-animation:fadeRightDelay 3s infinite;-o-animation:fadeRightDelay 3s infinite;animation:fadeRightDelay 3s infinite}.vertical-spacer{height:80px}h1,h2,h3{text-align:center}select,input,textarea{-webkit-appearance:none;display:block;margin-bottom:15px;font-family:"SerifaBT-Light";font-size:16px;line-height:22px;padding:10px;background-color:#efefef;border:none}select.error,input.error,textarea.error{border:solid 2px red}label.error{color:red}input[type=image]{padding:0}pre{font-family:Courier, monospace;font-size:14px}


#nav{background-color:#121b21;height:52px;text-align:center;line-height:52px}
#nav a.logo{display:inline;position:relative;top:11px;margin-right:31px}
#nav a.menu-button{display:none}
#nav ul{display:inline;height:52px;margin:9px 0}
#nav .active,#nav li:hover a{color:#fff}
#nav li{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:10pt;display:inline;position:relative}
#nav li.active a{color:#fff}
#nav li.active a:after{content:url(images/black-triangle-down-7e823fd3.png);height:8px;width:15px;position:absolute;left:42%;top:41px}
#nav li a{color:#c4cbcf}
#nav li+li{margin-left:50px}

#header{background-color:#44A5DC;padding-top:60px;padding-bottom:28px}
#header h1{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;margin-bottom:2px;color: rgb(255,255,255);font-size:46pt;line-height:46pt;letter-spacing:-0.07em}
#header h2{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;margin-top:3px;margin-bottom:50px;font-size:16pt;background-position:0 8px;letter-spacing:-0.09em}
#header h2>span{padding:0 45px;background-color:#44A5DC;display:inline-block}
#header p {text-align:center;color:#fff;font-size:18pt;margin:0 auto 30px auto;line-height:31px;-webkit-font-smoothing:antialiased}
#header p span{display:block}#header .call_to_action{margin-top:38px}
#header p a {color:#fff;}
#header .call_to_action div{position:relative;width:241px;height:80px;margin:0 auto;padding:0 28px;background-color:#44A5DC}
#header .call_to_action div a.arrow{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:11pt;display:block;background:#44A5DC url("images/yellow-arrow-cd660a41.png") no-repeat;line-height:62px;text-align: center;}
#header .call_to_action div a.arrow:hover{-webkit-animation:shake 0.5s linear 0s 1;-moz-animation:shake 0.5s linear 0s 1;-ms-animation:shake 0.5s linear 0s 1;-o-animation:shake 0.5s linear 0s 1;animation:shake 0.5s linear 0s 1}
#subhead{background:#edf3f3 url("images/lattice-5e08b610.gif") bottom repeat-x;padding-top:47px;padding-bottom:70px}
#subhead .border{position:relative;top:-54px;width:100%;height:7px;background:transparent url("images/blue-grey-triangle-border-d4089489.png") top repeat-x}
#subhead h2{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:11pt}
#main div.content{padding:55px 0 50px}
#main .border{position:relative;top:-7px;width:100%;height:7px;background:transparent url("images/blue-white-triangle-border-7b19c553.png") top repeat-x}
#main hr{background:url("images/grey-line-1e0e9dea.gif") center repeat-x;height:1px;border:none}
#main h2{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;background:url("images/grey-line-1e0e9dea.gif") center repeat-x;font-size:10pt;color:#fff;}
#main h2>span{    background-color: #191a1a;border-width: 0 34px;display: inline-block;height: 32px;line-height: 35px;padding: 0 10px;}
#footer{clear:both;background:#edf3f3 url("images/lattice-5e08b610.gif") top repeat-x;padding:43px 0}
#footer .nav_bottom{margin:0 auto;overflow:hidden;*zoom:1;text-align: center;}
#footer ul{margin-top:15px}
#footer li{display:inline;color:#535b60;font-size:10pt}
#footer li+li{margin-left:32px}
#footer a{color:#535b60}#footer a.logo{margin:0 40px;float:left}
#footer p.copyright{margin-top:45px;text-align:center;font-size:9pt;line-height:10pt;color:#121b21;opacity:0.3}a{text-decoration:none;color:#0388a6}

.person{clear:both;overflow:hidden;*zoom:1;padding:50px 80px;border-bottom:1px solid #cccccc;background-repeat:no-repeat;min-height:450px}
.person.odd{padding-right:384px;margin-right:55px;background-position:bottom right}
.person.even{padding-left:384px;margin-left:55px;background-position:bottom left}
.person h3{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;margin-top:55px;font-size:24pt;text-align:left}
.person p{font-size:14pt;line-height:1.2em;margin:10px 0}
.inquire{margin:85px 0 45px;text-align:center;line-height:8px}
.inquire h1,.inquire span.headline{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:31pt}
.inquire span.headline{display:inline-block;line-height:40px}
.inquire h1{line-height:40pt}
.inquire p{font-size:18pt;line-height:22pt;margin-bottom:20px}
.inquire a{display:inline-block}
.inquire.oneline span.headline{vertical-align:middle;margin-right:38px}
p.social-links a.twitter,p.social-links a.github,p.social-links a.linkedin{font-family:"Helvetica Neue", sans-serif;font-weight:bold;color:#535b60;text-transform:none;font-size:10pt;margin-right:15px}
p.social-links a.twitter:before,p.social-links a.github:before,p.social-links a.linkedin:before{position:relative;top:4px;margin:2px}
p.social-links a.twitter:before{content:url(images/twitter-ab3bc0d1.png)}p.social-links a.github:before{content:url(images/github-f388d418.png)}
p.social-links a.linkedin:before{content:url(images/linkedin-79cdbf05.png)}
.index #header h1{letter-spacing:-0.06em}
.index #home-rapenburg{position:relative;display:block;width:563px;height:239px;padding:0;margin:-16px auto -14px}
.index #subhead{position:relative;margin-top:-28px;padding-top:39px;padding-bottom:40px}
.index #subhead .border{top:-46px}
.index #subhead h2{color:rgb(255,255,255);}
#home-open-source {margin:17px auto 0 auto;text-align:center}
#home-open-source li{display:inline;margin:0 10px 10px}
#home-open-source img{width: 80px;}

.index #main div.content{padding-top:64px}
.index #home-producten{overflow:hidden;*zoom:1;margin:56px auto -50px}
.index #home-producten h3, .content h3 {margin:24px auto 18px;font-size:17pt;font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21}

.index p {margin:0 15px 15px;font-size:14pt;line-height:17pt}
.projects a {font-size:14pt;line-height:17pt}

.index #home-producten a{display:block;margin-bottom:60px;font-size:14pt;line-height:17pt}
.index #home-producten a:hover {text-decoration:underline; }


.index #home-producten>div{text-align:center;width:33%;float:left}
.index #home-inquire{margin:75px 0 25px}
.index #home-inquire a{letter-spacing:-0.08em}
.consulting #header h1{font-size:38pt;line-height:38pt;letter-spacing:-0.08em;margin-top:5px}
.consulting #header p{margin:0 auto 40px}
.consulting #main h2>span{padding:0 15px}


/*	padding: top right bottom left;	*/

#contact{width:790px;margin:25px auto;overflow:hidden;*zoom:1}
#contact h3{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;text-align:left;margin-bottom:25px;font-size:14pt}
#contact #contact-info{float:left;width:425px;}
#contact #contact-info label{float:left;margin:5px 0 10px 10px}
#contact #contact-info label.error{font-family:"Helvetica Neue", sans-serif;font-weight:bold;float:right;font-size:10pt}
#contact #abso-info{float:right;width:310px;padding-left:40px;text-align:center;border-left:1px solid #d2d2d2}
#contact #abso-info dt{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;margin:15px 0 5px 0}
#contact #abso-info dt.social{margin-bottom:10px}
#contact #abso-info dd{font-size:13.5pt;line-height:1.3em}#contact #abso-info a{text-decoration:underline}#contact #abso-info a.map{display:block;overflow:hidden;margin-bottom:25px}#contact #abso-info a.address{text-decoration:none;color:#535b60}#contact #contact-info h1{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;margin-bottom:10px;font-size:30pt;line-height:30pt}#contact #contact-info p{font-size:18pt;line-height:22pt}#contact #contact-info img.mailman{margin-bottom:30px}#open-source .header{text-align:center;padding:50px}#open-source .header img{margin:25px}#open-source .header h1{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;margin-bottom:10px;font-size:32pt}#open-source .header p{font-size:18pt;line-height:1.3em;margin:10px 0}#open-source #projects{overflow:hidden;*zoom:1;padding:50px 0;font-size:14pt;line-height:18pt}#open-source #projects .project{width:33%;float:left;padding:30px 5%;height:310px;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}#open-source #projects .project:nth-child(3n+3){border-right-width:0}#open-source #projects .project:nth-last-child(-n+3){border-bottom-width:0;margin-bottom:50px}#open-source #projects a.project-title{font-family:"FuturaBT-Bold", Impact, sans-serif;text-transform:uppercase;word-spacing:0.1em;color:#121b21;font-size:16pt;display:block;height:50px}.training #header{padding-top:68px;padding-bottom:46px}.training #classes{margin-top:-15px}.training #classes .class{margin:75px 100px 85px;padding-top:10px;padding-left:100px;background:url("images/scroll-4deb7400.png") no-repeat}


/* extra */
.login {
	max-width: 640px;
}

.login h2 {
	display: none;
}

.projects h3 {
	text-align: left;
	margin-left: 15px;
}

.projects img {
	float: right;
	margin-left: 15px;
/*	border: 1px solid rgb(200, 200, 200); */
}

.projects li:nth-child(odd) img {
	float: left;
	margin-right: 15px;
}

div.tt {
	font-size: 14px;
}