.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.boldItalic {
	font-weight: bold;
	font-style: italic;
}
.titel {
	font-weight: bold;
	font-size: 12px;
}

.voetTekst {
	font-size: 9px;
}

html, body {
	background-color: #DDDDDD;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	text-align: justify;
	line-height: 120%;
}

div#schaduwke {
	position: relative;
	left: 50%;
	margin-left: -355px;
	width: 690px;
	background-color: #BBBBBB;
}
div#container {
	position:relative;
	left: -4px;
	top: -4px;
	width: 670px;
	padding: 10px;
	background-color: #FFFFFF;
	/*border: 1px solid black;*/
}

div#header {
	width: 670px;
	height: 120px;
	background-color: #333333;
	background-image: url(../images/algemeen/header9.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


			a {
				text-decoration: none;
				color: #339900;
			}
			a:link {
				text-decoration: none;
				color: #339900;
			}
			a:hover {
				text-decoration: underline;
				color: #339900;
			}
			a:active {
				text-decoration: none;
				color: #339900;
			}
			a:visit {
				text-decoration: none;
				color: #339900;
			}
			
ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

li.blok {
	padding-bottom: 5px;
	/*border-bottom: 1px solid #CCCCCC;*/
	margin-bottom: 5px;
	list-style-image: url(../images/algemeen/streepjeList.gif);
}

/* ------------------NAVIGATIE------------------------- */

div#nav {
	float: right;
	padding-top: 105px;
	padding-right: 5px;
	text-align: right;
	vertical-align: bottom;
	color: #777777;
	/*border: 1px solid black;*/

}
			
			
			
			a.nav {
				text-decoration: none;
				color: #777777;
			}
			a.nav:link {
				text-decoration: none;
				color: #777777;
			}
			a.nav:hover {
				text-decoration: none;
				color: #333333;
			}
			a.nav:active {
				text-decoration: none;
				color: #777777;
			}
			a.nav:visit {
				text-decoration: none;
				color: #777777;
			}
			
			.navActive {
				color: #339900;
			
			}
			
			

/* ------------------TEKST DIVS------------------------- */		

div#hoofdTekst {
	width: 650px;
	float: left;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#welkom {
	width: 670px;
	float: left;
	height: 520px;
	margin-top: 10px;
	/*padding: 10px;*/
	background-color: #EEEEEE;

}

div#antwoordTekst {
	float: right;
	padding-right: 10px;
	width: 360px;
	height: 350px;
	margin-top: 50px;
	text-align: left;
	/*border: 1px solid black;*/
}

div#downloadTekst, div#linkTekst {
	float: right;
	width: 300px;
	height: 350px;
	margin-top: 140px;
	/*border: 1px solid black;*/
}


div#welkomTekst {
	float: right;
	width: 230px;
	height: 360px;
	margin: 140px 10px 0px 10px;
	/*border: 1px solid black;*/
}

div#welkomBeeld {
	float: left;
	width: 400px;
	/*height: 246px;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
}

div#infoRechts {
	/*background-color: #FFFFFF;*/
	padding: 10px 10px 10px 0px;
	float: right;
	width: 310px;
}

div#infoLeft {
	/*margin-top: 100px;*/
	float: left;
	width: 310px;
	height: 520px;
	/*border: 1px solid black;*/
}

div#infoTekst {
	/*margin-top: 100px;*/
	height: 275px;
	padding: 10px 10px 0px 10px;
	/*border: 1px solid black;*/
}

div#infoBeeld {
	float: left;
	top: 0px;
	width: 300px;
	height: 225px;
	background-color: #FFFFFF;
	padding: 10px 10px 0px 0px;
	/*margin-left: -10px;*/
	/*border: 1px solid black;*/
}



div#formLeft {
	float: left;
	text-align: left;
	width: 270px;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid black;*/

}
div#formTekst {
	height: 395px;
	/*border: 1px solid black;*/
}

div#formRight {
	float: right;
	width: 350px;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}
div#formulier {
	height: 485px;
	/*border: 1px solid black;*/
}

table.form {
	float: left;
}

div#portfolio {
	/*width: 380px;*/
	float: left;
	height: 520px;
	margin-top: 10px;
	background-color: #FFFFFF;
	text-align: justify;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioTekst {
	float: left;
	margin-top: 10px;
	width: 380px;
	height: 500px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioTekstKlein {
	width: 380px;
	height: 185px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}
div#portfolioBeeld {
	margin-top: 10px;
	width: 380px;
	height: 285px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioNavigatie {
	width: 260px;
	float: right;
	height: 467px;
	margin-top: 10px;
	/*background-color: #666666;*/
	/*border: 1px solid black;*/
}

/* ------------------TABS DIVS------------------------- */
div#tabNav {
	vertical-align: middle;
	height: 15px;
	font-size: 10px;
	margin-bottom: 5px;
	color: #777777;
	/*border: 1px solid #CCCCCC;*/

}

div#architectuur {
	float: left;
	width: 83px;
      height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}

div#interieur {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}
div#andere {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}
div#activeTab {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	color: #339900;
	background-image: url(../images/portfolio/pijlkes.jpg);

}
.middleTab {
	margin: 0px 5px 0px 5px;
}

			a.tab {
				display: block;
				width: 83px;
				height: 15px;
				text-decoration: none;
				color: #777777;
			}
			a.tab:link {
				display: block;
				width: 83px;
				height: 15px;
				text-decoration: none;
				color: #777777;
			}
			a.tab:hover {
				text-decoration: none;
				color: #777777;
				background-image: url(../images/portfolio/pijlkes.jpg);
			}
			a.tab:active {
				text-decoration: none;
				color: #777777;
			}
			a.tab:visit {
				text-decoration: none;
				color: #777777;
			}
			
			
/* ------------------THUMBS DIVS------------------------- */	
div.thumbsNav {

}

div.thumbRight {
	margin: 5px 0px 0px 0px;
	float: left;
	width: 81px;
	height: 65px;
	border: 1px solid #CCCCCC;
}
div.thumb {
	margin: 5px 5px 0px 0px;
	float: left;
	width: 81px;
	height: 65px;
	border: 1px solid #CCCCCC;
}


/* ------------------DISCLAIMER DIV------------------------- */

p#disclaimer {
	margin: 0px;
}
div#disclaimer {
	position: relative;
	/*clear: both;*/
	float: right;
	top: 0px;
	width: 260px;
	height: 50px;
	text-align: left;
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
	line-height: 100%;
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	background-image: url(../images/portfolio/logoDisclaimer2.jpg);
	background-repeat: no-repeat;

}


/* ------------------TECHNIEK DIVS------------------------- */	

div#test {
	margin:10px 10px 0px 10px;
	height: 520px;
	overflow: scroll;
}
div.techniek {
	top: 10px;
	width: 670px;
	float: left;
	padding: 0px;
	margin-top: 10px;

}
div.techText { 
float: left; 
width: 310px; 
background-color: #EEEEEE; 
padding: 10px; 
height: 235px; 
} 
div.techFoto { 
float: right; 
width: 330px; 
height: 255px; 
}


/* ------------------FORM STYLES------------------------- */	
div.adres {
	position: relative;
	/*border: 1px solid black;*/
}
table.forms {
	margin: 0px;
	padding: 0px;
	/*width: 100%;*/
}

td.formsTekst {
	width: 110px;
	height: 25px;
	text-align: left;
	vertical-align: top;
}
td.form {
	vertical-align: top;
}

.inputveld {
	width: 200px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}

.inputveldPostcode {
	width: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}

.textarea {
	width: 200px;
	height: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}
td.button {
	vertical-align: top;
	padding: 5px 15px 0px 0px;
	/*text-align: right;*/
}


/* ------------------VOETNOOT------------------------- */		

div#voetnoot {
	float: left;
	width: 500px;
	margin-left: 5px;
	/*margin-bottom: 5px;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	/*border: 1px solid black;*/
}


/* ------------------CLEAR BOTH AFSLUITER------------------------- */		

div.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.boldItalic {
	font-weight: bold;
	font-style: italic;
}
.titel {
	font-weight: bold;
	font-size: 12px;
}

.voetTekst {
	font-size: 9px;
}

html, body {
	background-color: #DDDDDD;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	text-align: justify;
	line-height: 120%;
}

div#schaduwke {
	position: relative;
	left: 50%;
	margin-left: -355px;
	width: 690px;
	background-color: #BBBBBB;
}
div#container {
	position:relative;
	left: -4px;
	top: -4px;
	width: 670px;
	padding: 10px;
	background-color: #FFFFFF;
	/*border: 1px solid black;*/
}

div#header {
	width: 670px;
	height: 120px;
	background-color: #333333;
	background-image: url(../images/algemeen/header9.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


			a {
				text-decoration: none;
				color: #339900;
			}
			a:link {
				text-decoration: none;
				color: #339900;
			}
			a:hover {
				text-decoration: underline;
				color: #339900;
			}
			a:active {
				text-decoration: none;
				color: #339900;
			}
			a:visit {
				text-decoration: none;
				color: #339900;
			}
			
ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

li.blok {
	padding-bottom: 5px;
	/*border-bottom: 1px solid #CCCCCC;*/
	margin-bottom: 5px;
	list-style-image: url(../images/algemeen/streepjeList.gif);
}

/* ------------------NAVIGATIE------------------------- */

div#nav {
	float: right;
	padding-top: 105px;
	padding-right: 5px;
	text-align: right;
	vertical-align: bottom;
	color: #777777;
	/*border: 1px solid black;*/

}
			
			
			
			a.nav {
				text-decoration: none;
				color: #777777;
			}
			a.nav:link {
				text-decoration: none;
				color: #777777;
			}
			a.nav:hover {
				text-decoration: none;
				color: #333333;
			}
			a.nav:active {
				text-decoration: none;
				color: #777777;
			}
			a.nav:visit {
				text-decoration: none;
				color: #777777;
			}
			
			.navActive {
				color: #339900;
			
			}
			
			

/* ------------------TEKST DIVS------------------------- */		

div#hoofdTekst {
	width: 650px;
	float: left;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#welkom {
	width: 670px;
	float: left;
	height: 520px;
	margin-top: 10px;
	/*padding: 10px;*/
	background-color: #EEEEEE;

}

div#antwoordTekst {
	float: right;
	padding-right: 10px;
	width: 360px;
	height: 350px;
	margin-top: 50px;
	text-align: left;
	/*border: 1px solid black;*/
}

div#downloadTekst, div#linkTekst {
	float: right;
	width: 300px;
	height: 350px;
	margin-top: 140px;
	/*border: 1px solid black;*/
}


div#welkomTekst {
	float: right;
	width: 230px;
	height: 360px;
	margin: 140px 10px 0px 10px;
	/*border: 1px solid black;*/
}

div#welkomBeeld {
	float: left;
	width: 400px;
	/*height: 246px;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
}

div#infoRechts {
	/*background-color: #FFFFFF;*/
	padding: 10px 10px 10px 0px;
	float: right;
	width: 310px;
}

div#infoLeft {
	/*margin-top: 100px;*/
	float: left;
	width: 310px;
	height: 520px;
	/*border: 1px solid black;*/
}

div#infoTekst {
	/*margin-top: 100px;*/
	height: 275px;
	padding: 10px 10px 0px 10px;
	/*border: 1px solid black;*/
}

div#infoBeeld {
	float: left;
	top: 0px;
	width: 300px;
	height: 225px;
	background-color: #FFFFFF;
	padding: 10px 10px 0px 0px;
	/*margin-left: -10px;*/
	/*border: 1px solid black;*/
}



div#formLeft {
	float: left;
	text-align: left;
	width: 270px;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid black;*/

}
div#formTekst {
	height: 395px;
	/*border: 1px solid black;*/
}

div#formRight {
	float: right;
	width: 350px;
	height: 500px;
	padding: 10px;
	margin-top: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}
div#formulier {
	height: 485px;
	/*border: 1px solid black;*/
}

table.form {
	float: left;
}

div#portfolio {
	/*width: 380px;*/
	float: left;
	height: 520px;
	margin-top: 10px;
	background-color: #FFFFFF;
	text-align: justify;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioTekst {
	float: left;
	margin-top: 10px;
	width: 380px;
	height: 500px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioTekstKlein {
	width: 380px;
	height: 185px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}
div#portfolioBeeld {
	margin-top: 10px;
	width: 380px;
	height: 285px;
	padding: 10px;
	background-color: #EEEEEE;
	/*border: 1px solid #CCCCCC;*/
}

div#portfolioNavigatie {
	width: 260px;
	float: right;
	height: 467px;
	margin-top: 10px;
	/*background-color: #666666;*/
	/*border: 1px solid black;*/
}

/* ------------------TABS DIVS------------------------- */
div#tabNav {
	vertical-align: middle;
	height: 15px;
	font-size: 10px;
	margin-bottom: 5px;
	color: #777777;
	/*border: 1px solid #CCCCCC;*/

}

div#architectuur {
	float: left;
	width: 83px;
      height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}

div#interieur {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}
div#andere {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	/*border: 1px solid #CCCCCC;*/
}
div#activeTab {
	float: left;
	width: 83px;
	height: 15px;
	text-align: center;
	color: #339900;
	background-image: url(../images/portfolio/pijlkes.jpg);

}
.middleTab {
	margin: 0px 5px 0px 5px;
}

			a.tab {
				display: block;
				width: 83px;
				height: 15px;
				text-decoration: none;
				color: #777777;
			}
			a.tab:link {
				display: block;
				width: 83px;
				height: 15px;
				text-decoration: none;
				color: #777777;
			}
			a.tab:hover {
				text-decoration: none;
				color: #777777;
				background-image: url(../images/portfolio/pijlkes.jpg);
			}
			a.tab:active {
				text-decoration: none;
				color: #777777;
			}
			a.tab:visit {
				text-decoration: none;
				color: #777777;
			}
			
			
/* ------------------THUMBS DIVS------------------------- */	
div.thumbsNav {

}

div.thumbRight {
	margin: 5px 0px 0px 0px;
	float: left;
	width: 81px;
	height: 65px;
	border: 1px solid #CCCCCC;
}
div.thumb {
	margin: 5px 5px 0px 0px;
	float: left;
	width: 81px;
	height: 65px;
	border: 1px solid #CCCCCC;
}


/* ------------------DISCLAIMER DIV------------------------- */

p#disclaimer {
	margin: 0px;
}
div#disclaimer {
	position: relative;
	/*clear: both;*/
	float: right;
	top: 0px;
	width: 260px;
	height: 50px;
	text-align: left;
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
	line-height: 100%;
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	background-image: url(../images/portfolio/logoDisclaimer2.jpg);
	background-repeat: no-repeat;

}


/* ------------------TECHNIEK DIVS------------------------- */	

div#test {
	margin:10px 10px 0px 10px;
	height: 520px;
	overflow: scroll;
}
div.techniek {
	top: 10px;
	width: 670px;
	float: left;
	padding: 0px;
	margin-top: 10px;

}
div.techText { 
float: left; 
width: 310px; 
background-color: #EEEEEE; 
padding: 10px; 
height: 235px; 
} 
div.techFoto { 
float: right; 
width: 330px; 
height: 255px; 
}


/* ------------------FORM STYLES------------------------- */	
div.adres {
	position: relative;
	/*border: 1px solid black;*/
}
table.forms {
	margin: 0px;
	padding: 0px;
	/*width: 100%;*/
}

td.formsTekst {
	width: 110px;
	height: 25px;
	text-align: left;
	vertical-align: top;
}
td.form {
	vertical-align: top;
}

.inputveld {
	width: 200px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}

.inputveldPostcode {
	width: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}

.textarea {
	width: 200px;
	height: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color:  #339900;*/
}
td.button {
	vertical-align: top;
	padding: 5px 15px 0px 0px;
	/*text-align: right;*/
}


/* ------------------VOETNOOT------------------------- */		

div#voetnoot {
	float: left;
	width: 500px;
	margin-left: 5px;
	/*margin-bottom: 5px;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	/*border: 1px solid black;*/
}


/* ------------------CLEAR BOTH AFSLUITER------------------------- */		

div.clear {
	clear: both;
}