/*  General rules */
	
img
{
	display: block;
	border: 0px none white;
}

	/* layout parameters */

body	
{
	background-color: #9498b0;
	border: 0;
	font-family: "Trebuchet MS", arial, helvetica, lucida, sans-serif;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:left;
	width: 100%;
}



	/*  Typography */
	
h1, h2, h3, h4, h5, h6	
{
	font-family: "Trebuchet MS", arial, helvetica, lucida, sans-serif;
	font-weight: 700;
	margin: 0;

}
	
h1	
{
    font-size:    18px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h2
{
	font-size: 12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
}

h3	
{
    font-size:    12px;   
    letter-spacing: 1px;
	color:#fff;
}

p
{
	font-size: 13px;
	color:#fff;
	margin:0;
	line-height:15px;
}
	

small
{
	font-size: 80%;
	line-height:12px;
	display:block;
	margin-bottom:3px;
}	


b
{
	font-weight:700;
}

div.lijn
{
	margin:0;
	padding:0;
	background-color:#fff;
	border:0;
	height:1px;
	line-height:1px;
	width:100%;
}

.hoogte1
{
	position:absolute;
	top:90px;
	left:0;
	right:0;
	width:100%;
	z-index:1000;
}

.hoogte2
{
	position:absolute;
	top:180px;
	left:0;
	right:0;	
	width:100%;
	z-index:1000;
}

.hoogte3
{
	position:absolute;
	top:310px;
	left:0;
	right:0;
	width:100%;
	z-index:1000;
}

.hoogte4
{
	position:absolute;
	top:410px;
	left:0;
	right:0;
	width:100%;
	z-index:1000;
}

.hoogte5
{
	position:absolute;
	top:1000px;
	left:0;
	right:0;
	width:100%;
	z-index:1000;
}

	/* General linkology */
	
a
{
	font-family: "Trebuchet MS", arial, helvetica, lucida, sans-serif;
	font-weight : bold; 
}

a:link, a:visited 
{
	color:#bbc;
}

a:hover, a:active 
{
	color:#fff;
}

	/* navigatie */


div.nav2 a:link, div.nav2 a:visited
{
	font-size: 12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbc;
    margin: 0;
    display:block;
	text-decoration: none; 
	padding-left:13px;
	line-height:16px;
	margin-bottom:14px;
}

div.nav2 a:hover, div.nav2 a:active
{
	background:#fff;
	color: #446;
}

p.hier
{
	font-size: 12px;   
    letter-spacing: 1px;
   	font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    display:block;
	padding-left:13px;
	line-height:16px;
	margin-bottom:14px;
	background:#fff;
	color: #446;
}




div.home, div.omniafausta, div.portfolio, div.contact, div.projecten
{
	position:absolute;
	top:0;
	left:216px;
	bottom:0;
	width:179px;
	height:100%;
	background-color:#9498b0;
	z-index:1;
}

div.home
{
	left:36px;
	z-index:0;

}

div.portfolio
{
	left:396px;
	z-index:2;

}

div.projecten
{
	left:576px;
	z-index:3;
}

div.contact
{
	left:756px;
	z-index:4;
}

div.home, div.omniafausta, div.portfolio, div.contact, div.projecten
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height:1000px;
}

.varken
{
	position:absolute;
	z-index: 2000;
	left:40px;
	top:95px;

}

.varken img
{
	width:50px;
}

div.omniafausta a:link, div.omniafausta a:visited, div.portfolio a:link, div.portfolio a:visited, div.contact a:link, div.contact a:visited, div.projecten a:link, div.projecten a:visited
{
	font-size: 12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    display:block;
    padding: 100px 0 880px 13px;
    text-decoration : none;
}


div.home a:hover, div.home a:active, div.omniafausta a:hover, div.omniafausta a:active,
div.portfolio a:hover, div.portfolio a:active, div.projecten a:hover, div.projecten a:active,
div.contact a:hover, div.contact a:active
{
	background-color:#717690;
	color: #fff;
}


a:focus
{
	outline:0;
}

h1 a:link, h1 a:hover, h1 a:active, h1 a:visited
{
	color:#fff;
}