/* Rappie-Productions Style Sheet. Copyrighted and made by Rappie-Productions */


html,body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #242424;
}


/* site */

#site {
	background-image: url(img/background.jpg);
	background-repeat: no-repeat;
	width: 760px;
	margin: 0px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -380px; /* half of width */
    margin-top: -202px;  /* half of height */
}

#menu {
	width: 200px;
	margin-left: 500px;
	margin-top: 130px;
}

#contact {
	width:75px;
	height: 10px;
	color: #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	cursor: pointer;
	margin-top: 40px;
}

#contact a {
	color: #CCCCCC;
	text-decoration: none;
}

#contact a:hover {
	color: #a7b6f7;
}

#copyright {
	text-align: center;
	position: relative;
	margin-top: 15px;
}
	
.samples {
	background-color: #ffffff;
	width: 750px;
	margin: 0px auto;
	text-align: center;
	color: #000 !important;
	padding: 5px 5px 5px 5px;
}
 /*   position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -380px; /* half of width */
   /* margin-top: -202px;  /* half of height */
/* menu */

li {
	text-decoration: none;
	list-style: none;
}

.logos {
	background-image: url(img/logos.jpg);
	width: 70px;
	height: 14px;
	margin-left: 75px;
	cursor: pointer;
}

.logos:hover {
	background-image: url(img/logos-hover.jpg);
}

.prints {
	background-image: url(img/prints.jpg);
	width: 70px;
	height: 16px;
	margin-top: 25px;
	margin-left: 40px;
	cursor: pointer;
}

.prints:hover {
	background-image: url(img/prints-hover.jpg);
}

.webdesign {
	background-image: url(img/webdesign.jpg);
	width: 115px;
	height: 15px;
	margin-top: 25px;
	cursor: pointer;
}

.webdesign:hover {
	background-image: url(img/webdesign-hover.jpg);
}

.graphics {
	background-image: url(img/graphics.jpg);
	width: 98px;
	height: 15px;
	margin-top: 25px;
	margin-left: 40px;
	cursor: pointer;
}

.graphics:hover {
	background-image: url(img/graphics-hover.jpg);
}

.software {
	background-image: url(img/software.jpg);
	width: 103px;
	height: 15px;
	margin-top: 25px;
	margin-left: 75px;
	cursor: pointer;
}

.software:hover {
	background-image: url(img/software-hover.jpg);
}

.resume {
	width: 68px;
	height: 15px;
	margin-top: 70px;
	margin-left: -125px;
}

/* Webdesign Portfolio */

h1 {
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}

.wit {
	width: 754px;
	height: 100px;
	cursor: pointer;
	border-right: 5px solid #FFF;
}

.wit:hover {
	background-color: #ebedff;
}

.grijs {
	width: 754px;
	height: 100px;
	cursor: pointer;
	background-color: #f4f2f2;
	border-right: 5px solid #FFF;
}

.grijs:hover {
	background-color: #ebedff;
}

/* Graphics */

.graphics-nieuw {
	width: 750px;
	background-color: #242424;
	border-right: 5px solid #FFF;
}

.plaatje {
	padding-top: 20px;
}

img {
	border: none;
}