/* CSS Document */

body 
{  margin: 0;  padding: 0;  border: 0;  
	FONT-SIZE: 11px; 
	COLOR: black;  
	LINE-HEIGHT: 14px;  
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/tile.gif);
}

.wrapper{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	height: 570px;
	margin-top: -270px; /* half of the height */
	margin-left: -475px; /* half of the width */
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	border-top:#cccccc thin solid;

}

.wrappercontent{
	position:absolute;
	left: 14%;
	top: 8%;
	width: 800px;
	height: 510px;
	background:#F5F7FC;
	border:#393E53 solid 1px;
}

.wrappercontent2{
	position:absolute;
	left: 14%;
	top: 8%;
	width: 800px;
	height:auto;
	border:#393E53 solid 1px;
}

.contentfoto	{
	position:absolute;
	top:39px;
	left:480px;
	width:200px;
	height:450px;
}

.contenttext	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	position:absolute;
	top:35px;
	left:34px;
	width:410px;
	height:450px;
	background-color: #F5F7FC;
}

.contentlinks1	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	position:absolute;
	top:35px;
	left:34px;
	width:215px;
	height:450px;
	background-color: #F5F7FC;
}

.contentlinks2	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	position:absolute;
	top:35px;
	left:260px;
	width:215px;
	height:450px;
	background-color: #F5F7FC;
}

.contentblog	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#393E53;
	line-height:14px;
	position:absolute;
	top:10px;
	left:10px;
	width:780px;
	height:450px;
}

h1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #AE2448;
	FONT-FAMILY: Arial;
	margin-bottom: 0px;
}

a:link 		{
	color: #393E53;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
	font-size:10px;
}
a:visited 	{
	color: #393E53;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
	font-size:10px;
}
a:hover 	{
	color: #666666;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
	font-size:10px;
}
a:active 	{
	color: #666666;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
	font-size:10px;
	outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.logo	{
	position:absolute;
	left:30px;
	top:385px;
	}
	
.homebutton	{
	position:absolute;
	left:6px;
	top:230px;
	}
	
.homebook	{
	position:absolute;
	left:18px;
	top:45px;
	}

.firstletter	{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#393E53;
	line-height:28px;
	margin-left:-2px;
	margin-right:1px;
	
}

.linktext	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#393E53;
}

.arrow	{
	letter-spacing:-2px;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
}


 /* portfolio */
 
.portfolio_image	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#393E53;
	line-height:14px;
	position:absolute;
	top:50px;
	left:35px;
	width:450px;
	height:450px;

}

.portfolio_navigatiehorizontal	{
	position:absolute;
	top:290px;
	left:520px;
	width:250px;
	height:200px;
}

.portfolio_teksthorizontal	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	font-size:12px;
	position:absolute;
	top:40px;
	left:520px;
	width:250px;
	height:235px;
}

.portfolio_tekstvertical	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	font-size:12px;
	position:absolute;
	top:40px;
	left:385px;
	width:250px;
	height:235px;
}

.portfolio_tekstyashica	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#393E53;
	line-height:14px;
	font-size:12px;
	position:absolute;
	top:40px;
	left:390px;
	width:250px;
	height:235px;
}

.portfolio_navigatievertical	{
	position:absolute;
	top:290px;
	left:320px;
	width:250px;
	height:200px;
}

.portfolio_titel	{
	position:absolute;
	left:35px;
	top:18px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:3px;
	color:#393E53;
	line-height:28px;
	width:auto;

}

 /* fotonavigatie rechtsonder*/

.picture1	{
	position:absolute;
	top:0px;
	left:0px;
	width:40px;
	height:40px;
}

.picture2	{
	position:absolute;
	top:0px;
	left:50px;
	width:40px;
	height:40px;
}

.picture3	{
	position:absolute;
	top:0px;
	left:100px;
	width:40px;
	height:40px;
}

.picture4	{
	position:absolute;
	top:0px;
	left:150px;
	width:40px;
	height:40px;
}

.picture5	{
	position:absolute;
	top:0px;
	left:200px;
	width:40px;
	height:40px;
}


.picture6	{
	position:absolute;
	top:50px;
	left:0px;
	width:40px;
	height:40px;
}

.picture7	{
	position:absolute;
	top:50px;
	left:50px;
	width:40px;
	height:40px;
}

.picture8	{
	position:absolute;
	top:50px;
	left:100px;
	width:40px;
	height:40px;
}

.picture9	{
	position:absolute;
	top:50px;
	left:150px;
	width:40px;
	height:40px;
}

.picture10	{
	position:absolute;
	top:50px;
	left:200px;
	width:40px;
	height:40px;
}


.picture11	{
	position:absolute;
	top:100px;
	left:0px;
	width:40px;
	height:40px;
}

.picture12	{
	position:absolute;
	top:100px;
	left:50px;
	width:40px;
	height:40px;
}

.picture13	{
	position:absolute;
	top:100px;
	left:100px;
	width:40px;
	height:40px;
}

.picture14	{
	position:absolute;
	top:100px;
	left:150px;
	width:40px;
	height:40px;
}

.picture15	{
	position:absolute;
	top:100px;
	left:200px;
	width:40px;
	height:40px;
}


.picture16	{
	position:absolute;
	top:150px;
	left:0px;
	width:40px;
	height:40px;
}

.picture17	{
	position:absolute;
	top:150px;
	left:50px;
	width:40px;
	height:40px;
}

.picture18	{
	position:absolute;
	top:150px;
	left:100px;
	width:40px;
	height:40px;
}

.picture19	{
	position:absolute;
	top:150px;
	left:150px;
	width:40px;
	height:40px;
}

.picture20	{
	position:absolute;
	top:150px;
	left:200px;
	width:40px;
	height:40px;
}


 /* navigatie & subnavigatie*/
 
 .navcontainer	{
	
	position:absolute;
	top:-15px;
	left:570px;
	width:364px;
	height:25px;
	}
	
.kade104	{
	position:absolute;
	top:5px;
	left:-100px;
	color:#000000;
	}

.portfolio	{
	position:absolute;
	top:5px;
	left:-10px;
	color:#000000;
	}
	
.overkade104	{
	position:absolute;
	top:5px;
	left:185px;
	color:#000000;
	}
	
.links	{
	position:absolute;
	top:5px;
	left:320px;
	color:#000000;
	}
	
.contact	{
	position:absolute;
	top:5px;
	left:95px;
	color:#000000;
	}
	
.cv	{
	position:absolute;
	top:5px;
	left:310px;
	color:#000000;
	display:none;
	}
 

.tabstandaard {
	position:absolute;
	top:-26px;
	left:30px;
	}
	
.tabfotografie {
	position:absolute;
	top:-26px;
	left:15px;
	}

.tabwebsites {
	position:absolute;
	top:-26px;
	left:130px;
	}
	
.tabwebads {
	position:absolute;
	top:-26px;
	left:245px;
	}
	
.tabsub1 {
	position:absolute;
	top:20px;
	left:-115px;
	}
	
.tabsub2 {
	position:absolute;
	top:46px;
	left:-115px;
	}
	
.tabsub3 {
	position:absolute;
	top:72px;
	left:-115px;
	}
	
.tabsub4 {
	position:absolute;
	top:98px;
	left:-115px;
	}
	
.tabsub5 {
	position:absolute;
	top:124px;
	left:-115px;
	}
	
.tabsub6 {
	position:absolute;
	top:150px;
	left:-115px;
	}
	
.tabsub7 {
	position:absolute;
	top:176px;
	left:-115px;
	}



ul#pikame{
	width:200px;
	position:absolute;
	top:35px;
	left:562px;
	}
.pika_main{
	width:450px;
	padding-right:277px;
	padding-top:50px;
	margin:0 auto;}
#pikame li{
	margin:4px;
	float: left;
	border:3px solid #393E53;
	background:#393E53;}

/* thats all you NEED to edit. But continue if you'd like. */

ul#pikame li img{position:relative;cursor:pointer;}

.pika_main img{border:5px solid #222;}
/*