@charset "UTF-8";
/* CSS Document */

body, html, p {
margin:0;
padding:0;
font-family:verdana;
font-size:9px;
line-height: 16px ;
color:#ffffff;
}

body {
background-color:#ffffff;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
}

a {
text-decoration:none;
color: #CC99CC;
font-size:10px;
}

a:hover {
color: white;
}

a.web {
color:  #CC99CC;
font-size:9px;

}

a.web:hover {
color:white;
}

a#next {
font-size:24px;
color:white;
margin:10px;
}

img {
border:none;
}

li {
list-style-type:none;
}

#wrapper {
position:relative;
top:0;
left:0;
margin:0 0;
}

/* text styles */
p.text {
margin:20px 10px;
}

p.contact {
margin:20px 10px;
font-size:10px;
line-height:20px;
}

/* picture lieke */

#lieke {
position:absolute;
top:0;
left:0;
}

/* navigation top right */

#navigation {
position:absolute;
top:0;
right:0;
margin-top:0;
margin-right:10px;
z-index:999;
}

#navigation li {
float:right;
margin-left:-30px;
list-style-type:none;
}


/* navigation top left */

#navigation_left {
position:absolute;
top:0;
left:0;
margin-top:0;
z-index:999;
}

#navigation_left li {
float:left;
margin-left:-20px;
list-style-type:none;
}

/* navigation block */
.artnav {
width:80px;
height:80px;
margin-top:0;
}

.artnav li {
width:80px;
height:20px;
list-style-type:none;
}

/* navigation block portfolio */

.artnav a.web {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/design.gif);
}

.artnav a.web:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/designhov.gif);
}

.artnav a.paintings {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/pfpaint.gif);
}
.artnav a.paintings:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/painthov.gif);
}

.artnav a.projects {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/pfproject.gif);
}

.artnav a.projects:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/projecthov.gif);
}

/* navigation block about */

.artnav a.home {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/home.gif);
}

.artnav a.home:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/homehov.gif);
}

.artnav a.contact {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/contact.gif);
}

.artnav a.contact:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/contacthov.gif);
}

.artnav a.linknav {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/links.gif);
}

.artnav a.linknav:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/linkshov.gif);
}

/* navigation block philosophy */

.artnav a.enjoy {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/enjoy.gif);
}

.artnav a.enjoy:hover {
	height: 20px;
	width:80px;
	display: block;
	background-image:url(../images/enjoyhov.gif);
}


/* boxes */
/*
table#boxes_home {
position:absolute;
left:330px;
top:135px;
background-image: url(../images/boxquo_2.gif)
}
*/

#boxes_home *,
#boxes_home {
	margin:0;
	padding:0;
}

#boxes_home {
	position:absolute;
	top:135px;
	left:330px;
}

/*.box_element_intro *,
.box_element_quote *,
.box_element_intro,
.box_element_quote {
	margin:0;
	padding:0;
}
*/

#boxes_home .box_element_intro,
#boxes_home .box_element_quote {
	width:203px;
	float:left;
	margin:0 20px;
}

#boxes_home .box_element_intro {
	background:url(../images/box_intro_bottom.png) 0 100% no-repeat transparent;
	padding-bottom:10px;
}
#boxes_home .box_element_intro dd {
	background:url(../images/box_intro_top.png) 0 0 no-repeat transparent;
}
#boxes_home .box_element_intro dl {
	background:url(../images/box_home_middle.png) repeat-y;
}


#boxes_home .box_element_quote p {
	background:url(../images/box_quote_top.png) 0 0 no-repeat transparent;
	padding-top:60px;
	padding-left:20px;
	font-size:1.6em;
	line-height:1.8em;
}

#boxes_home .box_element_quote p.text {
	background:url(../images/box_quote_bottom.png) -1px 100% no-repeat transparent;
	padding:20px 10px;
	font-size:1em;
}

#boxes_home .box_element_quote dd { 
	background:url(../images/box_home_middle.png) repeat-y;
}

#boxes_home p {
	padding:10px;
}



#boxes_home .box_element_intro dt,
#boxes_home .box_element_quote dt {
	display:none;	
}

hr {
	width:1%;
	height:1%;
	visibility:hidden;
	display:none;
	border:none;
	clear:both;
}

table#textbox {
position:absolute;
top:90px;
left:100px;
}

table#contact {
position:relative;
top:100px;
left:50px;
}

/* style and position portfolio web pages */

table#web {
position:absolute;
left:420px;
top:100px;
}

.image_large {
position:absolute;
top:100px;
left:50px;
}

#descript_web {
position:absolute;
top:380px;
left:80px;
}

/* position portfolio paintings pages */

table#art {
position:absolute;
left:580px;
top:100px;
}

table#art_large {
position:absolute;
left:640px;
top:100px;
}

table#art_faces {
position:absolute;
left:710px;
top:100px;
}

/* style portfolio project pages */

table#project {
position:absolute;
left:415px;
top:85px;
z-index:999;
}

#descript_project {
position:absolute;
top:270px;
left:405px;
width:375px;
height:175px;
background-image:url(../images/box3.gif);
}

#pop {
position:absolute;
top:0;
left:0px;
margin-top:0;
}

#foto {
position:absolute;
top:0;
left:20px;
margin-top:0;
}

/* links page  */

#left_collumn {
float:left;
margin-left:50px;
margin-top:100px;
}

a.links {
text-decoration:none;
color: #CC99CC;
font-size:10px;}

a.links:hover {
color: white;
}


#right_collumn {
float:left;
margin-left:100px;
margin-top:100px;
}

/* footer */

#footer {
position:absolute;
top:768px;
left:0;
width:100%;
height:60px;
background-color:#670133;
 }
 
 p.footer {
 text-align:center;
 margin-top:20px;
 font-size:12px;
 letter-spacing:2px;
 }
 
 /*laatst bijgewerkt */

#last {
position:fixed;
top:450px;
right:10px;
}

/*w3c Valid */

#w3cvalid {
position:fixed;
top:470px;
right:10px;
}

 /* Belstatcounter */
 
 #counter {
 z-index:999;
 position:absolute;
 top:470px;
 left:540px;
 }
 
 #counter2 {
 z-index:999;
 position:absolute;
 top:470px;
 left:10px;
 }
 
 #counter3 {
 z-index:999;
 position:absolute;
 top:470px;
 left:700px;
 }
 
 /*banner*/
 
 .banner {
position:absolute;
top:60px;
right:0;
margin-top:0;
 }