@charset "utf-8";

/* CSS Document for Frans van Jaarsveld.nl */
/* Author: John Steenbergen */
/* www.johnsteenbergen.com | www.zidit.nl */


/* Main Tags */


html {
}



body {
	margin: 0;
	padding: 0;
	background-color: #1E1E1E;
}


/* Website Structure */
/* Vertically center the content, thanks to http://www.wpdfd.com/editorial/thebox/deadcentre4.html */

#horizon {
	color: black;
	background-color: transparent;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#content {
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	margin-left: -125px;
	position: absolute;
	top: -284px;
	left: 136px;
	/*width: 16840px;*/
	height: 508px;
	visibility: visible
}

#content_about {
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	margin-left: -125px;
	position: absolute;
	top: -284px;
	left: 136px;
	width: 3364px;
	height: 508px;
	visibility: visible
}

#content_contact {
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	margin-left: -125px;
	position: absolute;
	top: -284px;
	left: 136px;
	width: 1693px;
	height: 508px;
	visibility: visible
}

#textframe {
	/*width: 16021px;*/
	font-size: 0.7em;
	color: #b2b1b1;
	margin-left: 520px;
	padding-bottom: 30px;
	text-align: left;
}

#textframe_about {
	width: 2030px;
	font-size: 0.7em;
	color: #b2b1b1;
	margin-left: 520px;
	padding-bottom: 30px;
	text-align: left;
}

#textframe_contact {
	width: 600px;
	font-size: 0.7em;
	color: #b2b1b1;
	margin-left: 520px;
	padding-bottom: 30px;
	text-align: left;
}

#siteinfo {
	width: 510px;
	height: 528px;
	float: left;
	background-image: url(../images/bg_left_gradient.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
#ziditnotice {
	position: absolute;
	bottom: 10px;
	left: 50px;
}

.imgpad {
	padding-top: 105px;
}

.nav {
	padding-top: 50px;
	padding-left: 46px;
}

.nav img {
	margin-right: 25px;
}

#portfolio {
width:auto;
height:auto;
float:left;
	padding:0px;
	background-color: #FFFFFF;
	
	position:relative;
	z-index:1000;
}

.portfolio {
	width: auto;
	height: 501px;
	float: left;
	}

.portfolio ul {
width: auto;
height: 501px;
padding-left:0px;
padding-right:10px;
margin-left:0px;
margin-top:10px;
display: block;
list-style:none;
}

.portfolio ul li {
width:auto;
height:501px;
float:left;
list-style: none;
text-decoration: none;
display: block;
text-align:left;
}

.picture {
width:auto;
height:auto;
}

.pic {
width:auto;
height:auto;
float:left;
}

.pic_text {
	font-family: Verdana, Geneva, Arial, sans-serif;
	position: relative;
	height: 20px;
	width:40px;
	right:-100px;
	bottom:25px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	z-index:1;
	text-align:right;
}

#about {
	width: 2534px;
	height: 508px;
	padding: 10px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/bg_bottom_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#contact {
	width: 863px;
	height: 508px;
	padding: 10px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/bg_bottom_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#closing {
	width: 230px;
	height: 528px;
	float: left;
	background-image: url(../images/bg_right_gradient.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#credits {
	color: #999999;
	font-size: 0.7em;
	padding-left: 40px;
	padding-top: 308px;
	line-height: 2em;
	float: left;
	clear: both;
	width: 230px;
	height: 50px;
}

#credits a:link, #ziditnotice a:link, #credits a:visited, #ziditnotice a:visited {
	color: #666666;
	text-decoration: none;
	font-size: 1em;
}

#credits a:hover, #ziditnotice a:hover, #credits a:active, #ziditnotice a:active {
	color: #CCCCCC;
}

.imgpadleft {
	padding-left: 10px;
}

#back {
	width: 47px;
	height: 18px;
	padding-left: 40px;
	padding-top: 105px;
	float: left;
}

/* Text above all sculptures */
.text_1a {
	width: 640px;
	float: left;
}

.text_1b {
	width: 360px;
	float: left;
}

.text_2a {
	width: 640px;
	float: left;
	padding-left: 10px;
}

.text_2b {
	width: 360px;
	float: left;
	padding-left: 10px;
}



.verkocht {
	font-family: Verdana, Geneva, Arial, sans-serif;
	position: absolute;
	height: 30px;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.verkocht-1 {
	margin-top: 210px;
	margin-left: 816px;
}

.verkocht-2 {
	margin-top: 210px;
	margin-left: 1186px;
}

.verkocht-3 {
	margin-top: 210px;
	margin-left: 1556px;
}

.verkocht-5 {
	margin-top: 210px;
	margin-left: 2297px;
}

.verkocht-7 {
	margin-top: 210px;
	margin-left: 3317px;
}

.verkocht-18 {
	margin-top: 210px;
	margin-left: 6656px; /* 8326px; */
}

.verkocht-24 {
	margin-top: 210px;
	margin-left: 8697px; /* 10367px; */
}

.verkocht-29 {
	margin-top: 210px;
	margin-left: 11297px; /* 12967px; */
}

.verkocht-30 {
	margin-top: 210px;
	margin-left: 11947px; /* 13617px; */
}

.verkocht-31 {
	margin-top: 210px;
	margin-left: 12687px; /* 14357px; */
}

.verkocht-34 {
	margin-top: 210px;
	margin-left: 13797px; /* 15467px; */
}