/* CSS Document: evelienpj.nl yellow.css */

body{
	background-image			: url(../images/bgyellow.jpg);
	background-repeat			: repeat;
	background-position		: left bottom;
}

#content{
	background-image			: url(../images/content_bg1.png);
	background-repeat			: no-repeat;
	position							: relative;
	width								: 100%;
	height								: 100%;
	z-index								: 2;
	background-position		: center center;
}

#cont{
	width								: 750px;
	height								: 538px;
	position							: absolute;
	top									: 50%;
	left									: 50%;
	margin-top						: -281px;
	margin-left						: -387px;
}

#logo{
	background-image			: url(../images/logoyellow.png);
	width								: 277px;
	height								: 82px;
	z-index								: 3;
	position							: relative;
	top									: -116px;
	left									: -286px;
}

#change{
	position							: relative;
	top									: -175px;
	right									: -343px;
}

#menu-cv{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -382px;
	top									: -163px;
	background-image			: url(../images/menu/cv.jpg);
	border								: none;
	cursor								: hand;
}

#menu-cv:hover{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -382px;
	top									: -163px;
	background-image			: url(../images/menu/cv_on.jpg);
	border								: none;
	cursor								: hand;
}

#menu-web{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -302px;
	top									: -223px;
	background-image			: url(../images/menu/web.jpg);
	border								: none;
	cursor								: hand;
}

#menu-web:hover{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -302px;
	top									: -223px;
	background-image			: url(../images/menu/web_on.jpg);
	border								: none;
	cursor								: hand;
}

#menu-print{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -222px;
	top									: -283px;
	background-image			: url(../images/menu/print.jpg);
	border								: none;
	cursor								: hand;
}

#menu-print:hover{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -222px;
	top									: -283px;
	background-image			: url(../images/menu/print_on.jpg);
	border								: none;
	cursor								: hand;
}

#menu-mail{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -142px;
	top									: -343px;
	background-image			: url(../images/menu/mail.jpg);
	border								: none;
	cursor								: hand;
}

#menu-mail:hover{
	width								: 75px;
	height								: 60px;
	position							: relative;
	left									: -142px;
	top									: -343px;
	background-image			: url(../images/menu/mail_on.jpg);
	border								: none;
	cursor								: hand;
}

#gallery{
	z-index								: 3;
	height								: 500px;
	width								: 500px;
	position							: absolute;
	position							: absolute;
	left									: 50%;
	margin-left						: -165px;
	top									: 37px;
}

#pers1{
	width								: 253px;
	position							: absolute;
	top									: 59px;
	left									: -39px;
	font									: bold 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
	background-image			: url(../images/persgeg.jpg);
	background-repeat			: no-repeat;
}

#pers2{
	width								: 185px;
	position							: absolute;
	top									: 91px;
	left									: 137px;
	font									: normal 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-left						: 6px;
}

#dipl1{
	width								: 253px;
	position							: absolute;
	top									: 181px;
	left									: -39px;
	font									: bold 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
	background-image			: url(../images/opleidingen.jpg);
	background-repeat			: no-repeat;
}

#dipl2{
	width								: 135px;
	position							: absolute;
	top									: 181px;
	left									: 137px;
	font									: normal 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
}

#werk1{
	width								: 253px;
	position							: absolute;
	top									: 59px;
	left									: 316px;
	font									: bold 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
	background-image			: url(../images/werkerv.jpg);
	background-repeat			: no-repeat;
}

#werk2{
	width								: 306px;
	position							: absolute;
	top									: 59px;
	left									: 510px;
	font									: normal 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
}

#print{
	width								: 253px;
	position							: absolute;
	top									: 59px;
	left									: -39px;
	font									: normal 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
	background-image			: url(../images/print.jpg);
	background-repeat			: no-repeat;
}

#web{
	width								: 253px;
	position							: absolute;
	top									: 59px;
	left									: -39px;
	font									: normal 10px/13px verdana, arial, helvetica, sans-serif;
	color									: #fff;
	text-align							: left;
	padding-top						: 32px;
	padding-left						: 6px;
	background-image			: url(../images/web.jpg);
	background-repeat			: no-repeat;
}