/*
Theme Name: Wout Mager
Theme URI: http://www.woutmager.nl
Author: Wout Mager
Author URI: http://www.woutmager.nl
CSS Document voor Woutmager.nl
Media: Screen
Ontwikkelaar: Wout Mager (www.woutmager.nl)
*/

@font-face {
	font-family: 'CronosProLightBold';
	src: url('cronospro-semibold.eot');
	src: local('?'), url('cronospro-semibold.woff') format('woff'), url('cronospro-semibold.ttf') format('truetype'), url('cronospro-semibold.svg#') format('svg');
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
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;
}

body {
  font: 14px/20px "lucida grande", arial, verdana, sans-serif;
}

a, a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a {
  color: #1537a5;
}
/*

a:visited {
  color: #344069;
}
*/

/* General
=================================================================*/
#header, #wrapper, footer, .wrapper {
	width: 100%;
	clear: both;
	position: relative;
}

#footerholder {
	height: 125px;
}

#header {
	height: 175px;
	background: #fff url("img/wrapper.png") repeat-x left bottom;
}

#wrapper {
	padding: 0 0 60px;
}

.wrapper {
    min-height: 40px;
    padding-top: 40px;
    background: url("img/fadedwrapper.png") no-repeat center top;
}

.holder {
  width: 898px;
  margin: 0 auto;
  position: relative;
}

/* Header
=================================================================*/
#logo {
    width: 455px;
	height: 125px;
	left: 0;
	top: 0;
	overflow: hidden;
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
    position: absolute;
    text-indent: -9000px;
    overflow: hidden;
}

#logo img {
	width: 455px;
	float: left;
}

#logo #overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

#slogan {
    position: absolute;
    right: 643px;
    top: 82px;
    z-index: 100;
    color: #b7a347;
    font-size: 12px;
}

header nav ul {
	position: absolute;
	right: 0;
	top: 47px;
	font-size: 14px;
}

header nav li {
	display: block;
	float: left;
	padding-left: 12px;
}

header nav a
, header nav a:visited
, .btn
{
	color: #fff;
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	float: left;
	border: 1px solid #0e77e2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #0e77e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#328fee), to(#0e77e2));
	background: -moz-linear-gradient(top,  #328fee,  #0e77e2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#328fee', endColorstr='#0e77e2');
	background: -o-linear-gradient(top, #328fee 0%,#0e77e2 100%);
    background: -ms-linear-gradient(top, #328fee 0%,#0e77e2 100%);
    background: linear-gradient(top, #328fee 0%,#0e77e2 100%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header nav a:hover
, .btn:hover
{
	border: 1px solid #0e77e2;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e77e2), to(#024b95));
	background: -moz-linear-gradient(top,  #0e77e2,  #024b95);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e77e2', endColorstr='#024b95');
	background: -o-linear-gradient(top, #0e77e2 0%,#024b95 100%);
    background: -ms-linear-gradient(top, #0e77e2 0%,#024b95 100%);
    background: linear-gradient(top, #0e77e2 0%,#024b95 100%);
	text-decoration: none !important;
}

header nav a.current
, header nav a.current:visited
, header nav a.current:hover
{
	border: 1px solid #000;
	color: #fff;
	background: #000d1a;
	background: -webkit-gradient(linear, left top, left bottom, from(#042240), to(#01162b));
	background: -moz-linear-gradient(top,  #042240,  #01162b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#042240', endColorstr='#01162b');
	background: -o-linear-gradient(top, #042240 0%,#01162b 100%);
    background: -ms-linear-gradient(top, #042240 0%,#01162b 100%);
    background: linear-gradient(top, #042240 0%,#01162b 100%);
}

/* Content & sidebar
=================================================================*/
.content {
	width: 582px;
	float: left;
	padding-right: 50px;
	margin: 0 0 40px 0;
}

#portfolio {
    width: 898px;   
}

.contentfit {
    margin: 0;
}

aside {
	width: 266px;
	margin-bottom: 40px;
	float: left;
	color: #414141;
	font-size: 12px;
}

.content h1
, .content h2.bigheader
, .content .singlepost h1
, #viernulvier h1
{
	font-family: 'CronosProLightBold', sans-serif;
	font-size: 34px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 22px;
	position: relative;
	text-shadow: 1px 1px #ededed;
}

#viernulvier h1 {
    margin: 30px 0 10px;
}

article .post h1 {
    margin-bottom: 6px;
}

#back, #back:visited {
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	font-size: 11px;
}

#back:hover {
	text-decoration: underline;
}

.content h2
, .wrapper .content h3
, .content article header h1
{
	font-family: 'CronosProLightBold', sans-serif;
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 12px;
}

.content h2 {
    margin-bottom: 0;
}

aside section {
	margin-bottom: 12px;
	position: relative;
	z-index: 200;
}

aside a, aside a:visited {
    text-decoration: none;
    line-height: 14px;
}

aside a:hover {
    text-decoration: underline;
}

aside h3, aside h3 a {
	font-size: 15px;
	margin-bottom: 8px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

aside h3 a:hover {
	text-decoration: underline;
}

.vcard h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

aside ul {
	margin-bottom: 27px;
}

aside em {
    padding-top: 10px;
    margin-top: 57px;
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
    float: left;
    background: url("img/tweetcloud.png") no-repeat;
    position: relative;
}

aside em span {
    background: url("img/tweetcloud.png") no-repeat left bottom;
    padding: 0 10px 20px 10px;
    display: block;
}

.cta li
, .delicious li
{
    background: url("img/sprite.png") no-repeat left -338px;
    padding-left: 12px;
}

.delicious li {
    padding-bottom: 10px;
}

.cta a
, .cta a:visited
, .delicious a
, .delicious a:visited
{
    text-decoration: none;
}

.cta a:hover
, .delicious a:hover
{
    text-decoration: underline;
}

aside p {
    margin-bottom: 10px;
}

.content #usps {
	list-style-type: none;
	padding: 0;
}

#usps li {
	padding-left: 18px;
	background: url("img/sprite.png") no-repeat left -89px;
}

.content #usps li {
	padding-left: 22px;
	background: url("img/sprite.png") no-repeat left -21px;
}

.media, .alignright {
	float: right;
	margin: 0 0 40px 30px !important;
}

article .alignleft, .post .alignleft {
    float: left;
    margin: 0 30px 40px 0 !important;
}

article media_none, .post .media_none, .alignnone {
    margin: 0 0 20px 0;
    border: 1px solid #e5e5e5;
	padding: 5px;
}

article .post, article .media, .post .media, article .alignleft, .post .alignleft {
	border: 1px solid #e5e5e5;
	padding: 5px;
}

div.media a span {
    display: block;
    font-size: 11px;
}

.last {
	margin-bottom: 0 !important;
}

.content p
, .content ul
, .content ol
, .entry
, .wrapper .content p
{
	margin-bottom: 27px !important;
}

.archive {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.content ul p {
	margin-bottom: 10px;
}

aside div {
	margin-bottom: 37px;
}

.twitter-timestamp
{
	display: none;
}

#tweets div {
    background: url("img/tweetcloud.png") no-repeat;
    padding-top: 10px;
    margin: 0;
}

#tweets p {
    background: url("img/tweetcloud.png") no-repeat left bottom;
    padding: 0 10px 20px 10px;
}

#followme {
	display: block;
	margin-top: 10px;
	font-size: 12px;
/*
	background: url("img/sprite.png") no-repeat left -68px;
	padding-left: 22px;
*/
	text-decoration: none;
}

#followme:hover {
    text-decoration: underline;
}

#tweets span {
	color: #a2a2a2;
}

#twit {
    position: absolute;
    top: 14px;
    left: -7px;
}

#alert {
	background: #e4fac2;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 27px;
}

#alert p {
	margin: 0 auto;
	padding-left: 26px;
	background: url("img/sprite.png") no-repeat left -164px;
	display: inline;
}

.content ul {
	padding-left: 18px;
	list-style-type: disc;
}

.content ol {
	padding-left: 20px;
	list-style-type: decimal;
}

#tel
, li#email
, #rss
, #kvk
{
	padding-left: 26px;
	background-image: url("img/sprite.png");
	background-repeat: no-repeat;
	margin-top: 4px;
}

#tel {
	background-position: 1px -196px;
}

li#email {
	background-position: left -218px;
}

#rss {
	background-position: left -273px;
}

#kvk {
	background-position: left -317px;
}

.homecontent {
    width: 450px;
    padding-right: 168px;
    margin-bottom: 0;
}

#me {
    position: absolute;
    margin: -60px 0 0 -149px;
    z-index: 100;

}

/* Cases
=================================================================*/
#bigcase {
    width: 570px;
    height: 451px;
    padding: 37px 6px 0;
    background: url("img/bigcase.png") no-repeat;
}

/* Footer
=================================================================*/
#footerholder {
	height: 95px;
	padding-top: 30px;
	background: #0e77e2 url("img/footer.png") repeat-x;
	color: #fff;
}

footer li {
	display: inline;
	margin-right: 20px;
}

footer a, footer a:visited {
	color: #fff;
}

.vcard {
	width: 266px;
	position: absolute;
	right: 0;
	top: 0;
}

.type
, .vcard .url
, .street-address
, .postal-code
, .locality
{
	display: none;
}

/* Service
=================================================================*/
#service {
	text-align: center;
	padding: 20px 0;
	color: #6f6603;
	background: url("img/service.png");
	border-top: 1px solid #c5b61a;
}

#service ul, #service li {
	display: inline;
}

#service li {
	margin: 0 10px;
}

#service #mac {
	background: url("img/sprite.png") no-repeat left -47px;
	padding-left: 14px;
}

#service #cc a {
	background: url("img/sprite.png") no-repeat left -386px;
	padding-left: 14px;
}

#service a, #service a:visited {
    color: #a1a1a1;
    text-decoration: none;
}

#service a:hover {
    text-decoration: underline;
}

#service nav ul {
    display: block;
    margin-bottom: 20px;
}

#service nav ul a, #service nav ul a:visited {
    color: #1537a5;
}

/* Countdown
=================================================================*/
#sinceCountdown {
	width: 100%;
	padding: 10px 0;
	clear: both;
	border-bottom: 1px solid #ededed;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #0e77e2 url("img/footer.png") repeat-x;
}

.countdown_show7 {
	zoom: 1;
	*display: inline;
	padding-left: 20px;
	background: url("img/sprite.png") no-repeat left -244px;
}

.countdown_row br {
	display: none;
}

.countdown_section {
	display: -moz-inline-block;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 10px;
}

.countdown_amount {
  margin-right: 2px;
}

.countdown_descr {
	display: -moz-inline-block;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* Forms
=================================================================*/
#commentform {
	width: 562px;
	background: #eee;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	clear: both;
	*float: left;
}

fieldset {
    margin-bottom: 20px;
}

#commentform h2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px
}

form div {
	width: 100%;
	clear: both;
	padding: 0 0 6px 0;
}

label, .label {
	width: 195px;
	display: block;
	float: left;
	cursor: pointer;
}

#contactform label, #contactform span.label {
    width: 80px;
}

#contactform label.full {
    width: 100%;
    float: none;
    width: auto;
}

label:hover {
    text-decoration: underline;
}

.info {
    display: block;
    float: left;
}

.req {
    font-family: Georgia, "Times new roman", serif;
    font-size: 18px;
    line-height: 1;
    display: inline !important;
}

#contactsubmit, .submit {
	border: none;
	background-color: transparent;
	color: #fff;
	padding: 5px 20px;
	cursor: pointer;
	border: 1px solid #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000');
	background: -o-linear-gradient(top, #333 0%,#000 100%);
    background: -ms-linear-gradient(top, #333 0%,#000 100%);
    background: linear-gradient(top, #333 0%,#000 100%);
    margin-left: 195px;
}

#contactform .submit {
    margin-left: 0 !important;
}

#contactsubmit:hover, .submit:hover {
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000');
	background: -o-linear-gradient(top, #333 0%,#000 100%);
    background: -ms-linear-gradient(top, #333 0%,#000 100%);
    background: linear-gradient(top, #333 0%,#000 100%);
    transition: background 1s ease-in-out;
}

.text {
    width: 260px;
}

.exp {
	display: block;
	padding-left: 195px;
	color: #777;
	font-size: 12px;
}

.contactform br {
	display: none;
}

.req {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	position: relative;
	top: 5px;
}

p.required, p.success {
	margin-bottom: 10px;
	padding: 0 0 0 24px;
	color: #f00;
	background: url("img/sprite.png") no-repeat 0 2px;
}

p.success {
	color: #000;
	background: url("img/sprite.png") no-repeat 0 -23px;
}

input, textarea {
	font: 12px/18px "lucida grande", arial, verdana, sans-serif;
}

input:focus, textarea:focus {
	background: #fef9cc;
}

.submit:focus {
	background: #000 !important;
}

textarea {
	width: 370px;
}

#message {
    width: 585px;
    height: 180px;
}

#commentform textarea {
	width: 355px;
}

input.contacterror, textarea.contacterror {
	background: #ffe3e3;
}

#screenReader
, #loading
, #dialog-message
{
    display: none;
}

.error {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	background: #f00;
	font-size: 12px;
	padding: 1px 5px;
	color: #fff;
	z-index: 1200;
}

/* Blog
=================================================================*/
.commentlist li {
	border-bottom: 22px solid #fff;
}

.commentlist p {
    margin-bottom: 8px !important;
}

time, .date {
	display: block;
	margin-bottom: 18px;
	font-size: 11px;
	color: #aaa;
}

.blogpost .date
, .commentlist .date
, .blogpost time
, .commentlist time
{
    margin-bottom: 2px;
}

.commentheader {
	position: relative;
	margin-bottom: 4px;
}

.commentheader .permalink, .commentheader .permalink:visited {
	position: absolute;
	right: 0;
	top: 0;
}

.commentlist h3 {
	font-size: 16px;
}

.comments {
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.content .entry p {
	margin-bottom: 0;
}

.up {
    text-decoration: none;
}

.content #photos
, .content #photosnolinks
{
	width: 100%;
	display: block;
	padding-left: 0 !important;
	list-style-type: none !important;
	float: left;
}

#photos li, #photosnolinks li {
	float: left;
}

#photos a, #photos a:visited {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#photosnolinks li {
    margin: 0 10px 10px 0;
}

#photos a:hover {
	border: 1px solid #bababa;
	background: #e4e4e4;
	text-decoration: none;
}

#photos img
, #photosnolinks img
{
	display: inline;
}

#photosnolinks img {
    margin: 0;
}

#photos span {
	font-size: 11px;
	display: block;
	clear: both;
	background: url("img/sprite.png") no-repeat left -294px;
}

#photosnolinks span {
    font-size: 11px;
    display: block;
    clear: both;
}

article, .post {
	clear: both;
}

.blogpost {
	border-bottom: 2px solid #ededed;
	margin-bottom: 27px;
}

.wrapper .blogpost {
    border: none;
}

#postnav {
	position: relative;
	padding: 0 !important;
	margin-top: 20px;
}

#postnav li {
	list-style: none;
}

#next {
	position: absolute;
	right: 0;
	top: 0;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #0e77e2;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #0e77e2 url("img/fancybox/border.png");
	-moz-box-shadow: 0 10px 22px 8px #adadad;
	-webkit-box-shadow: 0 10px 32px #adadad;
	box-shadow: 0 10px 22px 8px #adadad;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px "Lucida grande", arial, verdana, sans-serif;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #fff;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('img/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('img/fancybox/fancybox-x.png');
	background-position: 0 -40px;
	color: #fff;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('img/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0;
}

#fancybox-right {
	right: 0;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.wp-pagenavi {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.pages {
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.wp-pagenavi .nextpostslink {
    margin-left: 8px;
    text-decoration: none;
}

.wp-pagenavi .previouspostslink {
    margin-right: 8px;
    text-decoration: none;
}

.nextpostslink:hover
, .previouspostslink:hover
 {
    text-decoration: underline;
}

/*
.current, .page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 2px 6px;
    margin-right: 2px;
}
*/

.page:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e77e2), to(#024b95));
	background: -moz-linear-gradient(top,  #0e77e2,  #024b95);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e77e2', endColorstr='#024b95');
	text-decoration: none;
}

code {
    padding: 10px;
    border: 1px solid #b9d9ef;
    display: block;
    background: #ecf7ff;
    font-size: 12px;
}

/* Portfolio
=================================================================*/
.accordionholder {
    width: 100%;
    background: url("img/fadedwrapper.png") no-repeat center bottom;
    float: left;
    padding-bottom: 24px;
    margin-bottom: 24px;
    clear: both;
}

.accordion {
    width: 583px;
    height: 133px;
    padding: 37px 7px 0 6px;
    margin: 0 auto;
    overflow: hidden;
    background: url("img/portfolio/accordion.png") repeat-y;
    position: relative;
    clear: both;
    cursor: pointer;
}

.browser {
    position: absolute;
    left: 0;
    top: 0;
}

.snap_top {
    position: absolute;
    top: 9px;
    left: 228px;
    z-index: 2;
}

.snap_below {
    position: absolute;
    left: 230px;
    bottom: -1px;
}

.snap {
    position: absolute;
    left: 236px;
    top: -25px;
    z-index: 10;
    display: none;
}

.accordion:hover .snap_top {
    top: 6px;
}

.accordion div {
    width: 180px;
    padding: 10px;
    background: #0e77e2;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    position: absolute;
    left: 478px;
    bottom: -12px;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    display: none;
}

.accordion div a {
    color: #fff;
}

#logos {
    width: 100%;
    text-align: center;
}

#logos strong {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-family: 'CronosProLightBold', sans-serif;
	font-size: 24px;
	line-height: 24px;
}

/* 404
=================================================================*/
#viernulvier {
    text-align: center;
}

#viernulvier .wrapper {
    min-height: 60px;
    padding-top: 60px;
    background: url("img/fadedwrapper.png") no-repeat center bottom;
}

#viernulvier p {
    margin-bottom: 30px;
}

/* LEESVOER
=================================================================*/
.book h1 {
    margin-bottom: 0;
}

.book article {
    width: 100%;
    background: url("img/fadedwrapper.png") no-repeat center bottom;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 24px;
    clear: both;
}

.book img {
    border: 1px solid #ccc;
    padding: 3px;
    float: left;
    margin-right: 20px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.book h2 a {
    color: #000;
    text-decoration: none;
}

.book span {
    color: #ccc;
    display: block;
    margin-bottom: 10px;
}