@charset "utf-8";
/**********************************
	Color values:
	#999 - light grey

***************************************/

/*typographic styles go here*/
div, h1, h2, h3, h4, h5, h6, p, address {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	text-transform: none;
}
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	padding: 0px;
	width: 969px;
	margin: 0px auto;
}
#header {
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	position: relative;
	font-size: 0.9em;
	border-bottom: 1px solid #000;
}
#logo {
	left: 0px;
	bottom: 1px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}
#logoText {
	display: block;
	font-size: 4em;
	font-weight: bold;
}

#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: absolute;
	right: 0px;
	bottom: 1px;
}

#header li {
	float: left;
}

#header li a:link, #header li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}
#header li a.last:link    , #header li a.last:visited{
	text-decoration: none;
	display: block;
	margin-right: 0px;
	padding-right: 0px;
	text-align: right;
}

#header li a:hover {
	color: #000;
	text-align: right;
}
#header li a.current, #header li a.current:hover, #header li a.current:active {
	color: #000;
	cursor: default;
}
#header li a.lastMenuItemCurrent, #header li a.lastMenuItemCurrent:hover, #header li a.lastMenuItemCurrent:active {
	color: #000;
	cursor: default;
	text-align: right;
	display: block;
	margin-right: 0px;
	padding-right: 0px;
}



#mainContent {
	width: 969px;
	float: left;
}

#subMenus {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	height: 35px;
	position: relative;
	border-style: none;
	background: #FFF;
	float: left;
	width: 969px;
}

#quotes {


}


.textItem {
	position: absolute;
	display: none;
	font-style: normal;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
}

#subMenus #projectTypeMenu{
	position: absolute;
	left: 0px;
}

#subMenus #projectTypeMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;	
}

#subMenus #projectTypeMenu li {
	float: left;
}

#subMenus #projectTypeMenu li a:link, #subMenus #projectTypeMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}

#subMenus #projectTypeMenu li a.firstSubMenuItem:link, #subMenus #projectTypeMenu li a.firstSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-left: 0em;
	padding-left: 0em;
}


#subMenus #projectTypeMenu li a:hover {
	color: #000;
}

#subMenus #projectTypeMenu li a.current, #subMenus #projectTypeMenu li a.current:hover, #subMenus #projectTypeMenu li a.current:active {
	color: #000;
	cursor: default;
}


#subMenus #nieuwbouwMenu{
	position: absolute;
	right: 0px;
}


#subMenus #nieuwbouwMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}


#subMenus #nieuwbouwMenu li {
	float: left;
}

#subMenus #nieuwbouwMenu li a:link, #subMenus #nieuwbouwMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}


#subMenus #nieuwbouwMenu li a.lastSubMenuItem:link, #subMenus #nieuwbouwMenu li a.lastSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: right;
	margin-right: 0em;
	padding-right: 0em;
}



#subMenus #nieuwbouwMenu li a:hover {
	background: #999;
	color: #FFF;
}

#subMenus #nieuwbouwMenu li a.current, #subMenus #nieuwbouwMenu li a.current:hover, #subMenus #nieuwbouwMenu li a.current:active {
	background: #666;
	color: #FFF;
	cursor: default;
}

#subMenus #verbouwMenu {
	position: absolute;
	right: 0px;
}
#subMenus #verbouwMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#subMenus #verbouwMenu li a:link, #subMenus #verbouwMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}
#subMenus #verbouwMenu li a.lastSubMenuItem:link, #subMenus #verbouwMenu li a.lastSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: right;
	margin-right: 0em;
	padding-right: 0em;
}
#subMenus #verbouwMenu li a:hover {
	background: #999;
	color: #FFF;
}
#subMenus #verbouwMenu li a.current, #subMenus #verbouwMenu li a.current:hover, #subMenus #verbouwMenu li a.current:active {
	background: #666;
	color: #FFF;
	cursor: default;
}
#subMenus #wedstrijdMenu {
	position: absolute;
	right: 0px;
}
#subMenus #wedstrijdMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#subMenus #wedstrijdMenu li {
	float: left;
}
#subMenus #wedstrijdMenu li a:link, #subMenus #wedstrijdMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}
#subMenus #wedstrijdMenu li a.lastSubMenuItem:link, #subMenus #wedstrijdMenu li a.lastSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: right;
	margin-right: 0em;
	padding-right: 0em;
}
#subMenus #wedstrijdMenu li a:hover {
	background: #999;
	color: #FFF;
}
#subMenus #wedstrijdMenu li a.current, #subMenus #wedstrijdMenu li a.current:hover, #subMenus #wedstrijdMenu li a.current:active {
	background: #666;
	color: #FFF;
	cursor: default;
}
#subMenus #epcSubMenu {
	position: absolute;
	left: 0px;
}
#subMenus #epcSubMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#subMenus #epcSubMenu li {
	float: left;
}
#subMenus #epcSubMenu li a:link, #subMenus #epcSubMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}
#subMenus #epcSubMenu li a.firstSubMenuItem:link, #subMenus #epcSubMenu li a.firstSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-left: 0em;
	padding-left: 0em;
}
#subMenus #epcSubMenu li a:hover {
	color: #000;
}
#subMenus #epcSubMenu li a.current, #subMenus #epcSubMenu li a.current:hover, #subMenus #epcSubMenu li a.current:active {
	color: #000;
	cursor: default;
}
#subMenus #bioSubMenu {
	position: absolute;
	left: 0px;
}
#subMenus #bioSubMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#subMenus #bioSubMenu li {
	float: left;
}
#subMenus #bioSubMenu li a:link, #subMenus #bioSubMenu li a:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
	margin: 0.5em;
	color: #999;
}
#subMenus #bioSubMenu li a.firstSubMenuItem:link, #subMenus #bioSubMenu li a.firstSubMenuItem:visited {
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-left: 0em;
	padding-left: 0em;
}
#subMenus #bioSubMenu li a:hover {
	color: #000;
}
#subMenus #bioSubMenu li a.current, #subMenus #bioSubMenu li a.current:hover, #subMenus #bioSubMenu li a.current:active {
	color: #000;
	cursor: default;
}

#contactSubMenu {
	padding-top: 0.6em;
	padding-bottom: 0.5em;
}

#contactSubMenu ul {
        margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#imageContent {
	margin: 0px;
	padding: 0px;
	float: left;
}
img.welkomfotoslinks {
	float: right;
	margin-top: 19px;
	margin-bottom: 19px;
}

img.welkomfotos {
	float: right;
	margin-top: 19px;
	margin-bottom: 19px;
	margin-left: 55px;
}


#photoGroupUp {
	height: 188px;
	border-top: 1px solid #000;
}
#photoGroupDown {
	height: 188px;
	border-top: 1px solid #000;
}

#description {
	float:left;
	border-top: 1px solid #000;
	height: 186px;
}
.first {
	position: absolute;
	z-index: 0;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.second {
	position: absolute;
	z-index: -10;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.third {
	z-index: -20;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.fourth {
	z-index: -30;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.fifth {
	z-index: -40;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.sixth {
	z-index: -50;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.seventh {
	z-index: -60;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.eighth {
	z-index: -70;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.nineth {
	z-index: -80;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.tenth {
	z-index: -90;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.eleventh {
	z-index: -100;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.twelveth {
	z-index: -110;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.firstSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: 0;
}
.secondSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -10;
}
.thirdSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -20;
}
.fourthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -30;
}
.fifthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -40;
}
.sixthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -50;
}
.seventhSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -60;
}
.eighthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -70;
}
.ninethSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -80;
}
.tenthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -90;
}
.eleventhSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -100;
}
.twelvethSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -110;
}
.thirdteenthSidebarPicture {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	z-index: -120;
}

#projectContainer {
	clear: both;
	height: 765px;
}

#epcContainer {
	clear: both;
	height: 765px;
	font-size: 12px;
	line-height: 20px;        
	border-top: 1px solid #000;
	padding-top: 20px;
}
#epcContainer ol {
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        list-style-position: inside;
}
#epcContainer ul {
        list-style-type: disc;
        line-height: 20px;
}
#epcContainer ul li {
        line-height: 20px;
}
#bioContainer {
	clear: both;
	height: 765px;
	font-size: 12px;
	line-height: 20px;        
	border-top: 1px solid #000;
	padding-top: 20px;
}
#bioContainer #opleidingsTable tbody tr td ul { 
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        list-style-position: inside;
}
#bioContainer #opleidingsTable tbody .odd {
	background: #E5E5E5;
}
#contactContainer {
	clear: both;
	height: 765px;
	font-size: 12px;
	line-height: 20px;
	border-top: 1px solid #000;
	padding-top: 20px;
}

#contactContainer ul {
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        list-style-type: none;
        list-style-position: inside;
}

#beeldenContainer {
	height: 508px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
}

#fotosGebouwContainer {
	background: #FFF;
	width: 645px;
	border-right: 1px solid #000;
	height: 508px;
	position: relative;
	overflow: hidden;
	float: left;
}
#beeldenSidebar {
	height: 508px;
	float: right;
	width: 303px;
}
#materiaalContainer {
	height: 254px;
	position: relative;
	overflow: hidden;
}
.videoInSidebar {
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
}
#planContainer {
	height: 253px;
	border-top: 1px solid #000;
	position: relative;
	overflow: hidden;
}

#tekstEnTabelContainer {
	clear: both;
	height: 255px;
	width: 969px;
}
#tekstContainer {
	height: 255px;
	width: 645px;
	border-right: 1px solid #000;
	float: left;
}
#tekstContainer p {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

#tabelContainer {
	float: right;
	width: 303px;
	height: 255px;
	clear: right;
}

/***************************************
5A: FORM OFFERTEVRAAG STYLES
****************************************/
#epcContainer form#offertevraag {
	/*position: static;*/
        /*float: left;*/
        /*padding-bottom: 20px;*/
}
#epcContainer form#offertevraag fieldset{
        padding: 10px;
	    float: left;        
}
#epcContainer form#offertevraag fieldset#gegevensEigenaar{
        padding-bottom: 14px;
}
#epcContainer form#offertevraag fieldset#gegevensPlaatsvanonderzoek{
        margin-left: 7px;
}
#epcContainer form#offertevraag td {
	text-align: left;
}
#epcContainer form#offertevraag label.inline {
        width: 50px;
	float: left;
}
#epcContainer form#offertevraag td {
	padding-bottom: 8px;
}
#epcContainer form#offertevraag select[type='text'], input[type='text'] {
	width: 250px;
}
#epcContainer form#offertevraag select[type='text'].error, input[type='text'].error {
	background: #f8dbdb;
	border: 1px solid #e77776;
}
#epcContainer form#offertevraag textarea {
	width: 465px;
}
#epcContainer form#offertevraag table#verstuurOfferte {
        position: absolute;
        margin-top: 320px;
}

/***************************************
5A: TABLE STYLES
****************************************/
#epcContainer table#tarievenEPC thead tr th{
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
}
#epcContainer table#tarievenEPC th {
        letter-spacing: 0.05em; 
        text-align: center;
        /*background-color: #ccc;*/
        /*border: 1px solid;*/
}
#epcContainer table#tarievenEPC td {
        text-align: center;
}
#epcContainer table#tarievenEPC td.typeWoning {
        text-align: left;
}
#epcContainer table#tarievenEPC tr.odd {
        background: #E5E5E5;
}
#tabelContainer table#infoTable {
	height: 215px;
	width: 303px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.59em;
	float: right;
}
#tabelContainer table#infoTable td {
	padding: 0.8em 0em;
	}
#tabelContainer table#infoTable td.specs {
	text-align: left;
	font-weight: bold;
}
#tabelContainer table#infoTable tr.odd {
	background-color: #E5E5E5;
}


#footer {
	clear: both;
	height: 40px;
	border-top: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
}
#footer #login ul{
	margin: 0px;
        padding-left: 0px;
	list-style: none;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer #login li{
	float: left;
}
#footer #login li a:link, #footer #login li a:visited {
	text-decoration: none;
	display: block;
	color: #999;
}
#footer #login li a:hover {
	color: #000;
}
#footer #login li a.current, #footer #login li a.current:hover, #footer #login li a.current:active {
	color: #000;
	cursor: default;
}
#footer #webdesign ul {
	margin: 0px;
	list-style: none;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

#login_error {
	display: none;
	background: red;
	color: #FFF;
}

form label {
	display: block;
}

form p {
	font-size: 0.9em;
	padding: 7px;
	line-height: 1.6;
}

#wrapper #mainContent #projectContainer #tekstEnTabelContainer #tekstContainer {

}
#wrapper #mainContent #projectContainer #tekstEnTabelContainer #tekstContainer {

}