body {
	font-family:Arial,Helvetica,Trebuchet MS,sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;
	background:#000000;
	color:#ffffff;
	width:100%;
}
a {
	color:#00ffff;
	text-decoration:none;
}
a:hover {
	color:#00a7a7;
	text-decoration:underline;
}
.blue {
	color:#00ffff;
}
.active {
	color:#ff0000;
}
h1,h2,h3,h4 {
	margin:0;
	padding:0;
}
h1 {
	font-size:11px;
	font-weight:bold;
	color: #00ffff;
}
h2 {
	font-size:13px;
	line-height:16px;
	font-weight:bold;

}
div.headertext {
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	padding: 0px 20px 6px;
}
h3 {
	font-size:11px;
	line-height:14px;
	font-weight:bold;
}
#wrapper {
	width:222px;
	margin:0 auto;
	border:1px solid #444;
}
#logo {
	text-align:center;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
#footer {
	clear:both;
	position:relative;
	height:25px;
	padding:10px;
	border-top:1px solid #404040;
	margin-top:10px;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
	
}
div#menubottom {
	margin-top:20px;
	text-align:center;
}
div#menubottom ul,div#menubottom li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
div#menubottom li a {
	color:#FFF;
	font-size:10px;
	text-decoration:none;
}
div#menubottom li a.active {
	color:#00ffff;
}
div#menubottom li a:hover {
	text-decoration: underline;
}
#menu ul,#menu li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li a {
	display:block;
	width:auto;
	height:20px;
	line-height:20px;
	padding-left:40px;
	padding-right:0px;
	color:#ffffff;
	text-decoration:none;

	background:url('/media/layout/arrow.gif') no-repeat 20px -1px;

}
#menu li.home a {
	background:url('/media/layout/arrowback.gif') no-repeat 20px -1px;
}

#menu li a:hover {
	background:#606060 url('/media/layout/arrow.gif') no-repeat 20px -1px;
}
#menu li.home a:hover {
	background:#606060 url('/media/layout/arrowback.gif') no-repeat 20px -1px;
}

#menu ul li ul li a {
	background:url('/media/layout/arrow.gif') no-repeat 40px -1px;
	padding-left:60px;
}
#menu li a.active {
	background-color:#808080;
}
#menu ul li ul {
	display:none;
}
#menu ul li ul li {
	display:none;

}
#menu ul li.opened a {
	display:none;
}
#menu ul li.opened ul {
	display:block;
}
#menu ul li.opened ul li,#menu ul li.opened ul li a{
	display:block;
}
#menu li {
	width:100%;

	border-bottom:1px solid #000;
}

div#menu {
	background:#404040;
	width:auto;
	clear:both;
}
div.bodytext {
	margin:0 auto;
	text-align:left;	
	padding:0px 20px;
	width:auto;

}
div#content div.bodytext {
	margin:0 auto;
	text-align:left;
	padding:0;

}

div.bodytext ul, div.bodytext li {
	margin:0;
	padding:0;
}
div.bodytext li {
	margin-left:15px;
}

div#header {
	


}
div#content {
margin:0 auto;
text-align:left;
width:auto;
padding:12px 20px 0px 20px;
}

div.grey {
	background: #404040;
}

div#teammembers {
	float:left;
	width:100%;
}
table#teammembers {
  margin-bottom: 20px;
}
table#teammembers td.grey {
	background: #404040;
}
table#teammembers tr td {
  line-height: 12px;
	font-size: 10px;
}
table#teammembers tr td img{
	float:left;
	padding-left:10px;
	margin-right:15px;
}
table#teammembers tr td strong {
	color:#00ffff;
}
div.item {
	padding:10px 20px;
	line-height:14px;
	font-size:10px;	

}

div.portfolioitem {

	line-height:14px;
	font-size:10px;	
	height:50px;
	clear:both;
	width:auto;
}
table.portfolio {
	border-bottom: 1px solid #404040;
}
div#portfolio div.firstitem {
	border-top: 1px solid #404040;
	margin-top:20px;
}
table.portfolio tr td img {
	width:50px;
	margin-left:10px;
}
div.portfolioitem div.name {
	margin:0;
	padding:0;
	padding-top: 19px;
	line-height:12px;
	float:left;
	width:100%;
}

div.portfolioitem div.name span {
	display:block;
	margin:0 auto;
	padding-left:80px;
}
div.portfolioitem div.name_noarrow {

/*	margin-left:10px;*/
	background: url('/media/layout/blank.gif') no-repeat 70px 10px;
	padding-left:80px;
	line-height:50px;
	float:left;

}
table.portfolio a {
	color:#FFF;
	display:block;
	background: url('/media/layout/arrow.gif') no-repeat 70px 15px;
	margin:0 auto;

	
}
div.portfolioitem div.name a:hover {
	background: #606060 url('/media/layout/arrow.gif') no-repeat 70px 15px;
}

div.screenshot {
	text-align:center;
	background: #c7c7c7;
	margin-bottom: 10px;
}
div.item.firstitem {
	padding-top:0px;
}
div.item img,div.portfolioitem  img {
	margin-right:5px;

}
div.item strong {
	color:#00ffff;
	font-weight:normal;
}
div#clients div.client {
	float:left;
	clear:both;
	/*margin:0 0 10px 0;*/
}
div#clients div.client div.image {
	float:left;
}
div#clients div.client div.name {
	float:left;
}
div#formulier {
	width:100%;
	float:left;

}
div#formulier div.verplicht, div#formulier div.submitbutton {
	float:left;
	clear:both;

	margin-bottom:20px;
	text-align:right;
}
div#formulier div.submitbutton input {
	border:none;
	text-align:left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	display:block;
	height:20px;
	margin:0;
	line-height:20px;
	padding:0;
	padding-left:20px;
	width:80px;
	background:#808080 url('/media/layout/arrow.gif') no-repeat 10px 0px;
}
.right {
	float:right;
}
div#formulier input.textfield,div#formulier textarea.textfield {
	border:none;
	background:#fff;
}
div#formulier textarea {
	width:100%;
}
div#formulier form label {
	float:left;
	clear:both;
	width:150px;
}
div#formulier form label.error {
	color:#FF0000;
}
div#formulier form .errorBorder{
	border: 1px solid red;
}