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


* {
margin: 0;
padding: 0;

}

html {
height: 100%;
}

a, a:visited {
color: #651e8e;
text-decoration: none;
}

a:hover {
color: #651e8e;
}

h1 {

}

h2 {

}

h3 {
background: #fcfafd;
display:block;
width: 235px;
height: 15px;
padding: 3px 0px 0px 4px;
color: #651e8e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

h4 {
font-weight:normal;
color: #966cd1;
margin: 10px 0px 0px 0px;
font-size:11px;
}

a.back {
background: #651e8e;
display:block;
width: 70px;
height: 17px;
padding: 3px 0px 0px 4px;
color: #fcfafd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

p {
margin: 0px 0px 15px 0px;

}



body {
	height:100%;
	background: url(../images/background.jpg) no-repeat;
	background-color: #030205;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #d5f1f1;
	font-size: 11px;
	line-height: 100%;
	overflow: none;
	background-image: url(../images/background.jpg) no-repeat;
}

#container {
width: 1000px;
overflow: none;

}

#banner {
width: 250px;
height: 164px;
float: left;
}

#menu {
float: left;
width: 300px;
margin: 118px 0px 0px 408px;
_margin: 118px 0px 0px 329px;
}


#content {
margin: 30px 0px 20px 172px;

}

#footer {
height: 20px;
font-size:8px;
margin: 13px 0px 8px 0px;
text-align:left;
}

#menu ul {
list-style-image: none;
list-style-type:none;
background:url(../images/menuNEW.gif) no-repeat;
display: block;
height: 25px;
}

#menu ul li {
margin: 0px 21px 0px 0px;
float: left;
}

#menu ul li a {
	background:url(../images/menuNEW.gif) no-repeat;
	display: block;
	height: 25px;
	margin: 0px 0px 0px 0px;
}

#menu ul li#work a {
width: 70px;
background-position: 0px 0px;
}

#menu ul li#ideas a {
width: 46px;
background-position: -91px 0px;
}

#menu ul li#contact a {
width: 80px;
background-position: -158px 0px;
}

#menu ul li#work a:hover {
width: 70px;
background-position: 0px -32px;
}

#menu ul li#ideas a:hover {
width: 46px;
background-position: -91px -32px;
}

#menu ul li#contact a:hover {
width: 80px;
background-position: -158px -32px;
}

#menu ul li#work a.active {
width: 70px;
background-position: 0px -32px;
}

#menu ul li#ideas a.active {
width: 46px;
background-position: -91px -32px;
}

#menu ul li#contact a.active {
width: 80px;
background-position: -158px -32px;
}

#banner h1 a {
height: 164px;
width: 250px;
display: block;
}

#voorkant_text {
text-align:right;
margin: 20px 110px 0px 0px;
font-size:11px;
}

#voorkant_text h2 {
background:url(../images/jump_07.gif) no-repeat top right;

}

#voorkant_text h2 span {
text-indent: 9999px;
}

.clear {
clear:both;
}

.work_item {
padding: 0;
margin: 0px 0px 0px 0px;
width: 718px;
}

.work_item a {
border: none;
}

}