body
{
	background-color:black;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	margin: 0;
	padding: 0;
	
	font-family: arial, monospace;
}

body, table
{
	color:white;
	font-size:12px;
	overflow:hidden;
}
div
{
	-moz-box-sizing: border-box; /* make FF behave as IE */
	box-sizing:border-box;
}

H1
{
	font-size:18px;
}
table, th, td
{
	border:none;
	vertical-align:top;
}
A
{
	color:white;
	text-decoration:none;
	border-bottom:solid 1px white;
}
A:hover
{
	border-bottom:dashed 1px white;
}

A.link_image
{
	/* this is a marker class */	
	border-bottom:none;
}
A.link_image:hover
{
	border-bottom:none;
}

IMG.link_normal
{
	position:absolute;
	z-Index:1;
	left:0px;
	top:0px;
}
IMG.link_hover
{
	position:absolute;
	display:none;
	z-Index:2;
	left:0px;
	top:0px;
}
P
{
	margin-top:0px; /* Firefox needs this */
	margin-bottom:10px; /* Internet Explorer needs this */
}
/* special for centering page */
table.center {
	width: 100%;
	height: 100%;
}

/* special for centering page */
td.centertd {
	vertical-align: middle;
	text-align: center;
}

/* special for centering page */
div.centered {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1px;
	height: 1px;
}

/*
 * page elements
 */


div.layout_announcements
{
	position:absolute;
	left:160px; 
	top:145px;
	/*height:100px; dont set height or FF will not expand it when needed */
	width:325px;
	background-image:url(../img/whitealpha50.png);

	padding:5px;
	padding-left:15px;
	font-size:20px;
}

	.layout_announcement_hidden
	{
		display:none;
		padding-top:0px;
	}
	
	.layout_announcement_hidden P
	{
		margin-top:0px; /* Firefox needs this */
		margin-bottom:10px; /* Internet Explorer needs this */
	}
div.layout_text
{
	position:absolute;
	left:-250px; /* was -300 */
	top:-140px;  /* was -140 */
	height:400px; /* was 250 */
	width:440px;
	overflow:auto;

	padding:5px;
}
div.layout_galery_list
{
	position:absolute;
	left:220px;
	width:260px;
	top:-135px;
	height:400px;
	overflow:auto;
	
	padding: 5px;
}
div.layout_galery_list A
{
	text-align:top;
}
div.layout_galery_item
{
	margin-bottom:10px;
	cursor:hand; cursor:pointer;
	clear:left;
}

.layout_preview_image
{
	position:absolute;
	left:200px;
	top:-240px;
	padding-left:10px;
	padding-top:10px;
	background-image:url(../img/whitealpha50.png);
	
	cursor:hand; cursor:pointer;
	
	-moz-box-sizing: border-box; /* make FF behave as IE */
	box-sizing:border-box;
}

div.layout_links
{
	position:absolute;
	left:-540px;
	top:-300px; 
	width: 1px;
	height:1px;
	
	font-size:20px;
}
div.layout_links A
{
	color:white;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	border:none;
}
div.layout_links A:hover
{
	text-decoration:underline;
}

#link_kio
{
	position:absolute;
	top:234px;
	left:40px;
}
#link_galerie
{
	position:absolute;
	top:334px;
	left:40px;
}

#link_bio
{
	position:absolute;
	left:130px;
	top:90px;
}
#link_links
{
	position:absolute;
	top:30px;
	left:285px;
}
#logo
{
	position:absolute;
	top:21px;
	left:400px;
}
#link_expo
{
	position:absolute;
	top: 30px;
	left:205px;
}
#link_contact
{
	position:absolute;
	top: 30px;
	left:125px;
}
#link_home
{
	position:absolute;
	top:30px;
	left:45px;
}

/* pagina kunstgalerie */
#links_galeries
{
	position:absolute;
	left:-500px;
	top:-40px;
}
#link_galery_schilderwerk
{
	position:absolute;
	left:-200px;
	top:100px;
}
#link_galery_objecten
{
	position:absolute;
	left:-200px;
	top:10px;
}

#link_galery_fotowerk
{
	position:absolute;
	top:-233px;
	left:900px;
}
#link_galery_video
{
	position:absolute;
	top:-233px;
	left:720px;
}
/* pagina kio */

/* expo */
.layout_expo_image
{
	position:absolute;
	left:200px;
	top:-300px;
	padding-left:10px;
	padding-top:10px;
	width:247px;
	height:171px;
	background-image:url(../img/whitealpha50.png);
	
	-moz-box-sizing: border-box; /* make FF behave as IE */
	box-sizing:border-box;
}