html, body
{
margin:0;
padding:0;
height:100%;
}

body
{
font:10px Helvetica, Verdana, sans-serif;
background:url("../_images/body.jpg") no-repeat 50% 50% #0078ff;
}

#uitlegtricker
{
background:#0069e0;
position:absolute;
left:0px;
top:0px;
width:20px;
height:20px;
color: #004694;
padding:3px;
}

#uitleg
{
position:relative;
z-index:99;
font-size:1.1em;
line-height:17px;
width:200px;
height:130px;
top:30px;
left:30px;
padding:10px;
background:#FFF;
border:3px solid #d7dce2;
color:#959ba2;
}

#uitleg a
{
color:#6d757d;
}

#uitleg h1
{
font-weight:normal;
float:left;
}
#uitleg p
{
clear:both;
}
#uitleg #close
{
border-bottom:1px solid #EEE;
text-align:right;
width:200px;
padding-bottom:5px;
margin-bottom:0px;
}

#container
{
position:absolute;
left:50%;
margin-left:-325px;
top:50%;
margin-top:-250px;
background:#FFF;
width:650px;
height:500px;
overflow:hidden;
}

#portfolio_web, #portfolio_print
{
position:relative;
z-index:1;
background:#FFF;
width:650px;
height:500px;
overflow:hidden;
}

#over_mij
{
padding:30px 50px 0px 50px;
font:2.5em Helvetica, Verdana, sans-serif;
color:#5b5b5f;
line-height:35px;
background:#FFF;
width:550px;
position:relative;
z-index:99;
height:470px;
}

#over_mij span, #over_mij a
{
color:#0078ff;
}

h1
{
margin-top:0px;
margin-bottom:20px;
}

h2
{
margin:35px 0px 15px 0px;
}

h3
{
margin:15px 0px 5px 0px;
}


.boxcaption{ 
float: left; 
position: absolute; 
z-index:99;
background: #000; 
color:#FFF;
height: 200px; 
width: 630px; 
}
.captionfull .boxcaption {
padding:10px;
top: 300px;
left: 0;
}
.caption .boxcaption {
padding:10px;
top: 450px;
line-height:18px;
left: 0;
}


.caption a
{
color:#FFF;
}

.caption h1
{
padding-top:5px;
padding-right:5px;
float:left;
vertical-align:bottom;
}
.caption img
{

}

.caption p
{
clear:both;
}

.caption .kernwoorden
{
border-top:1px solid #101010;
padding-top:15px;
margin-top:5px;
background:url("../_images/tag.gif") no-repeat #000 bottom left;
padding-left:25px;
}

.caption .url
{
margin-top:5px;
background:url("../_images/url.gif") no-repeat #000;
padding-left:25px;
}

#navigatie
{
position:absolute;
left:50%;
margin-left:-325px;
top:50%;
margin-top:-300px;
width:650px;
}

#navigatie a.navigatielink:link, #navigatie a.navigatielink:visited
{
font: 12px "Lucida Sans", arial, helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color: #FFF;
text-align:center;
display:block;
width:70px;
padding:5px;
text-decoration:none;
background:#005ec7;
float:left;
margin-right:10px;
}

#navigatie .active 
{
font: 12px "Lucida Sans", arial, helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color: #FFF;
text-align:center;
display:block;
width:70px;
padding:5px;
text-decoration:none;
background:#004694;
float:left;
margin-right:10px;
}


#navigatie a.navigatielink:hover
{
background:#0069e0;
}



#navigatie a#nexusworld
{
width:110px;
margin-left:37px;
background:#009b00;
margin-right:0px;
}

#navigatie a#nexusworld:hover
{
background:#00b800;
}

#navigatie a#cv
{
display:inline;
width:110px;
margin-left:10px !important;
background:#e50000;
margin-right:0px;
}

#navigatie a#cv:hover
{
background:#f70000;
}

#twitter
{
position:absolute;
top:50%;
margin-top:-80px;
left:50%;
margin-left:330px;
display:block;
height:50px;
width:50px;
}

#prev, #next
{
z-index:99;
text-decoration:none;
background:#FFF;
position:absolute;
top:50%;
margin-top:-25px;
width:50px;
height:46px;
display:block;
}

#prev img, #next img
{
border:0px solid #FFF;
text-decoration:none;
}

#prev
{
left:50%;
margin-left:-375px;
right:260px;
}
#next
{
left:50%;
margin-left:325px;
right:0px;
}

#footer
{
position:absolute;
top:50%;
margin-top:280px;
left:50%;
width:600px;
margin-left:-300px;
text-align:center;
color:#0064d3;
font-size:1em;
}

#footer a
{
color:#0064d3;
text-decoration:none;
}

#meerkat-container {
	position: relative;
	z-index:999;
}

#meerkat {
	width: 100%;
	display: none;
}

#meerkat-content {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}

#meerkat-content h1{
	color: #FFF;
	font-size: 3.8em;
}

#meerkat-content p{
	color: #FFF;
	font-size: 1.2em;
}

#meerkat-content a.dont-show{
	color: #FFF;
	font-weight: bold;
}

#meerkat-content a.dont-show:hover {
	color: #FFF;
	text-decoration: none;
}

#meerkat-content .enter-site {
	display: block;
	height: 50px;
font-size:18px;
color:#0A7CFF;
font-weight:bold;
font-family: "Lucida Sans", sans-serif;
	width: 453px;
	text-align:left;
	margin: 54px -242px 0 0;
	position: absolute;
	top: 50%;
	right: 50%;	
}
#meerkat-content .enter-site:hover
 {
color:#0054AF;
}

#meerkat-content .nieuw {
	display: block;
	height: 154px;
	width: 453px;
	background: #FFF url("../entrypagebg.png") no-repeat left top;
	text-indent: -9000px;
	margin: -154px -226px 0 0;
	position: absolute;
	top: 50%;
	right: 50%;	
}

#meerkat-content .nieuw:hover {
	background-position: left bottom;
}

a.close:hover {
	background-position: 0 bottom;
}