/* CSS Document */
*{
	margin:0px;
	padding:0px;
	font-family:Georgia;
	font-size:12px;	
	outline:none;
}
body{
	background:url(images/pattern.png);/*#3d3d3d*/
	border-top:#cbb777 3px solid;
	
}

/*___________HEADER____________*/
#headerContainer{
	width:100%;
	height:125px;
	background:rgba(255,255,255,0.05)
}
#header{
	margin:0 auto;
	width:1000px;
	height:125px;
}
#logo{
	
	background:url(images/logoDecoene.png) no-repeat;
	width:337px;
	height:81px;
	float:left;
	margin-top:25px;
}
/*MENU's*/


/* taal menu */
#taalmenu{
	/*background:#363535;*/
	width:123px;
	min-height:44px;
	float:right;
	
}
#taalmenu ul{
	
}
#taalmenu li{
	list-style:none;
	float:left;
	
	padding-left:0px;
}
/*#taalmenu li a{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.7em;
}
#taalmenu li a:hover{
	color:#cbb777;
	
}*/
/*nl*/
#taalmenu li a.NLBtn{
	background:url(images/nlBtn.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}
#taalmenu li a.NLBtn:hover{
	background:url(images/nlBtnHover.png) no-repeat 0px 0px;
	
}
#taalmenu li a.NLBtnActive{
	background:url(images/nlBtnHover.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}
/*fr*/


#taalmenu li a.FRBtn{
	background:url(images/frBtn.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}
#taalmenu li a.FRBtn:hover{
	background:url(images/frBtnHover.png) no-repeat 0px 0px;
	
}
#taalmenu li a.FRBtnActive{
	background:url(images/frBtnHover.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}

/*eng*/

#taalmenu li a.ENGBtn{
	background:url(images/engBtn.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}
#taalmenu li a.ENGBtn:hover{
	background:url(images/engBtnHover.png) no-repeat 0px 0px;
	
}
#taalmenu li a.ENGBtnActive{
	background:url(images/engBtnHover.png) no-repeat 0px 0px;
	width:41px;
	height:44px;
	display:block;
}


/*menu */
#menu{
	margin-left:0px;
	margin-top:31px;
	
	width:600px;
	height:15px;
	float:right;
	
}
#menu ul{
	
	float:right;
	
}
#menu li{
	list-style:none;
	float:left;
	margin-left:62px;
}
/*#menu li a{
	color:#dcdcdc ;
	text-decoration:none;
	text-transform:uppercase;
	
}
#menu li a:hover{
	color:#cbb777;
	
}*/
/*homeMenu*/
#menu li a.homeBtn{
	background:url(images/homeBtn.png) no-repeat 0px 0px;
	width:52px;
	height:11px;
	display:block;
}
#menu li a.homeBtn:hover{
	background:url(images/homeBtn.png) no-repeat 0px -11px;
	height:18px;
}
#menu li a.homeBtnActive{
	background:url(images/homeBtn.png) no-repeat 0px -11px;
	width:52px;
	height:18px;
	display:block;
}

/*projectsMenu*/
#menu li a.projectsBtn{
	background:url(images/projectsBtn.png) no-repeat 0px 0px;
	width:105px;
	height:11px;
	display:block;
}
#menu li a.projectsBtn:hover{
	background:url(images/projectsBtn.png) no-repeat 0px -11px;
	height:18px;
}
#menu li a.projectsBtnActive{
	background:url(images/projectsBtn.png) no-repeat 0px -11px;
	width:105px;
	height:18px;
	display:block;
}


/*decoeneMenu*/
#menu li a.decoeneBtn{
	background:url(images/decoeneBtn.png) no-repeat 0px 0px;
	width:95px;
	height:11px;
	display:block;
}
#menu li a.decoeneBtn:hover{
	background:url(images/decoeneBtn.png) no-repeat 0px -11px;
		height:18px;
}
#menu li a.decoeneBtnActive{
	background:url(images/decoeneBtn.png) no-repeat 0px -11px;
	width:95px;
	height:18px;
	display:block;
}



/*contactMenu*/
#menu li a.contactBtn{
	background:url(images/contactBtn.png) no-repeat 0px 0px;
	width:83px;
	height:11px;
	display:block;
}
#menu li a.contactBtn:hover{
	background:url(images/contactBtn.png) no-repeat 0px -11px;
	height:18px;
}
#menu li a.contactBtnActive{
	background:url(images/contactBtn.png) no-repeat 0px -11px;
	width:83px;
	height:18px;
	display:block;
}




/*___________Content____________*/
#contentContainer{
	width:1000px;
	
	margin:0 auto;
	
	
}


/*Gallery*/
#galleryMain{
	width:1000px;
	height:600px;
	
	background:#FFF;
	/*padding-top:5px;*/
	
	
}



/*___________Recente Projecten____________*/
#recenteProjecten{
	width:1000px;
	min-height:280px;
	
	background:#FFF;
	
	margin-top:10px;
}
#recenteProjecten h1{
	color:#363636;
	text-transform:uppercase;
	padding:15px;
	padding-left:32px;
}
.recProject{
	float:left;
	margin-left:32px;
	
}
.recProject h2.typeProject{
	clear:both;
	text-transform:uppercase;
	color:#b59b47;
	font-size:0.7em;
	margin-top:10px;
	
}
.recProject p{
	width:210px;
	text-transform:uppercase;
	color:#363636;
}

.recProject img{
	border:none;
	float:left;
	height:140px;
	
	margin-bottom:10px;
}
.recProject div.plus{
	background:url(images/projHover.png) no-repeat;
	position:absolute;
	float:left;
	width:210px;
	height:140px;
	
	
	
}
/*___________Projecten____________*/
#galleryProjecten{
	width:1000px;
	min-height:600px;
	
	background:#FFF;
	
	
}
#galleryProjecten h1.projectTitel{
	color:#b59b47;
	text-transform:uppercase;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	
}



/*PROJECT INFO */
#projectInfoContainer{
	width:320px;

	margin-top:25px;
	margin-left:25px;
	position:absolute;
	z-index:1000;
}
.projectInfoHeader{
	width:140px;
	height:40px;
	background:#FFF;
	
}
.projectInfoHeader h1{
	color:#373737;
	float:left;
	padding-top:12px;
	padding-left:40px;
	text-transform:uppercase;
	letter-spacing:2px;

}
#btnMeerInfoContainer{
	width:40px;
	height:40px;
	display:block;
	cursor:pointer;
	float:right;
	
	margin-top:0px;
	margin-right:0px;
	
}
#btnMeerInfoContainer .btnMeerInfo{
	width:12px;
	height:6px;
	margin:auto;
	margin-top:16px;
	
	background:url(images/btnMeerInfo.png) no-repeat 0px -6px;
}
#btnMeerInfoContainer .active{
	
	background:url(images/btnMeerInfo.png) no-repeat 0px 0px;
}

.projectInfo{
	width:320px;
	min-height:0px;
	background:#FFF;
	padding-bottom:25px;
	display:none;
	
}
.projectInfo h1{
	padding-top:10px;
	padding-left:40px;
	
	text-transform:uppercase;
	color:#a6965b;
}
.projectInfo p{
	width:220px;
	color:#373737;
	padding-top:20px;
	padding-left:40px;
	font-style:italic;
	font-size:12px;
}
.projectInfo span.projInfo{
	font-family:Verdana, Geneva, sans-seri;
	font-size:10px;
	padding-right:10px;
	font-style:normal;
	font-weight:bold;
}
/*___________DECOENE____________*/
img.vakwerk{
	margin-bottom:-3px;
}

#historyContent{
	width:1000px;
	min-height:400px;
	
	background:#FFF;
	
	
	
	
}
#historyContent #accordion{
	
	padding-top:20px;
	/*padding-bottom:20px;*/
}
#historyContent #accordion h1{
	padding:10px 0;
	padding-left:10px;
	
		
		padding:20px;

}
#historyContent #accordion h1 span.datum{
	color:#a6965b;
	display:block;
	float:left;
	min-width:80px;
	font-weight:100;
	
}
#historyContent #accordion h1 a{
	
	font-size:14px;
	letter-spacing:1px;
	font-weight:100;

	text-transform:uppercase;
	color:#1f1f1f;
	text-decoration:none;
	
	
	padding-left:50px;
}
#historyContent #accordion div{
	
	border-bottom:3px solid #ebebeb;	
	padding-bottom:0px;
	padding-left:10px;
	
}
#historyContent #accordion h2{
	font-family: 'MyriadProReg';
	color:#145079;
	font-size:16px;
	margin-bottom:10px;
}
#historyContent #accordion p{
	width:750px;
	margin-bottom:20px;
	margin-left:140px;
	font-style:italic;
	line-height:18px;
}


#historyContent span.ui-icon{ display:block;
		float:right;
		margin-top:5px;
		}
.ui-icon { width: 17px; height: 24px; background: url(images/accIcon.png) no-repeat; }
.ui-icon-circle-arrow-e { background-position: 0px 0px; }
.ui-icon-circle-arrow-s { background-position: 0px -14px; }


h1.ui-state-hover { background:#ebebeb;}
.ui-accordion .ui-accordion-header {cursor: pointer; border-bottom:3px solid #ebebeb;	}

.ui-accordion-header.ui-state-active.ui-corner-top{border:none;}
.ui-accordion-header.ui-state-active.ui-corner-top.ui-state-hover{background:none; border:none;}





/*PROJECTEN*/
#projecten{
	width:1000px;
	min-height:280px;
	
	background:#FFF;
	
	margin-top:10px;
	
}
#projecten h1{
	color:#363636;
	text-transform:uppercase;
	padding-top:15px;
	padding-left:32px;
	
}
.projectItem{
	float:left;
	margin-left:32px;
}
.projectItem h2.typeProject{
	text-transform:uppercase;
	color:#b59b47;
	font-size:0.7em;
	margin-top:10px;
	
}
.projectItem p{
	width:210px;
	text-transform:uppercase;
	color:#363636;
	margin-bottom:20px;
}
.projectItem a{
	display:block;
	width:210px;
	height:140px;
	
	
	
}
.projectItem img{
	border:none;
	float:left;
	
	margin-bottom:10px;
}
.projectItem div.plus{
	background:url(images/projHover.png) no-repeat;
	position:absolute;
	float:left;
	width:210px;
	height:140px;
	
}
.projectLijn{
	
	min-height:200px;
	margin-top:20px;
	padding-bottom:10px;
	
}
#slider img{height:600px;}








/*___________Contact____________*/

#contactContainer{
	width:1000px;
	min-height:600px;
	
	margin:0 auto;
	
	background:#FFF;
	
}
#contactContainer h1{
	padding-top:20px;
	padding-left:30px;
	text-transform:uppercase;
	letter-spacing:2px;
	
}
#contactForm{
	width:650px;
	float:left;
	padding-top:30px;
	padding-left:30px;
}
#contactForm form{
	padding-right:100px;
	float:right;
	font-family:Verdana;
	color:#4f4e4e;
	
}
#contactForm input[type="text"]{
	color:#757575;
	font-style:italic;
	width:350px;
	background:#f5f5f5;
	border:1px #c6c6c6 solid;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	
}

#contactForm textarea{
	
	color:#757575;
	font-style:italic;
	padding:5px;
	border:1px #c6c6c6 solid;
	background:#f5f5f5;
	width:350px;
	height:100px;
	resize:none;
	padding-left:10px;
	padding-right:10px;
}
#contactForm textarea:focus{
	border:1px #5a5858 solid;
	
}
#contactForm input:focus{
	border:1px #5a5858 solid;
	
}
#contactForm label{
	padding-right:25px;
	font-family:Verdana;
	color:#4f4e4e;
	
	width: 100px;
	float: left;
	text-align: right;
	margin: 0 1em 5px 0;
	clear: both;
	padding-top:5px;
}
#contactForm label.verplicht{
	font-size:10px;
	
	width: 150px;
	float: left;
	margin-left:90px;
	
	padding-top:20px;
}
.btnVerzenden{
	display:block;
	width: 118px;
	height:12px;
	
	background:url(images/btnVerzenden.png)	no-repeat;
	border:none;
	float:right;
	cursor:pointer;
	
	
	margin-top:20px;
	margin-right:15px;
}


#contactInfo{
	width:150px;
	height:500px;
	float:left;
	border-left:1px #c6c6c6 solid;
	padding-top:30px;
	padding-left:40px;
	z-index:1000;
}
#contactInfo #contactInfoTitel{
	width:105px;
	height:11px;
	background:url(images/contactTitelInfo.png) no-repeat;
	margin-bottom:10px;
}
#contactInfo p{
	color:#383838;
	font-size:14px;
	font-style:italic;
	line-height:24px;
}

#contactInfo a{
	
	color:#ab8d2e;
	text-decoration:none;
}




/*___________Footer____________*/
#footer{
	width:1000px;
	
	margin:0 auto;
	
	margin-top:20px;
	margin-bottom:100px;
	
}
#footer img{
	float:left;
	
}
#footer p{
	color:#FFFFFF;
	font-style:italic;
	float:left;
	margin-left:50px;
	line-height:11px;
}
#footer img.floatRight{
	float:right;
	
}

.dummy{
	clear:both;
	line-height:1px;	
}