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


	/* layout parameters */

body	
{
	background: #2f4388 url(../images/achtergrond2.jpg) repeat-x;
	background-position: 0 0;
	border: 0;
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	line-height:15px;
	margin:0;
	padding:0;
	text-align:left;
}

div.kim, div.kim2
{
	background: transparent url(../images/achtergrond1.jpg) no-repeat;
	position: absolute;
	top: 0;
	left:0;
	height: 850px;
	width:1270px;
	padding:0;
	z-index:0;
}

div.kim2
{
	background: transparent url(../images/achtergrond4.jpg) no-repeat;
}

.kim span, .kim2 span
{
	display:none;
}



.intro
{
	position:absolute;
	left:20px;
	top:205px;
	width:550px;
	z-index:100;	
}

.werk
{
	position:absolute;
	left:20px;
	top:130px;
	width:730px;
	height:545px;
	z-index:100;
	background: transparent url(../images/achtergrond3.jpg) no-repeat;
	background-position: -20px -130px;
	padding:20px
}

.fotos
{
	position:absolute;
	left:20px;
	top:130px;
	z-index:100;
	background: transparent;
	width:627px;	
	background: #fff;
	padding: 5px 0 0 5px;
}

.fotos img
{
	float:left;
	margin: 0 5px 5px 0;

}

.filmpje
{
	position:absolute;
	left:20px;
	top:130px;
	width:768px;
	height:590px;
	z-index:100;
	padding:0;
}




iframe
{
	position: absolute;
	top:192px;
	left: 420px;
	border:0 solid #000;
	width:345px;
	height:500px;
	padding: 0;
	margin: 0;
	overflow:show;
	z-index:100;
}

iframe img
{
	margin:0;
	padding:0;	
}


td
{
	vertical-align: top;
	padding: 1px;
}

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

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

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

h3	
{
    font-size:    12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom:5px;
      
}

h4
{
	font-size: 12px;
	color:#467;
	margin:0;
	font-weight: bold;
}

p
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 12px;
	color:#527;
	margin:0;
	font-weight: normal;
}


small
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 80%;
}	


b
{
	font-weight:700;
}




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

a:link, a:visited 
{
	color:#527;

}


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


	/* navigatie */

div.navigatie
{
	position: absolute;
	left: 20px;
	top: 70px;
	z-index:1000;
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    width: 900px;
    line-height:25px;
}


div.navigatie a:link, div.navigatie a:visited, div.terug a:link, div.terug a:visited
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
	text-decoration: none; 
	border: 1px solid #fff;
	padding:3px 7px;
	background: #901;
	font-weight: bold; 
}

div.navigatie a:hover, div.navigatie a:active, div.terug a:hover, div.terug a:active
{
	background:#248;
	color: #fff;
}

.hier
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
	line-height:16px;
	border: 1px solid #fff;
	padding:3px 7px;
	font-weight: bold; 
}

.lijst a:focus, .lijst2 a:focus
{
	color:#a11;
	-moz-outline:0px none #fff; 
	outline:0px none #fff;
	text-decoration:none;
}


a.button:link
{
	text-decoration: none; 
}

a.button:link span, a.button:visited span
{
	color:#527; 
	background-color:#fff; 
	padding:5px; 
	font-size: 12px; 
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	display:block;
	width:290px;
}

a.button:hover span, a.button:active span
{
	color:#fff; 
	background-color:#527; 

}