* {
	padding: 0;
	margin: 0;
}

body, input, textarea, select {
	font-family: Verdana, Geneva, Kalimati, sans-serif;
	font-size: 10px;
	color: #58585b;
	background-color: #fff;
}

#wrap {
	width: 868px;
	margin: auto;
}

#header {
	position: relative;
	height: 75px;
	border: none;
}

#header img {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* LANGUAGE */

#language {
	position: absolute;
	bottom: 8px;
	right: 12px;
	float: right;
}

#language ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#language li {
	display: inline;
	color: #58585b;
	font-size: 10px;
	padding: 0 4px 0 4px;
}

#language a {
	color: #58585b;
	font-size: 10px;
}

#language a:hover {
	font-size: 10px;
	color: #58585b;
	text-decoration: none;
}

/* TOPMENU */

#menuTop {
	height: 33px;
	background: #fff url("../images/barTop.gif") top left;
}

#menuTop p {
	display: inline;
	float: right;
	width: 136px;
	height: 19px;
	margin: 6px 9px 0 0;
	background: transparent url("../images/search.gif") no-repeat top left;
}

#menuTop input {
	width: 101px;
	height: 14px;
	margin: 5px 10px 0 25px;
	background: transparent;
	border: none;
	color: #2c2c2c;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menuTop ul {
	display: inline;
	float: left;
	width: 650px;
	padding-top: 5px;
	margin-left: 20px;
	list-style-type: none;
}

#menuTop ul li {
	float: left;
	margin-left: 5px;
}

#menuTop a {
	display: block;
	padding: 6px;
	color: #f8fafd;
	text-decoration: none;
}

#menuTop a:hover {
	color: #ddd;
}

#menuTop span.topMenuSpan {
	display: block;
	padding: 6px;
	color: #f8fafd;
	text-decoration: none;
	cursor: pointer;
}

#menuTop span.topMenuSpan:hover,
#menuTop span.sphover {
	color: #ddd;
}

#menuTop li ul li span.topMenuSpan:hover,
#menuTop li ul li span.sphover {
	background-color: #6a6a6f;
}

/* FIRST LEVEL */

#menuTop li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #58585b;
	padding: 0;
	margin: 0;
}

#menuTop li:hover ul, #menuTop li.sfhover ul {
	left: auto;
	background-position: 0 0;
}

/* SECOND LEVEL */

#menuTop li:hover ul ul,
#menuTop li.sfhover ul ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #58585b;
	padding: 0;
	margin: -25px 0 0 179px;
}

#menuTop li li:hover ul,
#menuTop li li.sfhover ul {
	left: auto;
	background-position: 0 0;
}

/* THIRD LEVEL */

#menuTop li:hover ul ul ul,
#menuTop li.sfhover ul ul ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #58585b;
	padding: 0;
	margin: -25px 0 0 179px;
}

#menuTop li li li:hover ul,
#menuTop li li li.sfhover ul {
	left: auto;
	background-position: 0 0;
}

#menuTop li ul li {
	display: block;
	width: 178px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

#menuTop li ul li a,
#menuTop li ul li a.nothing {
	margin: 0;
	padding: 6px;
	background: none;
}

#menuTop li ul li a:hover,
#menuTop li ul li a.nothing:hover {
	background-color: #6a6a6f;
}

#menuTop li li a.parent {
	margin: 0;
	padding: 6px;
	background: transparent url("../images/menuArrowTop.gif") no-repeat center right;
}

#menuTop li li a.parent:hover {
	background: #6a6a6f url("../images/menuArrowTopHover.gif") no-repeat center right;
}

* html #menuTop li ul li a { height: 1%; }

/* MIDDLEMENU */

#middle ul {
	list-style-type: none;
	margin: 0;
}

#middle ul li {
	margin-bottom: 8px;
	background: url('../images/menuSide.gif') bottom left no-repeat;
	float: left; /* IE6 WHITESPACE HACK */
	width: 100%; /* IE6 WHITESPACE HACK */
}

#middle li ul li {
	display: block;
	width: 160px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: none;
}

/* FIRST LEVEL */

#middle li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	background-color: #58585b;
	padding: 0;
	margin: -15px 0 0 150px;
	vertical-align: bottom;
}

#middle li:hover ul, #middle li.sehover ul {
	left: auto;
	background-position: 0 0;
}

/* TILE LINKS */

#middle a {
	display: block;
	width: 200px;
	padding-right: 48px;
	height: 37px;
	padding-top: 24px;
	padding-left: 55px;
	text-decoration: none;
	text-transform: uppercase;
	color: #58585b;
	font-weight: bold;
	margin-left: 14px;
	background: #e7e7e8 url("../images/menuArrow.gif") no-repeat 240px 25px;
}

#middle a:hover {
	display: block;
	width: 200px;
	padding-right: 48px;
	height: 37px;
	padding-top: 24px;
	padding-left: 55px;
	text-decoration: none;
	text-transform: uppercase;
	color: #2a2a2c;
	font-weight: bold;
	margin-left: 14px;
	cursor: pointer;
	background: #e7e7e8 url("../images/menuArrowDown.gif") no-repeat 240px 25px;
}

/* FIRST LEVEL LINKS */

#middle li ul li a {
	margin: 0;
	padding: 0;
	height: 15px;
	width: 149px;
	color: #fff;
	padding: 6px 4px 4px 7px;
	background: none;
	display: block;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	background: #58585b url("../images/menuArrowRedWhite.gif") no-repeat 140px top;
}

#middle li ul li a:hover {
	margin: 0;
	padding: 0;
	height: 15px;
	width: 149px;
	color: #fff;
	padding: 6px 4px 4px 7px;
	background: none;
	display: block;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	background: #8b0f04 url("../images/menuArrowRedWhite.gif") no-repeat 140px bottom;
}

* html #middle li ul li a {	height: 1%; }

#middle span {
	display: block;
	float: left;
	width: 49px;
	height: 46px;
	margin: -17px 0 0 -50px;
}

* html #middle span { display: inline-block; }

#middle .menuIconHout { background: url("../images/menuIconHout.gif") no-repeat top left; }
#middle .menuIconBouw { background: url("../images/menuIconBouw.gif") no-repeat top left; }
#middle .menuIconComplex { background: url("../images/menuIconComplex.gif") no-repeat top left; }
#middle .menuIconMetaal { background: url("../images/menuIconMetaal.gif") no-repeat top left; }
#middle .menuIconStones { background: url("../images/menuIconStones.gif") no-repeat top left; }
#middle .menuIconTransport { background: url("../images/menuIconTransport.gif") no-repeat top left; }
#middle .menuIconEmpty { background: none; }

#middle #media {
	height: 121px;
	width: 480px;
	padding: 2px;
	overflow: hidden;
}
#middle #media img {
	margin-right: 5px;
}
#middler #media span {
	float: none;
	height: auto;
	margin: 0;
	width: auto;
}

/* CONTENT */

#content {
	float: left;
	width: 868px;
	height: 344px;
	background: url('../images/leftBg.gif') top left no-repeat;
	margin-top: 1px;
}
#left {
	float: left;
	width: 229px;
	height: 344px;
}
#left p {
	/*width: 142px;*/
	text-align: right;
	font-size: 18px;
	line-height: 22px;
	color: #58585b;
	margin: 260px 10px 0 66px;
}
#middle {
	float: left;
	width: 317px;
	height: 337px;
	margin-top: 7px;
}
#right {
	float: left;
	width: 322px;
	height: 337px;
	margin-top: 7px;
	background: #58585b url('../images/rightCorner.gif') bottom right no-repeat;
}
#rightTop {
	width: 322px;
	height: 21px;
	background: url('../images/rightBarTop.gif') top left no-repeat;
}
#rightTop span.login {
	float: left;
	display: block;
	width: 161px;
	height: 21px;
	border-right: 1px solid #fff;
	text-align: center;
}
#rightTop span.nieuwsbrief {
	float: left;
	display: block;
	width: 160px;
	height: 21px;
	text-align: center;
}
#rightTop .login a {
	display: block;
	font-size: 11px;
	color: #8b0f04;
	text-decoration: none;
	width: 155px;
	height: 14px;
	padding: 4px 3px 3px 3px;
}
#rightTop .nieuwsbrief a {
	display: block;
	font-size: 11px;
	color: #8b0f04;
	text-decoration: none;
	width: 154px;
	height: 14px;
	padding: 4px 3px 3px 3px;
}
#rightTop a:hover {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	background-color: #8b0f04;
}
#accordion {
	width: 322px;
	margin: 0;
}
#accordion h3.toggler {
	cursor: pointer;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 4px 7px 3px 7px;
	height: 14px;
}
#accordion h3.toggler:hover, #accordion h3.srhover {
	background-color: #8b0f04;
}
#accordion div.element {
	border-bottom: 1px solid #fff;
	padding: 0;
}
#accordion div.element p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #fff;
}
#accordion div.element p.accordHead {
	margin: 0 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	color: #fff;
}
#accordion div.element p#events {
	margin: 22px 0 2px 0;
}
#accordion div.element p.jobs {
	margin: 0 7px 2px 7px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	color: #fff;
}
#accordion div.element a {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	color: #fff;
	text-decoration: underline;
}
#accordion div.element a:hover {
	margin: 0 0 2px 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
#accordion div.element h4 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
}
#accordion div.element ul {
	display: block;
	margin-left: 16px;
}
#accordion div.element li {
	list-style: outside;
	list-style-image: url('../images/listType.gif');
	padding-top: 1px;
	padding-bottom: 1px;
}
#footer {
	width: 868px;
	height: 28px;
	padding-top: 10px;
}
#footer .gold {
	float: left;
	width: 53px;
	height: 28px;
	margin-left: 10px;
}
#footer .dyn {
	float: left;
	width: 90px;
	height: 18px;
	margin-left: 10px;
}
#footer .bdc {
	float: left;
	width: 50px;
	height: 30px;
	margin-left: 10px;
}
#footer p {
	float: right;
	width: 639px;
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
	color: #58595b;
}
.clear
{
	clear: both;
}