html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A7A6A5;
}

#wrapper {
	margin:0px auto;
	background:#000000;/*  center column colur*/
	text-align:left;
	position:relative;
	margin-top:-30px;/* make space for footer*/
	z-index:0;
	min-height:100%;
	min-width:1000px;
	max-width:1000px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;	
}
#header {
	background:#ff6600;
	clear:both;
	position:relative;
	z-index:2;
	width:100%;
	border-top:30px solid #fff;/* soak up negative margin to make way for footer*/	
	padding:0 0 1px;
	height:180px;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../images/menuback.gif);
	background-position:bottom;
	background-repeat:no-repeat;

}
#footer {
	min-width:1000px;
	max-width:1000px;
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	height:22px;
	border-top:solid 1px #000000;
	font-size:9px;
	text-align:center;
}
/*if we float the middle column we avoid the ie6 3 pixel jog and also keep columns in normal source order (left,middle right) but we need to use a negative margin offset to make it all fit.*/
#middle {
	float:left;
	width:100%;
	margin-right:-350px;/* width of left and right columns */
}
#content {
	margin-right:350px;/* width of left and right columns */
	padding:15px;
}

#content a {
color:#ff6600;
font-weight:bold;
}

#content img {
border:none;
}

#left {
	width:175px;
	position:relative;
	float:left;
	z-index:2;
}
#right {
	width:175px;
	position:relative;
	float:right;
	z-index:2;
	
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
/*The following  2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#l {
	width:175px;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#1A171B;/* left column color*/
	z-index:1;
	clear:both;
	background-image:url(../images/leftback.jpg);
	background-repeat:repeat-y;

}
#r {
	position:absolute;
	height:100%;
	right:0;
	background:#1A171B;/* right column color*/
	z-index:1;
	width:175px;
	bottom:0;
	clear:both;
	background-image:url(../images/rightback.jpg);
	background-repeat:repeat-y;

}
* html #l, * html #r {
	height:999em;
	bottom:-1px
}
/* clear without structural mark-up */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* mac hide - force layout in ie \*/
.clearfix {
	display: block;
}
/* End hide */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#inner {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:3;
}

/* menu left */
#menu {
margin-top:8px;
margin-left:8px;
margin-right:8px;
}

#menu a {
	color: #A7A6A5;
	text-decoration: none;
}

#menu a:hover {
	color: #ffffff;
}

div.menu-item {
font-size: 11px;
color:#ff6600;
padding-bottom:3px;
font-weight:bold;
}

div.menu-item-a {
font-size: 11px;
color: #ff6600;
padding-bottom:3px;
font-weight:bold;
}

div.menu-subitem {
font-size: 11px;
color:#FFFFFF;
padding-bottom:2px;
}

div.menu-subitem-a {
font-size: 11px;
color: #ff6600;
padding-bottom:2px;
}

div.spacer {
height:5px;
border-bottom:solid 0px #FFFFFF;
margin-bottom:5px;
}

/* einde menu left */

#menu_top {
font-size:10px;
font-weight:bold;
margin-top:2px;
}

#menu_top a {
text-decoration:none;
color:#FFFFFF;
}

#menu_top a:hover {
text-decoration:underline;
}

#portfolio a {
font-weight:bold;
font-size:13px;
text-decoration:none;
color:#ff6600;
}

#portfolio a:hover {
color:#ff6600;
}

#portfolio {
background-color:#ff6600;
}

#portfolio table {
margin-bottom:1px;
background:#000000;
}

#portfolio td {
padding-top:10px;
}

#portfolio_keuze a {
text-decoration:none;
color:#FFFFFF;
font-size:11px;
}

#portfolio_keuze a:hover {
text-decoration:underline;
color:#FFFFFF;
}

div.portfolio_a  {
padding-top:5px;
width:220px;
background-color:#ff6600;
height:15px;
font-weight:bold;
font-size:11px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/menuback.gif);
}

div.portfolio_b  {
padding-top:5px;
width:220px;
background-color:#1A181D;
height:15px;
font-weight:bold;
font-size:11px;
text-align:center;
color:#FFFFFF;
}

span.Titel {
font-weight:bold;
font-size:13px;
color:#ff6600;
}

H1 {
font-weight:bold;
font-size:13px;
color:#ff6600;
}

span.TitelPortfolio {
font-weight:bold;
font-size:13px;
}