body
{
	margin:0;
	padding:0 0 0 0;
	font:11px/13px verdana, sans-serif;
	background:repeat-x #B4B5AE url(../gfx/bg_fade.jpg);
}

body, form, table, textarea

{
	font-family:Verdana;
	font-size:11px;
	line-height:14px;
}

img
{
	display:block;
	margin:0;
	padding:0;
	border:0 !important;
}

.verberg
{
	display:none;
}

a {  	font-weight:bold;
}

a, a:visited
{
	font-weight:bold;
	font-style:normal;
	color:#00AEEF;
	margin:0 0 0 0;
	padding:3px 0 4px 0;
    font-size:12px;
	text-decoration:none;
}

a:hover  
{ 
    font-size : 12px;
	font-weight : bold;
	font-style : normal;
	color : #818080;
}

h1 {
	font-family:verdana, sans-serif;
	font-weight:bold;
	color:#00AEEF;
	margin:0 0 0 0;
	padding:5px 0 4px 10px;
    font-size:14px;
}
#home h1 {
	margin-right: -230px;
}

h2 {
	font-weight: normal;
	color: #787676;
	margin:	0 0 0 0;
	padding: 0 0 5px 10px;
    font-size: 11px;
}

h3 {
	font-family: verdana, sans-serif;
	font-weight:bold;
	color:#00AEEF;
	margin:0 0 0 0;
	padding:3px 0 0 10px;
    font-size:12px;
}

p
{
	font:11px/13px verdana, sans-serif;
	color:#7E7F80;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}

#home p
{
	font:12px verdana, sans-serif;
	font-weight:normal;
	color:#7E7F80;
	line-height:20px;
	margin:0 0 0 0;
	padding:10px;
}

.blauw

{
	font:12px verdana, sans-serif;
	font-weight:bold;
	color:#00AEEF;
}

div#siteWrapper
{	
    position:absolute;
	top:0;
	left:50%;
	width:760px;
	margin:20px 0 0 -380px;
}

div#top
{
	position:absolute;
	top:0;
	left:0;
	width:760px;
	height:51px;
	background:no-repeat url(../gfx/top.jpg);
    margin:0;
    padding:0;
}



div#midden
{
	position:absolute;
	width:760px;
	height:110px;
	top:51px;
	left:0;
	background:no-repeat url(../gfx/midden.jpg);
    margin:0;
    padding:0;
}

div#foto, div#foto2, div#foto_cor, div#foto_gra, div#foto_flyer
{
 	position:absolute;
	width:760px;
	height:199px;
	top:197px;
	left:0;
    margin:0;
    padding:0;
    border:0 !important;
}

div#update
{
	font:9px verdana, sans-serif;
 	font-weight:bold;
	color:#00AEEF;
 	position:absolute;
	top:183px;
	left:570px;
    margin:0;
    padding:0;
    border:0 !important;
    z-index:100;
}

div#foto
{

	background:no-repeat url(../gfx/foto.jpg);
}

div#foto2
{

	background:no-repeat url(../gfx/foto2.jpg);
}

div#foto_cor
{

	background:no-repeat url(../gfx/foto_cor_iden.jpg);
}

div#foto_gra
{

	background:no-repeat url(../gfx/foto3.jpg);
}

div#foto_flyer
{

	background:no-repeat url(../gfx/portfolio/flyers.jpg);
}

div#contentblok
{
	position:absolute;
	width:760px;
	top:396px;
	margin:0 0 0 0;
	padding:0 0 0 0; 
	color:black;
	background:repeat-y url(../gfx/bg.jpg);;
}

div#content
{

	margin:0 35px 0 45px;
	padding:0 300px 0 10px; 
	background:no-repeat url(../gfx/content_bg.jpg);

}

/* ---( portfolio )---------------------------------------- */

div#titel
{
	position:absolute;
	width:760px;
	top:5px;
	left:60px;
	margin:0 0 0 0;
	padding:0 0 0 0; 
}

div.a_portfolio
{

    position:absoluut;
    top:0;
    left:0;
	width:424px;
	height:317px;
	margin:5px 35px 10px 45px;
	padding:0 20px 0 10px; 
	background:no-repeat url(../gfx/bg_portfolio.jpg);

}


div#screenshot
{

    position:absoluut;
    top:0;
    left:0;
	width:665px;
	height:400px;
	margin:5px 35px 10px 45px;
	padding:50px 20px 0 60px; 
	background:no-repeat url(../gfx/portfolio/screen_bg.jpg);

}


div#b_screenshot
{

    position:absoluut;
    top:0;
    left:0;
	width:665px;
	height:418px;
	margin:5px 35px 10px 45px;
	padding:32px 20px 0 60px; 
	background:no-repeat url(../gfx/portfolio/screen_bg.jpg);

}

p.portfolio
{

	margin:55px 0 0 0;
	padding:0 0 0 0;
}

p.referenties
{
	margin:45px 0 0 0;
	padding:0 0 0 13px;
}


p.referenties a
{
	font-weight:bold;
	font-style:normal;
	color:#00AEEF;
	margin:0 0 0 0;
	padding:0;
    font-size:11px;
   line-height:16px;
}

p.referenties a:visited
{
	font-weight:bold;
	font-style:normal;
	color:#00AEEF;
    font-size:11px;
}

p.referenties a:hover  
{   font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #818080;
}

div#portfolio_algemeen
{
	position:absolute;
	width:220px;
	height:317px;
	top:5px;
	left:494px;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	z-index:100; 
	background:no-repeat url(../gfx/02_bg_portfolio.jpg);

}

div#referenties
{
	position:absolute;
	width:220px;

	top:200px;
	left:494px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:100; 
	background:no-repeat url(../gfx/bg_referenties.jpg);
}

div#bottomref
{
	clear:both;
	width:221px;
	height:43px;
	background:no-repeat bottom  url(../gfx/bottom_ref.gif);
    margin:0;
    padding:0;
}

div.a_portfoliotekstblok
{
	float: right;
	display: inline;
	height:270px;
	width:185px;
	margin:10px 15px 0 0px;
	padding:0 15px 0 0; 
}


div.a_website
{
	float: left;
	display: inline;
	height:189px;
	width:150px;
	margin:15px 0 0 5px;
	padding:0 0 0 0; 
}

div#b_website
{

	height:189px;
	margin:0 0 0 5px;
	padding:0 0 0 0; 
}

div.status
{
	float: left;
	display: inline;
	margin:5px 0 0 1px;
	padding:0 0 0 0; 
}

div.launch
{
	float: left;
	display: inline;
	margin:0 0 0 0;
	padding:0 0 0 0; 
}

a.terug
{
	position:absolute;
	width:207px;
	height:30px;
	top:414px;
	left:160px;
	margin:0 0 0 0;
	padding:0 0 0 10;
}

a.b_terug
{
	position:absolute;
	width:207px;
	height:30px;
	top:424px;
	left:275px;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}

a.c_terug
{
	position:absolute;
	width:207px;
	height:30px;
	top:414px;
	left:275px;
	margin:0 0 0 0;
	padding:0 0 0 10;
}

a.screen2
{
	position:absolute;
	width:207px;
	height:30px;
	top:415px;
	left:385px;
	margin:0 0 0 0;
	padding:0 0 0 10;
}


/* ---( navigatie )---------------------------------------- */

#navigatie {
	position:absolute;
	top:161px;
	left:0;
	height: 36px;
	width: 760px;
    margin:0 0 0 0;
	padding:0;
	background: white right repeat-x url(../gfx/bg_nav.jpg);
	vertical-align: middle;
	}

#navigatie ul li {
	float: left;
	display: inline;
	}

#navigatie ul
{
    margin:0;
    padding:0;
}    

#navigatie ul li a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	overflow: hidden;
	}
	
#navhome, #navhome a {
	width: 124px;
	background: url(../gfx/home.gif) no-repeat 0px 0px;
	}
	
#navhome a:hover {
	background: url(../gfx/home.gif) no-repeat 0px -36px;
	}
	
#navprofiel, #profiel a {
	width: 110px;
	background: url(../gfx/profiel.gif) no-repeat 0px 0px;
	}
	
#navprofiel a:hover {
	background: url(../gfx/profiel.gif) no-repeat 0px -36px;
	}
	
#navportfolio, #navportfolio a {
	width: 131px;
	background: url(../gfx/portfolio.gif) no-repeat 0px 0px;
	}
	
#navportfolio a:hover {
	background: url(../gfx/portfolio.gif) no-repeat 0px -36px;
	}
	
#navcontact, #navcontact a {
	width: 119px;
	background: url(../gfx/contact.gif) no-repeat 0px 0px;
	}
	
#navcontact a:hover {
	background: url(../gfx/contact.gif) no-repeat 0px -36px;
	}

div#navBlok
{
	position:absolute;
	top:50px;
	width:207px;
	height:120px;
	background:none;
}

div#navBlok span
{
	display:none;
}

div#navBlok a
{
margin:0;
padding:0;
}

/* ---( knoppen )---------------------------------------- */

a.webdesignKnop, a.corporateKnop, a.graphicKnop, a.flyersKnop
{
	display:block;
	width:207px;
	height:30px;
}

a.webdesignKnop
{
	background:no-repeat url("../gfx/01_webdesign.gif");
}

a.corporateKnop
{
	background:no-repeat url("../gfx/02_corporate.gif");
}

a.graphicKnop
{
	background:no-repeat url("../gfx/03_graphic.gif");
}

a.flyersKnop
{
	background:no-repeat url("../gfx/04_flyers.gif");
}


/* Rollover: */
a.webdesignKnop:hover
{
	background:no-repeat url("../gfx/_01_webdesign.gif");
}

a.corporateKnop:hover
{
	background:no-repeat url("../gfx/_02_corporate.gif");
}

a.graphicKnop:hover
{
	background:no-repeat url("../gfx/_03_graphic.gif");
}

a.flyersKnop:hover
{
	background:no-repeat url("../gfx/_04_flyers.gif");
}

div#bottom
{
	clear:both;
	width:760px;
	height:60px;
	background:no-repeat url(../gfx/bottom.jpg);
    margin:0;
    padding:0;
}

/* CONTACT PAGINA: ZEGNÅT */
#contact p {
	margin: 15px;
}
form {
	margin: 15px 20px;
}
label {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #00AEEF;
	margin: 5px 0 0;
}
input, textarea {
	width: 350px;
	padding: 3px;
}
textarea {
	height: 180px;
}
#knop {
	width: 80px;
	margin: 5px 0 0;
	padding: 0;
}
#contact p.witruimte {
	padding-bottom: 210px;
}