/* CSS Document */
body {
	text-align: center;
	background: #ccc url(/assets/images/achtergrond_grijs.gif) top left repeat;
}

.wrapper {
	max-width: 940px;
	min-width: 750px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(/assets/images/bouwtekeningen.gif) top left no-repeat;
	position: relative;
}

div#portfolio.wrapper {
	background: none;
	background-color: #fff;
}

div#masthead {
	position: relative;
	background: #292929 url(/assets/images/masthead_back.jpg) top left no-repeat;
	height: 72px;
}

/*
div.green #masthead{
	background: #2D2D2D url(/assets/images/border-green-2px.gif) bottom left repeat-x;
}

div.blue #masthead{
	background: #2D2D2D url(/assets/images/border-blue-2px.gif) bottom left repeat-x;
}
*/

div#masthead h1 {
	position: absolute;
	padding: 0;
	margin: 0;
	background: url(/assets/images/logo.gif) no-repeat;
	left: 8%;
	width: 182px;
	height: 197px;
	text-indent: -9000px;
}

div#portfolio div#content h1 {
	position: absolute;
	padding: 0;
	margin: 0;
	background: url(/assets/images/logo.gif) no-repeat;
	left: 8%;
	width: 182px;
	height: 197px;
	text-indent: -9000px;
}

div#masthead h1 a {
	display: block;
	width: 182px;
	height: 197px;
	background: url(/assets/images/logo.gif) no-repeat;
}

div#portfolio div#content h1 a {
	display: block;
	width: 182px;
	height: 197px;
	background: url(/assets/images/logo.gif) no-repeat;
}

div#masthead address {
	top: 197px;
	position: absolute;
	padding: 0;
	margin: 0;
	background: url(/assets/images/address.gif) no-repeat;
	left: 8%;
	width: 182px;
	height: 52px;
	text-indent: -9000px;
}

div#masthead address a {
	display: block;
	width: 182px;
	height: 52px;
	background: url(/assets/images/address.gif) no-repeat;

}

div#menubar {
	position: absolute;
	width: 440px;
	top: 37px;
	right: 0px;
	height: 35px;
}

div#portfolio div#menubar {
	width: 585px;
}

div#content {
	padding-bottom: 175px;	
	background: url(/assets/images/content_achtergrond_huis4.jpg) bottom center no-repeat;	
}

.home_new div#content {
	padding-bottom: 150px;	
	background: url(/assets/images/content_achtergrond_huis1.gif) bottom center no-repeat;	
}

.green div#content {
	padding-bottom: 75px;	
	background: url(/assets/images/content_achtergrond_huis2.gif) bottom center no-repeat;	
}

.blue div#content {
	padding-bottom: 150px;	
	background: url(/assets/images/content_achtergrond_huis5.jpg) bottom center no-repeat;	
}

.red div#content {
	padding-bottom: 110px;	
	background: url(/assets/images/content_achtergrond_huis3.gif) bottom center no-repeat;	
}

#dock_main {
	width: 45%;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
}

div#portfolio #dock_main {
	float: left;
	width: 75%;
	margin-right: 0px;
	margin-left: 30px;
}

div.home div#dock_main {	
	width: 63%;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
}

div.home_new div#dock_main {
	display: block;
	float: none;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;	
}

div.home_new div#dock_main .right {
	width: 63%;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
}

div.home_new div#dock_main .left {
	width: 63%;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

ul#werkzaamheden {
	margin: 0;
	padding: 10px;
	list-style: none;
	background-color: #fff;
	width: 400px;
}

ul#werkzaamheden li {
	padding: 0;
	margin: 0;
	width: 400px;
	height: 58px;
	padding-top: 11px;
	line-height: normal;
	text-align: center;
}

ul#werkzaamheden li a {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

ul#werkzaamheden li.architectuur {
	background: url(/assets/images/werkzaamheden-architectuur.gif) left top no-repeat;
}

ul#werkzaamheden li.architectuur a {
	color: #990000;
}

ul#werkzaamheden li.engineering {
	background: url(/assets/images/werkzaamheden-engineering.gif) left top no-repeat;
	height: 74px;
}

ul#werkzaamheden li.engineering  a {
	color:#3A88FE;
}

ul#werkzaamheden li.bouwbegeleiding {
	background: url(/assets/images/werkzaamheden-bouwbegeleiding.gif) left top no-repeat;
	height: 28px;
}

ul#werkzaamheden li.bouwbegeleiding a {
	color: #A8D621;
}

ul#werkzaamheden li a {
	text-decoration: none;
}

ul#werkzaamheden li a:hover {
	text-decoration: underline;
}

div#dock_main_rechts {
	width: 63%;
	float: right;
}

div#dock_main_links {
	width: 63%;
	float: right;
}

div#dock_main_links2 {
	width: 36%;
	float: left;
}

div#dock_rechts {
	width: 150px;
	float: right;
	background: url(/assets/images/menu-kop.jpg) top center no-repeat;
	height: 350px;
	margin-top: 20px;
	padding: 5px;
	padding-top: 100px;
}

div#portfolio div#dock_rechts {
	background: url(/assets/images/menu-kop-portfolio.jpg) top left no-repeat;
	padding-top: 135px;
}

div.red #dock_rechts {
	background: url(/assets/images/menu-kop-architectuur.jpg) top center no-repeat;
}

div.green #dock_rechts {
	background: url(/assets/images/menu-kop-begeleiding.jpg) top center no-repeat;
}

div.blue #dock_rechts {
	background: url(/assets/images/menu-kop-constructie.jpg) top center no-repeat;
}

div#footer {
	padding: 10px;
	position: relative;
	background: #2D2D2D url(/assets/images/border-red-4px.gif) top left repeat-x;
}

div.green div#footer {
	background: #2D2D2D url(/assets/images/border-green-4px.gif) top left repeat-x;
}

div.blue div#footer {
	background: #2D2D2D url(/assets/images/border-blue-4px.gif) top left repeat-x;
}

ul#contact {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#contact li {
	margin: 0px;
	padding: 0px;
	background: none;
	float: left;
	padding-right: 15px;
	margin-top: 8px;
}

ul#contact img{
	border: 0;
}

ul#sitemap {
	list-style: none;
}

ul#sitemap li {
	font-family: Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 20px;
}

ul#sitemap ul {
	list-style: none;
}

ul#sitemap li {
	background: none;
}

ul#sitemap a {
	color: #CC0000;
	text-decoration: none;
}

ul#sitemap a:hover {
	color: #CC0000;
	text-decoration: underline;
}

div#copyright {
	float: left;
	color: #999999;
	background-color: #2D2D2D;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#copyright a {
	color: #fff;
	font-size: 10px;
}