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

html, body {
	height:100%;
}
	
body {
	font-size:100%;
	/*background:#f1f3f5;*/
	background:#f1f3f5;
}

strong {
	font-weight:bold;
}

#wrapper {
	width:100%;
	background:url(../images/bg.jpg) repeat-y center #f1f3f5;
}

a {
	text-decoration:underline;
	color:#c8d78c;
	outline:none;
}

a:hover {
	text-decoration:none;
}

p {
	padding-bottom:10px;
}

#container {
	width:979px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	background:#070d20;
	position:relative;
}

#headerWrapper {
	width:979px;
	height:119px;
	background:url(../images/bgHeaderWrapper.jpg) top right no-repeat;
}

h1.logo {
	float:left;
	width:265px;
	height:119px;
}

h1.logo a {
	display:block;
	width:265px;
	height:119px;
	background:url(../images/logo.jpg) no-repeat;
}

h1.logo a span {
	display:none;
}

.clearBoth {
	clear: both;
}

#menuWrapper {
	line-height:41px;
	right:0px;
	top:78px;
	position:absolute;
	z-index:10;
}

#menu {
	width:714px;
	height:50px;
	background:url(../images/bgMenuWrapper.jpg) repeat-x;
}

#menu li {
	float:left;
}

#menu li a {
	display:block;
	padding-left:10px;
	padding-right:10px;
	height:50px;
	line-height:41px;
	color:#FFF;
	font-size:0.75em;
	text-decoration:none;
	float:left;
}

#menu li a.active {
	background:url(../images/activeMenu.png) no-repeat;
	background-position:center 40px;
	color:#0d1224;
}

*html #menu li a.active {
	background:url(../images/activeMenu.gif) no-repeat;
	background-position:center 41px;
	color:#0d1224;
}

#menu li a:hover {
	color:#0d1224;
}

#contentWrapper {
	width:979px;
	background:url(../images/bgAll.jpg) repeat-y #FFF;
	position:relative;
}

#contentLeft {
	float:left;
	width:265px;
}

#contentRight {
	float:left;
	width:714px;
	position:relative;
}

#photoWrapper {
	width:265px;
	height:217px;
}

#newsWrapper {
	width:265px;	
	height:370px;
	overflow:auto;
	background:#0e324f;
	position: relative;
}

#newsWrapper h2 {
	background:url(../images/bgNews.jpg) no-repeat;
	height: 36px;
	font-size:1.30em;
	font-weight:bold;
	color:#0d1224;
	padding:10px 15px;
}

.news {
	padding:15px;
	font-size:0.69em;
	line-height:1.5em;
	color:#FFF;
}

.news h3 {
	color:#c8d78c;
	font-size:1.5em;
}

.news-archive-item {
	padding-bottom:15px;
}

.news-archive-item p {
	padding:0px;
}

.news a.readmore {
	font-style:italic;
	color:#c8d78c;
	text-decoration:none;
}

.news a.readmore:hover {
	text-decoration:underline;
}

#sloganWrapper {
	background:url(../images/bgSlogan.jpg) no-repeat;
	width: 714px;
	height: 217px;
}

#sloganWrapper .contact {
	text-align:center;
	color:#FFF;
}

#sloganWrapper .contact .text {
	font-size:0.8em;
	line-height:1.5em;
	padding-top:10px;
}

#sloganWrapper .contact h4 {
	padding:0px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:2em;
}

#sloganWrapper h4 {
	padding-top:65px;
	padding-left:110px;
	font-size:2.0em;
	line-height:1.3em;
	color:#FFF;
	font-weight:bold;
}

#sloganWrapper h4.reno {
	padding:0px;
	text-align:center;
	padding-top:80px;
}

#sloganWrapper h4.ugaatbouwen, #sloganWrapper h4.uvraagtwijbouwen {
	padding-left:90px;
}

#sloganWrapper h4 span {
	padding-left:70px;
}

#footer {
	width:979px;
	background:#070d20;
}

#footer .vcard {
	text-align:center;
	font-size:0.65em;
	color:#FFF;
	padding-top:30px;
	padding-bottom:10px;
}

#footer .vcard a {
	color:#FFF;
}

#textWrapper, #textColumnWrapper {
	padding:30px;
	font-size:0.77em;
	color:#1f2c4f;
	line-height:1.35em;
}

#textColumnWrapper {
	padding:15px;
	padding-top:30px;
}

.column {
	float:left;
	width:305px;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
}

.column img {
	border:1px solid #CCC;
}

#textWrapper h2, #textColumnWrapper h2 {
	padding-bottom:3px;
	color:#3991cd;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:1.5em;
}

#textWrapper .text, #textColumnWrapper .text {
	padding-bottom:20px;
}

.text ul, .box ul {
	padding-left:15px;
	padding-bottom:10px;
}

.text ul li, .box ul li {
	padding-left:10px;
	list-style-type:disc;
}

.workArea {
	width:254px;
	height:300px;
	/*background:url(../images/bgWorkArea.jpg) no-repeat #FFF;*/
	padding-top:275px;
	padding-left:400px;
	padding-right:60px;
	text-align:left;
	font-size:0.79em;
	color:#1f2c4f;
	line-height:1.3em;
	position:absolute;
	z-index:3;
}

.workAreaFlash {
	top:10px;
	position:absolute;
	z-index:2;
}
	

.submenu li {
	float:left;
	padding-right:30px;
}

.submenu li a {
	font-size:1.1em;
	color: #1f2c4f;
	font-weight:bold;
	text-decoration:none;
}

.submenu li a.active {
	text-decoration:none;
	color:#c8d78c;
}

.box {
	padding-top:20px;
	padding-bottom:20px;
}

a.biglink {
	font-size:1.3em;
	color:#9eac65;
	text-decoration:none;
}

a.biglink:hover {
	text-decoration:underline;
}

.certificaat {
	color:#9eac65;
}

.certificates li {
	padding:2px;
}

.certificaten .column {
	text-align:left;
}

#textColumnWrapper h2 {
	padding-left:15px;
}

#textColumnWrapper .column h2 {
	padding-left:0px;
}

#textColumnWrapper h2.newsdetail {
	color:#c8d78c;
	font-size:1.4em;
}

a.homebutton {
	background:url(../images/homebutton.gif) no-repeat center;
	padding:10px;
	display:block;
	width:20px;
	height:15px;
	position:absolute;
	right:0px;
	top:42px;
}

a.homebutton span {
	display:none;
}

#timelineWrapper {
	background:url(../images/bgTimeline.jpg) repeat-x left center;
	height:45px;
	bottom:0px;
	right:0px;
	text-align:center;
	overflow:hidden;
}

#timelineLeft {
	float:left;
	height:31px;
	padding-left:40px;
	width:222px;
	font-size:0.6em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:100%;
	padding-top:16px;
	color:#1f2c4f;
	overflow:hidden;
}

#timelineRight {
	float:right;
	height:45px;
	width:700px;
	overflow:hidden;
}

#timeline {
	height:45px;
	background:url(../images/bgTimelineWrapper.jpg) no-repeat left center;
	overflow:hidden;
}
#timeline ul {
	float:left;
}

#timeline li {
	height:45px;
	float:left;
	line-height:100%;
}

#timeline li.even a {
	padding-top:27px;
	height:18px;
}

#timeline li a {
	padding:0px 2px;
	height:43px;
	padding-top:2px;
	background:url(../images/bgTimelineItem.jpg) center center no-repeat;
	color:#7e8983;
	text-decoration:none;
	font-size:0.6em;
	font-weight:bold;
	display:block;
	float:left;
}

#timeline li.first a {
	background:url(../images/bgTimelineItemFirst.jpg) center center no-repeat;
}

#timeline li.last a {
	background:url(../images/bgTimelineItemLast.jpg) center center no-repeat;
}

#timeline li a.active, #timeline li a:hover {
	color:#1f2c4f;
}

#timeline li.last {
}

#historyText {
	text-align:center;
}

#historyPics {
	padding-top:15px;
	text-align:center;
	width:100%;
}

#historyPics li {
	display:inline;
	padding:5px;
}

#sloganWrapper .year {
	width:100px;
	text-align:center;
	color:#cad890;
	margin:0px auto;
	padding:0px;
	padding-top:145px;
	font-size:3em;
}

span.cufon {
	padding:0px !important;
}

h3.renavaties-title {
	float:left;
	margin-top:30px;
	text-transform:uppercase;
	font-size:3em;
	color:#cad890;
	line-height:1em;
	padding-bottom:10px;
}

.voor-en-na {
	text-align:center !important;
}

.voor-en-na .renavaties-title {
	float:none !important;
	padding-bottom:10px;
}

#portfolioWrapper {
	padding-top:30px;
}

.renovaties-adres, #portfolioAddress {
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	width:430px;
}

.renovaties-adres h5, #portfolioAddress h5 {
	color:##1F2C4F;
	font-weight:bold;
	text-transform:uppercase;
}

#mediaWrapper {
	
}

#projectWrapper {
	float:left;
	width:430px;
}

#mediaBigWrapper {
	width:430px;
}

#mediaBig {
	text-align:left;
	height:290px;
	background:url(../images/ajax-loader.gif) no-repeat;
}

#mediaNoPic {
	width:430px;
	height:90px;
	padding-top:200px;
	text-align:center;
	color:#c0c0c0;
	background:url(../images/noPicture.jpg) no-repeat;	
}

#mediaThumbs {
	width:200px;
	float:right;
}

#mediaThumbsWrapper {
	width:200px;
	float:right;
}

#portfolioButtons {
	width:190px;
	float:right;
	text-align:center;
	padding-top:5px;
	text-transform:uppercase;
}

#portfolioPrevious {
	padding-left:15px;
	color:#1f2c4f;
	background:url(../images/previous.jpg) no-repeat left center;
	text-decoration:none;
	padding-right:18px;
}

#portfolioNext {
	padding-right:15px;
	color:#1f2c4f;
	background:url(../images/next.jpg) no-repeat right center;
	text-decoration:none;
	padding-left:18px;
}

#projectPrevious {
	background:url(../images/previous.jpg) no-repeat left center;
	display:block;
	width:15px;
	height:15px;
}

#projectNext {
	background:url(../images/next.jpg) no-repeat right center;
	display:block;
	width:15px;
	height:15px;
}

#projectNext span, #projectPrevious span {
	display:none;
}

#mediaThumbs ul li {
	float:left;
	padding-left:6px;
	padding-bottom:6px;
	width:44px;
	height:44px;
}

#mediaThumbs ul li a {
	display:block;
	width:40px;
	height:40px;
	border:2px solid #FFF;
}

#mediaThumbs ul li a.active {
	border:2px solid #3991CD !important;
}

.enkeleReferenties {
	padding-top:10px;
	text-align:center;
	font-size:0.9em;
}