*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

H1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
}

HTML {
	background-color: #444444;
}

HTML.werken,HTML.olijgrafie {
	background-color: #444444;
}

DIV {
   	background-repeat:no-repeat;
}

#pagebg, .divlogo, .divschilder, .xxxartgrp, .navigatie, .contents {
	position: absolute;
}


#pagebg {
	width:50%;
	height:100%;
	background-color:#FFFFFF;
}

/* Hack for MSIE */
#pagebg {
	height: expression(Math.max(document.body.scrollHeight,document.body.clientHeight));
}

.homepagecontent {
	position:absolute;
	top:200px;
	height:200px;
	width:100%; 
	z-index:1;
}


A {
	color:#000000;
	text-decoration:underline;
}

.divlogo {
    top:20px;
    left:0px;
    width:50%;
}

.logo {
	float:right;
    background-image:url(/images/logo.gif);
    cursor: pointer;
    z-index:1;
    width:250px;
    height:140px;
}

#contenthomerechts {
	background-color: #6f6f6f;
}


#tdcontents,#nieuwscontent {
	background-color: #959595;
	padding-top:20px;
	padding-left:15px;
	min-height:270px;
	width: 405px;
}

#nieuwscontent {
	padding-right:10px;
	width: 395px;
}

* HTML #tdcontents, * HTML #nieuwscontent {
	height: expression(Math.max( (document.getElementById('tdcontents') ? document.getElementById('tdcontents').scrollHeight : 0),(document.getElementById('contenthomerechts') ? document.getElementById('contenthomerechts').scrollHeight : 0)));
	width: 420px;
}

#tdcontents > TABLE  {
	width:100%;
	tabel-layout:fixed;
}

* HTML #olijgrafietbl  {
	width:100%;
	tabel-layout:fixed;
}	

* HTML #olijgrafietbl #olijgrafietbl_c1 {
	wwidth:137px;
}

.contentvertline {
	width:4px;
	height:100px;
	background-color: #FFFFFF;
}

.contenthorzline {
	width:100px;
	height:4px;
	background-color: #FFFFFF;
}

DIV.recentwerk {
	text-align:center;
	text-transform: uppercase;
	color: #c6c6c6;
	letter-spacing:  4px;
	font-weight: bold;
	line-height: 18px;
}

TABLE.recentwerk TD {
	width:24px;
	height: 24px;
	background-color: #959595;
	text-align: center;
}
	
TABLE.recentwerk TD A {
	color: #FFFFFF;
	font-weight: bold;
}
A.nieuwskop {
	display: block;
	padding-top:8px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 10px;
	text-decoration:none;

}

DIV.artgrp {
	padding-left: 5px;
  	width:160px;
  	font-size: 10px;
  	min-height: 266px;
  	overflow:visible;
  	color: #c6c6c6;
}

* HTML DIV.artgrp {
	height: 216px;
}



.navigatie {
	top:26px;
	right:0px;
	width:50%;
	z-index:3;
}
    
.navigatiediv {
	padding-left:25px;
}

.navigatietabel TD {
	height:22px;
	vertical-align:middle;
	text-align: left;
}

.navigatietabel TD A {
	color: #000;
	letter-spacing: 6px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Arial, Helvetica;
}

.navigatietabel TD A:hover {
	color:#DA7321;
}

HTML.werken #nav_werken,HTML.olijgrafie #nav_olijgrafie , HTML.nieuwsbrief #nav_nieuwsbrief, HTML.contact #nav_contact  {
	color:#999999;
}

A.meer {
	color:#ff6400;
	text-decoration: none;
	font-size: 10px;
}
A.meer:hover {
	color:#56996D;
	font-size: 10px;
}

DIV.nav {
	float:right;
}

DIV.nav A {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

DIV.nav A:hover {
	color:#ff6400;
}