/* CSS 2.1 */
/* StyleSheet ontwerp door Andre Vink  2 november 2008 */

li, img, div { behavior: url(iepngfix.htc) }

html
{
	/*
	background-color:#eaf491;
	background-image:url('images/wallpaper.jpg');
	background-repeat:repeat-x;
	*/
	background-color:#fcf6e3;
}


body
{
	margin:0;
	font-family:arial;
	font-size:12px;
}

div#wrapper
{
	position:relative;top:50%;margin-top:-0.5em;
	top:50px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:780px;
}


div#top
{
	position:fixed;
	background-color:#6b8309;
	height:10px;
	top:0px;
	left:0px;
	right:0px;
	z-index:2;
}


div#header
{
	
}

div#header-art
{
	top:-40px;
	position:absolute;
	right:-75px;
	width:362px;
	height:179px;
	background-image:url('images/header-art.png');
	z-index:1;
}

h1
{
	left:0; /* IE7 fix*/
	position:absolute;
	font-size:21px;
	font-weight:bold;
	margin-top:10px;
	color:#93171e;
}

div#content
{
	position:absolute;
	left:0; /*ie 7 fix*/
}

h2
{	
	margin:0;
	padding:0;
	position:absolute;
	font-size:16px;
	color:#93171e;
}

h3
{
	margin:0;
	padding:0;
	margin-top:30px;
	font-size:14px;
	color:#6b8309;
}

p
{
	margin:0;
	margin-bottom:35px; /*IE 7fix*/
}

div#content-text
{
	text-align:justify;
	width:520px;
	height:270px;
	position:absolute;
	margin-left:200px;
	padding-right:20px;
	margin-top:170px;
	color:#93171e;
	overflow-y:scroll;
}

div#content-text a:link, div#content-text a:visited
{
	color:#6b8309;
}

ul#navigation
{
	margin:0;
	padding:0;
	position:absolute;
	left:0px;

}

ul#navigation li
{
	margin-top:50px;
	float:left;
	margin-left:5px;
	list-style-type:none;
	z-index:2;
}

li#nav-home
{
	background-image:url('images/nav-home.png');
	width:70px;
	height:40px;
	
	top:30px;
	position:relative;

	padding-left:24px;
	padding-top:15px;
}

li#nav-fotos
{
	background-image:url('images/nav-fotos.png');
	
	top:45px;
	position:relative;
	
	width:68px;
	height:40px;

	padding-left:25px;
	padding-top:18px;
}

li#nav-natuurverf
{
	background-image:url('images/nav-natuurverf.png');
	width:106px;
	height:35px;
	
	top:25px;
	position:relative;

	padding-left:22px;
	padding-top:25px;
}

li#nav-contact
{
	background-image:url('images/nav-contact.png');
	width:75px;
	height:35px;
	
	top:72px;
	position:relative;
	
	padding-left:22px;
	padding-top:12px;
	
}

li#nav-glasproducten
{
	background-image:url('images/nav-glasproducten.png');
	width:120px;
	height:36px;
	
	top:20px;
	position:relative;
	
	padding-left:22px;
	padding-top:17px;
}

a:visited
{
	color:white; font-weight:bold;
	text-decoration:none;
}

li#nav-home a:link, li#nav-fotos a:link, li#nav-natuurverf a:link, li#nav-contact a:link, li#nav-glasproducten a:link
{
	color:white; font-weight:bold;
	text-decoration:none;
}


div#purple-art-top
{
	position:absolute;
	top:140px;
	width:288px;
	height:87px;
	background-image:url('images/purple-art-top.png');
}

div#adres-art
{
	position:absolute;
	top:226px;
	width:135px;
	height:111px;
	background-image:url('images/adres-art.png');
}


div#footer
{
	position:absolute;
	left:0; /*ie7 fix*/
	top:335px;
	width:734px;
	height:216px;
	background-image:url('images/footer.png');
	color:white;
	z-index:1; /* */
}

div#footer p
{
	margin:0;
	padding:0;
	position:absolute;
	color:#c89090;
	top:165px;
	right:60px;
	font-weight:bold;
}

div#footer a:link
{
	color:c89090;
	text-decoration:none;
}

div#white-art
{
	position:absolute;
	background-image:url('images/white-art.png');
	width:124px;
	height:114px;
	top:25px;
	left:21px;
}
div#green-art
{
	position:absolute;
	background-image:url('images/green-art.png');
	width:58px;
	height:122px;
	bottom:0px;
	left:850px;
}

div#bottom-top
{
	position:fixed;
	background-color:#879f25;
	height:10px;
	bottom:10px;
	left:0px;
	right:0px;
}

div#bottom
{
	position:fixed;
	background-color:#6b8309;
	height:10px;
	bottom:0px;
	left:0px;
	right:0px;
}

#andrevink
{
	color:#c89090;
}