@font-face {
font-family: 'DroidSans';
src: url('../_fonts/Droid-Sans/DroidSans-webfont.eot');
src: local('☺'), url('../_fonts/Droid-Sans/DroidSans-webfont.woff') format('woff'), url('../_fonts/Droid-Sans/DroidSans-webfont.ttf') format('truetype'), url('../_fonts/Droid-Sans/DroidSans-webfont.svgz#webfontEtSsk1JN') format('svg'), url('../_fonts/Droid-Sans/DroidSans-webfont.svg#webfontEtSsk1JN') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSansBold';
src: url('../_fonts/Droid-Sans/DroidSans-Bold-webfont.eot');
src: local('☺'), url('../_fonts/Droid-Sans/DroidSans-Bold-webfont.woff') format('woff'), url('../_fonts/Droid-Sans/DroidSans-Bold-webfont.ttf') format('truetype'), url('../_fonts/Droid-Sans/DroidSans-Bold-webfont.svgz#webfontKcmVwBB9') format('svg'), url('../_fonts/Droid-Sans/DroidSans-Bold-webfont.svg#webfontKcmVwBB9') format('svg');
font-weight: normal;
font-style: normal;
}

* {
margin:0;
padding:0;
font-family: 'DroidSans';
}

body {
background-color:#ccc;
color:#333;
font-size:18px;
font-family: 'DroidSans';
background-image:url(../_img/gradient.jpg);
background-repeat:repeat-x;
background-position:top;
}

#background {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
}

#container {				
position:absolute;								
left:50%;
width:1000px;		
margin-left:-500px;
}

#mainframe {
position:absolute;
width:650px;
height:240px;
top:80px;
left:125px;
}

#mynameis {
width:650px;
}

#credits {
position:absolute;
top:310px;
left:875px;
font-size:9px;
color:#999;
}

#navigation {
position:absolute;
width:1000px;
height:40px;
letter-spacing:0.5px;
top:300px;
left:0;
line-height:40px;
vertical-align:middle;
color:#690;
}

#footer {
position:absolute;
top:656px;
width:1000px;
font-size:11px;
}

#copyright {
float:right;
font-size:11px;	
}	

#center {
position:absolute;
top:342px;
width:1000px;
height:300px;
overflow:hidden;
}

.content {
position:absolute;
width:300px;			
left:-300px;
top:0;
font-size:12px;
font-weight:normal;
line-height:18px;
background-color:#fff;
overflow:hidden;
}

html>body .content {
width: 300px;
}

.tekstje {
margin:15px;
margin-left:25px;
margin-right:20px;
}

.tekstje2 {
margin-top:15px;
margin-left:25px;
width:300px;
float:left;	
}

.tekstje3 {
margin:15px;
margin-left:45px;
width:185px;
float:left;	
}

.blokje {
margin:10px;
}

.fullscreen {
width:100%;
height:100%;
}

.green {
color:#c00;
font-size:115%;
font-family: 'DroidSansBold';
}

.right {
margin-left:10px;
display:block;
float:right;
width:100px;
height:150px;
}

.nav {
font-family: 'DroidSans';
font-size:18px;
}

.bijschrift {
position:absolute;
right:25px;
bottom:10px;
color:#fff;
font-size:9px;
}

.iov {
font-size:9px;
}

#yoshuatree {
position:absolute;
top:-300px;
left:125px;
width:300px;
height:300px;
font-size:60px;
font-family: 'DroidSansBold';
color:#fff;
line-height:75%;
letter-spacing:-2px;
}

#over {				
top:300px;
height:300px;
left:675px;
color:#333;
}

#bijschrift_over {
bottom:-20px;
left:125px;
}

#bijschrift_klanten {
bottom:-20px;
left:350px;
}

#america {
position:absolute;
top:-300px;
width:1000px;
height:300px;
overflow:hidden;
background-image:url(../_img/america.jpg);
background-color:#98a3ae;
}

#network {
position:absolute;
top:-300px;
width:80px;
height:300px;
overflow:hidden;
background-color:#999;
}

#klanten {	
position:absolute;
top:300px;
left:325px;
width:675px;
height:300px;
line-height:120%;
font-size:14px;
overflow:auto;
color:#eee;
background-image:url(../_img/hout.jpg);
}

#foto {
position:absolute;
left:-300px;
top:0;
width:245px;
height:300px;
background-color:#9c0;
line-height:110%;
color:#fff;
font-size:24px;
}

#office {
position:absolute;
top:300px;
left:80px;
width:1000px;
height:300px;
overflow:hidden;
background-image:url(../_img/office.jpg);
}

#functies {
position:absolute;
width:625px;
left:1000px;
bottom:20px;
font-family: 'DroidSansBold';
font-size:32px;
line-height:110%;
color:#fff;
}

#diensten {				
left:-300px;
top:90px;
width:300px;
background-color:#9c0;
color:#fff;
}

#portfolio {
position:absolute;
top:0;
left:1000px;
width:1000px;
height:300px;
}

#slideshow-area, #slideshow-scroller {
width: 1000px;
height: 300px;
position: relative;
overflow: hidden;
margin: 0 auto;	
}

#slideshow-holder {
height: 300px;
width:1000px;
}

#slideshow-previous {
width: 20px;
height: 20px;
position: absolute;
background: transparent url("../_img/arrow_left.png") no-repeat 50% 50%;
display: none;
cursor: pointer;
top:260px;
left:25px;
}

#slideshow-next {
width: 20px;
height: 20px;
position: absolute;
background: transparent url("../_img/arrow_right.png") no-repeat 50% 50%;
display: block;
cursor: pointer;
top:260px;
right:25px;
}

.slideshow-content {
float: left;
width:1000px;
height:300px;
text-align:center;
margin:0 auto;
line-height:300px;
}

#mikey {
position:absolute;
left:820px;
top:14px;
width:178px;
height:300px;
background-image:url(../_img/mikey.png);
background-repeat:no-repeat;
}

#mikenzoclip {
position:absolute;
left:0;
top:0;
width:80px;
height:113px;
background-image:url(../_img/mikenzoclip.png);
background-repeat:no-repeat;
}

#clouds {
width:100%;
}

hr {
background-color:#fff;
color:#fff;
height:2px;
border:0;
margin:0;
margin-top:5px;
margin-bottom:5px;
}

h1 {
font-size:41px;
line-height:111%;
letter-spacing:-2px;
}

h2 {
font-size:14px;
line-height:125%;
font-weight:normal;
margin:0;
padding:0;
margin-top:10px;
}

h3 {
line-height:120%;
font-size:12px;
color:#666;
margin:0;
padding:0;
}

p {
margin:0;
line-height:125%;
}

a {
color:#690;
text-decoration:none;
font-family: 'DroidSans';
outline:none;
}

a:hover {
text-decoration:underline;
}

a:active {
outline:none;
}

a.credits {
color:#999;
font-weight:normal;
}

a.nav {
color:#666;
font-weight:normal;
}

a.nav:hover {
color:#690;
text-decoration:none;
}

a.client, a.client:hover {
font-weight:normal;
color:#eee;
}

.bijschrift a {
color:#fff;
}

a.client:hover {
color:#690;
}

#over a {
color:#690;
}

.slide {
	width:1000px;
	height:300px;
}