@font-face {
    font-family: 'FuturaMedium';
    src: url('fonts/fontsfutura_copy-webfont.eot');
    src: url('fonts/futura_copy-webfont.eot?iefix') format('eot'),
         url('fonts/futura_copy-webfont.woff') format('woff'),
         url('fonts/futura_copy-webfont.ttf') format('truetype'),
         url('fonts/futura_copy-webfont.svg#webfontNhq7Siov') format('svg');
    font-weight: medium;
    font-style: medium;
}
 
html{
 	-webkit-font-smoothing: antialiased;
	min-height:101%;
	overflow-y:scroll;
}
  
body{
	background-image:url(images/bgPattern.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
}

#wrapper{
	width:940px;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	width:940px;
	height:234px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin-top:20px;
}

/*---------all the props for the NAVIGATION---- */

#navigatie{
	width:940px;
	height:49px;
	background-color:#fde15e;
	position:relative;
	float:left;
}

#navigatie ul{
	height:49px;
	margin-left:90px;
	padding-left:0px;
	margin-top:10px;
}

#navigatie ul li{
	width:90px;
	margin-left: 110px;
	padding-right: 0px;
	list-style: none;
	display: inline;
	float:left;
	}

/*-----navigation animation----*/

#homeNavi{
	display:inline-block;
	height:34px;
	width:71px;
	background-image:url("images/navi_home.png");
	background-repeat:no-repeat;
}

a #homeNavi:hover{
	display:inline-block;
	height:34px;
	width:71px;
	margin-left:-4px;
	margin-top:-1px;;
	background-image:url("images/navi_home_selected.png");
}

a #homeNavi_selected{
	display:inline-block;
	height:34px;
	width:71px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_home_selected.png");
}

#locationNavi{
	display:inline-block;
	height:34px;
	width:97px;
	background-image:url("images/navi_locaties.png");
	background-repeat:no-repeat;
}

a #locationNavi:hover{
	display:inline-block;
	height:34px;
	width:97px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_locaties_selected.png");
}

a #locationNavi_selected{
	display:inline-block;
	height:34px;
	width:97px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_locaties_selected.png");
}

#materiaalNavi{
	display:inline-block;
	height:32px;
	width:100px;
	background-image:url("images/navi_materiaal.png");
}

a #materiaalNavi:hover{
	display:inline-block;
	height:34px;
	width:123px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_materiaal_selected.png");
}

a #materiaalNavi_selected{
	display:inline-block;
	height:34px;
	width:123px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_materiaal_selected.png");
}

#infoNavi{
	display:inline-block;
	height:34px;
	width:51px;
	background-image:url("images/navi_info.png");
	background-repeat:no-repeat;
}

a #infoNavi:hover{
	display:inline-block;
	height:34px;
	width:51px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_info_selected.png");
}

a #infoNavi_selected{
	display:inline-block;
	height:34px;
	width:51px;
	margin-left:-4px;
	margin-top:-1px;
	background-image:url("images/navi_info_selected.png");
}

#navishadow{
	width:922px;
	height:17px;
	background-image:url("images/naviShadow.png");
	position:absolute;
	top:49px;
	left:6px;
	z-index:2;
}

/*---------all the props for the SIDEBAR---- */

#sidebar{
	width:171px;
	height:668px;
	background-image:url("images/sidebarBg.png");
	position:relative;
	float:left;
	margin-left:9px;
}

.topAdress{
	width:164px;
	position:relative;
	float:left;
	margin-left:7px;
	margin-top:24px;
	text-align:center;
}

.adress{
	width:164px;
	position:relative;
	float:left;
	margin-left:7px;
	text-align:center;
}

a{
	text-decoration:none;
	color:#0066ff;
}

h2,h3{
	margin:0px;
	padding:0px;
}

h2 a{
	margin:0px;
	padding:0px;
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	font-style:condensed;
	/*color:#0066ff;*/
}

h3 a{
	margin:0px;
	padding:0px;
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	/*color:#5d5d5d;*/
}

.time{
	color:#484848;
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
}

.dottedLine{
	width:164px;
	height:4px;
	background-image:url("images/dottedLine.png");
	margin-top:20px;
	margin-bottom:18px;
}

#zevenOpZeven{
	width:131px;
	height:171px;
	position:relative;
	float:left;
	background-image:url("images/bol.png");
	margin-top:10px;
	margin-left:23px;
	
}
#promo{
	width:131px;
	height:101px;
	position:relative;
	float:left;
	background-image:url("images/promo.png");
	margin-top:10px;
	margin-left:16px;
	
}

/*---------content and the main LAYOUT---- */

#contentWrapper{
	position:relative;
	float:left;
	width:940px;
}

p{
	margin-top:0;
	font-family:Tahoma;
	font-size:14px;
	color:#363636;
	font-weight:normal;
}

#contentHolder{
	width:756px;
	position:relative;
	float:left;
	z-index:1;
	margin-left:-4px;
	background-image:url(images/contentBgPatterVertical.png);
	background-repeat:repeat;
}

#content{
	width:717px;
	position:relative;
	float:left;
	margin-left:31px;
}

#dateSum{
	margin-top:25px;
}

/*---------content ==> HOME---- */
#title_home{
	width:225px;
	height:32px;
	background-image:url(images/title_home.png);
	margin-top:24px;
	margin-bottom:14px;
}

#home{
	padding-left:15px;
	padding-right:15px;
}

#introImage{
	width:200px;
	height:170px;
	background-image:url("images/martine.png");
}

#doelImage{
	width:200px;
	height:170px;
	background-image:url("images/doel.png");
}

.imagePadding{
	margin-right:20px;
	margin-bottom:3px;
	float:left;
}

#introTekst, #doelTekst{
	
}

#doelImage{
	width:200px;
	height:170px;
	
}

#introductie, #doel{
	margin-bottom:30px;
}

/*---------content ==> MATERIAAL---- */

#title_materiaal{
	width:137px;
	height:32px;
	background-image:url(images/title_materiaal.png);
	margin-top:24px;
	margin-bottom:14px;
}

.materiaal{
	position:relative;
	float:left;
	margin-bottom:35px;
}

.materiaalFoto{
	width:259px;
	height:195px;
}

.materiaaltekst{
	width:340px;
	position:relative;
	float:left;
	margin-left:37px;
}

/*---------content ==> LOCATION INFORMATION---- */

#title_locaties{
	width:191px;
	height:32px;
	background-image:url(images/title_locaties.png);
	margin-top:24px;
	margin-bottom:14px;
}

.location{
	position:relative;
	float:left;
	margin-bottom:35px;
}

.locationPicture{
	position:relative;
	float:left;
	width:329px;
	height:255px;
}

.locationSum{
	width:267px;
	position:relative;
	float:left;
	margin-left:41px;
	margin-top:65px;
}

.locationSum span{
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
}

.locationSumPlace{
	font-size:67px;
	color:#534f4f;
}

.locationSumAdress{
	font-size:32px;
	color:#545454;
}

.locationSumtime{
	font-size:41px;
	color:#4f4f4f;
}


.locationSumMoreInfo a{
	width:200px;
	text-decoration:underline;
	font-size:18px;
	color:#439ff6;
	
}

/*---------content ==> LOCATION IN DETAIL---- */

#detailLocation{
	position:relative;
	float:left;
	margin-bottom:32px;
	margin-left:15px;
}

#title_detail_aalst1, #title_detail_aalst2{
	width:75px;
	height:32px;
	background-image:url("images/title_detail_aalst1.png");
	margin-top:24px;
	margin-bottom:10px;
}

#title_detail_berlare{
	width:102px;
	height:32px;
	background-image:url("images/title_detail_berlare.png");
	margin-top:24px;
	margin-bottom:10px;
}

#detailImage{
	float:left;
	position:relative;
	width: 378px;
	height: 296px;
}

#detailImage img{
	position:absolute;
}

#detailImage img .show{
	z-index:100;
}

#detailLocationDescription{
	margin-left:20px;
	width:265px;
	position:relative;
	float:left;
}

.detailSubTitle{
	margin-top:16px;
	margin-bottom:8px;
}

.detailSubText{
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	font-size:32px;
	padding-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-color: #848381;
	/*border-bottom-style:dashed;*/
}

#detailMap{
	position:relative;
	float:left;
	margin-bottom:32px;
	margin-left:15px;
}

#detailMapPlugin{
	width:502px;
	height:298px;
}

/*---------content ==> INFO---- */

#title_info{
	width:138px;
	height:32px;
	background-image:url("images/title_extraInfo.png");
	margin-top:24px;
	margin-bottom:14px;
}

#info{
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-left:15px;
	
	
}

#voordeel{

}

#jetonPrijs{
	width:271px;
	height:67px;
	background-image:url("images/jettonPrijs.png");
	margin-top:25px;
	margin-bottom:20px;
}

#voordeelImage{
	width:253px;
	height:329px;
	position:relative;
	float:left;
	background-image:url("images/voordeelImage.png");
}

#voordeelTekst{
	width:350px;
	float:left;
	margin-left:20px;
}

#kostprijs{
	margin-top:20px;
	width:500px;
	float:left;
	margin-bottom:20px;
}

/*---------SHARED SETTINGS---- */

/*table settings*/

#materiaal{
	font-family: 'FuturaMedium',futura, Arial, Helvetica, sans-serif;
	/*width:502px;*/
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-left:15px;
}

.weights td{
	padding-left:5px;;
}

table{
	margin-top:20px;
}

td{
	color:#3693ea;
	font-size:18px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cbb4b4;
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#cbb4b4;
}

tr .option{
	font-size:16px;
	color:#3ea2ff;
	height:23px;
	padding-right:10px;
}

.materiaalAanwezig{
	width:41px;
	background-image:url('images/materiaalAanwezig.png');
}

.materiaalNietAanwezig{
	width:41px;
	background-image:url('images/materiaalNietAanwezig.png');
}

.lastRow td{
	border-bottom-width:0px;
	border-bottom-style:none;
}

table .lastItem{
	border-right-width:0px;
	border-right-style:none;
}

#tabelverklaring{
	margin-top:20px;
}

#prijstabel .lastPriceItem{
	border-right-width:0px;
	border-right-style:none;
	padding-left:10px;
	font-family:Tahoma;
	font-size:14px;
	color:#363636;
	font-weight:normal;
	}
	
/*image background settings*/

.fotoBg{
	position:relative;
	float:left;
	background-color:#FFFFFF;
	border-color:#dfdede;
	border-style:solid;
	border-width:1px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:6px;
	padding-left:6px;
}

#footer{
	background-image:url(images/footerShadow.png);
	width:756px;
	height:5px;
	position:relative;
	float:left;
	margin-left:177px;
}

.boldy{
	font-weight:bold;
}

a .textLink{
	color:#0d9ace;
	text-decoration:underline;
}